@layer components{.story-buehne_wrap{width:var(--_stage,min(100vw - 2 * var(--space-4), (100svh - 2 * var(--space-6)) * 3 / 2, 80rem));aspect-ratio:3/2;border-radius:var(--radius-main);background:var(--c-black);color:var(--c-white);touch-action:none;position:relative;overflow:hidden}@media not (min-width:48rem){.story-buehne_wrap{aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh}}.story-buehne_video{object-fit:cover;width:100%;height:100%;display:block}.story-buehne_video[data-wartend]{opacity:0;pointer-events:none;position:absolute;inset:0}.story-buehne_pause{pointer-events:none;opacity:0;transition:opacity var(--hover-duration) var(--hover-ease);place-items:center;display:grid;position:absolute;inset:0}.story-buehne_pause>span{border-radius:var(--radius-round);background:var(--surface-glass-light);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);width:4.5rem;height:4.5rem;box-shadow:inset 0 0 0 var(--stroke-1) var(--border-glass-light);place-items:center;display:grid}.story-buehne_pause .icon{--_size:1.75rem}.modal_wrap.is-paused .story-buehne_pause{opacity:1}.story-buehne_top{gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-8);background:linear-gradient(180deg, rgb(from var(--c-ink-950) r g b / .68), rgb(from var(--c-ink-950) r g b / 0));display:grid;position:absolute;inset:0 0 auto}@media not (min-width:48rem){.story-buehne_top{padding:var(--space-3) var(--space-3) var(--space-8)}}.story-buehne_segmente{gap:var(--space-1);display:flex}.story-buehne_segmente>span{border-radius:var(--radius-round);background:rgb(from var(--c-white) r g b / .24);flex:1;height:.1875rem;overflow:hidden}.story-buehne_segmente i{background:var(--c-white);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.story-buehne_who{align-items:center;gap:var(--space-3);font-size:var(--text-small);display:flex}.story-buehne_avatar{border-radius:var(--radius-round);object-fit:cover;object-position:50% 15%;flex:none;width:2.25rem;height:2.25rem}.story-buehne_name{font-weight:var(--primary-medium);line-height:1.2;display:block}.story-buehne_rolle{font-size:var(--fs-caption);color:rgb(from var(--c-white) r g b / .72);display:block}.story-buehne_close{border-radius:var(--radius-round);background:var(--surface-glass-light);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 var(--stroke-1) var(--border-glass-light);color:var(--c-white);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease);border:0;flex:none;place-items:center;margin-left:auto;padding:0;display:grid}.story-buehne_close:hover{background:rgb(from var(--c-white) r g b / .28)}.story-buehne_close:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.story-buehne_close .icon{--_size:1.125rem}}
