@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,600&display=swap";.shop-all-quiz-banner{box-sizing:border-box;overflow:hidden;padding-block-start:var(--shop-all-quiz-desktop-padding-top);padding-block-end:var(--shop-all-quiz-desktop-padding-bottom);color:var(--shop-all-quiz-text);background:var(--shop-all-quiz-outer-background);font-family:var(--text-font-family)}.shop-all-quiz-banner *,.shop-all-quiz-banner *:before,.shop-all-quiz-banner *:after{box-sizing:border-box}.shop-all-quiz-banner__stage{position:relative;height:393px}.shop-all-quiz-banner__panel{position:absolute;top:24px;right:0;bottom:1px;left:0;overflow:hidden;border-radius:24px;background:var(--shop-all-quiz-background)}.shop-all-quiz-banner__copy{position:absolute;z-index:4;top:50%;left:50px;display:flex;width:398px;max-width:calc(100% - 100px);flex-direction:column;align-items:flex-start;gap:40px;transform:translateY(-50%)}.shop-all-quiz-banner__text{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:12px}.shop-all-quiz-banner__heading,.shop-all-quiz-banner__description{margin:0;color:inherit}.shop-all-quiz-banner__heading{width:385px;max-width:100%;font-family:var(--text-font-family);font-size:40px;font-weight:400;line-height:1.17;letter-spacing:-.4px}.shop-all-quiz-banner__heading-line{display:block}.shop-all-quiz-banner__heading em{font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:inherit}.shop-all-quiz-banner__description{width:373px;max-width:100%;font-size:16px;font-weight:300;line-height:1.6;letter-spacing:-.16px}.shop-all-quiz-banner__button{display:inline-flex;min-height:46px;padding:12px 32px;align-items:center;justify-content:center;border-radius:35px;color:var(--shop-all-quiz-button-text);background:var(--shop-all-quiz-button-background);font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap;transition:opacity .16s ease,transform .16s ease}.shop-all-quiz-banner__desktop-art{position:absolute;z-index:1;top:0;right:0;display:block;width:727px;height:366px;object-fit:cover}.shop-all-quiz-banner__hand{position:absolute;z-index:3;top:0;left:calc(50% - 110px);display:block;width:260px;height:394px;object-fit:contain}.shop-all-quiz-banner__mobile-art{display:none}@media(hover:hover){.shop-all-quiz-banner__button:hover{opacity:.88;transform:translateY(-1px)}}@media screen and (max-width:999px)and (min-width:750px){.shop-all-quiz-banner__desktop-art{right:-155px}.shop-all-quiz-banner__hand{left:47%}.shop-all-quiz-banner__panel:after{content:"";position:absolute;z-index:2;inset:0 auto 0 360px;width:240px;pointer-events:none;background:linear-gradient(90deg,var(--shop-all-quiz-background),rgba(28,135,243,0))}}@media screen and (max-width:749px){.shop-all-quiz-banner{height:876px;padding:0;background:var(--shop-all-quiz-background)}.shop-all-quiz-banner__stage,.shop-all-quiz-banner__panel{width:100%;height:100%}.shop-all-quiz-banner__stage{margin-inline:0}.shop-all-quiz-banner__panel{position:relative;inset:auto;border-radius:0}.shop-all-quiz-banner__copy{top:70px;right:33px;left:33px;width:auto;max-width:none;transform:none}.shop-all-quiz-banner__heading{width:100%;font-size:clamp(35px,9.3vw,40px)}.shop-all-quiz-banner__description{width:322px}.shop-all-quiz-banner__desktop-art,.shop-all-quiz-banner__hand{display:none}.shop-all-quiz-banner__mobile-art{position:absolute;z-index:1;right:auto;bottom:0;left:0;display:block;width:calc(100% + 3px);max-width:none;height:auto;object-fit:contain}}@media screen and (max-width:374px){.shop-all-quiz-banner__copy{right:24px;left:24px}.shop-all-quiz-banner__heading{font-size:34px}}@media(prefers-reduced-motion:reduce){.shop-all-quiz-banner__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/shop-all-quiz-banner.css.map */