.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:8px;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.deferred-media__poster:hover{transform:scale(1.02)}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0000000d,#1a1a1a1a)}.deferred-media__poster img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.deferred-media__poster:hover img{transform:scale(1.08)}.deferred-media{overflow:hidden;border-radius:8px;position:relative;box-shadow:0 4px 24px #00000014;transition:box-shadow .4s cubic-bezier(.25,.46,.45,.94)}.deferred-media:hover{box-shadow:0 8px 40px #0000001f}.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 3px #b1976b66,0 0 0 6px #fff,0 0 0 9px #b1976bcc,0 4px 24px #0000001a;border-radius:8px}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 3px #b1976b66,0 0 0 6px #fff,0 0 0 9px #b1976bcc,0 4px 24px #0000001a;border-radius:8px}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:8px}@media (forced-colors: active){.deferred-media__poster:focus{outline:transparent solid 2px}}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(177,151,107,.3);border-radius:50%;color:#1a1a1a;display:flex;align-items:center;justify-content:center;height:7.5rem;width:7.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:2;box-shadow:0 8px 32px #0000001f}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.15);background:#b1976bf2;color:#fff;border-color:#b1976bcc;box-shadow:0 12px 48px #b1976b40}.deferred-media__poster-button:active{transform:translate(-50%,-50%) scale(1.05)}.deferred-media__poster-button .icon{width:2.4rem;height:2.4rem;transition:transform .3s ease}.deferred-media__poster-button:hover .icon{transform:scale(1.1)}.deferred-media__poster-button .icon-play{margin-left:.3rem;fill:currentColor}@media screen and (max-width: 749px){.deferred-media__poster-button{height:6rem;width:6rem}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}}@media screen and (min-width: 1200px){.deferred-media__poster-button{height:8.5rem;width:8.5rem}.deferred-media__poster-button .icon{width:2.8rem;height:2.8rem}}.deferred-media:not([loaded]) .deferred-media__poster:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(177,151,107,.1),transparent);animation:mercuryShimmer 2s infinite;z-index:1}@keyframes mercuryShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.deferred-media__poster:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(26,26,26,.7) 0%,rgba(26,26,26,.3) 50%,transparent 100%);opacity:0;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.deferred-media__poster:hover:after{opacity:1}.deferred-media__poster-button:focus-visible{outline:2px solid #B1976B;outline-offset:4px}@keyframes mercuryMediaFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.deferred-media{animation:mercuryMediaFadeIn .8s cubic-bezier(.25,.46,.45,.94) forwards}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-deferred-media.css.map */