html.od-page-fade body.od{opacity:0;transition:opacity .42s linear}html.od-page-fade.od-ready body.od,html.no-js.od-page-fade body.od{opacity:1}html.od-can-reveal [data-od-r]{will-change:opacity,transform,filter,clip-path;transition-property:opacity,transform,filter,clip-path;transition-duration:var(--od-dur);transition-timing-function:var(--od-ease);transition-delay:var(--od-d, 0ms)}html.od-can-reveal[data-od-reveal=fade] [data-od-r]:not(.od-in){opacity:0}html.od-can-reveal[data-od-reveal=rise] [data-od-r]:not(.od-in){opacity:0;transform:translate3d(0,var(--od-rise),0)}html.od-can-reveal[data-od-reveal=clip] [data-od-r]:not(.od-in){opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,calc(var(--od-rise) * .4),0)}html.od-can-reveal[data-od-reveal=clip] [data-od-r].od-in{clip-path:inset(0 0 -1px 0)}html.od-can-reveal[data-od-reveal=blur] [data-od-r]:not(.od-in){opacity:0;filter:blur(12px);transform:scale(1.02)}html.od-can-reveal [data-od-r].od-in{opacity:1;transform:none;filter:none;will-change:auto}.od-split{display:block}.od-split__line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.od-split__inner{display:block;transform:translate3d(0,130%,0);transition:transform calc(var(--od-dur) * 1.1) var(--od-ease);transition-delay:var(--od-d, 0ms)}.od-split.od-in .od-split__inner{transform:translateZ(0)}.od-marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;gap:0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.od-marquee--bare{mask-image:none;-webkit-mask-image:none}.od-marquee__track{display:flex;align-items:center;flex:none;gap:var(--od-marquee-gap, 3rem);padding-right:var(--od-marquee-gap, 3rem);min-width:100%;animation:od-marquee var(--od-marquee-dur) linear infinite;animation-play-state:var(--od-marquee-state, running)}.od-marquee:hover .od-marquee__track{--od-marquee-state: paused}.od-marquee--reverse .od-marquee__track{animation-direction:reverse}@keyframes od-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.od-type{display:inline-flex;align-items:center;color:var(--od-muted);pointer-events:none}.od-type__caret{display:inline-block;width:1px;height:1.05em;margin-left:2px;background:currentColor;animation:od-caret 1s steps(2,start) infinite}@keyframes od-caret{to{visibility:hidden}}.od-type--slide .od-type__word,.od-type--fade .od-type__word{display:inline-block;transition:transform .34s var(--od-ease),opacity .34s var(--od-ease)}.od-type--slide .od-type__word.is-out{transform:translateY(-.7em);opacity:0}.od-type--slide .od-type__word.is-in{transform:translateY(.7em);opacity:0}.od-type--fade .od-type__word.is-out,.od-type--fade .od-type__word.is-in{opacity:0}html[data-od-hover=zoom] .od-zoomable img{transition:transform .9s var(--od-ease)}html[data-od-hover=zoom] .od-zoomable:hover img{transform:scale(1.045)}html[data-od-hover=lift] .od-zoomable{transition:transform .42s var(--od-ease),box-shadow .42s var(--od-ease)}html[data-od-hover=lift] .od-zoomable:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px var(--od-ink-40)}.od-swap{position:relative}.od-swap__alt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .52s var(--od-ease)}html[data-od-swap=true] .od-swap:hover .od-swap__alt,html[data-od-swap=true] .od-swap:focus-within .od-swap__alt{opacity:1}.od-parallax{will-change:transform;transform:translate3d(0,var(--od-py, 0px),0)}.od-pin{position:absolute;left:var(--od-pin-x, 50%);top:var(--od-pin-y, 50%);transform:translate(-50%,-50%);z-index:2;width:26px;height:26px;display:grid;place-items:center;cursor:pointer;border-radius:50%;background:var(--od-bg-94);border:var(--od-hair) solid var(--od-ink-16)}.od-pin__dot{width:7px;height:7px;border-radius:50%;background:var(--od-ink)}.od-pin:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:var(--od-hair) solid var(--od-ink-40);animation:od-pulse 2.4s var(--od-ease) infinite}@keyframes od-pulse{0%{transform:scale(.7);opacity:.9}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}.od-pin--crosshair{border-radius:0}.od-pin--crosshair .od-pin__dot{width:13px;height:13px;border-radius:0;background:none;position:relative}.od-pin--crosshair .od-pin__dot:before,.od-pin--crosshair .od-pin__dot:after{content:"";position:absolute;background:var(--od-ink)}.od-pin--crosshair .od-pin__dot:before{inset:50% 0 auto 0;height:var(--od-hair)}.od-pin--crosshair .od-pin__dot:after{inset:0 50% 0 auto;width:var(--od-hair)}.od-pin--numbered{width:24px;height:24px;font-family:var(--od-font-label);font-size:10px;letter-spacing:0;color:var(--od-ink)}.od-pin--numbered .od-pin__dot{display:none}.od-pin__tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);width:max-content;max-width:210px;padding:.55rem .75rem;background:var(--od-ink);color:var(--od-bg);border-radius:var(--od-r-sm);font-family:var(--od-font-body);font-size:var(--od-t-xs);line-height:1.4;letter-spacing:0;text-transform:none;text-align:left;opacity:0;pointer-events:none;transition:opacity .2s var(--od-ease),transform .2s var(--od-ease)}.od-pin:hover .od-pin__tip,.od-pin:focus-visible .od-pin__tip,.od-pin[aria-expanded=true] .od-pin__tip{opacity:1;transform:translate(-50%) translateY(0)}.od-gallery.is-dragging .od-pin{opacity:0;pointer-events:none}.od-skel{position:relative;overflow:hidden;background:var(--od-bg-alt)}.od-skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--od-ink-04),transparent);animation:od-shimmer 1.4s linear infinite}@keyframes od-shimmer{to{transform:translate(100%)}}.od-spin{width:16px;height:16px;border:2px solid var(--od-ink-16);border-top-color:var(--od-ink);border-radius:50%;animation:od-spin .7s linear infinite;flex:none}@keyframes od-spin{to{transform:rotate(360deg)}}.od-num{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){html.od-respect-reduced *,html.od-respect-reduced *:before,html.od-respect-reduced *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}html.od-respect-reduced [data-od-r],html.od-respect-reduced .od-split__inner{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}html.od-respect-reduced .od-marquee__track{animation:none!important}html.od-respect-reduced .od-pin:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/od-animations.css.map */
