.headshotGeneratorRectBanner{cursor:pointer;background:#6d78ea;border-radius:16px;width:100%;height:156px;position:relative;overflow:hidden;container-type:inline-size}@media (max-width:1280px){.headshotGeneratorRectBanner{height:140px}}@media (max-width:1024px){.headshotGeneratorRectBanner{height:128px}}@media (max-width:768px){.headshotGeneratorRectBanner{border-radius:12px;align-items:flex-start;height:auto;min-height:100px;padding:12px;display:flex}}.headshotGeneratorRectBanner.headshotGeneratorRectBanner--compact{border-radius:12px;align-items:flex-start;height:auto;min-height:100px;padding:12px;display:flex}.headshotGeneratorRectBanner__bg-top-left{pointer-events:none;z-index:0;position:absolute;top:0;left:0}.headshotGeneratorRectBanner__bg-top-left img{width:96px;height:auto;display:block}@media (max-width:1024px){.headshotGeneratorRectBanner__bg-top-left img{width:72px}}@media (max-width:768px){.headshotGeneratorRectBanner__bg-top-left{display:none}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__bg-top-left{display:none}.headshotGeneratorRectBanner__bg-bottom-right{pointer-events:none;z-index:0;position:absolute;bottom:-53px;right:-30px}.headshotGeneratorRectBanner__bg-bottom-right img{width:104px;height:auto;display:block;transform:rotate(90deg)}@media (max-width:1024px){.headshotGeneratorRectBanner__bg-bottom-right img{width:80px}}@media (max-width:768px){.headshotGeneratorRectBanner__bg-bottom-right{display:none}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__bg-bottom-right{display:none}.headshotGeneratorRectBanner__text-group{display:contents}@media (max-width:768px){.headshotGeneratorRectBanner__text-group{flex-direction:column;justify-content:space-between;gap:4px;display:flex}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__text-group{flex-direction:column;justify-content:space-between;gap:4px;display:flex}.headshotGeneratorRectBanner__content{z-index:2;flex-direction:column;align-items:flex-start;gap:8px;max-width:45%;display:flex;position:absolute;top:20px;left:20px}@media (max-width:1280px){.headshotGeneratorRectBanner__content{max-width:48%}}@media (max-width:1024px){.headshotGeneratorRectBanner__content{max-width:50%;top:14px;left:14px}}@media (max-width:768px){.headshotGeneratorRectBanner__content{flex-direction:row;align-items:flex-start;gap:9px;width:100%;max-width:none;position:static}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__content{flex-direction:row;align-items:flex-start;gap:9px;width:100%;max-width:none;position:static}.headshotGeneratorRectBanner__title{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:normal}@media (max-width:1024px){.headshotGeneratorRectBanner__title{font-size:14px}}@media (max-width:768px){.headshotGeneratorRectBanner__title{letter-spacing:.2px;font-size:14px;font-weight:600}}@media (max-width:640px){.headshotGeneratorRectBanner__title{font-size:13px}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__title{letter-spacing:.2px;font-size:14px;font-weight:600}.headshotGeneratorRectBanner__subtitle{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:normal}@media (max-width:1024px){.headshotGeneratorRectBanner__subtitle{font-size:12px}}@media (max-width:768px){.headshotGeneratorRectBanner__subtitle{letter-spacing:-.2px;font-size:12px}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__subtitle{letter-spacing:-.2px;font-size:12px}.headshotGeneratorRectBanner__btn{color:#6e79ea;white-space:nowrap;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:normal;transition:all .2s;display:flex;box-shadow:0 4px 16px #8e7bff40}.headshotGeneratorRectBanner__btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8e7bff59}.headshotGeneratorRectBanner__btn:active{transform:translateY(0)}@media (max-width:1024px){.headshotGeneratorRectBanner__btn{padding:6px 12px;font-size:12px}}@media (max-width:768px){.headshotGeneratorRectBanner__btn{flex-shrink:0;padding:8px 16px;font-size:14px}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__btn{flex-shrink:0;padding:8px 16px;font-size:14px}@media (max-width:768px){.headshotGeneratorRectBanner__btn-full{display:none}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__btn-full,.headshotGeneratorRectBanner__btn-short{display:none}@media (max-width:768px){.headshotGeneratorRectBanner__btn-short{display:inline}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__btn-short{display:inline}.headshotGeneratorRectBanner__stars{align-items:center;gap:6px;display:flex}@media (max-width:768px){.headshotGeneratorRectBanner__stars{display:none}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__stars{display:none}.headshotGeneratorRectBanner__star-icons{align-items:center;gap:0;display:flex}.headshotGeneratorRectBanner__star-icons img{width:14px;height:14px}.headshotGeneratorRectBanner__stars-text{color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:400;line-height:normal}@media (max-width:640px){.headshotGeneratorRectBanner__stars-text{font-size:10px}}.headshotGeneratorRectBanner__transformation{z-index:1;pointer-events:none;align-items:center;gap:0;display:flex;position:absolute;top:50%;right:200px;transform:translateY(-50%)}@media (max-width:1280px){.headshotGeneratorRectBanner__transformation{right:160px}}@media (max-width:1024px){.headshotGeneratorRectBanner__transformation{right:110px}}@media (max-width:768px){.headshotGeneratorRectBanner__transformation{transform-origin:100% 100%;top:auto;bottom:0;right:10px;transform:scale(.6)}}.headshotGeneratorRectBanner--compact .headshotGeneratorRectBanner__transformation{transform-origin:100% 100%;top:auto;bottom:0;right:10px;transform:scale(.6)}.headshotGeneratorRectBanner__photo-group{flex-direction:column;align-items:center;display:flex;position:relative}@container (min-width:740px) and (max-width:780px){.headshotGeneratorRectBanner .headshotGeneratorRectBanner__stars{gap:4px;display:flex}.headshotGeneratorRectBanner .headshotGeneratorRectBanner__stars-text{font-size:10px}}.headshotGeneratorRectBanner__label{color:#fff;text-align:center;white-space:nowrap;background:#fff3;border:1.25px solid #fff;border-radius:5px;margin-bottom:4px;padding:3px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1}@media (max-width:1024px){.headshotGeneratorRectBanner__label{padding:2px 8px;font-size:11px}}.headshotGeneratorRectBanner__photo{border:4.5px solid #fff9;border-radius:3px;width:72px;height:78px;overflow:hidden}.headshotGeneratorRectBanner__photo--before{transform:rotate(-2.6deg)}.headshotGeneratorRectBanner__photo--after{transform:rotate(4.1deg)}.headshotGeneratorRectBanner__photo img{object-fit:cover;width:100%;height:100%}@media (max-width:1280px){.headshotGeneratorRectBanner__photo{border-width:4px;width:64px;height:70px}}@media (max-width:1024px){.headshotGeneratorRectBanner__photo{border-width:3px;width:56px;height:62px}}.headshotGeneratorRectBanner__arrow{margin:10px 4px 0}.headshotGeneratorRectBanner__arrow img{width:60px;height:auto}@media (max-width:1024px){.headshotGeneratorRectBanner__arrow img{width:48px}}
