:root{--d-instant: .1s;--d-fast: .16s;--d-base: .24s;--d-slow: .4s;--d-drawer: .32s;--ease-out-quart: cubic-bezier(.16, 1, .3, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--reveal-y: 28px}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--d-base);animation-timing-function:var(--ease-out-quart)}img[style*=view-transition-name]{contain:layout style paint}.reveal-up{opacity:1;transform:translateY(0)}@supports (animation-timeline: view()){.reveal-up{opacity:0;transform:translateY(var(--reveal-y));animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0% cover 35%}}@keyframes reveal-up{to{opacity:1;transform:translateY(0)}}.reveal-stagger>*{--i: 0;opacity:1}@supports (animation-timeline: view()){.reveal-stagger>*{opacity:0;transform:translateY(var(--reveal-y));animation:reveal-up linear both;animation-timeline:view();animation-range:entry 0% cover 30%;animation-delay:calc(var(--i, 0) * 60ms)}}.js-reveal-pending{opacity:0;transform:translateY(var(--reveal-y));transition:opacity var(--d-slow) var(--ease-out-quart),transform var(--d-slow) var(--ease-out-quart);will-change:opacity,transform}.js-reveal-pending.is-in{opacity:1;transform:translateY(0)}[data-sticky-pin]{position:sticky;top:0;z-index:100;transition:background var(--d-base) var(--ease-out-quart),box-shadow var(--d-base) var(--ease-out-quart),backdrop-filter var(--d-base) var(--ease-out-quart);will-change:background,backdrop-filter}[data-sticky-pin].is-scrolled{background:#faf0e6eb;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);box-shadow:0 1px #0a0a0a0f}[data-magnetic]{display:inline-flex;position:relative;transition:transform var(--d-slow) var(--ease-out-quart);will-change:transform}[data-magnetic]>*{transition:transform var(--d-slow) var(--ease-out-quart);pointer-events:none}.lift-on-hover,.shimmer-888,.ui-btn--primary,.ui-btn--secondary{transition:transform var(--d-base) var(--ease-out-quart),box-shadow var(--d-base) var(--ease-out-quart)}@media(hover:hover)and (pointer:fine){.lift-on-hover:hover,.shimmer-888:hover{transform:translateY(-2px)}}.product-card .card__media,.card-img-cross-fade{position:relative;overflow:hidden;isolation:isolate}@media(max-width:768px),(hover:none),(pointer:coarse){.product-card .card__media .img-second,.product-card .card__media img.img-second,img.img-second,.card-img-cross-fade>img+img,.card-img-cross-fade>picture+picture{display:none!important}}@media(hover:hover)and (pointer:fine){.card-img-cross-fade>img,.card-img-cross-fade>picture>img{display:block;width:100%;height:auto;transition:opacity var(--d-slow) var(--ease-out-quart),transform .9s var(--ease-out-quart);will-change:opacity,transform}.card-img-cross-fade>img+img,.card-img-cross-fade>picture+picture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.card-img-cross-fade:hover>img+img,.card-img-cross-fade:hover>picture+picture{opacity:1}.card-img-cross-fade:hover>img:first-child,.card-img-cross-fade:hover>picture:first-child{opacity:0}.card-img-cross-fade:hover>img:first-child{transform:scale(1.02)}}.card-quick-add{position:absolute;left:8px;right:8px;bottom:8px;transform:translateY(110%);opacity:0;transition:transform var(--d-base) var(--ease-out-quart),opacity var(--d-base) var(--ease-out-quart);pointer-events:none}@media(hover:hover)and (pointer:fine){.card-img-cross-fade:hover .card-quick-add,[data-card-hover]:hover .card-quick-add,.product-card:hover .card-quick-add{transform:translateY(0);opacity:1;pointer-events:auto}}.skeleton-888{position:relative;overflow:hidden;background:#0a0a0a0f}.skeleton-888:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-100%);animation:skeleton-sweep 1.6s linear infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.marquee-888{animation:marquee-888 var(--marquee-duration, 35s) linear infinite}@keyframes marquee-888{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-888-marquee:hover .marquee-888{animation-play-state:paused}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--gold, #B8860B);transform-origin:0 50%;transform:scaleX(0);z-index:1000;pointer-events:none}@supports (animation-timeline: scroll()){.scroll-progress{animation:scroll-progress linear both;animation-timeline:scroll(root)}}@keyframes scroll-progress{to{transform:scaleX(1)}}.sheet-888{border:none;padding:0;background:var(--cream, #FAF0E6);color:var(--ink, #0A0A0A);width:min(96vw,420px);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;transform:translate(100%);transition:transform var(--d-drawer) var(--ease-sheet),overlay var(--d-drawer) var(--ease-sheet) allow-discrete,display var(--d-drawer) var(--ease-sheet) allow-discrete}.sheet-888[open]{transform:translate(0)}@starting-style{.sheet-888[open]{transform:translate(100%)}}.sheet-888::backdrop{background:#0a0a0a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:opacity var(--d-drawer) var(--ease-sheet),backdrop-filter var(--d-drawer) var(--ease-sheet),overlay var(--d-drawer) var(--ease-sheet) allow-discrete,display var(--d-drawer) var(--ease-sheet) allow-discrete;opacity:1}@starting-style{.sheet-888[open]::backdrop{opacity:0}}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--gold, #B8860B);outline-offset:2px;border-radius:var(--radius, 0)}.cv-auto,.product-card,.card__media{content-visibility:auto;contain-intrinsic-size:auto 600px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-up,.reveal-stagger>*,.js-reveal-pending{opacity:1!important;transform:none!important}.scroll-progress{display:none!important}}@media(hover:hover)and (pointer:fine){.product-card{transition:transform var(--d-base) var(--ease-out-quart)}.product-card:hover{transform:translateY(-3px)}}.anmb .js-anmb-control-prev,.anmb .js-anmb-control-next{opacity:.55;transition:opacity var(--d-fast) var(--ease-out-quart)}.anmb:hover .js-anmb-control-prev,.anmb:hover .js-anmb-control-next{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/4/assets/888-motion.css.map */