.sf-pc{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;font-size:10px;font-size:clamp(7.5px,3.5cqw,11px)}.sf-pc__view{position:absolute;left:0;right:0;bottom:0;top:2.6em;overflow:hidden;background:#000}.sf-pc__shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 0%;display:block}.sf-pc__tap{position:absolute;z-index:5;width:11cqw;height:11cqw;margin:-5.5cqw 0 0 -5.5cqw;border-radius:50%;background:#ffffff59;box-shadow:0 0 0 1px #ffffff8c,0 0 2.4em rgba(var(--sf-accent-rgb),.55);opacity:0;pointer-events:none}.sf-showcase--armed .sf-pc [class*=sf-pc]{animation-play-state:paused}.sf-showcase--armed .sf-pc.is-playing [class*=sf-pc]{animation-play-state:running}@keyframes sf-pc-tap{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.sf-pc-entry{background:transparent}.sf-pc-entry__frame{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:390 / 844;transform:translate(-50%,-50%)}.sf-pc-entry__ui{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;max-width:none}.sf-pc-entry__logo{position:absolute;left:26.15%;top:32.46%;width:47.7%;height:auto;display:block}.sf-pc-entry__tap{left:50%;top:65.4%}.sf-showcase--armed .sf-pc-entry__ui{animation:sf-pc-entry-ui 9s ease infinite}.sf-showcase--armed .sf-pc-entry__logo{animation:sf-pc-entry-logo 9s cubic-bezier(.25,.46,.45,.94) infinite}.sf-showcase--armed .sf-pc-entry__tap{animation:sf-pc-tap-entry 9s ease-out infinite}@keyframes sf-pc-entry-ui{0%,6%{opacity:0}24%,92%{opacity:1}to{opacity:0}}@keyframes sf-pc-entry-logo{0%,2%{transform:scale(0)}14%,92%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}@keyframes sf-pc-tap-entry{0%,70%{opacity:0;transform:scale(.4)}72%{opacity:1;transform:scale(.7)}80%,to{opacity:0;transform:scale(1.6)}}.sf-pc-cart__unlocked{opacity:0}.sf-pc-cart__tap{left:82.3cqw;top:167.9cqw}.sf-showcase--armed .sf-pc-cart__drawer{animation:sf-pc-cart-drawer 11s cubic-bezier(.16,1,.3,1) infinite}.sf-showcase--armed .sf-pc-cart__unlocked{animation:sf-pc-cart-unlocked 11s ease infinite}.sf-showcase--armed .sf-pc-cart__tap{animation:sf-pc-tap-cart 11s ease-out infinite}@keyframes sf-pc-cart-drawer{0%,8%{clip-path:inset(0 0 0 100%)}20%,to{clip-path:inset(0 0 0 0)}}@keyframes sf-pc-cart-unlocked{0%,46%{opacity:0}52%,90%{opacity:1}97%,to{opacity:0}}@keyframes sf-pc-tap-cart{0%,40%{opacity:0;transform:scale(.4)}42%{opacity:1;transform:scale(.7)}49%,to{opacity:0;transform:scale(1.6)}}.sf-pc-size__cm{opacity:0}.sf-pc-size__tap1{left:85.9cqw;top:81.3cqw}.sf-pc-size__tap2{left:77.4cqw;top:37.2cqw}.sf-showcase--armed .sf-pc-size__sheet{animation:sf-pc-size-sheet 11s cubic-bezier(.16,1,.3,1) infinite}.sf-showcase--armed .sf-pc-size__cm{animation:sf-pc-size-cm 11s ease infinite}.sf-showcase--armed .sf-pc-size__tap1{animation:sf-pc-tap-size1 11s ease-out infinite}.sf-showcase--armed .sf-pc-size__tap2{animation:sf-pc-tap-size2 11s ease-out infinite}@keyframes sf-pc-size-sheet{0%,12%{clip-path:inset(100% 0 0 0)}24%,92%{clip-path:inset(0 0 0 0);opacity:1}98%,to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes sf-pc-size-cm{0%,50%{opacity:0}54%,90%{opacity:1}96%,to{opacity:0}}@keyframes sf-pc-tap-size1{0%,8%{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(.7)}17%,to{opacity:0;transform:scale(1.6)}}@keyframes sf-pc-tap-size2{0%,47%{opacity:0;transform:scale(.4)}49%{opacity:1;transform:scale(.7)}56%,to{opacity:0;transform:scale(1.6)}}.sf-pc-sticky__bar{position:absolute;z-index:4;left:0;right:0;bottom:0;height:17.44cqw;box-shadow:0 -1.2em 2.4em #0009}.sf-pc-sticky__bar img{display:block;width:100%;height:100%;max-width:none}.sf-pc-sticky__tap{left:73.8%;top:50%}.sf-showcase--armed .sf-pc-sticky__page{animation:sf-pc-sticky-pan 11s cubic-bezier(.65,0,.35,1) infinite}.sf-showcase--armed .sf-pc-sticky__bar{animation:sf-pc-sticky-bar 11s cubic-bezier(.16,1,.3,1) infinite}.sf-showcase--armed .sf-pc-sticky__tap{animation:sf-pc-tap-sticky 11s ease-out infinite}@keyframes sf-pc-sticky-pan{0%,8%{object-position:50% 0%}42%,74%{object-position:50% 100%}94%,to{object-position:50% 0%}}@keyframes sf-pc-sticky-bar{0%,26%{transform:translateY(110%)}34%,78%{transform:translateY(0)}86%,to{transform:translateY(110%)}}@keyframes sf-pc-tap-sticky{0%,54%{opacity:0;transform:scale(.4)}56%{opacity:1;transform:scale(.7)}63%,to{opacity:0;transform:scale(1.6)}}.sf-showcase--armed .sf-pc-lookbook__page{animation:sf-pc-pan 16s cubic-bezier(.65,0,.35,1) infinite}@keyframes sf-pc-pan{0%,8%{object-position:50% 0%}48%,60%{object-position:50% 100%}94%,to{object-position:50% 0%}}.sf-pc-swatch__b,.sf-pc-swatch__c{opacity:0}.sf-pc-swatch__tap1{left:17.4cqw;top:71.3cqw}.sf-pc-swatch__tap2{left:27.2cqw;top:71.3cqw}.sf-pc-swatch__tap3{left:7.7cqw;top:71.3cqw}.sf-showcase--armed .sf-pc-swatch__b{animation:sf-pc-swatch-b 10s ease infinite}.sf-showcase--armed .sf-pc-swatch__c{animation:sf-pc-swatch-c 10s ease infinite}.sf-showcase--armed .sf-pc-swatch__tap1{animation:sf-pc-tap-sw1 10s ease-out infinite}.sf-showcase--armed .sf-pc-swatch__tap2{animation:sf-pc-tap-sw2 10s ease-out infinite}.sf-showcase--armed .sf-pc-swatch__tap3{animation:sf-pc-tap-sw3 10s ease-out infinite}@keyframes sf-pc-swatch-b{0%,16%{opacity:0}20%,48%{opacity:1}52%,to{opacity:0}}@keyframes sf-pc-swatch-c{0%,46%{opacity:0}50%,80%{opacity:1}84%,to{opacity:0}}@keyframes sf-pc-tap-sw1{0%,13%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(.7)}22%,to{opacity:0;transform:scale(1.6)}}@keyframes sf-pc-tap-sw2{0%,43%{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(.7)}52%,to{opacity:0;transform:scale(1.6)}}@keyframes sf-pc-tap-sw3{0%,77%{opacity:0;transform:scale(.4)}79%{opacity:1;transform:scale(.7)}86%,to{opacity:0;transform:scale(1.6)}}.sf-pc-count__sec{position:absolute;z-index:3;left:77.95cqw;top:86.67cqw;width:11.79cqw;height:9.23cqw;overflow:hidden}.sf-pc-count__sec img{display:block;width:100%;height:600%;max-width:none}.sf-showcase--armed .sf-pc-count__sec img{animation:sf-pc-tick 6s steps(6) infinite}@keyframes sf-pc-tick{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.sf-pc-motion__loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#000;transform:translate(101%)}.sf-pc-motion__logo{clip-path:inset(70.5cqw calc(100% - 85.1cqw) calc(100% - 140.5cqw) 15.1cqw)}.sf-pc-motion__line{clip-path:inset(141cqw 0 calc(100% - 149cqw) 0);transform-origin:left center}.sf-pc-motion__sheen{position:absolute;left:15.1cqw;top:70.5cqw;width:70cqw;height:70cqw;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%) no-repeat;background-size:250% 100%;background-position:120% 0;mix-blend-mode:overlay}.sf-showcase--armed .sf-pc-motion__loader{animation:sf-pc-loader 12s cubic-bezier(.65,0,.35,1) infinite}.sf-showcase--armed .sf-pc-motion__logo{animation:sf-pc-loader-logo 12s cubic-bezier(.16,1,.3,1) infinite}.sf-showcase--armed .sf-pc-motion__line{animation:sf-pc-loader-line 12s cubic-bezier(.65,0,.35,1) infinite}.sf-showcase--armed .sf-pc-motion__sheen{animation:sf-pc-loader-sheen 12s cubic-bezier(.65,0,.35,1) infinite}.sf-showcase--armed .sf-pc-motion__page{animation:sf-pc-motion-page 12s cubic-bezier(.65,0,.35,1) infinite}@keyframes sf-pc-loader{0%,22%{transform:translate(0)}28%,96%{transform:translate(101%)}97%{transform:translate(101%);opacity:0}98%,to{transform:translate(0);opacity:1}}@keyframes sf-pc-loader-logo{0%,1%{clip-path:inset(70.5cqw calc(100% - 15.1cqw) calc(100% - 140.5cqw) 15.1cqw);transform:translate(-3.1cqw);opacity:.2}10%,to{clip-path:inset(70.5cqw calc(100% - 85.1cqw) calc(100% - 140.5cqw) 15.1cqw);transform:none;opacity:1}}@keyframes sf-pc-loader-line{0%,2%{transform:scaleX(0)}9%,to{transform:scaleX(1)}}@keyframes sf-pc-loader-sheen{0%,4%{opacity:0;background-position:120% 0}5%{opacity:1;background-position:120% 0}15%{opacity:1;background-position:-20% 0}16%,to{opacity:0;background-position:-20% 0}}@keyframes sf-pc-motion-page{0%,23%{object-position:50% 0%;opacity:0;transform:translateY(7.2cqw)}32%{object-position:50% 0%;opacity:1;transform:none}40%{object-position:50% 0%}80%,92%{object-position:50% 62%;opacity:1;transform:none}97%,to{object-position:50% 62%;opacity:0;transform:none}}@media(prefers-reduced-motion:reduce){.sf-pc *,.sf-pc *:before,.sf-pc *:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sf-pdp-showcase-plus.css.map */