.ll-stories{display:block;position:relative;min-width:0;max-width:100%}.ll-stories__rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px}.ll-stories__rail::-webkit-scrollbar{display:none}.ll-stories__item{position:relative;display:grid;place-items:center;flex:0 0 var(--ll-story-size);width:var(--ll-story-size);aspect-ratio:1;padding:3px;border:3px solid var(--ll-story-ring);border-radius:50%;background:#fff;color:var(--ll-story-ring);overflow:hidden;scroll-snap-align:start;cursor:pointer}.ll-stories__item img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}.ll-stories__preview{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover;border-radius:50%;pointer-events:none;opacity:0}.ll-stories__preview.is-playing{opacity:1}.ll-stories__arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--ll-story-arrow);color:#fff;line-height:0;cursor:pointer}.ll-stories__arrow svg{display:block;margin:0;flex:none}.ll-stories__arrow[hidden]{display:none}.ll-stories__previous{inset-inline-start:4px}.ll-stories__next{inset-inline-end:4px}.ll-stories__dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;padding:12px;width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:18px;background:#fff;color:#111}.ll-stories__dialog::backdrop{background:#000000bf}.ll-stories__player video{display:block;width:100%;max-height:calc(100dvh - 110px);background:#000;border-radius:10px}.ll-stories__close{position:absolute;z-index:1;top:18px;inset-inline-end:18px;width:40px;height:40px;border-radius:50%;background:#fff;color:#111;font:30px/1 Arial,sans-serif;cursor:pointer}.ll-stories__controls{display:flex;justify-content:space-between;gap:12px;padding-top:12px}.ll-stories__controls button{padding:8px 12px;cursor:pointer}.ll-stories :focus-visible{outline:2px solid currentColor;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/298/assets/lumalux-video-stories.css.map */