:root{--ui-focus-ring:0 0 0 3px #3b82f673;--ui-focus-ring-danger:0 0 0 3px #ef444466;--ui-danger:#ef4444;--ui-danger-active:#dc2626;--ui-danger-tint:#ef44441a}.dark{--ui-focus-ring:0 0 0 3px #60a5fa80;--ui-focus-ring-danger:0 0 0 3px #f8717173;--ui-danger:#f87171;--ui-danger-active:#ef4444;--ui-danger-tint:#f8717124}.ui-pressable{-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease, box-shadow var(--dur-fast) ease, transform var(--dur-press) var(--ease-snap)}.ui-pressable:active:not(:disabled):not([aria-disabled=true]){transform:scale(.98)}@media (prefers-reduced-motion:reduce){.ui-pressable{transition:background-color var(--dur-fast) ease, color var(--dur-fast) ease}.ui-pressable:active:not(:disabled):not([aria-disabled=true]){transform:none}}.ui-segmented{background-color:var(--color-surface);border:1px solid var(--color-hairline);border-radius:calc(var(--radius) + 3px);gap:4px;padding:3px;display:inline-flex}.ui-segmented--full{width:100%;display:flex}.ui-segmented--full>.button{flex:1 1 0}.block-row__delete{opacity:0}@media (hover:none),(pointer:coarse){.block-row__delete{opacity:1}}@media (hover:hover) and (pointer:fine){.block-row:hover .block-row__grip,.block-row:focus-within .block-row__grip,.block-row:hover .block-row__delete,.block-row:focus-within .block-row__delete{opacity:1}.block-row__title:hover{background:var(--color-surface)}.block-row__delete:hover{color:var(--ui-danger);background:var(--ui-danger-tint)}}.block-row__delete:focus-visible{opacity:1;box-shadow:var(--ui-focus-ring-danger);outline:none}.block-row:focus-visible{box-shadow:var(--ui-focus-ring);border-radius:12px;outline:none}