.ss-try-it-first{background-color:transparent}.ss-product-video,.ss-product-notes,.ss-product-story,.ss-try-it-first,.ss-trust-grid,.ss-product-carousel,.ss-reviews,.ss-review-gallery,.ss-footer,.ss-product-details{background:transparent!important}.ss-try-it-first{width:100%}.ss-try-it-first__inner{width:100%;display:flex;flex-direction:column;gap:10px}@media screen and (max-width:989px){.ss-try-it-first__inner>.ss-try-it-first__media{min-height:var(--ss-tif-min-height-mobile, 60vh)}}.ss-try-it-first__dot-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.ss-try-it-first__dot-subtitle{font-size:clamp(var(--ss-tif-subtitle-size-mobile, 12px),.9vw,19px);line-height:1.2;text-align:center;color:rgba(var(--color-foreground),.7);font-family:Asta Sans,sans-serif}@media screen and (min-width:990px){.ss-try-it-first__dot-subtitle{font-size:clamp(var(--ss-tif-subtitle-size-desktop, 14px),.9vw,19px)}}@media screen and (min-width:990px){.ss-try-it-first__inner{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--ss-cards-gap, var(--ss-gutter, 40px));align-items:stretch;min-height:var(--ss-tif-min-height, 75vh)}.ss-try-it-first__inner>.ss-try-it-first__media,.ss-try-it-first__inner>.ss-try-it-first__content{min-width:0;height:auto}.ss-try-it-first__media{height:auto}.ss-try-it-first__content{justify-content:space-between;padding:24px}.ss-try-it-first__title{font-size:clamp(var(--ss-tif-title-size-desktop, 48px),3.2vw,60px)}.ss-try-it-first__description{font-size:clamp(var(--ss-tif-description-size-desktop, 16px),1.3vw,26px);line-height:1.5}.ss-try-it-first__nav{justify-content:flex-start;width:100%}.ss-try-it-first__dot-wrap{flex:0 0 auto}.ss-try-it-first--media-right .ss-try-it-first__media{order:2}.ss-try-it-first--media-right .ss-try-it-first__content{order:1}}.ss-try-it-first__media{position:relative;width:100%;height:302px;border-radius:var(--ss-tif-radius, 12px);overflow:hidden;background:rgba(var(--color-foreground),.15)}.ss-try-it-first__step{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translate(100%);transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}.ss-try-it-first__media-bg{display:none}.ss-try-it-first__media-fg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ss-try-it-first__step.is-active{transform:translate(0)}.ss-try-it-first__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.2);pointer-events:none}.ss-try-it-first__content{background:rgb(var(--color-button));padding:var(--ss-tif-card-padding-mobile, 32px) 24px;display:flex;flex-direction:column;gap:var(--ss-tif-content-gap, 16px);border-radius:var(--ss-tif-radius, 12px)}.ss-try-it-first__steps{display:grid}.ss-try-it-first__step-content{grid-area:1 / 1;display:flex;flex-direction:column;gap:var(--ss-tif-content-gap, 16px);padding:4px 0;opacity:0;pointer-events:none;transition:opacity .3s ease}.ss-try-it-first__step-content.is-active{opacity:1;pointer-events:auto}.ss-try-it-first__title{margin:0;font-family:Moderat,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.03em;padding-bottom:.1em;background-image:linear-gradient(to right,rgb(var(--color-foreground)) 0% 30%,rgba(var(--color-foreground),.4) 70% 100%);background-size:300% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ss-try-it-first__step-content.is-active .ss-try-it-first__title{animation:ss-try-it-first-progress var(--ss-tif-duration, 5s) linear forwards}.is-paused .ss-try-it-first__title,.is-paused .ss-try-it-first__step-content.is-active .ss-try-it-first__title{animation:none;background-image:none;color:rgb(var(--color-foreground));-webkit-text-fill-color:rgb(var(--color-foreground))}@keyframes ss-try-it-first-progress{0%{background-position:100% 0}to{background-position:0% 0}}.ss-try-it-first__description{margin:0;line-height:1.4;color:rgb(var(--color-foreground))}@media screen and (max-width:989px){.ss-try-it-first__title{font-size:clamp(var(--ss-tif-title-size-mobile, 26px),3.2vw,60px)}.ss-try-it-first__description{font-size:clamp(var(--ss-tif-description-size-mobile, 14px),1.3vw,26px)}}.ss-try-it-first__nav{display:flex;gap:var(--ss-tif-dot-gap-mobile, 12px);align-items:center}@media screen and (min-width:990px){.ss-try-it-first__nav{gap:var(--ss-tif-dot-gap-desktop, 12px)}}.ss-try-it-first__dot{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid rgba(var(--color-foreground),.4);cursor:pointer;width:var(--ss-tif-dot-size-mobile, 40px);height:var(--ss-tif-dot-size-mobile, 40px);border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-family:Asta Sans,sans-serif;font-size:calc(var(--ss-tif-dot-size-mobile, 40px) * .4);color:rgba(var(--color-foreground),.6);padding:0;position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media screen and (min-width:990px){.ss-try-it-first__dot{width:var(--ss-tif-dot-size-desktop, 48px);height:var(--ss-tif-dot-size-desktop, 48px);font-size:calc(var(--ss-tif-dot-size-desktop, 48px) * .4)}}.ss-try-it-first__dot.is-active{background:transparent;border-color:rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground))}.ss-try-it-first__dot-num{position:relative;z-index:1}.ss-try-it-first__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible;pointer-events:none}.ss-try-it-first__ring-progress{fill:none;stroke:rgb(var(--color-foreground));stroke-width:2;stroke-linecap:round;stroke-dasharray:119.38;stroke-dashoffset:119.38;opacity:0}.ss-try-it-first__dot.is-active .ss-try-it-first__ring-progress{opacity:1;animation:ss-tif-ring-draw var(--ss-tif-duration, 5s) linear forwards}@keyframes ss-tif-ring-draw{0%{stroke-dashoffset:119.38}to{stroke-dashoffset:0}}.is-paused .ss-try-it-first__dot.is-active .ss-try-it-first__ring-progress{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ss-try-it-first__step-content.is-active .ss-try-it-first__title{animation:none;background-position:0 0}}@media screen and (min-width:990px){.ss-try-it-first.ss-no-gap.ss-try-it-first--media-left .ss-try-it-first__media{border-top-right-radius:0;border-bottom-right-radius:0}.ss-try-it-first.ss-no-gap.ss-try-it-first--media-left .ss-try-it-first__content,.ss-try-it-first.ss-no-gap.ss-try-it-first--media-right .ss-try-it-first__media{border-top-left-radius:0;border-bottom-left-radius:0}.ss-try-it-first.ss-no-gap.ss-try-it-first--media-right .ss-try-it-first__content{border-top-right-radius:0;border-bottom-right-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-ss-try-it-first.css.map */