@layer components{.btn{outline-offset:-.0625rem;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn-xs{border-radius:.25rem;height:1.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem}.btn-sm{border-radius:.375rem;height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem}.btn-md{border-radius:.375rem;height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:.875rem}.btn-lg{border-radius:.5rem;height:3rem;padding-left:1.25rem;padding-right:1.25rem;font-size:1rem}.btn-xl{border-radius:.625rem;height:3.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:1rem}.btn-responsive{@media (width<37.5rem){border-radius:.375rem;height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem}}}@layer components {
  .yellow {
    outline: .0625rem var(--color-yellow-line) solid;
    background-color: var(--color-yellow);
    color: var(--color-on-yellow);
  }

  .touch-yellow {
    &:hover {
      background-color: var(--color-yellow-hover);
    }
  }
}

@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-95:oklch(19.4% .0019 265);--color-yellow-40:oklch(91.5% .1909 101.1);--color-yellow-50:oklch(87.52% .1796 94.6);--color-yellow-95:oklch(33.35% .083 54.6)}:root,:host{--color-yellow:var(--color-yellow-40)}:root,:host{--color-black:oklch(0% 0 none)}:root,:host{--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0), var(--color-zinc-95))}:root,:host{--color-yellow:var(--color-yellow-40);--color-yellow-hover:var(--color-yellow-50);--color-on-yellow:var(--color-yellow-95);--color-yellow-line:color-mix(in oklab, var(--color-black) 10%, transparent)}}