.selfie-banner{position:relative;width:100%;min-height:450px;margin:0 auto;border-radius:0;overflow:hidden;display:flex;align-items:stretch}.selfie-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.selfie-banner__bg picture,.selfie-banner__bg-image{display:block;width:100%;height:100%}.selfie-banner__bg-image{object-fit:cover;object-position:center}.selfie-banner__bg .placeholder-svg,.selfie-banner__placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;background:rgb(var(--color-foreground, 0 0 0) / .06)}.selfie-banner--placeholder{min-height:450px}.selfie-banner__left,.selfie-banner__right{position:relative;z-index:2}.selfie-banner__left{width:42%;min-height:390px}.selfie-banner__right{width:58%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:36px 44px;color:#fff}.selfie-banner__top{width:100%;display:flex;align-items:flex-start;justify-content:center;gap:28px;margin-bottom:22px}.selfie-banner__heading{max-width:520px;font-size:38px;line-height:1.06;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:0;color:inherit}.selfie-banner__qr-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px;flex-shrink:0}.selfie-banner__qr{width:118px;height:118px;object-fit:contain;display:block;margin-bottom:10px}.selfie-banner__qr-text{font-size:13px;line-height:1.1;font-weight:400;color:#fff;max-width:118px;margin:0}.selfie-banner__subtext{max-width:620px;font-size:18px;line-height:1.2;font-weight:400;color:#fff;margin:0 0 22px}.selfie-banner__button{display:inline-flex;align-items:center;justify-content:center;min-width:288px;min-height:44px;padding:10px 28px;border-radius:999px;background:#003eab;color:#fff;text-decoration:none;font-size:15px;line-height:1;font-weight:700;letter-spacing:.2px;text-transform:uppercase;transition:background .2s ease,transform .2s ease}.selfie-banner__button:hover{background:#003eab;color:#fff!important}.selfie-banner__button--hover:hover,.selfie-banner__button--hover:focus-visible{background:var(--button-hover-bg, #003eab);color:var(--button-hover-color, #ffffff)!important}.selfie-banner__button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.selfie-banner__button[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}@media(max-width:991px){.selfie-banner{min-height:auto;flex-direction:column}.selfie-banner__left,.selfie-banner__right{width:100%}.selfie-banner__left{min-height:300px}.selfie-banner__right{padding:32px 24px 36px}.selfie-banner__top{flex-direction:column;align-items:center;gap:20px}.selfie-banner__heading{font-size:32px;max-width:100%}}@media(max-width:640px){.selfie-banner{min-height:100vh;border-radius:0}.selfie-banner__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000005,#00000014);pointer-events:none}.selfie-banner__bg-image{object-position:63.5% center}.selfie-banner__left{display:none}.selfie-banner__right{width:100%;min-height:75vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;padding:22px 22px 18px}.selfie-banner__top{width:100%;display:block;margin-bottom:0}.selfie-banner__heading{max-width:232px;font-size:22px;line-height:1.07;letter-spacing:.1px;font-weight:700;margin:0}.selfie-banner__qr-wrap{display:none}.selfie-banner__subtext{max-width:245px;font-size:14px;line-height:.98;font-weight:400;text-align:center;color:#fff;margin:auto auto 14px;align-self:center}.selfie-banner__button{width:auto;min-width:248px;min-height:36px;padding:9px 22px;border-radius:999px;font-size:11px;line-height:1;font-weight:700;letter-spacing:.7px;align-self:center;margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.selfie-banner__button{transition:none}}@media(forced-colors:active){.selfie-banner__button{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}.selfie-banner__button:focus-visible{outline:2px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/section-skin-quiz-welcome.css.map */
