@layer tokenami {
  :root {
    --_grid: .25rem;
    --radii_base: 10px;
    --color_importance-4: #3c3c3c;
    --color_importance-1: #fff;
    --color_importance-2: #d9d9d9;
    --z_active: 10;
    --radii_progress-bar: 16px;
    --color_importance-3: #9c9c9c;
    --z_knob: 15;
    --radii_progress-knob: 32px;
    --color_background: #242424;
  }

  [style] {
    --border: initial;
    --border-radius: initial;
    --color: initial;
    --display: initial;
    --gap: initial;
    --height: initial;
    --margin: initial;
    --max-width: initial;
    --opacity: initial;
    --position: initial;
    --resize: initial;
    --text-align: initial;
    --text-transform: initial;
    --transform: initial;
    --transition: initial;
    --width: initial;
    --z-index: initial;
    --_4dvc60: var(--hover) var(--hover_background-color);
    --hover_background-color: initial;
    --background-color: initial;
    --hover: initial;
    --flex-direction: initial;
    --font-size: initial;
    --font-family: initial;
    --top: initial;
    --right: initial;
    --margin-right: initial;
    --margin-left: initial;
    --padding-top: initial;
    --padding-right: initial;
    --padding-bottom: initial;
    --padding-left: initial;
    --justify-content: initial;
    --align-items: initial;
    --border-color: initial;
  }

  @layer tk-0 {
    [style] {
      border: var(--border, revert-layer);
      border-radius: var(--border-radius, revert-layer);
      color: var(--color, revert-layer);
      display: var(--display, revert-layer);
      gap: var(--gap, revert-layer);
      height: var(--height, revert-layer);
      margin: var(--margin, revert-layer);
      max-width: var(--max-width, revert-layer);
      opacity: var(--opacity, revert-layer);
      position: var(--position, revert-layer);
      resize: var(--resize, revert-layer);
      text-align: var(--text-align, revert-layer);
      text-transform: var(--text-transform, revert-layer);
      transform: var(--transform, revert-layer);
      transition: var(--transition, revert-layer);
      width: var(--width, revert-layer);
      z-index: var(--z-index, revert-layer);
    }
  }

  @layer tk-1 {
    [style] {
      background-color: var(--background-color, revert-layer);
      flex-direction: var(--flex-direction, revert-layer);
      font-size: var(--font-size, revert-layer);
      font-family: var(--font-family, revert-layer);
      top: var(--top, revert-layer);
      right: var(--right, revert-layer);
      margin-right: var(--margin-right, revert-layer);
      margin-left: var(--margin-left, revert-layer);
      padding-top: var(--padding-top, revert-layer);
      padding-right: var(--padding-right, revert-layer);
      padding-bottom: var(--padding-bottom, revert-layer);
      padding-left: var(--padding-left, revert-layer);
      justify-content: var(--justify-content, revert-layer);
      align-items: var(--align-items, revert-layer);
    }
  }

  @layer tk-2 {
    [style] {
      border-color: var(--border-color, revert-layer);
    }
  }

  @layer tk-selector-1 {
    [style] {
      background-color: var(--_4dvc60, revert-layer);
    }
  }

  [style]:hover {
    --hover: ;
  }
}