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:rgb(var(--color-foreground, 18 18 18));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, 255 255 255));box-shadow:0 .4rem 1.4rem #0000002e;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:#0000002e}.product-video-bubble__play svg{width:2rem;height:2rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.product-video-bubble__label{font-size:1.2rem;line-height:1.2;font-weight:500;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:#000000d1}.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:.8rem;background:#000}.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:#fff;cursor:pointer}.product-video-modal__toggle svg{width:2.2rem;height:2.2rem}
/*# sourceMappingURL=/cdn/shop/t/90/assets/product-video-bubble.css.map */