.expandable-video__play{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;z-index:2;transition:opacity .3s ease}.expandable-video__play-icon{width:7rem;height:7rem;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 8px 32px #0003;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.3)}.expandable-video__play-icon svg{width:2.8rem;height:2.8rem;color:#000;margin-left:.4rem;fill:currentColor}.expandable-video__play:hover .expandable-video__play-icon{transform:scale(1.15);background:#fffffff2;box-shadow:0 12px 40px #00000040}.internal-video--playing .expandable-video__play{opacity:0;pointer-events:none}.expandable-video__expand{position:absolute;top:1.5rem;right:1.5rem;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;z-index:3;opacity:1;transform:scale(1);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #00000026}.expandable-video__expand svg{width:2rem;height:2rem;color:#000;stroke-width:2px}.expandable-video__expand:hover{background:#fff;transform:scale(1.15);box-shadow:0 6px 20px #0003}.expandable-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none}.expandable-video-modal.active{opacity:1;visibility:visible;pointer-events:auto}.expandable-video-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;opacity:0;transition:opacity .4s ease}.expandable-video-modal.active .expandable-video-modal__backdrop{opacity:1}.expandable-video-modal__content{position:relative;z-index:5;width:100%;max-width:900px;max-height:80vh;padding:4rem 2rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.expandable-video-modal.active .expandable-video-modal__content{opacity:1}.expandable-video-modal__video{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:.4rem;box-shadow:0 20px 50px #00000080;pointer-events:auto;background:#000}.expandable-video-modal__close{position:fixed;top:2rem;right:2rem;z-index:20;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fff;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease}.expandable-video-modal.active .expandable-video-modal__close{opacity:1;transform:scale(1);transition-delay:.2s}.expandable-video-modal__close:hover{background:#fff3;transform:scale(1.1);border-color:#ffffff4d}.expandable-video-modal__close svg{width:2rem;height:2rem;color:#fff}@media screen and (min-width:750px){.expandable-video-modal__content{padding:4rem 8rem}}@media screen and (max-width:749px){.expandable-video__play-icon{width:5rem;height:5rem}.expandable-video__play-icon svg{width:2rem;height:2rem}.expandable-video__expand{width:3rem;height:3rem;top:.8rem;right:.8rem}.expandable-video__expand svg{width:1.5rem;height:1.5rem}.expandable-video-modal__close{width:3.6rem;height:3.6rem;top:1.5rem;right:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-video-expand.css.map */