.stl-portal{--stl-ease-out:cubic-bezier(.16, 1, .3, 1);--stl-blue:#007aff;--stl-perspective:720px;--stl-scrim:#ffffffb8;--stl-chrome-bg:#00000014;--stl-chrome-bg-hover:#00000024;--stl-chrome-fg:#000000e0;--stl-chrome-fg-muted:#0000008c;--stl-frame-ring:#0000001f;--stl-frame-radius:1.75rem;--stl-card-radius:8px;--stl-stage-bg:#fff}:is(.dark,[data-theme=dark]) .stl-portal{--stl-blue:#0a84ff;--stl-scrim:#000000a3;--stl-chrome-bg:#ffffff14;--stl-chrome-bg-hover:#ffffff24;--stl-chrome-fg:#ffffffe6;--stl-chrome-fg-muted:#ffffffb8;--stl-frame-ring:#ffffff1f;--stl-stage-bg:#000}.stl-portal *,.stl-portal :before,.stl-portal :after{box-sizing:border-box}.stl-close,.stl-nav{font:inherit;appearance:none;margin:0;padding:0}.stl-meta-avatar{max-width:none;display:block}.stl-trigger{font:inherit;color:inherit;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:9999px;place-items:center;margin:0;padding:0;display:grid}.stl-trigger:focus{outline:none}.stl-trigger:focus-visible{outline:2px solid var(--stl-blue);outline-offset:3px}.stl-backdrop{opacity:0;background-color:var(--stl-scrim);transition:opacity var(--lightbox-pull-snap-duration,var(--lightbox-vt-duration,.36s)) var(--lightbox-pull-snap-easing,var(--stl-ease-out));position:fixed;inset:0}@starting-style{.stl-backdrop[data-open]{opacity:0}}.stl-backdrop[data-open]{opacity:calc(1 - var(--lightbox-pull-progress,0) * .6)}.stl-backdrop[data-pulling]{transition:none}.stl-content{overscroll-behavior:contain;opacity:0;color:#fafafa;transition:opacity var(--lightbox-vt-duration,.36s) var(--stl-ease-out);outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width>=768px){.stl-content{gap:.75rem;padding:0 1rem}}.stl-content[data-open]{opacity:1}@starting-style{.stl-content[data-open]{opacity:0}}.stl-stage{align-self:stretch;width:100%;min-width:0;min-height:0}@media (width>=768px){.stl-stage{aspect-ratio:9/16;align-self:center;width:auto;max-width:calc(100% - 8rem);height:min(100% - 4rem,52rem)}}.stl-frame{background:0 0;width:100%;height:100%;min-height:0;overflow:clip}@media (width>=768px){.stl-frame{border-radius:var(--stl-frame-radius)}}.stl-content[data-open] .stl-frame{background:#000}@media (width<=767px){.stl-content[data-open] .stl-frame{background:var(--stl-stage-bg)}}@media (width>=768px){.stl-content[data-open] .stl-frame{box-shadow:0 0 0 .5px var(--stl-frame-ring)}}.stl-slides{scrollbar-width:none;gap:0;width:100%;height:100%;min-height:0}.stl-slides::-webkit-scrollbar{display:none}.stl-slide{flex:0 0 100%;min-width:100%;height:100%}.stl-card{border-radius:var(--stl-card-radius);transform-origin:50%;backface-visibility:hidden;background:#0a0a0a;width:100%;height:100%;position:relative;overflow:clip}.stl-media{width:100%;height:100%}.stl-video{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}@supports (view-timeline:--stl-stories inline){.stl-slide{view-timeline:--stl-stories inline}.stl-card{animation:linear both stl-flip;animation-timeline:--stl-stories;animation-range:cover}}:root[data-ramka-view-transition] .stl-card{animation:none!important;transform:none!important}:root[data-ramka-view-transition] .stl-slide:not(:has([data-active])){visibility:hidden}@keyframes stl-flip{0%{transform:perspective(var(--stl-perspective)) rotateY(89deg);transform-origin:0}49%{transform:perspective(var(--stl-perspective)) rotateY(0deg);transform-origin:0}50%{transform:perspective(var(--stl-perspective)) rotateY(0deg);transform-origin:50%}51%{transform:perspective(var(--stl-perspective)) rotateY(0deg);transform-origin:100%}to{transform:perspective(var(--stl-perspective)) rotateY(-89deg);transform-origin:100%}}@media (prefers-reduced-motion:reduce){.stl-card{animation:none}}.stl-hud{pointer-events:none;z-index:1;padding:calc(.625rem + env(safe-area-inset-top,0px)) .75rem 0;transition:opacity var(--lightbox-pull-snap-duration,.2s) var(--lightbox-pull-snap-easing,var(--stl-ease-out));background:linear-gradient(#00000073 0%,#0000 7.5rem);flex-direction:column;display:flex;position:absolute;inset:0}.stl-progress{gap:3px;display:flex}.stl-progress-seg{background:#ffffff59;border-radius:9999px;flex:1;height:2px}.stl-progress-seg[data-state=past],.stl-progress-seg[data-state=current]{background:#fff}.stl-meta{align-items:center;gap:.5rem;min-width:0;margin-top:.625rem;display:flex}.stl-meta-avatar{object-fit:cover;border-radius:9999px;flex-shrink:0;width:1.75rem;height:1.75rem;box-shadow:0 0 0 .5px #fff3}.stl-meta-text{flex:1;align-items:baseline;gap:.375rem;min-width:0;display:flex}.stl-meta-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:#fff;font-size:.8125rem;font-weight:600;overflow:hidden}.stl-meta-time{color:#ffffffa6;flex-shrink:0;font-size:.75rem}.stl-close{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#00000059;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-inline-start:auto;display:inline-flex}.stl-close:hover{background:#00000080}.stl-close:active{transform:scale(.96)}.stl-close:focus{outline:none}.stl-close:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.stl-close svg{width:.875rem;height:.875rem;display:block}.stl-chrome-gesture-hide{opacity:1;visibility:visible;transition:opacity var(--lightbox-pull-snap-duration,.2s) var(--lightbox-pull-snap-easing,var(--stl-ease-out))}@starting-style{.stl-chrome-gesture-hide{opacity:0}}.stl-content:is([data-pulling],[data-pull-dismissing]) .stl-chrome-gesture-hide,.stl-content:is([data-pulling],[data-pull-dismissing]) .stl-hud{opacity:0;pointer-events:none;transition:opacity .2s}.stl-nav{z-index:1;background:var(--stl-chrome-bg);width:2.75rem;height:2.75rem;color:var(--stl-chrome-fg);-webkit-backdrop-filter:blur(16px);cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s ease-out,opacity .15s ease-out,transform .15s ease-out;display:none}@media (width>=768px){.stl-nav{display:inline-flex}}.stl-nav:hover{background:var(--stl-chrome-bg-hover)}.stl-nav:active{transform:scale(.96)}.stl-nav:focus{outline:none}.stl-nav:focus-visible{outline:2px solid var(--stl-chrome-fg-muted);outline-offset:2px}.stl-nav:disabled{cursor:not-allowed;opacity:.25}.stl-nav:disabled:active{transform:none}.stl-nav svg{width:1.25rem;height:1.25rem;display:block}.stl-nav:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) svg{transform:scaleX(-1)}.stl-counter{direction:ltr;unicode-bidi:isolate;display:none}@media (width>=768px){.stl-counter{z-index:1;background:var(--stl-chrome-bg);min-width:3.5rem;color:var(--stl-chrome-fg-muted);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.02em;-webkit-backdrop-filter:blur(16px);border-radius:9999px;padding:.25rem .625rem;font-size:.8125rem;display:block;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}}.stories-demo.svelte-1wmu8g7{width:100%;max-width:36rem}.title.svelte-1wmu8g7{letter-spacing:-.025em;color:#171717;margin:0;padding:0 .25rem;font-size:13px;font-weight:600}.tray.svelte-1wmu8g7{scroll-snap-type:x proximity;scrollbar-width:none;gap:1rem;margin:.75rem 0 0;padding:0 .25rem .25rem;list-style:none;display:flex;overflow-x:auto}.tray.svelte-1wmu8g7::-webkit-scrollbar{display:none}li.svelte-1wmu8g7{scroll-snap-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:.375rem;width:4rem;scroll-margin-inline:1rem;display:flex}.avatar.svelte-1wmu8g7{object-fit:cover;border-radius:1.75rem;width:3.5rem;height:3.5rem;display:block}.name.svelte-1wmu8g7{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#525252;width:100%;font-size:11px;line-height:1.25;overflow:hidden}:is(.dark,[data-theme=dark]) .title.svelte-1wmu8g7{color:#fafafa}:is(.dark,[data-theme=dark]) .name.svelte-1wmu8g7{color:#a3a3a3}
