.dgb{z-index:1;border:1px solid color-mix(in srgb, var(--brand-600) 45%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--brand-500) 18%, transparent), color-mix(in srgb, var(--brand-700) 10%, transparent));border-radius:14px;inline-size:100%;max-inline-size:1152px;margin-block:24px 42px;margin-inline:auto;padding:22px 24px;position:relative}.dgb__eye{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-700);font-family:ui-monospace,JetBrains Mono,monospace;font-size:.64rem}.dgb__titolo{font-family:var(--font-display), system-ui, sans-serif;font-size:1.4rem;font-weight:600;line-height:var(--leading-tight);color:var(--ink);margin:6px 0 0}.dgb__comando{align-items:center;margin-top:4px}.dgb__etichetta{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.dgb__esca{cursor:pointer;display:inline-flex}.dgb__nota{color:var(--ink-mute);font-size:.8rem;line-height:1.5}.dgb__nota a{color:var(--brand-700);text-underline-offset:2px;text-decoration:underline}.dgb__esca,.dgb__comando [data-slot=switch]{transition:opacity .4s}.dgb__esca[data-attesa]{opacity:0}.dgb__entra{animation:.35s ease-out dgb-entra}@keyframes dgb-entra{0%{opacity:0;transform:translateY(3px)}}.dgb__cresce{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1);display:grid}.dgb__cresce>*{min-block-size:0;overflow:hidden}.dgb__cresce[data-aperta]{grid-template-rows:1fr}.dgb__cresce .dgb__nota{opacity:0;transition:opacity .3s}.dgb__cresce[data-aperta] .dgb__nota{opacity:1;transition-delay:.15s}@media (prefers-reduced-motion:reduce){.dgb__esca,.dgb__cresce,.dgb__cresce .dgb__nota{transition:none}.dgb__entra{animation:none}}body:has([data-tono=scuro]) .dgb{border-color:color-mix(in srgb, var(--brand-300) 30%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--brand-300) 7%, transparent), color-mix(in srgb, var(--neutral-50) 1.5%, transparent))}body:has([data-tono=scuro]) .dgb__eye{color:var(--brand-300)}body:has([data-tono=scuro]) .dgb__nota a{color:var(--brand-300)}body:has([data-tono=scuro]) .dgb__titolo{color:var(--neutral-50)}body:has([data-tono=scuro]) .dgb__etichetta{color:var(--neutral-200)}body:has([data-tono=scuro]) .dgb__nota{color:var(--neutral-500)}