@layer components{.stv-a{--stv-a-avatar:2.75rem;--stv-a-name:1.2rem;grid-template-columns:minmax(0,23rem) minmax(0,38rem);justify-content:center;align-items:center;gap:clamp(2.5rem,1rem + 5vw,6.5rem);display:grid}.stv-a-kicker{color:var(--color-action-text);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.4rem;font-size:.75rem;font-weight:700;display:flex}.stv-a-kicker__strich{background-color:currentColor;width:2rem;height:1px}.stv-a-h3{color:var(--color-text);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2rem,1.3rem + 2.2vw,3rem);font-weight:600;line-height:1.06}.stv-a-lead{max-width:23rem;color:var(--color-text-muted);font-size:var(--text-base);margin:1.4rem 0 0;line-height:1.6}.stv-a-chat{isolation:isolate;background-color:color-mix(in oklab, var(--color-action) 7%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text) 9%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-text) 12%, transparent), 0 3rem 6rem -2.5rem rgb(var(--shadow-ton) / .9), 0 0 5rem -1rem rgb(var(--glow-ton) / .22);border-radius:1.75rem;position:relative;overflow:hidden;container-type:inline-size}.stv-a-chat__schein{z-index:-1;background-image:radial-gradient(32% 28% at 28% 24%, rgb(var(--glow-ton) / .26), transparent 70%), radial-gradient(30% 26% at 76% 80%, rgb(var(--glow-ton) / .16), transparent 70%);pointer-events:none;position:absolute;inset:-35%}.stv-a-chat__kopf{border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);background-color:color-mix(in srgb, var(--color-text) 3%, transparent);align-items:center;gap:.85rem;padding:1rem 1.25rem;display:flex}.stv-a-stapel{flex:none;display:flex}.stv-a-foto.stv-a-stapel__foto{width:2rem;height:2rem;box-shadow:0 0 0 2px color-mix(in oklab, var(--color-action) 9%, var(--color-surface));flex:none}.stv-a-stapel__foto+.stv-a-stapel__foto{margin-left:-.55rem}.stv-a-chat__namen{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.stv-a-chat__zeichen{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-action) 22%, transparent);width:2.1rem;height:2.1rem;color:var(--color-action-text);flex:none;place-items:center;margin-left:auto;display:grid}.stv-a-chat__mikro,.stv-a-auf__mikro{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:1rem;height:1rem}.stv-a-hinweis{border-top:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);color:var(--color-text-muted);text-align:center;margin:0;padding:.75rem 1.25rem .85rem;font-size:.72rem;line-height:1.4}.stv-a-foto{border-radius:var(--radius-full);background-color:var(--color-surface-alt);width:100%;height:100%;display:block;position:relative;overflow:hidden}.stv-a-foto img{top:calc(50% - var(--fy,.5) * var(--fh,1) * var(--fz,1) * 100%);left:calc(50% - var(--fx,.5) * var(--fz,1) * 100%);width:calc(var(--fz,1) * 100%);max-width:none;height:auto;position:absolute}.stv-a-avatar{width:var(--stv-a-avatar);height:var(--stv-a-avatar);border-radius:var(--radius-full);display:block;position:relative}.stv-a-avatar .stv-a-foto{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 14%, transparent)}.stv-a-avatar:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--color-action-text);opacity:0;pointer-events:none;position:absolute;inset:-3px}.stv-a-fenster{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-text) 20%, transparent) transparent;height:31rem;-webkit-mask-image:linear-gradient(to top, transparent 0, var(--color-text) 2.5rem);mask-image:linear-gradient(to top, transparent 0, var(--color-text) 2.5rem);position:relative;overflow-y:auto}.stv-a-fenster:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.stv-a.ist-lebt .stv-a-fenster{-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--color-text) 3.5rem);mask-image:linear-gradient(to bottom, transparent 0, var(--color-text) 3.5rem);overflow:hidden}.stv-a-verlauf{gap:1.5rem;margin:0;padding:1.5rem 1.4rem 2.5rem;list-style:none;display:grid;position:relative}.stv-a.ist-lebt .stv-a-verlauf{padding-bottom:1.5rem}.stv-a-msg{grid-template-columns:var(--stv-a-avatar) minmax(0, 1fr);column-gap:.8rem;display:grid;position:relative}.stv-a-msg__name{height:var(--stv-a-name);color:var(--color-action-text);font-size:.75rem;font-weight:700;line-height:var(--stv-a-name);letter-spacing:.02em;grid-area:1/2;margin:0 0 .35rem .2rem}.stv-a-msg__zeile{grid-area:2/1/auto/-1;grid-template-columns:var(--stv-a-avatar) minmax(0, 1fr);align-items:end;column-gap:.8rem;display:grid}.stv-a-blase{background-color:color-mix(in srgb, var(--color-text) 7%, transparent);width:min(100%,20.5rem);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text) 10%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-text) 10%, transparent);transform-origin:0 100%;border-radius:1.4rem 1.4rem 1.4rem .45rem;justify-self:start;align-items:center;gap:.75rem;padding:.55rem .95rem .55rem .55rem;display:flex;position:relative}.stv-a-blase:before{content:"";border-radius:inherit;background-color:color-mix(in srgb, var(--color-action) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-action-text) 55%, transparent), 0 0 2rem -.3rem rgb(var(--glow-ton) / .55);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out-quad);position:absolute;inset:0}.stv-a-play{border-radius:var(--radius-full);background-image:var(--gradient-action-diag);width:2.5rem;height:2.5rem;color:var(--color-text);box-shadow:0 .4rem 1.2rem -.3rem rgb(var(--glow-ton) / .7);flex:none;place-items:center;display:grid;position:relative}.stv-a-play:after{content:"";border-radius:inherit;box-shadow:0 0 0 1.5px var(--color-action-text);opacity:0;pointer-events:none;position:absolute;inset:0}.stv-a-play__icon{fill:currentColor;width:1rem;height:1rem;transition:opacity .25s var(--ease-out-quad), transform .35s var(--ease-out-expo);grid-area:1/1}.stv-a-play__icon--play{transform:translate(1px)}.stv-a-play__icon--pause{opacity:0;transform:scale(.5)}.stv-a-welle{flex:1;justify-content:space-between;align-items:center;min-width:0;height:1.9rem;display:flex;position:relative}.stv-a-welle i{background-color:color-mix(in srgb, var(--color-text) 30%, transparent);border-radius:2px;flex:none;width:3px;min-height:3px;position:relative}.stv-a-welle i:after{content:"";border-radius:inherit;background-color:var(--color-action-text);box-shadow:0 0 6px rgb(var(--glow-ton) / .8);opacity:0;position:absolute;inset:0}.stv-a-welle__kopf{pointer-events:none;position:absolute;inset:0}.stv-a-welle__kopf span{border-radius:var(--radius-full);background-color:var(--color-text);width:.7rem;height:.7rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-action-text) 45%, transparent), 0 0 12px rgb(var(--glow-ton) / .9);opacity:0;transition:opacity .3s var(--ease-out-quad);margin:-.35rem 0 0 -.35rem;position:absolute;top:50%;left:0}.stv-a-zeit{min-width:2.1rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:.72rem;font-weight:600}.stv-a-text{grid-area:3/2;margin:.65rem 0 0 .2rem}.stv-a-text p{max-width:26rem;color:var(--color-text);letter-spacing:-.01em;text-wrap:pretty;margin:0;font-size:clamp(1rem,.94rem + .28vw,1.12rem);font-weight:500;line-height:1.45}.stv-a-wort{white-space:pre;display:inline-block}.stv-a-video{border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-text) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text) 11%, transparent);color:var(--color-text);white-space:nowrap;transition:background-color var(--dur-base) var(--ease-out-quad), box-shadow var(--dur-base) var(--ease-out-quad);grid-area:4/2;justify-self:start;align-items:center;gap:.5rem;margin:.7rem 0 0 .2rem;padding:.28rem .85rem .28rem .28rem;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex}.stv-a-video:hover{background-color:color-mix(in srgb, var(--color-action) 24%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-action-text) 45%, transparent)}.stv-a-video__kreis{border-radius:var(--radius-full);background-color:var(--color-action);width:1.45rem;height:1.45rem;transition:transform var(--dur-base) var(--ease-out-expo);place-items:center;display:grid}.stv-a-video:hover .stv-a-video__kreis{transform:scale(1.1)}.stv-a-video__dreieck{width:.62rem;height:.62rem;fill:var(--color-text);margin-left:1px}.stv-a-auf{display:none}.stv-a.ist-lebt .stv-a-auf{top:calc(var(--stv-a-name) + .35rem);grid-template-columns:var(--stv-a-avatar) minmax(0, 1fr);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ease-out-quad), visibility 0s linear .16s;align-items:center;column-gap:.8rem;display:grid;position:absolute;left:0;right:0}.stv-a.ist-lebt .stv-a-auf.ist-an{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out-quad) 80ms, visibility 0s}.stv-a-auf__pille{background-color:color-mix(in srgb, var(--color-text) 5%, transparent);max-width:100%;min-height:3.6rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-action-text) 24%, transparent);border-radius:1.4rem 1.4rem 1.4rem .45rem;justify-self:start;align-items:center;gap:.65rem;padding:.55rem 1.05rem .55rem .55rem;display:inline-flex}.stv-a-auf__mikro{box-sizing:content-box;border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-action) 26%, transparent);color:var(--color-action-text);flex:none;padding:.75rem}.stv-a-auf__pegel{flex:none;align-items:center;gap:3px;height:1.1rem;display:flex}.stv-a-auf__pegel i{background-color:var(--color-action-text);border-radius:2px;width:3px;height:100%;transform:scaleY(.35)}.stv-a-auf__text{min-width:0;color:var(--color-text-muted);font-size:.8rem;font-weight:500;line-height:1.3}.stv-a-auf__punkte i{font-style:normal}@container (min-width:33rem){.stv-a-msg{grid-template-columns:var(--stv-a-avatar) minmax(0, 20.5rem) minmax(0, 1fr)}.stv-a-msg__zeile{grid-column:1/3}.stv-a-blase{width:100%}.stv-a-text{grid-column:2/-1}.stv-a-video{grid-area:2/3;align-self:center;margin:0 0 0 .85rem}}.stv-a-msg.stv-a-msg--ich{grid-template-columns:minmax(0, 1fr) var(--stv-a-avatar)}.stv-a-msg--ich .stv-a-msg__name{grid-column:1;justify-self:end;margin:0 .2rem .35rem 0}.stv-a-msg--ich .stv-a-msg__zeile{grid-column:1/-1;grid-template-columns:minmax(0, 1fr) var(--stv-a-avatar)}.stv-a-msg--ich .stv-a-msg__zeile .stv-a-avatar{grid-area:1/2}.stv-a-msg--ich .stv-a-blase{background-image:var(--gradient-action-diag);width:min(100%,20.5rem);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-text) 22%, transparent), 0 1rem 2.5rem -1rem rgb(var(--glow-ton) / .6);transform-origin:100% 100%;border-radius:1.4rem 1.4rem .45rem;grid-area:1/1;justify-self:end}.stv-a-msg--ich .stv-a-blase:before{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-text) 45%, transparent), 0 0 2.2rem -.3rem rgb(var(--glow-ton) / .7);background-color:#0000}.stv-a-msg--ich .stv-a-play{background-image:none;background-color:color-mix(in srgb, var(--color-text) 20%, transparent);box-shadow:none}.stv-a-msg--ich .stv-a-play:after{box-shadow:0 0 0 1.5px var(--color-text)}.stv-a-msg--ich .stv-a-welle i{background-color:color-mix(in srgb, var(--color-text) 40%, transparent)}.stv-a-msg--ich .stv-a-welle i:after{background-color:var(--color-text);box-shadow:none}.stv-a-msg--ich .stv-a-welle__kopf span{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-text) 30%, transparent)}.stv-a-msg--ich .stv-a-zeit{color:color-mix(in srgb, var(--color-text) 80%, transparent)}.stv-a-msg--ich .stv-a-text{text-align:right;grid-column:1;justify-self:end;margin:.65rem .2rem 0 0}.stv-a.ist-lebt .stv-a-msg--ich .stv-a-auf{grid-template-columns:minmax(0, 1fr) var(--stv-a-avatar)}.stv-a-msg--ich .stv-a-auf .stv-a-avatar{grid-area:1/2}.stv-a-msg--ich .stv-a-auf__pille{border-radius:1.4rem 1.4rem .45rem;grid-area:1/1;justify-self:end}@media (prefers-reduced-motion:no-preference){.stv-a.ist-lebt .stv-a-verlauf{transition:transform .8s var(--ease-out-expo), opacity .6s var(--ease-out-quad)}.stv-a.ist-lebt .stv-a-verlauf.ist-aus{opacity:0}.stv-a.ist-lebt .stv-a-msg:not(.ist-da) :is(.stv-a-msg__name,.stv-a-video){opacity:0;transform:translateY(8px)}.stv-a.ist-lebt .stv-a-msg:not(.ist-da) .stv-a-msg__zeile .stv-a-avatar{opacity:0;transform:scale(.6)}.stv-a.ist-lebt .stv-a-msg:not(.ist-da) .stv-a-blase{opacity:0;transform:translateY(10px)scale(.94)}.stv-a.ist-lebt .stv-a-msg.ist-da :is(.stv-a-msg__name,.stv-a-msg__zeile .stv-a-avatar,.stv-a-blase,.stv-a-video){transition:opacity .4s var(--ease-out-quad) .2s, transform .65s var(--ease-out-expo) .2s}.stv-a.ist-lebt .stv-a-msg.ist-da .stv-a-msg__zeile .stv-a-avatar{transition:opacity .35s var(--ease-out-quad) .2s, transform .55s var(--ease-feder) .2s}.stv-a.ist-lebt .stv-a-msg.ist-da .stv-a-blase{transition-delay:.26s}.stv-a.ist-lebt .stv-a-msg.ist-da .stv-a-video{transition-delay:.4s}.stv-a.ist-lebt .stv-a-msg.ist-da{cursor:pointer}.stv-a.ist-lebt .stv-a-msg:not(.ist-spielt,.ist-gehoert) .stv-a-wort{opacity:0;transform:translateY(.35em)}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-wort{animation:stv-a-wort .45s var(--ease-out-quad) calc(var(--w) * var(--schritt)) both}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-welle i:after{animation:stv-a-fuell .2s linear calc(var(--b) * var(--takt)) both}.stv-a.ist-lebt .stv-a-msg.ist-gehoert .stv-a-welle i:after{opacity:1}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-welle__kopf{animation:stv-a-kopf var(--dauer) linear both}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-welle__kopf span{opacity:1}.stv-a.ist-lebt .stv-a-msg.ist-gehoert .stv-a-welle__kopf{transform:translate(100%)}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-blase:before{opacity:1}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-play__icon--play{opacity:0;transform:scale(.5)}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-play__icon--pause{opacity:1;transform:none}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-play:after{animation:stv-a-puls 1.6s var(--ease-out-quad) infinite}.stv-a.ist-lebt .stv-a-msg.ist-spielt .stv-a-msg__zeile .stv-a-avatar:after,.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-avatar:after{animation:stv-a-ring 1.8s var(--ease-out-quad) infinite}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__pegel i{animation:.5s ease-in-out infinite alternate stv-a-pegel}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__pegel i:nth-child(2){animation-duration:.36s;animation-delay:-.2s}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__pegel i:nth-child(3){animation-duration:.44s;animation-delay:-.1s}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__pegel i:nth-child(4){animation-duration:.3s;animation-delay:-.25s}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__pegel i:nth-child(5){animation-duration:.52s;animation-delay:-.05s}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__punkte i{animation:1.2s ease-in-out infinite stv-a-punkt}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__punkte i:nth-child(2){animation-delay:.2s}.stv-a.ist-lebt .stv-a-auf.ist-an .stv-a-auf__punkte i:nth-child(3){animation-delay:.4s}.stv-a.ist-lebt .stv-a-chat__schein{animation:14s ease-in-out infinite alternate stv-a-schein}.stv-a.ist-lebt .stv-a-play{transition:transform var(--dur-base) var(--ease-out-expo)}.stv-a.ist-lebt .stv-a-msg.ist-da:hover .stv-a-play{transform:scale(1.06)}.stv-a.ist-halt *,.stv-a.ist-halt :before,.stv-a.ist-halt :after{animation-play-state:paused!important}.stv-a.ohne-uebergang *,.stv-a.ohne-uebergang :before,.stv-a.ohne-uebergang :after{transition:none!important}}@keyframes stv-a-wort{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}@keyframes stv-a-fuell{0%{opacity:0}to{opacity:1}}@keyframes stv-a-kopf{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes stv-a-puls{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes stv-a-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes stv-a-pegel{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes stv-a-punkt{0%,to{opacity:.2}40%{opacity:1}}@keyframes stv-a-schein{0%{transform:translate(-4%,-3%)rotate(0)}to{transform:translate(5%,4%)rotate(8deg)}}@media (max-width:52rem){.stv-a{grid-template-columns:minmax(0,1fr);gap:2.5rem}.stv-a-spalte{max-width:34rem}}@media (max-width:30rem){.stv-a{--stv-a-avatar:2.3rem}.stv-a-chat{border-radius:1.35rem}.stv-a-chat__kopf{padding:.85rem 1rem}.stv-a-stapel .stv-a-foto:nth-child(n+4),.stv-a-chat__zeichen{display:none}.stv-a-fenster{height:29rem}.stv-a-verlauf{gap:1.35rem;padding:1.25rem .85rem 2.5rem}.stv-a.ist-lebt .stv-a-verlauf{padding-bottom:1.25rem}.stv-a-msg,.stv-a-msg__zeile,.stv-a.ist-lebt .stv-a-auf{column-gap:.6rem}.stv-a-blase{gap:.6rem;padding-right:.8rem}.stv-a-play{width:2.25rem;height:2.25rem}.stv-a-auf__pegel{display:none}}}