/* Generated by generate_contracts_css.py from contract.json. Do not edit by hand. */
:root {
  --m-ui-color-canvas: #151515;
  --m-ui-color-surface: #1b1b1b;
  --m-ui-color-surface-raised: #202020;
  --m-ui-color-control-well: #1c1c1c;
  --m-ui-color-border: rgba(255,255,255,.08);
  --m-ui-color-border-strong: rgba(255,255,255,.16);
  --m-ui-color-text: #ffffff;
  --m-ui-color-text-muted: #d6d6d6;
  --m-ui-color-text-subtle: #adadad;
  --m-ui-color-text-disabled: #666666;
  --m-ui-color-action: #7450b6;
  --m-ui-color-action-hover: #9674cb;
  --m-ui-color-accent: #a985dd;
  --m-ui-color-link: #b99ae6;
  --m-ui-color-selection: rgba(169,133,221,.16);
  --m-ui-color-danger: #ef5350;
  --m-ui-color-danger-rest: #e8a09a;
  --m-ui-color-on-action: #ffffff;
  --m-ui-color-on-action-hover: #151515;
  --m-ui-color-on-danger: #151515;
  --m-ui-color-overlay: rgba(0,0,0,.74);
  --m-ui-color-subtle-fill: rgba(255,255,255,.025);
  --m-ui-color-status-fill: rgba(255,255,255,.035);
  --m-ui-color-danger-fill: rgba(239,83,80,.12);
  --m-ui-type-family: "Roboto",system-ui,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --m-ui-type-mono: "Roboto Mono",Consolas,ui-monospace,monospace;
  --m-ui-type-xs: 12px;
  --m-ui-type-sm: 12px;
  --m-ui-type-meta: 12px;
  --m-ui-type-body: 14px;
  --m-ui-type-control: 14px;
  --m-ui-type-section: 16px;
  --m-ui-type-title: 20px;
  --m-ui-type-identity: 17px;
  --m-ui-space-1: 4px;
  --m-ui-space-2: 8px;
  --m-ui-space-3: 12px;
  --m-ui-space-4: 16px;
  --m-ui-space-5: 24px;
  --m-ui-space-6: 32px;
  --m-ui-radius-control: 4px;
  --m-ui-radius-surface: 8px;
  --m-ui-elevation-raised: 0 2px 10px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.03);
  --m-ui-control-min-height: 32px;
  --m-ui-control-large-height: 40px;
  --m-ui-control-padding-y: 5px;
  --m-ui-control-padding-x: 12px;
  --m-ui-state-rest: #202020;
  --m-ui-state-hover: #262626;
  --m-ui-state-active: #181818;
  --m-ui-state-selected-border: #a985dd;
  --m-ui-focus-width: 2px;
  --m-ui-focus-offset: 2px;
  --m-ui-motion-fast: 140ms;
  --m-ui-motion-standard: 180ms;
}

.m-ui-focus-ring:focus-visible {
  outline: var(--m-ui-focus-width) solid var(--m-ui-color-link);
  outline-offset: var(--m-ui-focus-offset);
}

@media (prefers-reduced-motion: reduce) {
  .m-ui-motion {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}