.swsh-quiz-teaser{position:relative;overflow:hidden;width:100%;padding-top:var(--space-lg, 60px);padding-bottom:var(--space-lg, 60px);box-sizing:border-box}.swsh-quiz-teaser__container{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box;text-align:center}.swsh-quiz-teaser__grid{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.swsh-quiz-teaser__title{font-family:var(--font-heading);font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.1;letter-spacing:.03em;color:#fff;margin:0 0 36px;text-transform:none;order:1}.swsh-quiz-teaser__capsule{position:relative;overflow:hidden;box-sizing:border-box;transition:background-color var(--duration-base, .3s) ease;order:2;margin-bottom:36px}.swsh-quiz-teaser__capsule--horizontal{width:min(100%,720px);height:160px;border-radius:9999px}.swsh-quiz-teaser__capsule--vertical{display:none}.swsh-quiz-teaser__images{position:relative;width:100%;height:100%}.swsh-quiz-teaser__img{position:absolute;pointer-events:none;object-fit:contain;transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);opacity:0}.swsh-quiz-teaser__img--desktop{top:50%;left:50%;transform:translate(-40%,-50%) scale(.95);max-height:85%;max-width:90%}.swsh-quiz-teaser__img--desktop.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.swsh-quiz-teaser__img--desktop.exit{opacity:0;transform:translate(-60%,-50%) scale(.95)}.swsh-quiz-teaser__grid--orientation-vertical .swsh-quiz-teaser__img--desktop{position:absolute;top:50%;left:50%;max-height:none;max-width:none;height:520px;width:auto;transform:translate(-40%,-50%) rotate(-90deg) scale(.95)}.swsh-quiz-teaser__grid--orientation-vertical .swsh-quiz-teaser__img--desktop.active{opacity:1;transform:translate(-50%,-50%) rotate(-90deg) scale(1)}.swsh-quiz-teaser__grid--orientation-vertical .swsh-quiz-teaser__img--desktop.exit{opacity:0;transform:translate(-60%,-50%) rotate(-90deg) scale(.95)}.swsh-quiz-teaser__btn-wrapper{order:3}.swsh-quiz-teaser__btn{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:2px solid transparent;border-radius:9999px;padding:12px 42px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;z-index:1;transition:border-color var(--duration-base) var(--ease-in-out-soft),color var(--duration-base) var(--ease-in-out-soft),transform var(--duration-fast) var(--ease-in-out-soft);cursor:pointer}.swsh-quiz-teaser__btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-in-out-soft)}.swsh-quiz-teaser__btn:hover:before{transform:scaleX(1)}.swsh-quiz-teaser__btn:hover{transform:translateY(-1px)}@media screen and (max-width:768px){.swsh-quiz-teaser{padding-top:64px;padding-bottom:0}.swsh-quiz-teaser__container{padding-left:15px;padding-right:15px}.swsh-quiz-teaser__title{margin-bottom:32px;order:1;font-size:clamp(14px,4.8vw,24px);white-space:nowrap;letter-spacing:.02em}.swsh-quiz-teaser__btn-wrapper{margin-bottom:48px;order:2}.swsh-quiz-teaser__capsule{order:3;margin-bottom:0}.swsh-quiz-teaser__capsule--horizontal{display:none}.swsh-quiz-teaser__capsule--vertical{display:block;width:200px;height:300px;border-radius:100px 100px 0 0}.swsh-quiz-teaser__img--mobile{bottom:12px;left:50%;transform:translate(-50%,15px) scale(.95);transform-origin:bottom center;height:90%;width:auto;max-width:90%}.swsh-quiz-teaser__img--mobile.active{opacity:1;transform:translate(-50%) scale(1)}.swsh-quiz-teaser__img--mobile.exit{opacity:0;transform:translate(-50%,25px) scale(.95)}.swsh-quiz-teaser__img--rotated{bottom:auto;top:50%;left:50%;transform:translate(-50%,-45%) rotate(90deg) scale(.95);max-height:80%;max-width:80%}.swsh-quiz-teaser__img--rotated.active{opacity:1;transform:translate(-50%,-54%) rotate(90deg) scale(1)}.swsh-quiz-teaser__img--rotated.exit{opacity:0;transform:translate(-50%,-60%) rotate(90deg) scale(.95)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/swsh-quiz-teaser.css.map */