media-gallery{display:block;position:relative}.product-video-bubble{position:absolute;top:1.6rem;right:1.6rem;z-index:3;display:block}.product-video-bubble__button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:0;background:none;border:0;color:var(--ink-1);cursor:pointer}.product-video-bubble__thumb{position:relative;display:block;width:6.6rem;height:6.6rem;border-radius:50%;overflow:hidden;border:3px solid rgb(var(--color-background));box-shadow:0 .4rem 1.4rem color-mix(in srgb,var(--c-black) 20%,transparent);transition:transform .15s ease}.product-video-bubble__button:hover .product-video-bubble__thumb{transform:scale(1.05)}.product-video-bubble__thumb img{width:100%;height:100%;display:block;object-fit:cover}.product-video-bubble__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c-black) 20%,transparent)}.product-video-bubble__play svg{width:2rem;height:2rem;color:var(--c-white);filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--c-black) 50%,transparent))}.product-video-bubble__label{font-size:var(--fs-xs);line-height:var(--lh-tight);font-weight:var(--fw-semibold);text-align:center;white-space:nowrap}@media screen and (max-width:749px){.product-video-bubble{top:1rem;right:1rem}.product-video-bubble__thumb{width:5.4rem;height:5.4rem}}.product-video-modal:not([open]){display:none}.product-video-modal[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;background:color-mix(in srgb,var(--c-black) 65%,transparent)}.product-video-modal__dialog{position:relative;width:min(90rem,100%);max-height:90vh}.product-video-modal__content{width:100%;text-align:center}.product-video-modal__content video{display:inline-block;width:auto;height:auto;max-width:100%;max-height:85vh;vertical-align:middle;border-radius:var(--radius-md);background:var(--c-black)}.product-video-modal__content--both .product-video-modal__media--mobile{display:none}@media screen and (max-width:749px){.product-video-modal__content--both .product-video-modal__media--desktop{display:none}.product-video-modal__content--both .product-video-modal__media--mobile{display:block}}.product-video-modal__toggle{position:absolute;top:-4.6rem;right:0;padding:1rem;background:none;border:0;color:var(--c-white);cursor:pointer}.product-video-modal__toggle svg{width:2.2rem;height:2.2rem}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-video-bubble.css.map */