.section-scent-showcase{--ss-bg: #ffffff;--ss-pad-top: 40px;--ss-pad-bottom: 40px;--ss-card-w: 336px;--ss-card-h: 472px;--ss-mirror-w: 384px;--ss-radius: 512px;--ss-center-y: -384px;--ss-angle-step: 30deg;--ss-card-rise: 96px;position:relative;background:var(--ss-bg);padding-top:var(--ss-pad-top);padding-bottom:var(--ss-pad-bottom);overflow:hidden}.section-scent-showcase .ss-heading{text-align:center;margin:0 auto 1rem;max-width:80%;position:relative;z-index:12}.section-scent-showcase .ss-stage{position:relative;width:100%;height:640px;margin:0 auto}.section-scent-showcase .ss-mirror{position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--ss-mirror-w);max-width:60vw;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none}.section-scent-showcase .ss-mirror img{width:100%;height:auto;display:block}.section-scent-showcase .ss-wheel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.section-scent-showcase .ss-slide{position:absolute;left:50%;top:calc(var(--ss-card-rise, 0px) * -1);width:var(--ss-card-w);margin-left:calc(var(--ss-card-w) / -2);transform-origin:top center;will-change:transform,opacity;cursor:pointer}.section-scent-showcase .ss-slide.is-active{cursor:default;z-index:5}.section-scent-showcase .ss-card-wrap{position:relative;z-index:2;width:var(--ss-card-w);height:var(--ss-card-h);transform-origin:top center}.section-scent-showcase .ss-slide.ss-landing .ss-card-wrap{animation:ss-land-swing 1.2s cubic-bezier(.22,.61,.36,1)}@keyframes ss-land-swing{0%{transform:rotate(0)}20%{transform:rotate(-6deg)}45%{transform:rotate(4deg)}65%{transform:rotate(-2deg)}85%{transform:rotate(1deg)}to{transform:rotate(0)}}@media(max-width:767px){.section-scent-showcase .ss-slide.ss-nudge .ss-card-wrap{animation:ss-nudge 1.6s cubic-bezier(.22,.61,.36,1) .3s}}@keyframes ss-nudge{0%{transform:rotate(0)}25%{transform:rotate(-14deg)}50%{transform:rotate(8deg)}72%{transform:rotate(-4deg)}to{transform:rotate(0)}}.section-scent-showcase .ss-card-wrap img,.section-scent-showcase .ss-card-wrap video{width:100%;height:100%;object-fit:contain;display:block}.section-scent-showcase .ss-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.section-scent-showcase .ss-icon{position:absolute;width:104px;height:104px;display:flex;align-items:center;justify-content:center;--burst-dx: 0px;--burst-dy: 0px;transform:translate3d(var(--burst-dx),var(--burst-dy),0) scale(0) rotate(0);opacity:0;z-index:1;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.section-scent-showcase.ss-revealed .ss-icon{will-change:transform,opacity}.section-scent-showcase .ss-icon img{width:100%;height:100%;object-fit:contain;display:block}.section-scent-showcase .ss-icon--1{top:192px;left:-40px}.section-scent-showcase .ss-icon--2{top:288px;left:calc(var(--ss-card-w) - 52px)}.section-scent-showcase .ss-icon--3{top:372px;left:-56px}.section-scent-showcase.ss-revealed .is-active .ss-icon.ss-sway{animation:ss-burst .45s cubic-bezier(.34,1.56,.64,1) forwards,ss-sway 3.4s ease-in-out .45s infinite}.section-scent-showcase.ss-revealed .is-active .ss-icon--1.ss-sway{animation-delay:0ms,.45s}.section-scent-showcase.ss-revealed .is-active .ss-icon--2.ss-sway{animation-delay:50ms,.5s;animation-duration:.45s,3.8s}.section-scent-showcase.ss-revealed .is-active .ss-icon--3.ss-sway{animation-delay:.1s,.55s;animation-duration:.45s,3.2s}@keyframes ss-burst{0%{transform:translate3d(var(--burst-dx),var(--burst-dy),0) scale(0) rotate(0);opacity:0}25%{opacity:1}to{transform:translateZ(0) scale(1) rotate(var(--ss-icon-tilt, 0deg));opacity:1}}@keyframes ss-sway{0%{transform:translateZ(0) scale(1) rotate(calc(var(--ss-icon-tilt, 0deg) - 5deg))}50%{transform:translateZ(0) scale(1) rotate(calc(var(--ss-icon-tilt, 0deg) + 5deg))}to{transform:translateZ(0) scale(1) rotate(calc(var(--ss-icon-tilt, 0deg) - 5deg))}}.section-scent-showcase .ss-info{position:absolute;top:calc(var(--ss-card-h) + 52px);left:50%;transform:translate(-50%);width:500px;text-align:center;opacity:0;transition:opacity .45s ease .1s;pointer-events:none}.section-scent-showcase .is-active .ss-info{opacity:1;pointer-events:auto}.section-scent-showcase .ss-title{margin:0 0 .5rem}.section-scent-showcase .ss-price{margin:0 0 1rem;display:flex;justify-content:center}.section-scent-showcase .ss-description{margin:0 0 1rem}.section-scent-showcase .ss-description p{margin:0 0 .5rem}.section-scent-showcase .ss-description p:last-child{margin-bottom:0}.section-scent-showcase .ss-cta-wrap{display:inline-block}.section-scent-showcase .ss-nav{position:absolute;top:calc(var(--ss-card-h) / 2 + 120px);transform:translateY(-50%);z-index:6}.section-scent-showcase .ss-nav--prev{left:32px}.section-scent-showcase .ss-nav--next{right:32px}.section-scent-showcase .ss-nav .button,.js [data-button-hover=standard] .section-scent-showcase .ss-nav .button.button--secondary:hover:not([disabled]){color:rgb(var(--color-button-text))}@media(max-width:1023px){.section-scent-showcase{--ss-card-w: 272px;--ss-card-h: 384px;--ss-mirror-w: 320px;--ss-radius: 432px;--ss-center-y: -336px;--ss-angle-step: 32deg;--ss-card-rise: 80px}.section-scent-showcase .ss-stage{height:576px}.section-scent-showcase .ss-icon{width:77px;height:77px}.section-scent-showcase .ss-icon--1{top:152px;left:-16px}.section-scent-showcase .ss-icon--2{top:216px;left:calc(var(--ss-card-w) - 48px)}.section-scent-showcase .ss-icon--3{top:288px;left:-32px}}@media(max-width:767px){.section-scent-showcase{--ss-card-w: 192px;--ss-card-h: 272px;--ss-mirror-w: 240px;--ss-radius: 384px;--ss-center-y: -320px;--ss-angle-step: 34deg;--ss-card-rise: 56px}.section-scent-showcase .ss-stage{height:496px}.section-scent-showcase .ss-mirror{max-width:78vw}.section-scent-showcase .ss-slide:not(.is-active){opacity:0;pointer-events:none}.section-scent-showcase .ss-icon{position:static;width:51px;height:51px}.section-scent-showcase .ss-icons{position:absolute;top:calc(var(--ss-card-h) + 18px);left:0;width:100%;display:flex;justify-content:center;gap:1.25rem}.section-scent-showcase .ss-info{top:calc(var(--ss-card-h) + 90px);width:120%}.section-scent-showcase .ss-nav{top:calc(var(--ss-card-h) / 2 + 64px)}.section-scent-showcase .ss-nav--prev{left:8px}.section-scent-showcase .ss-nav--next{right:8px}}@media(prefers-reduced-motion:reduce){.section-scent-showcase .ss-slide,.section-scent-showcase .ss-info{transition:none}.section-scent-showcase.ss-revealed .is-active .ss-icon{animation:none;transform:translateZ(0) scale(1) rotate(var(--ss-icon-tilt, 0deg));opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/scent-showcase.css.map */