.style-video-circles{margin:1.5rem 0}.style-video-circles__list{display:flex;flex-wrap:wrap;gap:1.6rem;padding:0;margin:0}.style-video-circles__item{list-style:none}.style-video-circles__button{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:none;border:none;padding:0;cursor:pointer;color:rgb(var(--color-foreground));font:inherit}.style-video-circles__thumb{position:relative;display:block;width:var(--style-video-circle-size, 6.6rem);height:var(--style-video-circle-size, 6.6rem);border-radius:50%;overflow:hidden;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.15);transition:border-color .15s ease}.style-video-circles__button:hover .style-video-circles__thumb,.style-video-circles__button:focus-visible .style-video-circles__thumb{border-color:rgba(var(--color-foreground),.55)}.style-video-circles__poster,.style-video-circles__thumb video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.style-video-circles__expand{position:absolute;right:.3rem;bottom:.3rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#00000059;pointer-events:none}.style-video-circles__expand svg,.style-video-circles__expand .icon{width:1.1rem;height:1.1rem;fill:rgb(var(--color-background))}.style-video-circles__caption{max-width:calc(var(--style-video-circle-size, 6.6rem) + 1rem);text-align:center;color:rgba(var(--color-foreground),.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-video-modal{background-color:rgba(var(--color-foreground),.5);height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1}.style-video-modal[open]{visibility:visible;opacity:1;z-index:9999}.style-video-modal__dialog{display:flex;align-items:center;justify-content:center;height:100vh;padding:4rem 2rem;box-sizing:border-box}.style-video-modal__content{width:100%;max-width:40rem;max-height:100%;margin:auto}.style-video-modal__content .deferred-media,.style-video-modal__content .media{width:100%;border-radius:.4rem;overflow:hidden;background:rgb(var(--color-background))}.style-video-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;position:fixed;top:2rem;width:4rem;z-index:2}.style-video-modal__toggle--close{right:2rem}.style-video-modal__toggle--sound{left:2rem}.style-video-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.style-video-modal__toggle .icon,.style-video-modal__toggle svg{height:auto;margin:0;width:2.2rem}.style-video-modal__sound-icon{display:flex}.style-video-modal__toggle--sound[data-muted=false] .style-video-modal__sound-icon--off,.style-video-modal__toggle--sound[data-muted=true] .style-video-modal__sound-icon--on,.style-video-modal__toggle--sound:not([data-muted]) .style-video-modal__sound-icon--on{display:none}@media screen and (min-width:750px){.style-video-modal__toggle--close{right:4.8rem}.style-video-modal__toggle--sound{left:4.8rem}.style-video-modal__toggle{top:3.5rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/style-video-circles.css.map */