.video-circles__heading{text-align:center;margin-block-end:var(--margin-lg, 1rem)}.video-circles__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px}.video-circle{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:var(--video-circle-size, 300px);margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer}.video-circle__media{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;box-shadow:0 4px 16px #0000001f}.video-circles__row--bordered .video-circle__media{border:3px solid var(--video-circles-border-color, #ff8c42)}.video-circle__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-circle:hover .video-circle__image{transform:scale(1.05)}.video-circle__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000026}.video-circle__play svg{width:22%;height:22%;min-width:32px;min-height:32px;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .4))}.video-circle__label{font-weight:600;text-align:center}@media screen and (max-width:749px){.video-circles__row{align-items:center}}.video-circles__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:fit-content;max-width:90vw;padding:0;border:none;background:transparent;overflow:visible}.video-circles__dialog::backdrop{background:#080c1499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-circles__dialog[open]{animation:video-circles-fade-in .25s ease forwards}@keyframes video-circles-fade-in{0%{opacity:0;scale:.96}}.video-circles__frame-wrap{position:relative;height:min(85vh,780px);max-width:90vw;aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #00000073}.video-circles__frame{width:100%;height:100%;border:none;object-fit:cover}.video-circles__close{position:absolute;top:-14px;right:-14px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#141419e6;color:#fff;animation:none}.video-circles__close svg{width:16px;height:16px}.video-circles__nav{position:absolute;top:50%;translate:0 -50%;z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#14141999;color:#fff}.video-circles__nav .svg-wrapper{width:16px;height:16px}.video-circles__nav--prev{left:-20px;rotate:90deg}.video-circles__nav--next{right:-20px;rotate:-90deg}.video-circles__caption{margin-block-start:14px;margin-block-end:0;text-align:center;font-weight:700;color:var(--video-circles-border-color, #ff8c42)}@media screen and (max-width:749px){.video-circles__dialog{width:94vw}.video-circles__nav--prev{left:8px}.video-circles__nav--next{right:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-video-circles.css.map */