.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media__poster:focus-visible{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}@media(forced-colors:active){.deferred-media__poster:focus{outline:transparent solid 1px}}.deferred-media__poster-button{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}.deferred-media,.deferred-media__poster,.deferred-media__poster-button{--vf-deferred-bg: var(--vf-video-bg, #f0e7de);--vf-deferred-panel: var(--vf-video-panel, #E8DFD5);--vf-deferred-text: var(--vf-video-text, #2C241B);--vf-deferred-muted: var(--vf-video-muted, #6B5648);--vf-deferred-accent: var(--vf-video-accent, #D6C2B3);--vf-deferred-border: color-mix(in srgb, var(--vf-deferred-text) 12%, transparent);--vf-deferred-border-strong: color-mix(in srgb, var(--vf-deferred-text) 24%, transparent)}.deferred-media{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22) 0%,transparent 34%),#1f1914}.deferred-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,rgba(240,231,222,.12),transparent 34%),linear-gradient(0deg,rgba(44,36,27,.1),transparent 54%);opacity:.7}.deferred-media[loaded]:before{opacity:.28}.deferred-media__poster{border-radius:0;color:var(--vf-deferred-text);background:transparent}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img,.deferred-media__poster .placeholder-svg{width:100%;max-width:none;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.04);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}.deferred-media__poster:hover img,.deferred-media__poster:hover .placeholder-svg{transform:scale(1.035);filter:saturate(1.03) contrast(1.06)}.deferred-media__poster:focus-visible,.deferred-media__poster:focus{outline:0;border-radius:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--vf-deferred-accent) 84%,transparent),0 0 0 .5rem color-mix(in srgb,var(--vf-deferred-bg) 72%,transparent)}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{width:8.4rem;height:8.4rem;border:1px solid color-mix(in srgb,var(--vf-deferred-bg) 42%,transparent);border-radius:999px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.28) 0%,transparent 42%),color-mix(in srgb,var(--vf-deferred-bg) 78%,#fff 22%);color:var(--vf-deferred-text);box-shadow:0 22px 70px #2c241b3d,inset 0 0 0 1px #ffffff29;transition:transform .24s ease,background-color .24s ease,color .24s ease,border-color .24s ease;z-index:4}.deferred-media__poster-button:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem;border:1px solid color-mix(in srgb,var(--vf-deferred-bg) 28%,transparent);border-radius:inherit;opacity:.55;transform:scale(1);transition:transform .24s ease,opacity .24s ease}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.06);border-color:color-mix(in srgb,var(--vf-deferred-text) 20%,transparent);background:var(--vf-deferred-text);color:var(--vf-deferred-bg)}.deferred-media__poster-button:hover:before{transform:scale(1.08);opacity:.8}.deferred-media__poster-button .icon,.deferred-media__poster-button svg{width:2rem;height:2rem;color:currentColor}.deferred-media__poster-button .icon-play{margin-left:.24rem}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media iframe,.deferred-media video,.deferred-media model-viewer{position:relative;z-index:1}.product__media .deferred-media__poster-button,.product-media-modal .deferred-media__poster-button{width:7rem;height:7rem}@media screen and (max-width:749px){.deferred-media__poster-button{width:6.8rem;height:6.8rem}.deferred-media__poster-button:before{top:-.55rem;right:-.55rem;bottom:-.55rem;left:-.55rem}.deferred-media__poster-button .icon,.deferred-media__poster-button svg{width:1.7rem;height:1.7rem}.deferred-media__poster:hover img,.deferred-media__poster:hover .placeholder-svg{transform:none}.deferred-media__poster-button:hover{transform:translate(-50%,-50%)}}@media(forced-colors:active){.deferred-media__poster:focus{outline:transparent solid 1px}.deferred-media__poster-button{border:1px solid ButtonText}}@media(prefers-reduced-motion:reduce){.deferred-media__poster img,.deferred-media__poster .placeholder-svg,.deferred-media__poster-button,.deferred-media__poster-button:before{transition:none}.deferred-media__poster:hover img,.deferred-media__poster:hover .placeholder-svg,.deferred-media__poster-button:hover,.deferred-media__poster-button:hover:before{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-deferred-media.css.map */