.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))}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.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[loaded]>.deferred-media__poster{display:none}.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))}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}@media(forced-colors:active){.deferred-media__poster:focus{outline:transparent solid 1px}}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.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}.product-video-media{display:block!important;position:relative;width:100%;overflow:hidden;background:#000;aspect-ratio:var(--video-ratio, 16 / 9);border-radius:calc(var(--media-radius) - var(--media-border-width));margin-left:auto;margin-right:auto}@media screen and (min-width:750px){.product-media-container--video .product-video-media{max-height:80vh;width:min(100%,calc(80vh * var(--video-ratio, 1.777)))}}@supports not (aspect-ratio: 1){.product-video-media{padding-bottom:calc(100% / var(--video-ratio, 1.777));height:0}@media screen and (min-width:750px){.product-media-container--video .product-video-media{height:80vh;padding-bottom:0}}}.product-video-media>.deferred-media__poster--video,.product-video-media>.product-video__iframe,.product-video-media>.product-video__native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.deferred-media__poster--video{border:0;padding:0;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.deferred-media__poster--video:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#00000059);z-index:1;pointer-events:none;transition:background .25s ease}.deferred-media__poster--video:hover:before{background:linear-gradient(180deg,#00000014,#00000073)}.deferred-media__poster--video img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;display:block;position:absolute!important;top:0;right:0;bottom:0;left:0}.deferred-media__poster-button--large{width:9rem;height:9rem;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);display:flex;align-items:center;justify-content:center;background:#fffffff0;color:#1f2a26;border:2px solid rgba(160,185,175,.9);box-shadow:0 10px 30px #00000047,0 2px 8px #0000002e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease;z-index:2;padding:0}.deferred-media__poster-button--large .svg-wrapper,.deferred-media__poster-button--large svg{width:3.2rem;height:3.2rem;margin-left:.3rem;fill:currentColor}.deferred-media__poster--video:hover .deferred-media__poster-button--large,.deferred-media__poster--video:focus-visible .deferred-media__poster-button--large{background:#a0b9af;color:#fff;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 14px 36px #00000059,0 0 0 10px #a0b9af38}.deferred-media__poster-button--large:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(160,185,175,.55);animation:product-video-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes product-video-pulse{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.18);opacity:0}to{transform:scale(1.18);opacity:0}}@media(prefers-reduced-motion:reduce){.deferred-media__poster-button--large:after{animation:none}}.product-video__badge{position:absolute;top:1.4rem;left:1.4rem;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:#0000009e;color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.product-video__badge .svg-wrapper,.product-video__badge svg{width:1.1rem;height:1.1rem;fill:currentColor}.product-video__iframe,.product-video__native{border:0;background:#000}.product-video-media[loaded]>.deferred-media__poster--video{display:none!important}.product__media-list .product-video-media{display:block!important}@media screen and (max-width:749px){.product-video-media{border-radius:0}.deferred-media__poster-button--large{width:7rem;height:7rem;border-width:2px}.deferred-media__poster-button--large .svg-wrapper,.deferred-media__poster-button--large svg{width:2.6rem;height:2.6rem}.product-video__badge{top:1rem;left:1rem;font-size:1rem;padding:.5rem .85rem;letter-spacing:.06em}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-deferred-media.css.map */