@layer components{.sn-actor{--sn-actor-scale:1;--sn-px:calc(1px * var(--sn-actor-scale));width:calc(var(--sn-px) * var(--sn-frame-w));height:calc(var(--sn-px) * var(--sn-frame-h));background-image:var(--sn-sheet);background-repeat:no-repeat;background-size:calc(var(--sn-px) * var(--sn-sheet-w)) calc(var(--sn-px) * var(--sn-frame-h));background-position:calc(var(--sn-px) * var(--sn-frame-x) * -1) 0;image-rendering:-moz-crisp-edges;image-rendering:pixelated;transform-origin:50% 100%;flex:none;display:block}@media (width>=37.5rem){.sn-actor{--sn-actor-scale:1.5}}.sn-actor.sn-actor--small{--sn-actor-scale:1}.sn-actor--flip{transform:scaleX(-1)}.sn-say{--sn-say-bg:var(--rb-paper-raised);--sn-say-line:var(--rb-ink);--sn-say-ink:var(--rb-ink);--sn-say-round:calc(var(--rb-radius-lg) * 1.6);--sn-tail:calc(var(--rb-space-6) + var(--rb-space-3));width:fit-content;max-width:min(100%,32rem);padding:var(--rb-space-3) var(--rb-space-4);border:2px solid var(--sn-say-line);border-radius:var(--sn-say-round);background:var(--sn-say-bg);color:var(--sn-say-ink);font-family:var(--rb-font-ui);font-size:var(--rb-text-base);overflow-wrap:anywhere;filter:drop-shadow(0 3px 0 color-mix(in srgb, var(--rb-ink) 14%, transparent)) drop-shadow(0 10px 22px color-mix(in srgb, var(--rb-ink) 12%, transparent));line-height:1.65;position:relative}@media (width>=75rem){.sn-say{font-size:var(--rb-text-sm)}}.sn-say__name{width:fit-content;margin-bottom:var(--rb-space-1);color:var(--rb-accent-live,var(--rb-accent));font-size:var(--rb-text-xs);letter-spacing:.06em;font-weight:700;display:block}.sn-say--guest{--sn-say-bg:var(--rb-accent);--sn-say-line:var(--rb-accent);--sn-say-ink:var(--rb-accent-ink);padding:var(--rb-space-2) var(--rb-space-3);font-size:var(--rb-text-sm);line-height:1.55}.sn-say--alert{--sn-say-ink:var(--form-error-text,var(--rb-ink))}.sn-say__tail{width:var(--sn-tail);height:var(--sn-tail);pointer-events:none;position:absolute;overflow:visible}.sn-say__tail-fill{fill:var(--sn-say-bg)}.sn-say__tail-line{fill:none;stroke:var(--sn-say-line);stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.sn-say--tail-right{border-bottom-right-radius:var(--rb-radius-sm)}.sn-say--tail-right .sn-say__tail{right:calc(var(--sn-tail) * -1 + 3px);bottom:calc(var(--rb-space-1) * -1)}.sn-say--tail-left{border-bottom-left-radius:var(--rb-radius-sm)}.sn-say--tail-left .sn-say__tail{left:calc(var(--sn-tail) * -1 + 3px);bottom:calc(var(--rb-space-1) * -1);transform:scaleX(-1)}.sn-say--tail-down .sn-say__tail{left:calc(50% - var(--sn-tail) / 2);bottom:calc(var(--sn-tail) * -1 + 3px);transform:rotate(90deg)}:where(html[data-motion=on]) .sn-say--pop{animation:sn-say-pop var(--rb-duration) var(--rb-ease) both}.sn-say--tail-right.sn-say--pop{transform-origin:100% 100%}.sn-say--tail-left.sn-say--pop{transform-origin:0 100%}:where(html[data-motion=on]) .sn-actor--breathe{animation:sn-actor-breathe calc(var(--rb-duration-arrive) * 2) steps(1, end) infinite}@keyframes sn-say-pop{0%{opacity:0;transform:translateY(var(--rb-space-2)) scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sn-actor-breathe{0%{translate:0}50%,to{translate:0 calc(var(--sn-px) * -1)}}}
