.live-story-viewer{background:transparent;color:white;box-shadow:none;overflow:visible}
.live-story-viewer::backdrop{background:rgba(24,17,33,.65);backdrop-filter:blur(7px)}
.live-story-viewer .deels-story-frame{position:relative;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;overflow:hidden;background:#17131c;color:#fff;box-shadow:none}
.live-story-viewer .live-media{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#17131c}
.live-story-viewer .live-user{position:absolute;bottom:12px;left:16px;z-index:2;color:white;text-shadow:0 1px 4px #000;max-width:75%}
.live-story-viewer .live-user img,.live-story-viewer .social-avatar{width:36px;height:36px;border-radius:50%}
.live-story-viewer .challenge-body{position:absolute;inset:0;padding:0;pointer-events:none}
.live-story-viewer .live-message{position:absolute;bottom:65px;left:16px;right:58px;max-height:25%;overflow:auto;pointer-events:auto;margin:0;text-shadow:0 1px 4px #000}
.live-story-viewer .live-actions{position:absolute;left:auto;right:12px;bottom:150px;width:auto;display:flex;flex-direction:column;gap:18px;pointer-events:auto}
.live-story-viewer .live-actions button{background:transparent;border:0;color:white;padding:3px;display:flex;flex-direction:column;gap:4px;min-width:34px;font-size:16px;filter:drop-shadow(0 1px 3px #333)}
.live-story-viewer .live-actions button[aria-pressed=true]{color:#ff8cde}
.live-story-viewer .live-actions svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}
.live-story-viewer .story-comment-label{font-size:10px}
.live-story-viewer .live-story-close{position:absolute;right:10px;top:10px;z-index:5;width:36px;height:36px;border:0;border-radius:50%;background:#21162966;color:white;font-size:28px;cursor:pointer}
.live-story-viewer .live-media-feedback{position:absolute;top:65px;left:12px;right:12px;background:#fff;color:#302339;padding:12px;border-radius:10px;z-index:3}
.live-story-viewer .live-empty{padding:80px 20px;color:white}
.live-story-viewer .deels-story-peek{position:relative;cursor:pointer;color:white;background:#28212e;border:0;overflow:hidden}
.live-story-viewer .deels-story-peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none}
.live-story-viewer .deels-story-frame{touch-action:pan-x}
@media(max-width:500px){.live-story-viewer{width:min(calc((100dvh - 64px)*.5625),calc(100vw - 12px))}.live-story-viewer .live-user{left:10px;font-size:12px}}