.ltco-video-circles__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--video-circles-gap-mobile, 12px)}.ltco-video-circles__circle{position:relative;display:block;flex-shrink:0;width:var(--video-circles-size-mobile, 64px);height:var(--video-circles-size-mobile, 64px);padding:3px;border:2px solid var(--video-circles-ring-color, currentColor);border-radius:50%;background:none;cursor:pointer}.ltco-video-circles__preview{display:block;overflow:hidden;width:100%;height:100%;border-radius:50%}.ltco-video-circles__preview video{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;pointer-events:none}.ltco-video-circles__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.ltco-video-circles__play svg{filter:drop-shadow(0 1px 3px rgb(0 0 0 / .5))}@media screen and (min-width:768px){.ltco-video-circles__list{gap:var(--video-circles-gap-tablet, 16px)}.ltco-video-circles__circle{width:var(--video-circles-size-tablet, 72px);height:var(--video-circles-size-tablet, 72px)}}@media screen and (min-width:1024px){.ltco-video-circles__list{gap:var(--video-circles-gap-desktop, 16px)}.ltco-video-circles__circle{width:var(--video-circles-size-desktop, 80px);height:var(--video-circles-size-desktop, 80px)}}.modal--video-circles{--modal-content-margin: 0px;--modal-content-width: 100vw}.modal--video-circles::part(base){z-index:99999}.modal--video-circles::part(content){width:100vw;height:100dvh;max-height:100dvh;margin:0}.modal--video-circles::part(body){display:grid;place-items:center;height:100%;padding:0;background:rgb(var(--page-overlay));-webkit-backdrop-filter:blur(var(--dialog-backdrop-blur));backdrop-filter:blur(var(--dialog-backdrop-blur))}.modal--video-circles::part(close-button){position:absolute;top:44px;right:16px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:100px;background:#ffffff26;color:#fff}.ltco-video-circles__modal{position:relative;width:100%;height:100dvh}.ltco-video-circles__progress{position:absolute;top:12px;left:16px;right:16px;z-index:2;display:flex;gap:4px}.ltco-video-circles__progress-segment{flex:1;height:2px;overflow:hidden;border-radius:2px;background:#ffffff4d}.ltco-video-circles__progress-segment-fill{width:0%;height:100%;background:#fff}.ltco-video-circles__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.ltco-video-circles__stage video{max-width:100%;max-height:100%}.ltco-video-circles__nav{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:44px;height:44px;transform:translateY(-50%);border:none;border-radius:100px;background:#ffffff26;color:#fff;cursor:pointer}.ltco-video-circles__nav--prev{left:16px}.ltco-video-circles__nav--next{right:16px}@media screen and (min-width:768px){.ltco-video-circles__nav{display:flex}}@media screen and (min-width:1024px){.ltco-video-circles__nav--prev{left:32px}.ltco-video-circles__nav--next{right:32px}}