.RIuUwa_animation{flex-direction:column;align-items:center;gap:12px;display:flex}.RIuUwa_bell{color:#ff3b30;transform-origin:50% 12.5%;width:24px;height:24px;animation:2s ease-in-out forwards RIuUwa_enableSound,2s ease-in-out forwards RIuUwa_ringBell}.RIuUwa_bell svg{width:100%;height:100%;display:block}.RIuUwa_labels{font-size:12px;font-weight:500;display:grid}.RIuUwa_labels span{grid-area:1/1}.RIuUwa_slash{stroke-dasharray:1;stroke-dashoffset:0;animation:2s ease-in-out forwards RIuUwa_retractSlash}.RIuUwa_silentLabel{animation:2s ease-in-out forwards RIuUwa_hideSilentMode}@keyframes RIuUwa_retractSlash{0%,35%{stroke-dashoffset:0;opacity:1}57%{stroke-dashoffset:1px;opacity:1}58%,to{stroke-dashoffset:1px;opacity:0}}@keyframes RIuUwa_ringBell{0%,65%{transform:rotate(0)}71%{transform:rotate(-14deg)}77%{transform:rotate(11deg)}83%{transform:rotate(-8deg)}89%{transform:rotate(5deg)}95%{transform:rotate(-2deg)}to{transform:rotate(0)}}.RIuUwa_soundLabel{opacity:0;animation:3.2s ease-in-out forwards RIuUwa_showSound}@keyframes RIuUwa_enableSound{0%,35%{color:#ff3b30}65%,to{color:hsl(var(--foreground))}}@keyframes RIuUwa_hideSilentMode{0%,35%{opacity:1}60%,to{opacity:0}}@keyframes RIuUwa_showSound{0%,45%{opacity:0}65%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.RIuUwa_bell{color:hsl(var(--foreground));animation:none;transform:none}.RIuUwa_slash,.RIuUwa_silentLabel{opacity:0;animation:none}.RIuUwa_slash{stroke-dashoffset:1px}.RIuUwa_soundLabel{opacity:1;animation:none}}
.qCmj-W_previewSurface{background-color:hsl(var(--secondary) / .65);background-image:radial-gradient(hsl(var(--foreground) / .1) .75px, transparent .75px);background-size:16px 16px}.qCmj-W_demoRoot{--screenshot-background:var(--background);--screenshot-foreground:var(--foreground);--screenshot-border:var(--border);--screenshot-secondary:var(--secondary);--screenshot-primary-foreground:var(--primary-foreground);--screenshot-accent:var(--accent);width:100%;min-width:0}.qCmj-W_practiceViewport{overscroll-behavior:contain;width:100%;max-height:312px;overflow:auto}.qCmj-W_editorViewport{overscroll-behavior:contain;width:100%;max-height:560px;overflow:auto}.qCmj-W_autoscrollViewport{overscroll-behavior:contain;height:380px;overflow:auto}