@layer wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides, wa-base;

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/variants/brand.css */
@layer wa-color-variant {
  :where(:root),
  .wa-brand-blue {
    --wa-color-brand-95: var(--wa-color-blue-95);
    --wa-color-brand-90: var(--wa-color-blue-90);
    --wa-color-brand-80: var(--wa-color-blue-80);
    --wa-color-brand-70: var(--wa-color-blue-70);
    --wa-color-brand-60: var(--wa-color-blue-60);
    --wa-color-brand-50: var(--wa-color-blue-50);
    --wa-color-brand-40: var(--wa-color-blue-40);
    --wa-color-brand-30: var(--wa-color-blue-30);
    --wa-color-brand-20: var(--wa-color-blue-20);
    --wa-color-brand-10: var(--wa-color-blue-10);
    --wa-color-brand-05: var(--wa-color-blue-05);
    --wa-color-brand: var(--wa-color-blue);
    --wa-color-brand-on: var(--wa-color-blue-on);
  }
  .wa-brand-red {
    --wa-color-brand-95: var(--wa-color-red-95);
    --wa-color-brand-90: var(--wa-color-red-90);
    --wa-color-brand-80: var(--wa-color-red-80);
    --wa-color-brand-70: var(--wa-color-red-70);
    --wa-color-brand-60: var(--wa-color-red-60);
    --wa-color-brand-50: var(--wa-color-red-50);
    --wa-color-brand-40: var(--wa-color-red-40);
    --wa-color-brand-30: var(--wa-color-red-30);
    --wa-color-brand-20: var(--wa-color-red-20);
    --wa-color-brand-10: var(--wa-color-red-10);
    --wa-color-brand-05: var(--wa-color-red-05);
    --wa-color-brand: var(--wa-color-red);
    --wa-color-brand-on: var(--wa-color-red-on);
  }
  .wa-brand-orange {
    --wa-color-brand-95: var(--wa-color-orange-95);
    --wa-color-brand-90: var(--wa-color-orange-90);
    --wa-color-brand-80: var(--wa-color-orange-80);
    --wa-color-brand-70: var(--wa-color-orange-70);
    --wa-color-brand-60: var(--wa-color-orange-60);
    --wa-color-brand-50: var(--wa-color-orange-50);
    --wa-color-brand-40: var(--wa-color-orange-40);
    --wa-color-brand-30: var(--wa-color-orange-30);
    --wa-color-brand-20: var(--wa-color-orange-20);
    --wa-color-brand-10: var(--wa-color-orange-10);
    --wa-color-brand-05: var(--wa-color-orange-05);
    --wa-color-brand: var(--wa-color-orange);
    --wa-color-brand-on: var(--wa-color-orange-on);
  }
  .wa-brand-yellow {
    --wa-color-brand-95: var(--wa-color-yellow-95);
    --wa-color-brand-90: var(--wa-color-yellow-90);
    --wa-color-brand-80: var(--wa-color-yellow-80);
    --wa-color-brand-70: var(--wa-color-yellow-70);
    --wa-color-brand-60: var(--wa-color-yellow-60);
    --wa-color-brand-50: var(--wa-color-yellow-50);
    --wa-color-brand-40: var(--wa-color-yellow-40);
    --wa-color-brand-30: var(--wa-color-yellow-30);
    --wa-color-brand-20: var(--wa-color-yellow-20);
    --wa-color-brand-10: var(--wa-color-yellow-10);
    --wa-color-brand-05: var(--wa-color-yellow-05);
    --wa-color-brand: var(--wa-color-yellow);
    --wa-color-brand-on: var(--wa-color-yellow-on);
  }
  .wa-brand-green {
    --wa-color-brand-95: var(--wa-color-green-95);
    --wa-color-brand-90: var(--wa-color-green-90);
    --wa-color-brand-80: var(--wa-color-green-80);
    --wa-color-brand-70: var(--wa-color-green-70);
    --wa-color-brand-60: var(--wa-color-green-60);
    --wa-color-brand-50: var(--wa-color-green-50);
    --wa-color-brand-40: var(--wa-color-green-40);
    --wa-color-brand-30: var(--wa-color-green-30);
    --wa-color-brand-20: var(--wa-color-green-20);
    --wa-color-brand-10: var(--wa-color-green-10);
    --wa-color-brand-05: var(--wa-color-green-05);
    --wa-color-brand: var(--wa-color-green);
    --wa-color-brand-on: var(--wa-color-green-on);
  }
  .wa-brand-cyan {
    --wa-color-brand-95: var(--wa-color-cyan-95);
    --wa-color-brand-90: var(--wa-color-cyan-90);
    --wa-color-brand-80: var(--wa-color-cyan-80);
    --wa-color-brand-70: var(--wa-color-cyan-70);
    --wa-color-brand-60: var(--wa-color-cyan-60);
    --wa-color-brand-50: var(--wa-color-cyan-50);
    --wa-color-brand-40: var(--wa-color-cyan-40);
    --wa-color-brand-30: var(--wa-color-cyan-30);
    --wa-color-brand-20: var(--wa-color-cyan-20);
    --wa-color-brand-10: var(--wa-color-cyan-10);
    --wa-color-brand-05: var(--wa-color-cyan-05);
    --wa-color-brand: var(--wa-color-cyan);
    --wa-color-brand-on: var(--wa-color-cyan-on);
  }
  .wa-brand-indigo {
    --wa-color-brand-95: var(--wa-color-indigo-95);
    --wa-color-brand-90: var(--wa-color-indigo-90);
    --wa-color-brand-80: var(--wa-color-indigo-80);
    --wa-color-brand-70: var(--wa-color-indigo-70);
    --wa-color-brand-60: var(--wa-color-indigo-60);
    --wa-color-brand-50: var(--wa-color-indigo-50);
    --wa-color-brand-40: var(--wa-color-indigo-40);
    --wa-color-brand-30: var(--wa-color-indigo-30);
    --wa-color-brand-20: var(--wa-color-indigo-20);
    --wa-color-brand-10: var(--wa-color-indigo-10);
    --wa-color-brand-05: var(--wa-color-indigo-05);
    --wa-color-brand: var(--wa-color-indigo);
    --wa-color-brand-on: var(--wa-color-indigo-on);
  }
  .wa-brand-purple {
    --wa-color-brand-95: var(--wa-color-purple-95);
    --wa-color-brand-90: var(--wa-color-purple-90);
    --wa-color-brand-80: var(--wa-color-purple-80);
    --wa-color-brand-70: var(--wa-color-purple-70);
    --wa-color-brand-60: var(--wa-color-purple-60);
    --wa-color-brand-50: var(--wa-color-purple-50);
    --wa-color-brand-40: var(--wa-color-purple-40);
    --wa-color-brand-30: var(--wa-color-purple-30);
    --wa-color-brand-20: var(--wa-color-purple-20);
    --wa-color-brand-10: var(--wa-color-purple-10);
    --wa-color-brand-05: var(--wa-color-purple-05);
    --wa-color-brand: var(--wa-color-purple);
    --wa-color-brand-on: var(--wa-color-purple-on);
  }
  .wa-brand-pink {
    --wa-color-brand-95: var(--wa-color-pink-95);
    --wa-color-brand-90: var(--wa-color-pink-90);
    --wa-color-brand-80: var(--wa-color-pink-80);
    --wa-color-brand-70: var(--wa-color-pink-70);
    --wa-color-brand-60: var(--wa-color-pink-60);
    --wa-color-brand-50: var(--wa-color-pink-50);
    --wa-color-brand-40: var(--wa-color-pink-40);
    --wa-color-brand-30: var(--wa-color-pink-30);
    --wa-color-brand-20: var(--wa-color-pink-20);
    --wa-color-brand-10: var(--wa-color-pink-10);
    --wa-color-brand-05: var(--wa-color-pink-05);
    --wa-color-brand: var(--wa-color-pink);
    --wa-color-brand-on: var(--wa-color-pink-on);
  }
  .wa-brand-gray {
    --wa-color-brand-95: var(--wa-color-gray-95);
    --wa-color-brand-90: var(--wa-color-gray-90);
    --wa-color-brand-80: var(--wa-color-gray-80);
    --wa-color-brand-70: var(--wa-color-gray-70);
    --wa-color-brand-60: var(--wa-color-gray-60);
    --wa-color-brand-50: var(--wa-color-gray-50);
    --wa-color-brand-40: var(--wa-color-gray-40);
    --wa-color-brand-30: var(--wa-color-gray-30);
    --wa-color-brand-20: var(--wa-color-gray-20);
    --wa-color-brand-10: var(--wa-color-gray-10);
    --wa-color-brand-05: var(--wa-color-gray-05);
    --wa-color-brand: var(--wa-color-gray);
    --wa-color-brand-on: var(--wa-color-gray-on);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/variants/neutral.css */
@layer wa-color-variant {
  :where(:root),
  .wa-neutral-gray {
    --wa-color-neutral-95: var(--wa-color-gray-95);
    --wa-color-neutral-90: var(--wa-color-gray-90);
    --wa-color-neutral-80: var(--wa-color-gray-80);
    --wa-color-neutral-70: var(--wa-color-gray-70);
    --wa-color-neutral-60: var(--wa-color-gray-60);
    --wa-color-neutral-50: var(--wa-color-gray-50);
    --wa-color-neutral-40: var(--wa-color-gray-40);
    --wa-color-neutral-30: var(--wa-color-gray-30);
    --wa-color-neutral-20: var(--wa-color-gray-20);
    --wa-color-neutral-10: var(--wa-color-gray-10);
    --wa-color-neutral-05: var(--wa-color-gray-05);
    --wa-color-neutral: var(--wa-color-gray);
    --wa-color-neutral-on: var(--wa-color-gray-on);
  }
  .wa-neutral-red {
    --wa-color-neutral-95: var(--wa-color-red-95);
    --wa-color-neutral-90: var(--wa-color-red-90);
    --wa-color-neutral-80: var(--wa-color-red-80);
    --wa-color-neutral-70: var(--wa-color-red-70);
    --wa-color-neutral-60: var(--wa-color-red-60);
    --wa-color-neutral-50: var(--wa-color-red-50);
    --wa-color-neutral-40: var(--wa-color-red-40);
    --wa-color-neutral-30: var(--wa-color-red-30);
    --wa-color-neutral-20: var(--wa-color-red-20);
    --wa-color-neutral-10: var(--wa-color-red-10);
    --wa-color-neutral-05: var(--wa-color-red-05);
    --wa-color-neutral: var(--wa-color-red);
    --wa-color-neutral-on: var(--wa-color-red-on);
  }
  .wa-neutral-orange {
    --wa-color-neutral-95: var(--wa-color-orange-95);
    --wa-color-neutral-90: var(--wa-color-orange-90);
    --wa-color-neutral-80: var(--wa-color-orange-80);
    --wa-color-neutral-70: var(--wa-color-orange-70);
    --wa-color-neutral-60: var(--wa-color-orange-60);
    --wa-color-neutral-50: var(--wa-color-orange-50);
    --wa-color-neutral-40: var(--wa-color-orange-40);
    --wa-color-neutral-30: var(--wa-color-orange-30);
    --wa-color-neutral-20: var(--wa-color-orange-20);
    --wa-color-neutral-10: var(--wa-color-orange-10);
    --wa-color-neutral-05: var(--wa-color-orange-05);
    --wa-color-neutral: var(--wa-color-orange);
    --wa-color-neutral-on: var(--wa-color-orange-on);
  }
  .wa-neutral-yellow {
    --wa-color-neutral-95: var(--wa-color-yellow-95);
    --wa-color-neutral-90: var(--wa-color-yellow-90);
    --wa-color-neutral-80: var(--wa-color-yellow-80);
    --wa-color-neutral-70: var(--wa-color-yellow-70);
    --wa-color-neutral-60: var(--wa-color-yellow-60);
    --wa-color-neutral-50: var(--wa-color-yellow-50);
    --wa-color-neutral-40: var(--wa-color-yellow-40);
    --wa-color-neutral-30: var(--wa-color-yellow-30);
    --wa-color-neutral-20: var(--wa-color-yellow-20);
    --wa-color-neutral-10: var(--wa-color-yellow-10);
    --wa-color-neutral-05: var(--wa-color-yellow-05);
    --wa-color-neutral: var(--wa-color-yellow);
    --wa-color-neutral-on: var(--wa-color-yellow-on);
  }
  .wa-neutral-green {
    --wa-color-neutral-95: var(--wa-color-green-95);
    --wa-color-neutral-90: var(--wa-color-green-90);
    --wa-color-neutral-80: var(--wa-color-green-80);
    --wa-color-neutral-70: var(--wa-color-green-70);
    --wa-color-neutral-60: var(--wa-color-green-60);
    --wa-color-neutral-50: var(--wa-color-green-50);
    --wa-color-neutral-40: var(--wa-color-green-40);
    --wa-color-neutral-30: var(--wa-color-green-30);
    --wa-color-neutral-20: var(--wa-color-green-20);
    --wa-color-neutral-10: var(--wa-color-green-10);
    --wa-color-neutral-05: var(--wa-color-green-05);
    --wa-color-neutral: var(--wa-color-green);
    --wa-color-neutral-on: var(--wa-color-green-on);
  }
  .wa-neutral-cyan {
    --wa-color-neutral-95: var(--wa-color-cyan-95);
    --wa-color-neutral-90: var(--wa-color-cyan-90);
    --wa-color-neutral-80: var(--wa-color-cyan-80);
    --wa-color-neutral-70: var(--wa-color-cyan-70);
    --wa-color-neutral-60: var(--wa-color-cyan-60);
    --wa-color-neutral-50: var(--wa-color-cyan-50);
    --wa-color-neutral-40: var(--wa-color-cyan-40);
    --wa-color-neutral-30: var(--wa-color-cyan-30);
    --wa-color-neutral-20: var(--wa-color-cyan-20);
    --wa-color-neutral-10: var(--wa-color-cyan-10);
    --wa-color-neutral-05: var(--wa-color-cyan-05);
    --wa-color-neutral: var(--wa-color-cyan);
    --wa-color-neutral-on: var(--wa-color-cyan-on);
  }
  .wa-neutral-blue {
    --wa-color-neutral-95: var(--wa-color-blue-95);
    --wa-color-neutral-90: var(--wa-color-blue-90);
    --wa-color-neutral-80: var(--wa-color-blue-80);
    --wa-color-neutral-70: var(--wa-color-blue-70);
    --wa-color-neutral-60: var(--wa-color-blue-60);
    --wa-color-neutral-50: var(--wa-color-blue-50);
    --wa-color-neutral-40: var(--wa-color-blue-40);
    --wa-color-neutral-30: var(--wa-color-blue-30);
    --wa-color-neutral-20: var(--wa-color-blue-20);
    --wa-color-neutral-10: var(--wa-color-blue-10);
    --wa-color-neutral-05: var(--wa-color-blue-05);
    --wa-color-neutral: var(--wa-color-blue);
    --wa-color-neutral-on: var(--wa-color-blue-on);
  }
  .wa-neutral-indigo {
    --wa-color-neutral-95: var(--wa-color-indigo-95);
    --wa-color-neutral-90: var(--wa-color-indigo-90);
    --wa-color-neutral-80: var(--wa-color-indigo-80);
    --wa-color-neutral-70: var(--wa-color-indigo-70);
    --wa-color-neutral-60: var(--wa-color-indigo-60);
    --wa-color-neutral-50: var(--wa-color-indigo-50);
    --wa-color-neutral-40: var(--wa-color-indigo-40);
    --wa-color-neutral-30: var(--wa-color-indigo-30);
    --wa-color-neutral-20: var(--wa-color-indigo-20);
    --wa-color-neutral-10: var(--wa-color-indigo-10);
    --wa-color-neutral-05: var(--wa-color-indigo-05);
    --wa-color-neutral: var(--wa-color-indigo);
    --wa-color-neutral-on: var(--wa-color-indigo-on);
  }
  .wa-neutral-purple {
    --wa-color-neutral-95: var(--wa-color-purple-95);
    --wa-color-neutral-90: var(--wa-color-purple-90);
    --wa-color-neutral-80: var(--wa-color-purple-80);
    --wa-color-neutral-70: var(--wa-color-purple-70);
    --wa-color-neutral-60: var(--wa-color-purple-60);
    --wa-color-neutral-50: var(--wa-color-purple-50);
    --wa-color-neutral-40: var(--wa-color-purple-40);
    --wa-color-neutral-30: var(--wa-color-purple-30);
    --wa-color-neutral-20: var(--wa-color-purple-20);
    --wa-color-neutral-10: var(--wa-color-purple-10);
    --wa-color-neutral-05: var(--wa-color-purple-05);
    --wa-color-neutral: var(--wa-color-purple);
    --wa-color-neutral-on: var(--wa-color-purple-on);
  }
  .wa-neutral-pink {
    --wa-color-neutral-95: var(--wa-color-pink-95);
    --wa-color-neutral-90: var(--wa-color-pink-90);
    --wa-color-neutral-80: var(--wa-color-pink-80);
    --wa-color-neutral-70: var(--wa-color-pink-70);
    --wa-color-neutral-60: var(--wa-color-pink-60);
    --wa-color-neutral-50: var(--wa-color-pink-50);
    --wa-color-neutral-40: var(--wa-color-pink-40);
    --wa-color-neutral-30: var(--wa-color-pink-30);
    --wa-color-neutral-20: var(--wa-color-pink-20);
    --wa-color-neutral-10: var(--wa-color-pink-10);
    --wa-color-neutral-05: var(--wa-color-pink-05);
    --wa-color-neutral: var(--wa-color-pink);
    --wa-color-neutral-on: var(--wa-color-pink-on);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/variants/success.css */
@layer wa-color-variant {
  :where(:root),
  .wa-success-green {
    --wa-color-success-95: var(--wa-color-green-95);
    --wa-color-success-90: var(--wa-color-green-90);
    --wa-color-success-80: var(--wa-color-green-80);
    --wa-color-success-70: var(--wa-color-green-70);
    --wa-color-success-60: var(--wa-color-green-60);
    --wa-color-success-50: var(--wa-color-green-50);
    --wa-color-success-40: var(--wa-color-green-40);
    --wa-color-success-30: var(--wa-color-green-30);
    --wa-color-success-20: var(--wa-color-green-20);
    --wa-color-success-10: var(--wa-color-green-10);
    --wa-color-success-05: var(--wa-color-green-05);
    --wa-color-success: var(--wa-color-green);
    --wa-color-success-on: var(--wa-color-green-on);
  }
  .wa-success-red {
    --wa-color-success-95: var(--wa-color-red-95);
    --wa-color-success-90: var(--wa-color-red-90);
    --wa-color-success-80: var(--wa-color-red-80);
    --wa-color-success-70: var(--wa-color-red-70);
    --wa-color-success-60: var(--wa-color-red-60);
    --wa-color-success-50: var(--wa-color-red-50);
    --wa-color-success-40: var(--wa-color-red-40);
    --wa-color-success-30: var(--wa-color-red-30);
    --wa-color-success-20: var(--wa-color-red-20);
    --wa-color-success-10: var(--wa-color-red-10);
    --wa-color-success-05: var(--wa-color-red-05);
    --wa-color-success: var(--wa-color-red);
    --wa-color-success-on: var(--wa-color-red-on);
  }
  .wa-success-orange {
    --wa-color-success-95: var(--wa-color-orange-95);
    --wa-color-success-90: var(--wa-color-orange-90);
    --wa-color-success-80: var(--wa-color-orange-80);
    --wa-color-success-70: var(--wa-color-orange-70);
    --wa-color-success-60: var(--wa-color-orange-60);
    --wa-color-success-50: var(--wa-color-orange-50);
    --wa-color-success-40: var(--wa-color-orange-40);
    --wa-color-success-30: var(--wa-color-orange-30);
    --wa-color-success-20: var(--wa-color-orange-20);
    --wa-color-success-10: var(--wa-color-orange-10);
    --wa-color-success-05: var(--wa-color-orange-05);
    --wa-color-success: var(--wa-color-orange);
    --wa-color-success-on: var(--wa-color-orange-on);
  }
  .wa-success-yellow {
    --wa-color-success-95: var(--wa-color-yellow-95);
    --wa-color-success-90: var(--wa-color-yellow-90);
    --wa-color-success-80: var(--wa-color-yellow-80);
    --wa-color-success-70: var(--wa-color-yellow-70);
    --wa-color-success-60: var(--wa-color-yellow-60);
    --wa-color-success-50: var(--wa-color-yellow-50);
    --wa-color-success-40: var(--wa-color-yellow-40);
    --wa-color-success-30: var(--wa-color-yellow-30);
    --wa-color-success-20: var(--wa-color-yellow-20);
    --wa-color-success-10: var(--wa-color-yellow-10);
    --wa-color-success-05: var(--wa-color-yellow-05);
    --wa-color-success: var(--wa-color-yellow);
    --wa-color-success-on: var(--wa-color-yellow-on);
  }
  .wa-success-cyan {
    --wa-color-success-95: var(--wa-color-cyan-95);
    --wa-color-success-90: var(--wa-color-cyan-90);
    --wa-color-success-80: var(--wa-color-cyan-80);
    --wa-color-success-70: var(--wa-color-cyan-70);
    --wa-color-success-60: var(--wa-color-cyan-60);
    --wa-color-success-50: var(--wa-color-cyan-50);
    --wa-color-success-40: var(--wa-color-cyan-40);
    --wa-color-success-30: var(--wa-color-cyan-30);
    --wa-color-success-20: var(--wa-color-cyan-20);
    --wa-color-success-10: var(--wa-color-cyan-10);
    --wa-color-success-05: var(--wa-color-cyan-05);
    --wa-color-success: var(--wa-color-cyan);
    --wa-color-success-on: var(--wa-color-cyan-on);
  }
  .wa-success-blue {
    --wa-color-success-95: var(--wa-color-blue-95);
    --wa-color-success-90: var(--wa-color-blue-90);
    --wa-color-success-80: var(--wa-color-blue-80);
    --wa-color-success-70: var(--wa-color-blue-70);
    --wa-color-success-60: var(--wa-color-blue-60);
    --wa-color-success-50: var(--wa-color-blue-50);
    --wa-color-success-40: var(--wa-color-blue-40);
    --wa-color-success-30: var(--wa-color-blue-30);
    --wa-color-success-20: var(--wa-color-blue-20);
    --wa-color-success-10: var(--wa-color-blue-10);
    --wa-color-success-05: var(--wa-color-blue-05);
    --wa-color-success: var(--wa-color-blue);
    --wa-color-success-on: var(--wa-color-blue-on);
  }
  .wa-success-indigo {
    --wa-color-success-95: var(--wa-color-indigo-95);
    --wa-color-success-90: var(--wa-color-indigo-90);
    --wa-color-success-80: var(--wa-color-indigo-80);
    --wa-color-success-70: var(--wa-color-indigo-70);
    --wa-color-success-60: var(--wa-color-indigo-60);
    --wa-color-success-50: var(--wa-color-indigo-50);
    --wa-color-success-40: var(--wa-color-indigo-40);
    --wa-color-success-30: var(--wa-color-indigo-30);
    --wa-color-success-20: var(--wa-color-indigo-20);
    --wa-color-success-10: var(--wa-color-indigo-10);
    --wa-color-success-05: var(--wa-color-indigo-05);
    --wa-color-success: var(--wa-color-indigo);
    --wa-color-success-on: var(--wa-color-indigo-on);
  }
  .wa-success-purple {
    --wa-color-success-95: var(--wa-color-purple-95);
    --wa-color-success-90: var(--wa-color-purple-90);
    --wa-color-success-80: var(--wa-color-purple-80);
    --wa-color-success-70: var(--wa-color-purple-70);
    --wa-color-success-60: var(--wa-color-purple-60);
    --wa-color-success-50: var(--wa-color-purple-50);
    --wa-color-success-40: var(--wa-color-purple-40);
    --wa-color-success-30: var(--wa-color-purple-30);
    --wa-color-success-20: var(--wa-color-purple-20);
    --wa-color-success-10: var(--wa-color-purple-10);
    --wa-color-success-05: var(--wa-color-purple-05);
    --wa-color-success: var(--wa-color-purple);
    --wa-color-success-on: var(--wa-color-purple-on);
  }
  .wa-success-pink {
    --wa-color-success-95: var(--wa-color-pink-95);
    --wa-color-success-90: var(--wa-color-pink-90);
    --wa-color-success-80: var(--wa-color-pink-80);
    --wa-color-success-70: var(--wa-color-pink-70);
    --wa-color-success-60: var(--wa-color-pink-60);
    --wa-color-success-50: var(--wa-color-pink-50);
    --wa-color-success-40: var(--wa-color-pink-40);
    --wa-color-success-30: var(--wa-color-pink-30);
    --wa-color-success-20: var(--wa-color-pink-20);
    --wa-color-success-10: var(--wa-color-pink-10);
    --wa-color-success-05: var(--wa-color-pink-05);
    --wa-color-success: var(--wa-color-pink);
    --wa-color-success-on: var(--wa-color-pink-on);
  }
  .wa-success-gray {
    --wa-color-success-95: var(--wa-color-gray-95);
    --wa-color-success-90: var(--wa-color-gray-90);
    --wa-color-success-80: var(--wa-color-gray-80);
    --wa-color-success-70: var(--wa-color-gray-70);
    --wa-color-success-60: var(--wa-color-gray-60);
    --wa-color-success-50: var(--wa-color-gray-50);
    --wa-color-success-40: var(--wa-color-gray-40);
    --wa-color-success-30: var(--wa-color-gray-30);
    --wa-color-success-20: var(--wa-color-gray-20);
    --wa-color-success-10: var(--wa-color-gray-10);
    --wa-color-success-05: var(--wa-color-gray-05);
    --wa-color-success: var(--wa-color-gray);
    --wa-color-success-on: var(--wa-color-gray-on);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/variants/warning.css */
@layer wa-color-variant {
  :where(:root),
  .wa-warning-yellow {
    --wa-color-warning-95: var(--wa-color-yellow-95);
    --wa-color-warning-90: var(--wa-color-yellow-90);
    --wa-color-warning-80: var(--wa-color-yellow-80);
    --wa-color-warning-70: var(--wa-color-yellow-70);
    --wa-color-warning-60: var(--wa-color-yellow-60);
    --wa-color-warning-50: var(--wa-color-yellow-50);
    --wa-color-warning-40: var(--wa-color-yellow-40);
    --wa-color-warning-30: var(--wa-color-yellow-30);
    --wa-color-warning-20: var(--wa-color-yellow-20);
    --wa-color-warning-10: var(--wa-color-yellow-10);
    --wa-color-warning-05: var(--wa-color-yellow-05);
    --wa-color-warning: var(--wa-color-yellow);
    --wa-color-warning-on: var(--wa-color-yellow-on);
  }
  .wa-warning-red {
    --wa-color-warning-95: var(--wa-color-red-95);
    --wa-color-warning-90: var(--wa-color-red-90);
    --wa-color-warning-80: var(--wa-color-red-80);
    --wa-color-warning-70: var(--wa-color-red-70);
    --wa-color-warning-60: var(--wa-color-red-60);
    --wa-color-warning-50: var(--wa-color-red-50);
    --wa-color-warning-40: var(--wa-color-red-40);
    --wa-color-warning-30: var(--wa-color-red-30);
    --wa-color-warning-20: var(--wa-color-red-20);
    --wa-color-warning-10: var(--wa-color-red-10);
    --wa-color-warning-05: var(--wa-color-red-05);
    --wa-color-warning: var(--wa-color-red);
    --wa-color-warning-on: var(--wa-color-red-on);
  }
  .wa-warning-orange {
    --wa-color-warning-95: var(--wa-color-orange-95);
    --wa-color-warning-90: var(--wa-color-orange-90);
    --wa-color-warning-80: var(--wa-color-orange-80);
    --wa-color-warning-70: var(--wa-color-orange-70);
    --wa-color-warning-60: var(--wa-color-orange-60);
    --wa-color-warning-50: var(--wa-color-orange-50);
    --wa-color-warning-40: var(--wa-color-orange-40);
    --wa-color-warning-30: var(--wa-color-orange-30);
    --wa-color-warning-20: var(--wa-color-orange-20);
    --wa-color-warning-10: var(--wa-color-orange-10);
    --wa-color-warning-05: var(--wa-color-orange-05);
    --wa-color-warning: var(--wa-color-orange);
    --wa-color-warning-on: var(--wa-color-orange-on);
  }
  .wa-warning-green {
    --wa-color-warning-95: var(--wa-color-green-95);
    --wa-color-warning-90: var(--wa-color-green-90);
    --wa-color-warning-80: var(--wa-color-green-80);
    --wa-color-warning-70: var(--wa-color-green-70);
    --wa-color-warning-60: var(--wa-color-green-60);
    --wa-color-warning-50: var(--wa-color-green-50);
    --wa-color-warning-40: var(--wa-color-green-40);
    --wa-color-warning-30: var(--wa-color-green-30);
    --wa-color-warning-20: var(--wa-color-green-20);
    --wa-color-warning-10: var(--wa-color-green-10);
    --wa-color-warning-05: var(--wa-color-green-05);
    --wa-color-warning: var(--wa-color-green);
    --wa-color-warning-on: var(--wa-color-green-on);
  }
  .wa-warning-cyan {
    --wa-color-warning-95: var(--wa-color-cyan-95);
    --wa-color-warning-90: var(--wa-color-cyan-90);
    --wa-color-warning-80: var(--wa-color-cyan-80);
    --wa-color-warning-70: var(--wa-color-cyan-70);
    --wa-color-warning-60: var(--wa-color-cyan-60);
    --wa-color-warning-50: var(--wa-color-cyan-50);
    --wa-color-warning-40: var(--wa-color-cyan-40);
    --wa-color-warning-30: var(--wa-color-cyan-30);
    --wa-color-warning-20: var(--wa-color-cyan-20);
    --wa-color-warning-10: var(--wa-color-cyan-10);
    --wa-color-warning-05: var(--wa-color-cyan-05);
    --wa-color-warning: var(--wa-color-cyan);
    --wa-color-warning-on: var(--wa-color-cyan-on);
  }
  .wa-warning-blue {
    --wa-color-warning-95: var(--wa-color-blue-95);
    --wa-color-warning-90: var(--wa-color-blue-90);
    --wa-color-warning-80: var(--wa-color-blue-80);
    --wa-color-warning-70: var(--wa-color-blue-70);
    --wa-color-warning-60: var(--wa-color-blue-60);
    --wa-color-warning-50: var(--wa-color-blue-50);
    --wa-color-warning-40: var(--wa-color-blue-40);
    --wa-color-warning-30: var(--wa-color-blue-30);
    --wa-color-warning-20: var(--wa-color-blue-20);
    --wa-color-warning-10: var(--wa-color-blue-10);
    --wa-color-warning-05: var(--wa-color-blue-05);
    --wa-color-warning: var(--wa-color-blue);
    --wa-color-warning-on: var(--wa-color-blue-on);
  }
  .wa-warning-indigo {
    --wa-color-warning-95: var(--wa-color-indigo-95);
    --wa-color-warning-90: var(--wa-color-indigo-90);
    --wa-color-warning-80: var(--wa-color-indigo-80);
    --wa-color-warning-70: var(--wa-color-indigo-70);
    --wa-color-warning-60: var(--wa-color-indigo-60);
    --wa-color-warning-50: var(--wa-color-indigo-50);
    --wa-color-warning-40: var(--wa-color-indigo-40);
    --wa-color-warning-30: var(--wa-color-indigo-30);
    --wa-color-warning-20: var(--wa-color-indigo-20);
    --wa-color-warning-10: var(--wa-color-indigo-10);
    --wa-color-warning-05: var(--wa-color-indigo-05);
    --wa-color-warning: var(--wa-color-indigo);
    --wa-color-warning-on: var(--wa-color-indigo-on);
  }
  .wa-warning-purple {
    --wa-color-warning-95: var(--wa-color-purple-95);
    --wa-color-warning-90: var(--wa-color-purple-90);
    --wa-color-warning-80: var(--wa-color-purple-80);
    --wa-color-warning-70: var(--wa-color-purple-70);
    --wa-color-warning-60: var(--wa-color-purple-60);
    --wa-color-warning-50: var(--wa-color-purple-50);
    --wa-color-warning-40: var(--wa-color-purple-40);
    --wa-color-warning-30: var(--wa-color-purple-30);
    --wa-color-warning-20: var(--wa-color-purple-20);
    --wa-color-warning-10: var(--wa-color-purple-10);
    --wa-color-warning-05: var(--wa-color-purple-05);
    --wa-color-warning: var(--wa-color-purple);
    --wa-color-warning-on: var(--wa-color-purple-on);
  }
  .wa-warning-pink {
    --wa-color-warning-95: var(--wa-color-pink-95);
    --wa-color-warning-90: var(--wa-color-pink-90);
    --wa-color-warning-80: var(--wa-color-pink-80);
    --wa-color-warning-70: var(--wa-color-pink-70);
    --wa-color-warning-60: var(--wa-color-pink-60);
    --wa-color-warning-50: var(--wa-color-pink-50);
    --wa-color-warning-40: var(--wa-color-pink-40);
    --wa-color-warning-30: var(--wa-color-pink-30);
    --wa-color-warning-20: var(--wa-color-pink-20);
    --wa-color-warning-10: var(--wa-color-pink-10);
    --wa-color-warning-05: var(--wa-color-pink-05);
    --wa-color-warning: var(--wa-color-pink);
    --wa-color-warning-on: var(--wa-color-pink-on);
  }
  .wa-warning-gray {
    --wa-color-warning-95: var(--wa-color-gray-95);
    --wa-color-warning-90: var(--wa-color-gray-90);
    --wa-color-warning-80: var(--wa-color-gray-80);
    --wa-color-warning-70: var(--wa-color-gray-70);
    --wa-color-warning-60: var(--wa-color-gray-60);
    --wa-color-warning-50: var(--wa-color-gray-50);
    --wa-color-warning-40: var(--wa-color-gray-40);
    --wa-color-warning-30: var(--wa-color-gray-30);
    --wa-color-warning-20: var(--wa-color-gray-20);
    --wa-color-warning-10: var(--wa-color-gray-10);
    --wa-color-warning-05: var(--wa-color-gray-05);
    --wa-color-warning: var(--wa-color-gray);
    --wa-color-warning-on: var(--wa-color-gray-on);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/variants/danger.css */
@layer wa-color-variant {
  :where(:root),
  .wa-danger-red {
    --wa-color-danger-95: var(--wa-color-red-95);
    --wa-color-danger-90: var(--wa-color-red-90);
    --wa-color-danger-80: var(--wa-color-red-80);
    --wa-color-danger-70: var(--wa-color-red-70);
    --wa-color-danger-60: var(--wa-color-red-60);
    --wa-color-danger-50: var(--wa-color-red-50);
    --wa-color-danger-40: var(--wa-color-red-40);
    --wa-color-danger-30: var(--wa-color-red-30);
    --wa-color-danger-20: var(--wa-color-red-20);
    --wa-color-danger-10: var(--wa-color-red-10);
    --wa-color-danger-05: var(--wa-color-red-05);
    --wa-color-danger: var(--wa-color-red);
    --wa-color-danger-on: var(--wa-color-red-on);
  }
  .wa-danger-orange {
    --wa-color-danger-95: var(--wa-color-orange-95);
    --wa-color-danger-90: var(--wa-color-orange-90);
    --wa-color-danger-80: var(--wa-color-orange-80);
    --wa-color-danger-70: var(--wa-color-orange-70);
    --wa-color-danger-60: var(--wa-color-orange-60);
    --wa-color-danger-50: var(--wa-color-orange-50);
    --wa-color-danger-40: var(--wa-color-orange-40);
    --wa-color-danger-30: var(--wa-color-orange-30);
    --wa-color-danger-20: var(--wa-color-orange-20);
    --wa-color-danger-10: var(--wa-color-orange-10);
    --wa-color-danger-05: var(--wa-color-orange-05);
    --wa-color-danger: var(--wa-color-orange);
    --wa-color-danger-on: var(--wa-color-orange-on);
  }
  .wa-danger-yellow {
    --wa-color-danger-95: var(--wa-color-yellow-95);
    --wa-color-danger-90: var(--wa-color-yellow-90);
    --wa-color-danger-80: var(--wa-color-yellow-80);
    --wa-color-danger-70: var(--wa-color-yellow-70);
    --wa-color-danger-60: var(--wa-color-yellow-60);
    --wa-color-danger-50: var(--wa-color-yellow-50);
    --wa-color-danger-40: var(--wa-color-yellow-40);
    --wa-color-danger-30: var(--wa-color-yellow-30);
    --wa-color-danger-20: var(--wa-color-yellow-20);
    --wa-color-danger-10: var(--wa-color-yellow-10);
    --wa-color-danger-05: var(--wa-color-yellow-05);
    --wa-color-danger: var(--wa-color-yellow);
    --wa-color-danger-on: var(--wa-color-yellow-on);
  }
  .wa-danger-green {
    --wa-color-danger-95: var(--wa-color-green-95);
    --wa-color-danger-90: var(--wa-color-green-90);
    --wa-color-danger-80: var(--wa-color-green-80);
    --wa-color-danger-70: var(--wa-color-green-70);
    --wa-color-danger-60: var(--wa-color-green-60);
    --wa-color-danger-50: var(--wa-color-green-50);
    --wa-color-danger-40: var(--wa-color-green-40);
    --wa-color-danger-30: var(--wa-color-green-30);
    --wa-color-danger-20: var(--wa-color-green-20);
    --wa-color-danger-10: var(--wa-color-green-10);
    --wa-color-danger-05: var(--wa-color-green-05);
    --wa-color-danger: var(--wa-color-green);
    --wa-color-danger-on: var(--wa-color-green-on);
  }
  .wa-danger-cyan {
    --wa-color-danger-95: var(--wa-color-cyan-95);
    --wa-color-danger-90: var(--wa-color-cyan-90);
    --wa-color-danger-80: var(--wa-color-cyan-80);
    --wa-color-danger-70: var(--wa-color-cyan-70);
    --wa-color-danger-60: var(--wa-color-cyan-60);
    --wa-color-danger-50: var(--wa-color-cyan-50);
    --wa-color-danger-40: var(--wa-color-cyan-40);
    --wa-color-danger-30: var(--wa-color-cyan-30);
    --wa-color-danger-20: var(--wa-color-cyan-20);
    --wa-color-danger-10: var(--wa-color-cyan-10);
    --wa-color-danger-05: var(--wa-color-cyan-05);
    --wa-color-danger: var(--wa-color-cyan);
    --wa-color-danger-on: var(--wa-color-cyan-on);
  }
  .wa-danger-blue {
    --wa-color-danger-95: var(--wa-color-blue-95);
    --wa-color-danger-90: var(--wa-color-blue-90);
    --wa-color-danger-80: var(--wa-color-blue-80);
    --wa-color-danger-70: var(--wa-color-blue-70);
    --wa-color-danger-60: var(--wa-color-blue-60);
    --wa-color-danger-50: var(--wa-color-blue-50);
    --wa-color-danger-40: var(--wa-color-blue-40);
    --wa-color-danger-30: var(--wa-color-blue-30);
    --wa-color-danger-20: var(--wa-color-blue-20);
    --wa-color-danger-10: var(--wa-color-blue-10);
    --wa-color-danger-05: var(--wa-color-blue-05);
    --wa-color-danger: var(--wa-color-blue);
    --wa-color-danger-on: var(--wa-color-blue-on);
  }
  .wa-danger-indigo {
    --wa-color-danger-95: var(--wa-color-indigo-95);
    --wa-color-danger-90: var(--wa-color-indigo-90);
    --wa-color-danger-80: var(--wa-color-indigo-80);
    --wa-color-danger-70: var(--wa-color-indigo-70);
    --wa-color-danger-60: var(--wa-color-indigo-60);
    --wa-color-danger-50: var(--wa-color-indigo-50);
    --wa-color-danger-40: var(--wa-color-indigo-40);
    --wa-color-danger-30: var(--wa-color-indigo-30);
    --wa-color-danger-20: var(--wa-color-indigo-20);
    --wa-color-danger-10: var(--wa-color-indigo-10);
    --wa-color-danger-05: var(--wa-color-indigo-05);
    --wa-color-danger: var(--wa-color-indigo);
    --wa-color-danger-on: var(--wa-color-indigo-on);
  }
  .wa-danger-purple {
    --wa-color-danger-95: var(--wa-color-purple-95);
    --wa-color-danger-90: var(--wa-color-purple-90);
    --wa-color-danger-80: var(--wa-color-purple-80);
    --wa-color-danger-70: var(--wa-color-purple-70);
    --wa-color-danger-60: var(--wa-color-purple-60);
    --wa-color-danger-50: var(--wa-color-purple-50);
    --wa-color-danger-40: var(--wa-color-purple-40);
    --wa-color-danger-30: var(--wa-color-purple-30);
    --wa-color-danger-20: var(--wa-color-purple-20);
    --wa-color-danger-10: var(--wa-color-purple-10);
    --wa-color-danger-05: var(--wa-color-purple-05);
    --wa-color-danger: var(--wa-color-purple);
    --wa-color-danger-on: var(--wa-color-purple-on);
  }
  .wa-danger-pink {
    --wa-color-danger-95: var(--wa-color-pink-95);
    --wa-color-danger-90: var(--wa-color-pink-90);
    --wa-color-danger-80: var(--wa-color-pink-80);
    --wa-color-danger-70: var(--wa-color-pink-70);
    --wa-color-danger-60: var(--wa-color-pink-60);
    --wa-color-danger-50: var(--wa-color-pink-50);
    --wa-color-danger-40: var(--wa-color-pink-40);
    --wa-color-danger-30: var(--wa-color-pink-30);
    --wa-color-danger-20: var(--wa-color-pink-20);
    --wa-color-danger-10: var(--wa-color-pink-10);
    --wa-color-danger-05: var(--wa-color-pink-05);
    --wa-color-danger: var(--wa-color-pink);
    --wa-color-danger-on: var(--wa-color-pink-on);
  }
  .wa-danger-gray {
    --wa-color-danger-95: var(--wa-color-gray-95);
    --wa-color-danger-90: var(--wa-color-gray-90);
    --wa-color-danger-80: var(--wa-color-gray-80);
    --wa-color-danger-70: var(--wa-color-gray-70);
    --wa-color-danger-60: var(--wa-color-gray-60);
    --wa-color-danger-50: var(--wa-color-gray-50);
    --wa-color-danger-40: var(--wa-color-gray-40);
    --wa-color-danger-30: var(--wa-color-gray-30);
    --wa-color-danger-20: var(--wa-color-gray-20);
    --wa-color-danger-10: var(--wa-color-gray-10);
    --wa-color-danger-05: var(--wa-color-gray-05);
    --wa-color-danger: var(--wa-color-gray);
    --wa-color-danger-on: var(--wa-color-gray-on);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/variants.css */

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/palettes/base.css */
:where(:root),
:host {
  --wa-color-red-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-red-key), 1) * 100%));
  --wa-color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-orange-key), 1) * 100%));
  --wa-color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-yellow-key), 1) * 100%));
  --wa-color-green-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-green-key), 1) * 100%));
  --wa-color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-cyan-key), 1) * 100%));
  --wa-color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-blue-key), 1) * 100%));
  --wa-color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-indigo-key), 1) * 100%));
  --wa-color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-purple-key), 1) * 100%));
  --wa-color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-pink-key), 1) * 100%));
  --wa-color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-gray-key), 1) * 100%));
  --wa-color-red-on: color-mix(in oklab, var(--wa-color-red-10) var(--wa-color-red-gte-60), white);
  --wa-color-orange-on: color-mix(in oklab, var(--wa-color-orange-10) var(--wa-color-orange-gte-60), white);
  --wa-color-yellow-on: color-mix(in oklab, var(--wa-color-yellow-10) var(--wa-color-yellow-gte-60), white);
  --wa-color-green-on: color-mix(in oklab, var(--wa-color-green-10) var(--wa-color-green-gte-60), white);
  --wa-color-cyan-on: color-mix(in oklab, var(--wa-color-cyan-10) var(--wa-color-cyan-gte-60), white);
  --wa-color-blue-on: color-mix(in oklab, var(--wa-color-blue-10) var(--wa-color-blue-gte-60), white);
  --wa-color-indigo-on: color-mix(in oklab, var(--wa-color-indigo-10) var(--wa-color-indigo-gte-60), white);
  --wa-color-purple-on: color-mix(in oklab, var(--wa-color-purple-10) var(--wa-color-purple-gte-60), white);
  --wa-color-pink-on: color-mix(in oklab, var(--wa-color-pink-10) var(--wa-color-pink-gte-60), white);
  --wa-color-gray-on: color-mix(in oklab, var(--wa-color-gray-10) var(--wa-color-gray-gte-60), white);
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/color/palettes/shoelace.css */
@layer wa-color-palette {
  .wa-palette-shoelace,
  .wa-palette-shoelace :host {
    --wa-color-red-95: #fff0ef ;
    --wa-color-red-90: #ffdedc ;
    --wa-color-red-80: #ffb8b5 ;
    --wa-color-red-70: #fe8f8d ;
    --wa-color-red-60: #f56667 ;
    --wa-color-red-50: #e02c2b ;
    --wa-color-red-40: #b5051a ;
    --wa-color-red-30: #900015 ;
    --wa-color-red-20: #6c000d ;
    --wa-color-red-10: #450005 ;
    --wa-color-red-05: #2f0002 ;
    --wa-color-red: var(--wa-color-red-50);
    --wa-color-red-key: 50;
    --wa-color-orange-95: #fff0e4 ;
    --wa-color-orange-90: #ffe0c8 ;
    --wa-color-orange-80: #ffbb89 ;
    --wa-color-orange-70: #ff9342 ;
    --wa-color-orange-60: #f36d00 ;
    --wa-color-orange-50: #c94e00 ;
    --wa-color-orange-40: #9d3800 ;
    --wa-color-orange-30: #7e2900 ;
    --wa-color-orange-20: #5e1c00 ;
    --wa-color-orange-10: #3b0f00 ;
    --wa-color-orange-05: #280700 ;
    --wa-color-orange: var(--wa-color-orange-60);
    --wa-color-orange-key: 60;
    --wa-color-yellow-95: #fef2bf ;
    --wa-color-yellow-90: #fde588 ;
    --wa-color-yellow-80: #f5c24b ;
    --wa-color-yellow-70: #e9a010 ;
    --wa-color-yellow-60: #d78000 ;
    --wa-color-yellow-50: #b26000 ;
    --wa-color-yellow-40: #8a4700 ;
    --wa-color-yellow-30: #6e3700 ;
    --wa-color-yellow-20: #522700 ;
    --wa-color-yellow-10: #331600 ;
    --wa-color-yellow-05: #210d00 ;
    --wa-color-yellow: var(--wa-color-yellow-70);
    --wa-color-yellow-key: 70;
    --wa-color-green-95: #d4fce1 ;
    --wa-color-green-90: #a4f8c2 ;
    --wa-color-green-80: #6ae095 ;
    --wa-color-green-70: #44c670 ;
    --wa-color-green-60: #21ab52 ;
    --wa-color-green-50: #0d873f ;
    --wa-color-green-40: #166635 ;
    --wa-color-green-30: #115029 ;
    --wa-color-green-20: #0a3a1c ;
    --wa-color-green-10: #04230f ;
    --wa-color-green-05: #021608 ;
    --wa-color-green: var(--wa-color-green-60);
    --wa-color-green-key: 60;
    --wa-color-cyan-95: #d8fafc ;
    --wa-color-cyan-90: #a3f2f7 ;
    --wa-color-cyan-80: #67dbe2 ;
    --wa-color-cyan-70: #29c0ca ;
    --wa-color-cyan-60: #0ca4ae ;
    --wa-color-cyan-50: #0c828c ;
    --wa-color-cyan-40: #0a626b ;
    --wa-color-cyan-30: #084d55 ;
    --wa-color-cyan-20: #06383f ;
    --wa-color-cyan-10: #002127 ;
    --wa-color-cyan-05: #00151b ;
    --wa-color-cyan: var(--wa-color-cyan-70);
    --wa-color-cyan-key: 70;
    --wa-color-blue-95: #e2f6ff ;
    --wa-color-blue-90: #c0ecff ;
    --wa-color-blue-80: #7fd4fc ;
    --wa-color-blue-70: #48b9f4 ;
    --wa-color-blue-60: #1f9de2 ;
    --wa-color-blue-50: #007bbc ;
    --wa-color-blue-40: #005d93 ;
    --wa-color-blue-30: #004975 ;
    --wa-color-blue-20: #003558 ;
    --wa-color-blue-10: #001f36 ;
    --wa-color-blue-05: #001325 ;
    --wa-color-blue: var(--wa-color-blue-60);
    --wa-color-blue-key: 60;
    --wa-color-indigo-95: #eff2ff ;
    --wa-color-indigo-90: #e0e5ff ;
    --wa-color-indigo-80: #bec7ff ;
    --wa-color-indigo-70: #9da9fc ;
    --wa-color-indigo-60: #808bf8 ;
    --wa-color-indigo-50: #6163f0 ;
    --wa-color-indigo-40: #4a41d4 ;
    --wa-color-indigo-30: #3b369d ;
    --wa-color-indigo-20: #2b2872 ;
    --wa-color-indigo-10: #191748 ;
    --wa-color-indigo-05: #0e0d31 ;
    --wa-color-indigo: var(--wa-color-indigo-40);
    --wa-color-indigo-key: 40;
    --wa-color-purple-95: #f6f0ff ;
    --wa-color-purple-90: #eee0ff ;
    --wa-color-purple-80: #dcbdff ;
    --wa-color-purple-70: #ca99ff ;
    --wa-color-purple-60: #b874ff ;
    --wa-color-purple-50: #9f46ee ;
    --wa-color-purple-40: #7e2ac2 ;
    --wa-color-purple-30: #632198 ;
    --wa-color-purple-20: #4a1574 ;
    --wa-color-purple-10: #2e094b ;
    --wa-color-purple-05: #1e0433 ;
    --wa-color-purple: var(--wa-color-purple-50);
    --wa-color-purple-key: 50;
    --wa-color-pink-95: #fdeff7 ;
    --wa-color-pink-90: #fcdcee ;
    --wa-color-pink-80: #fab6db ;
    --wa-color-pink-70: #f78cc4 ;
    --wa-color-pink-60: #f160a9 ;
    --wa-color-pink-50: #db2878 ;
    --wa-color-pink-40: #ab1854 ;
    --wa-color-pink-30: #851844 ;
    --wa-color-pink-20: #640e30 ;
    --wa-color-pink-10: #43001a ;
    --wa-color-pink-05: #2f000b ;
    --wa-color-pink: var(--wa-color-pink-50);
    --wa-color-pink-key: 50;
    --wa-color-gray-95: #f2f2f3 ;
    --wa-color-gray-90: #e5e5e8 ;
    --wa-color-gray-80: #c9c9cc ;
    --wa-color-gray-70: #aeafb1 ;
    --wa-color-gray-60: #94959b ;
    --wa-color-gray-50: #72747d ;
    --wa-color-gray-40: #565861 ;
    --wa-color-gray-30: #43454d ;
    --wa-color-gray-20: #313134 ;
    --wa-color-gray-10: #1d1d20 ;
    --wa-color-gray-05: #101113 ;
    --wa-color-gray: var(--wa-color-gray-40);
    --wa-color-gray-key: 40;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/themes/shoelace.css */
@layer wa-theme {
  .wa-theme-shoelace,
  .wa-theme-shoelace.wa-light,
  .wa-theme-shoelace .wa-light,
  .wa-theme-shoelace.wa-dark .wa-invert,
  .wa-theme-shoelace .wa-dark .wa-invert,
  .wa-light .wa-theme-shoelace,
  .wa-dark .wa-theme-shoelace.wa-invert,
  .wa-dark .wa-theme-shoelace .wa-invert {
    color-scheme: light;
    color: var(--wa-color-text-normal);
    --wa-color-surface-raised: white;
    --wa-color-surface-default: white;
    --wa-color-surface-lowered: var(--wa-color-neutral-95);
    --wa-color-surface-border: var(--wa-color-neutral-90);
    --wa-color-text-normal: var(--wa-color-neutral-10);
    --wa-color-text-quiet: var(--wa-color-neutral-40);
    --wa-color-text-link: var(--wa-color-brand-40);
    --wa-color-overlay-modal: color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
    --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
    --wa-color-shadow: color-mix( in oklab, var(--wa-color-neutral-05) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );
    --wa-color-focus: var(--wa-color-brand-60);
    --wa-color-mix-hover: oklch(from currentColor calc(l + 0.1) c h) 10%;
    --wa-color-mix-active: oklch(from currentColor calc(l - 0.1) c h) 10%;
    --wa-color-brand-fill-quiet: var(--wa-color-brand-95);
    --wa-color-brand-fill-normal: var(--wa-color-brand-90);
    --wa-color-brand-fill-loud: var(--wa-color-brand-50);
    --wa-color-brand-border-quiet: var(--wa-color-brand-90);
    --wa-color-brand-border-normal: var(--wa-color-brand-80);
    --wa-color-brand-border-loud: var(--wa-color-brand-60);
    --wa-color-brand-on-quiet: var(--wa-color-brand-50);
    --wa-color-brand-on-normal: var(--wa-color-brand-40);
    --wa-color-brand-on-loud: white;
    --wa-color-success-fill-quiet: var(--wa-color-success-95);
    --wa-color-success-fill-normal: var(--wa-color-success-90);
    --wa-color-success-fill-loud: var(--wa-color-success-50);
    --wa-color-success-border-quiet: var(--wa-color-success-90);
    --wa-color-success-border-normal: var(--wa-color-success-80);
    --wa-color-success-border-loud: var(--wa-color-success-60);
    --wa-color-success-on-quiet: var(--wa-color-success-50);
    --wa-color-success-on-normal: var(--wa-color-success-40);
    --wa-color-success-on-loud: white;
    --wa-color-warning-fill-quiet: var(--wa-color-warning-95);
    --wa-color-warning-fill-normal: var(--wa-color-warning-90);
    --wa-color-warning-fill-loud: var(--wa-color-warning-50);
    --wa-color-warning-border-quiet: var(--wa-color-warning-90);
    --wa-color-warning-border-normal: var(--wa-color-warning-80);
    --wa-color-warning-border-loud: var(--wa-color-warning-60);
    --wa-color-warning-on-quiet: var(--wa-color-warning-50);
    --wa-color-warning-on-normal: var(--wa-color-warning-40);
    --wa-color-warning-on-loud: white;
    --wa-color-danger-fill-quiet: var(--wa-color-danger-95);
    --wa-color-danger-fill-normal: var(--wa-color-danger-90);
    --wa-color-danger-fill-loud: var(--wa-color-danger-50);
    --wa-color-danger-border-quiet: var(--wa-color-danger-90);
    --wa-color-danger-border-normal: var(--wa-color-danger-80);
    --wa-color-danger-border-loud: var(--wa-color-danger-60);
    --wa-color-danger-on-quiet: var(--wa-color-danger-50);
    --wa-color-danger-on-normal: var(--wa-color-danger-40);
    --wa-color-danger-on-loud: white;
    --wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
    --wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
    --wa-color-neutral-fill-loud: var(--wa-color-neutral-40);
    --wa-color-neutral-border-quiet: var(--wa-color-neutral-90);
    --wa-color-neutral-border-normal: var(--wa-color-neutral-80);
    --wa-color-neutral-border-loud: var(--wa-color-neutral-50);
    --wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
    --wa-color-neutral-on-normal: var(--wa-color-neutral-30);
    --wa-color-neutral-on-loud: white;
  }
  .wa-theme-shoelace.wa-dark,
  .wa-theme-shoelace .wa-dark,
  .wa-theme-shoelace.wa-invert,
  .wa-theme-shoelace .wa-invert,
  .wa-dark .wa-theme-shoelace,
  .wa-light .wa-theme-shoelace.wa-invert,
  .wa-light .wa-theme-shoelace .wa-invert {
    color-scheme: dark;
    color: var(--wa-color-text-normal);
    --wa-color-surface-raised: var(--wa-color-neutral-10);
    --wa-color-surface-default: var(--wa-color-neutral-05);
    --wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
    --wa-color-surface-border: var(--wa-color-neutral-20);
    --wa-color-text-normal: var(--wa-color-neutral-95);
    --wa-color-text-quiet: var(--wa-color-neutral-60);
    --wa-color-text-link: var(--wa-color-brand-70);
    --wa-color-overlay-modal: color-mix(in oklab, black 60%, transparent);
    --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-50) 10%, transparent);
    --wa-color-shadow: color-mix( in oklab, var(--wa-color-surface-lowered) calc(var(--wa-shadow-blur-scale) * 32% + 40%), transparent );
    --wa-color-focus: var(--wa-color-brand-60);
    --wa-color-mix-hover: oklch(from currentColor calc(l - 0.1) c h) 15%;
    --wa-color-mix-active: oklch(from currentColor calc(l + 0.1) c h) 15%;
    --wa-color-brand-fill-quiet: var(--wa-color-brand-20);
    --wa-color-brand-fill-normal: var(--wa-color-brand-30);
    --wa-color-brand-fill-loud: var(--wa-color-brand-70);
    --wa-color-brand-border-quiet: var(--wa-color-brand-30);
    --wa-color-brand-border-normal: var(--wa-color-brand-40);
    --wa-color-brand-border-loud: var(--wa-color-brand-50);
    --wa-color-brand-on-quiet: var(--wa-color-brand-70);
    --wa-color-brand-on-normal: var(--wa-color-brand-80);
    --wa-color-brand-on-loud: var(--wa-color-neutral-10);
    --wa-color-success-fill-quiet: var(--wa-color-success-20);
    --wa-color-success-fill-normal: var(--wa-color-success-30);
    --wa-color-success-fill-loud: var(--wa-color-success-70);
    --wa-color-success-border-quiet: var(--wa-color-success-30);
    --wa-color-success-border-normal: var(--wa-color-success-40);
    --wa-color-success-border-loud: var(--wa-color-success-50);
    --wa-color-success-on-quiet: var(--wa-color-success-70);
    --wa-color-success-on-normal: var(--wa-color-success-80);
    --wa-color-success-on-loud: var(--wa-color-neutral-10);
    --wa-color-warning-fill-quiet: var(--wa-color-warning-20);
    --wa-color-warning-fill-normal: var(--wa-color-warning-30);
    --wa-color-warning-fill-loud: var(--wa-color-warning-70);
    --wa-color-warning-border-quiet: var(--wa-color-warning-30);
    --wa-color-warning-border-normal: var(--wa-color-warning-40);
    --wa-color-warning-border-loud: var(--wa-color-warning-50);
    --wa-color-warning-on-quiet: var(--wa-color-warning-70);
    --wa-color-warning-on-normal: var(--wa-color-warning-80);
    --wa-color-warning-on-loud: var(--wa-color-neutral-10);
    --wa-color-danger-fill-quiet: var(--wa-color-danger-20);
    --wa-color-danger-fill-normal: var(--wa-color-danger-30);
    --wa-color-danger-fill-loud: var(--wa-color-danger-60);
    --wa-color-danger-border-quiet: var(--wa-color-danger-30);
    --wa-color-danger-border-normal: var(--wa-color-danger-40);
    --wa-color-danger-border-loud: var(--wa-color-danger-50);
    --wa-color-danger-on-quiet: var(--wa-color-danger-70);
    --wa-color-danger-on-normal: var(--wa-color-danger-80);
    --wa-color-danger-on-loud: var(--wa-color-neutral-10);
    --wa-color-neutral-fill-quiet: var(--wa-color-neutral-10);
    --wa-color-neutral-fill-normal: var(--wa-color-neutral-20);
    --wa-color-neutral-fill-loud: var(--wa-color-neutral-60);
    --wa-color-neutral-border-quiet: var(--wa-color-neutral-20);
    --wa-color-neutral-border-normal: var(--wa-color-neutral-30);
    --wa-color-neutral-border-loud: var(--wa-color-neutral-50);
    --wa-color-neutral-on-quiet: var(--wa-color-neutral-60);
    --wa-color-neutral-on-normal: var(--wa-color-neutral-70);
    --wa-color-neutral-on-loud: var(--wa-color-neutral-05);
  }
  .wa-theme-shoelace,
  .wa-theme-shoelace.wa-light,
  .wa-theme-shoelace .wa-light,
  .wa-theme-shoelace.wa-dark,
  .wa-theme-shoelace .wa-dark,
  .wa-theme-shoelace.wa-invert,
  .wa-theme-shoelace .wa-invert {
    font-family: var(--wa-font-family-body);
    --wa-font-family-body:
      ui-sans-serif,
      system-ui,
      sans-serif;
    --wa-font-family-heading: var(--wa-font-family-body);
    --wa-font-family-code: ui-monospace, monospace;
    --wa-font-family-longform: ui-serif, serif;
    --wa-font-size-scale: 1;
    --wa-font-size-3xs: round(calc(var(--wa-font-size-2xs) / 1.125), 1px);
    --wa-font-size-2xs: round(calc(var(--wa-font-size-xs) / 1.125), 1px);
    --wa-font-size-xs: round(calc(var(--wa-font-size-s) / 1.125), 1px);
    --wa-font-size-s: round(calc(var(--wa-font-size-m) / 1.125), 1px);
    --wa-font-size-m: calc(1rem * var(--wa-font-size-scale));
    --wa-font-size-l: round(calc(var(--wa-font-size-m) * 1.125 * 1.125), 1px);
    --wa-font-size-xl: round(calc(var(--wa-font-size-l) * 1.125 * 1.125), 1px);
    --wa-font-size-2xl: round(calc(var(--wa-font-size-xl) * 1.125 * 1.125), 1px);
    --wa-font-size-3xl: round(calc(var(--wa-font-size-2xl) * 1.125 * 1.125), 1px);
    --wa-font-size-4xl: round(calc(var(--wa-font-size-3xl) * 1.125 * 1.125), 1px);
    --wa-font-size-5xl: round(calc(var(--wa-font-size-4xl) * 1.125 * 1.125), 1px);
    --wa-font-size-smaller: round(calc(1em / 1.125), 1px);
    --wa-font-size-larger: round(calc(1em * 1.125 * 1.125), 1px);
    --wa-font-weight-light: 300;
    --wa-font-weight-normal: 400;
    --wa-font-weight-semibold: 500;
    --wa-font-weight-bold: 600;
    --wa-font-weight-body: var(--wa-font-weight-normal);
    --wa-font-weight-heading: var(--wa-font-weight-bold);
    --wa-font-weight-code: var(--wa-font-weight-normal);
    --wa-font-weight-longform: var(--wa-font-weight-normal);
    --wa-font-weight-action: var(--wa-font-weight-semibold);
    --wa-line-height-condensed: 1.2;
    --wa-line-height-normal: 1.6;
    --wa-line-height-expanded: 2;
    --wa-link-decoration-default: underline;
    --wa-link-decoration-hover: underline;
    --wa-space-scale: 1;
    --wa-space-3xs: calc(var(--wa-space-scale) * 0.125rem);
    --wa-space-2xs: calc(var(--wa-space-scale) * 0.25rem);
    --wa-space-xs: calc(var(--wa-space-scale) * 0.5rem);
    --wa-space-s: calc(var(--wa-space-scale) * 0.75rem);
    --wa-space-m: calc(var(--wa-space-scale) * 1rem);
    --wa-space-l: calc(var(--wa-space-scale) * 1.5rem);
    --wa-space-xl: calc(var(--wa-space-scale) * 2rem);
    --wa-space-2xl: calc(var(--wa-space-scale) * 2.5rem);
    --wa-space-3xl: calc(var(--wa-space-scale) * 3rem);
    --wa-space-4xl: calc(var(--wa-space-scale) * 4rem);
    --wa-space-5xl: calc(var(--wa-space-scale) * 5rem);
    --wa-content-spacing: var(--wa-space-l);
    --wa-border-style: solid;
    --wa-border-width-scale: 1;
    --wa-border-width-s: calc(var(--wa-border-width-scale) * 0.0625rem);
    --wa-border-width-m: calc(var(--wa-border-width-scale) * 0.125rem);
    --wa-border-width-l: calc(var(--wa-border-width-scale) * 0.1875rem);
    --wa-border-radius-scale: 0.7;
    --wa-border-radius-s: calc(var(--wa-border-radius-scale) * 0.1875rem);
    --wa-border-radius-m: calc(var(--wa-border-radius-scale) * 0.375rem);
    --wa-border-radius-l: calc(var(--wa-border-radius-scale) * 0.75rem);
    --wa-border-radius-pill: 9999px;
    --wa-border-radius-circle: 50%;
    --wa-border-radius-square: 0px;
    --wa-focus-ring-style: solid;
    --wa-focus-ring-width: 0.1875rem;
    --wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-focus);
    --wa-focus-ring-offset: 0.0625rem;
    --wa-shadow-offset-x-scale: 0;
    --wa-shadow-offset-x-s: calc(var(--wa-shadow-offset-x-scale) * 0.125rem);
    --wa-shadow-offset-x-m: calc(var(--wa-shadow-offset-x-scale) * 0.25rem);
    --wa-shadow-offset-x-l: calc(var(--wa-shadow-offset-x-scale) * 0.5rem);
    --wa-shadow-offset-y-scale: 0.0625;
    --wa-shadow-offset-y-s: calc(var(--wa-shadow-offset-y-scale) * 0.125rem);
    --wa-shadow-offset-y-m: calc(var(--wa-shadow-offset-y-scale) * 0.25rem);
    --wa-shadow-offset-y-l: calc(var(--wa-shadow-offset-y-scale) * 0.5rem);
    --wa-shadow-blur-scale: 1;
    --wa-shadow-blur-s: calc(var(--wa-shadow-blur-scale) * 0.125rem);
    --wa-shadow-blur-m: calc(var(--wa-shadow-blur-scale) * 0.25rem);
    --wa-shadow-blur-l: calc(var(--wa-shadow-blur-scale) * 0.5rem);
    --wa-shadow-spread-scale: 0;
    --wa-shadow-spread-s: calc(var(--wa-shadow-spread-scale) * 0.125rem);
    --wa-shadow-spread-m: calc(var(--wa-shadow-spread-scale) * 0.25rem);
    --wa-shadow-spread-l: calc(var(--wa-shadow-spread-scale) * 0.5rem);
    --wa-shadow-s: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s) var(--wa-shadow-spread-s) var(--wa-color-shadow);
    --wa-shadow-m: var(--wa-shadow-offset-x-m) var(--wa-shadow-offset-y-m) var(--wa-shadow-blur-m) var(--wa-shadow-spread-m) var(--wa-color-shadow);
    --wa-shadow-l: var(--wa-shadow-offset-x-l) var(--wa-shadow-offset-y-l) var(--wa-shadow-blur-l) var(--wa-shadow-spread-l) var(--wa-color-shadow);
    --wa-transition-easing: ease;
    --wa-transition-slow: 250ms;
    --wa-transition-normal: 150ms;
    --wa-transition-fast: 50ms;
    --wa-form-control-background-color: var(--wa-color-surface-default);
    --wa-form-control-border-color: var(--wa-color-neutral-border-normal);
    --wa-form-control-border-style: var(--wa-border-style);
    --wa-form-control-border-width: var(--wa-border-width-s);
    --wa-form-control-border-radius: var(--wa-border-radius-m);
    --wa-form-control-activated-color: var(--wa-color-brand-fill-loud);
    --wa-form-control-label-color: var(--wa-color-text-normal);
    --wa-form-control-label-font-weight: var(--wa-font-weight-semibold);
    --wa-form-control-label-line-height: var(--wa-line-height-condensed);
    --wa-form-control-value-color: var(--wa-color-text-normal);
    --wa-form-control-value-font-weight: var(--wa-font-weight-body);
    --wa-form-control-value-line-height: var(--wa-line-height-condensed);
    --wa-form-control-hint-color: var(--wa-color-text-quiet);
    --wa-form-control-hint-font-weight: var(--wa-font-weight-body);
    --wa-form-control-hint-line-height: var(--wa-line-height-normal);
    --wa-form-control-placeholder-color: var(--wa-color-gray-50);
    --wa-form-control-required-content: "*";
    --wa-form-control-required-content-color: inherit;
    --wa-form-control-required-content-offset: 0.1em;
    --wa-form-control-padding-block: 0.75em;
    --wa-form-control-padding-inline: 1em;
    --wa-form-control-height: round( calc(2 * var(--wa-form-control-padding-block) + 1em * var(--wa-form-control-value-line-height)), 1px );
    --wa-form-control-toggle-size: round(1.25em, 1px);
    --wa-button-transform-hover: none;
    --wa-button-transform-active: none;
    --wa-panel-border-style: var(--wa-border-style);
    --wa-panel-border-width: var(--wa-border-width-s);
    --wa-panel-border-radius: var(--wa-border-radius-m);
    --wa-tooltip-arrow-size: 0.375rem;
    --wa-tooltip-background-color: var(--wa-color-text-normal);
    --wa-tooltip-border-color: var(--wa-tooltip-background-color);
    --wa-tooltip-border-style: var(--wa-border-style);
    --wa-tooltip-border-width: var(--wa-border-width-s);
    --wa-tooltip-border-radius: var(--wa-border-radius-s);
    --wa-tooltip-content-color: var(--wa-color-surface-default);
    --wa-tooltip-font-size: var(--wa-font-size-s);
    --wa-tooltip-line-height: var(--wa-line-height-normal);
  }
}
@layer wa-theme-overrides {
  .wa-theme-shoelace {
    wa-avatar {
      background-color: var(--wa-color-neutral-fill-loud);
      color: var(--wa-color-neutral-on-loud);
    }
    wa-button {
      &::part(label) {
        font-size: var(--wa-font-size-s);
      }
      &[size=xs]::part(label),
      &.wa-size-xs::part(label) {
        font-size: var(--wa-font-size-2xs);
      }
      &[size=s]::part(label),
      &[size=small]::part(label),
      &.wa-size-s::part(label) {
        font-size: var(--wa-font-size-xs);
      }
      &[size=l]::part(label),
      &[size=large]::part(label),
      &.wa-size-l::part(label) {
        font-size: var(--wa-font-size-m);
      }
      &[size=xl]::part(label),
      &.wa-size-xl::part(label) {
        font-size: var(--wa-font-size-l);
      }
    }
    button,
    input:is([type=button], [type=reset], [type=submit]),
    a.wa-button {
      --_size: var(--wa-font-size-m);
      font-size: var(--wa-font-size-s);
      &[size=xs],
      &.wa-size-xs {
        --_size: var(--wa-font-size-xs);
        font-size: var(--wa-font-size-2xs);
      }
      &[size=s],
      &[size=small],
      &.wa-size-s {
        --_size: var(--wa-font-size-s);
        font-size: var(--wa-font-size-xs);
      }
      &[size=l],
      &[size=large],
      &.wa-size-l {
        --_size: var(--wa-font-size-l);
        font-size: var(--wa-font-size-m);
      }
      &[size=xl],
      &.wa-size-xl {
        --_size: var(--wa-font-size-xl);
        font-size: var(--wa-font-size-l);
      }
      --wa-form-control-padding-block: calc(0.75 * var(--_size));
      --wa-form-control-padding-inline: var(--_size);
      --wa-form-control-height: round( calc(2 * var(--wa-form-control-padding-block) + var(--_size) * var(--wa-form-control-value-line-height)), 1px );
    }
    wa-radio[appearance=button] {
      font-weight: var(--wa-font-weight-action);
      &::part(label) {
        font-size: var(--wa-font-size-s);
      }
      &[size=xs]::part(label),
      &.wa-size-xs::part(label) {
        font-size: var(--wa-font-size-2xs);
      }
      &[size=s]::part(label),
      &[size=small]::part(label),
      &.wa-size-s::part(label) {
        font-size: var(--wa-font-size-xs);
      }
      &[size=l]::part(label),
      &[size=large]::part(label),
      &.wa-size-l::part(label) {
        font-size: var(--wa-font-size-m);
      }
      &[size=xl]::part(label),
      &.wa-size-xl::part(label) {
        font-size: var(--wa-font-size-l);
      }
      &:state(checked) {
        background-color: var(--wa-form-control-activated-color);
        color: var(--wa-color-brand-on-loud);
      }
    }
    wa-radio-group {
      &:is([size=xs], .wa-size-xs) wa-radio[appearance=button]::part(label) {
        font-size: var(--wa-font-size-2xs);
      }
      &:is([size=s], [size=small], .wa-size-s) wa-radio[appearance=button]::part(label) {
        font-size: var(--wa-font-size-xs);
      }
      &:is([size=m], [size=medium], .wa-size-m) wa-radio[appearance=button]::part(label) {
        font-size: var(--wa-font-size-s);
      }
      &:is([size=l], [size=large], .wa-size-l) wa-radio[appearance=button]::part(label) {
        font-size: var(--wa-font-size-m);
      }
      &:is([size=xl], .wa-size-xl) wa-radio[appearance=button]::part(label) {
        font-size: var(--wa-font-size-l);
      }
    }
    wa-breadcrumb {
      font-size: var(--wa-font-size-s);
    }
    wa-callout {
      padding: var(--wa-space-m);
      font-size: var(--wa-font-size-s);
      &[size=xs],
      &.wa-size-xs {
        padding: var(--wa-space-xs);
        font-size: var(--wa-font-size-2xs);
      }
      &[size=s],
      &[size=small],
      &.wa-size-s {
        padding: var(--wa-space-s);
        font-size: var(--wa-font-size-xs);
      }
      &[size=l],
      &[size=large],
      &.wa-size-l {
        padding: var(--wa-space-l);
        font-size: var(--wa-font-size-m);
      }
      &[size=xl],
      &.wa-size-xl {
        padding: var(--wa-space-xl);
        font-size: var(--wa-font-size-l);
      }
      &[appearance=outlined] {
        border-color: var(--wa-color-surface-border);
        border-top-color: var(--wa-color-border-loud);
        border-top-width: var(--wa-border-width-l);
      }
    }
    :is(wa-input, wa-textarea, wa-select, wa-combobox, input:not([type=button], [type=checkbox], [type=color], [type=file], [type=hidden], [type=image], [type=radio], [type=range], [type=reset], [type=submit]), textarea, select):not([appearance=filled], .wa-filled) {
      --wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) color-mix(in oklab, var(--wa-color-focus), transparent 50%);
      --wa-focus-ring-offset: 0;
      &:focus-within {
        &:where(:not(wa-input, wa-textarea, wa-select, wa-combobox)),
        &:where(wa-input)::part(base),
        &:where(wa-textarea)::part(base),
        &:where(wa-select)::part(combobox),
        &:where(wa-combobox)::part(combobox) {
          border-color: var(--wa-color-brand-border-loud);
        }
      }
    }
    wa-radio,
    input[type=radio] {
      --checked-icon-color: var(--wa-color-surface-default);
      --checked-icon-scale: 0.4;
      &:state(checked)::part(control),
      &:checked {
        background-color: var(--wa-form-control-activated-color);
      }
    }
    wa-slider::part(thumb) {
      border: none;
    }
    input[type=range] {
      &::-webkit-slider-thumb {
        border: none;
      }
      &::-moz-range-thumb {
        border: none;
      }
    }
    wa-switch {
      --height: calc(1em * var(--wa-form-control-value-line-height) - var(--wa-form-control-border-width) * 2);
      --thumb-size: calc(var(--height) + 0.25em);
      --width: calc(var(--height) * 2);
      &::part(control) {
        background-color: var(--wa-color-gray-60);
        border-color: var(--wa-color-gray-60);
      }
      &::part(thumb) {
        background-color: var(--wa-color-surface-default);
        border: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-gray-60);
      }
      &:state(checked) {
        &::part(control) {
          background-color: var(--wa-form-control-activated-color);
          border-color: var(--wa-form-control-activated-color);
        }
        &::part(thumb) {
          border-color: var(--wa-form-control-activated-color);
        }
      }
    }
    wa-tab {
      font-size: var(--wa-font-size-s);
    }
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/layers.css */
@layer wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides;
@layer wa-base {
  wa-page :is(*, *:after, *:before) {
    scroll-margin-top: var(--scroll-margin-top);
  }
  wa-page[view=desktop] [data-toggle-nav] {
    display: none;
  }
  wa-page[view=mobile] .wa-desktop-only,
  wa-page[view=desktop] .wa-mobile-only {
    display: none !important;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/fouce.css */
@layer wa-utilities {
  .wa-cloak:has(:not(:defined)) {
    animation: 2s step-end wa-fouce-cloak;
  }
  @keyframes wa-fouce-cloak {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/visually-hidden.css */
@layer wa-utilities {
  .wa-visually-hidden:not(:focus-within),
  .wa-visually-hidden-force,
  .wa-visually-hidden-hint::part(hint),
  .wa-visually-hidden-label::part(label),
  .wa-visually-hidden-label::part(form-control-label) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    border: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    padding: 0 !important;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/scroll-lock.css */
@layer wa-utilities {
  @supports (scrollbar-gutter: stable) {
    .wa-scroll-lock {
      scrollbar-gutter: var(--wa-scroll-lock-gutter) !important;
    }
    .wa-scroll-lock body {
      overflow: hidden !important;
    }
  }
  @supports not (scrollbar-gutter: stable) {
    .wa-scroll-lock body {
      padding-right: var(--wa-scroll-lock-size) !important;
      overflow: hidden !important;
    }
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/placeholder.css */
@layer wa-utilities {
  .wa-placeholder {
    align-self: stretch;
    background-color: var(--wa-color-neutral-fill-quiet);
    border: dashed var(--wa-border-width-s) var(--wa-color-neutral-border-normal);
    border-radius: var(--wa-border-radius-l);
    padding: var(--wa-space-3xl);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/align-items.css */
@layer wa-utilities {
  :where(.wa-align-items-start, .wa-align-items-end, .wa-align-items-center, .wa-align-items-stretch, .wa-align-items-baseline) {
    display: flex;
  }
  .wa-align-items-start {
    align-items: flex-start;
  }
  .wa-align-items-end {
    align-items: flex-end;
  }
  .wa-align-items-center {
    align-items: center;
  }
  .wa-align-items-stretch {
    align-items: stretch;
  }
  .wa-align-items-baseline {
    align-items: baseline;
  }
  .wa-align-self-start {
    align-self: flex-start;
  }
  .wa-align-self-end {
    align-self: flex-end;
  }
  .wa-align-self-center {
    align-self: center;
  }
  .wa-align-self-stretch {
    align-self: stretch;
  }
  .wa-align-self-baseline {
    align-self: baseline;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/justify-content.css */
@layer wa-utilities {
  :where(.wa-justify-content-start, .wa-justify-content-end, .wa-justify-content-center, .wa-justify-content-space-around, .wa-justify-content-space-between, .wa-justify-content-space-evenly) {
    display: flex;
  }
  .wa-justify-content-start {
    justify-content: flex-start;
  }
  .wa-justify-content-end {
    justify-content: flex-end;
  }
  .wa-justify-content-center {
    justify-content: center;
  }
  .wa-justify-content-space-around {
    justify-content: space-around;
  }
  .wa-justify-content-space-between {
    justify-content: space-between;
  }
  .wa-justify-content-space-evenly {
    justify-content: space-evenly;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/flex-wrap.css */
@layer wa-utilities {
  :where(.wa-flex-wrap, .wa-flex-nowrap, .wa-flex-wrap-reverse) {
    display: flex;
  }
  .wa-flex-wrap {
    flex-wrap: wrap;
  }
  .wa-flex-nowrap {
    flex-wrap: nowrap;
  }
  .wa-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/border-radius.css */
@layer wa-utilities {
  .wa-border-radius-s {
    border-radius: var(--wa-border-radius-s);
  }
  .wa-border-radius-m {
    border-radius: var(--wa-border-radius-m);
  }
  .wa-border-radius-l {
    border-radius: var(--wa-border-radius-l);
  }
  .wa-border-radius-pill {
    border-radius: var(--wa-border-radius-pill);
  }
  .wa-border-radius-circle {
    border-radius: var(--wa-border-radius-circle);
  }
  .wa-border-radius-square {
    border-radius: var(--wa-border-radius-square);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/gap.css */
@layer wa-utilities {
  :where(.wa-gap-0, .wa-gap-3xs, .wa-gap-2xs, .wa-gap-xs, .wa-gap-s, .wa-gap-m, .wa-gap-l, .wa-gap-xl, .wa-gap-2xl, .wa-gap-3xl, .wa-gap-4xl, .wa-gap-5xl) {
    display: flex;
  }
  .wa-gap-0 {
    gap: 0px;
  }
  .wa-gap-3xs {
    gap: var(--wa-space-3xs);
  }
  .wa-gap-2xs {
    gap: var(--wa-space-2xs);
  }
  .wa-gap-xs {
    gap: var(--wa-space-xs);
  }
  .wa-gap-s {
    gap: var(--wa-space-s);
  }
  .wa-gap-m {
    gap: var(--wa-space-m);
  }
  .wa-gap-l {
    gap: var(--wa-space-l);
  }
  .wa-gap-xl {
    gap: var(--wa-space-xl);
  }
  .wa-gap-2xl {
    gap: var(--wa-space-2xl);
  }
  .wa-gap-3xl {
    gap: var(--wa-space-3xl);
  }
  .wa-gap-4xl {
    gap: var(--wa-space-4xl);
  }
  .wa-gap-5xl {
    gap: var(--wa-space-5xl);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/text.css */
@layer wa-utilities {
  [class*=wa-body] {
    font-family: var(--wa-font-family-body);
    font-weight: var(--wa-font-weight-body);
    line-height: var(--wa-line-height-normal);
  }
  [class*=wa-heading] {
    font-family: var(--wa-font-family-heading);
    font-weight: var(--wa-font-weight-heading);
    line-height: var(--wa-line-height-condensed);
    text-wrap: balance;
  }
  [class*=wa-caption] {
    color: var(--wa-color-text-quiet);
    font-family: var(--wa-font-family-body);
    font-weight: var(--wa-font-weight-body);
    line-height: var(--wa-line-height-condensed);
  }
  [class*=wa-longform] {
    font-family: var(--wa-font-family-longform);
    font-weight: var(--wa-font-weight-longform);
    line-height: var(--wa-line-height-normal);
  }
  .wa-font-size-3xs,
  .wa-body-3xs,
  .wa-heading-3xs,
  .wa-caption-3xs,
  .wa-longform-3xs {
    font-size: var(--wa-font-size-3xs);
  }
  .wa-font-size-2xs,
  .wa-body-2xs,
  .wa-heading-2xs,
  .wa-caption-2xs,
  .wa-longform-2xs {
    font-size: var(--wa-font-size-2xs);
  }
  .wa-font-size-xs,
  .wa-body-xs,
  .wa-heading-xs,
  .wa-caption-xs,
  .wa-longform-xs {
    font-size: var(--wa-font-size-xs);
  }
  .wa-font-size-s,
  .wa-body-s,
  .wa-heading-s,
  .wa-caption-s,
  .wa-longform-s {
    font-size: var(--wa-font-size-s);
  }
  .wa-font-size-m,
  .wa-body-m,
  .wa-heading-m,
  .wa-caption-m,
  .wa-longform-m {
    font-size: var(--wa-font-size-m);
  }
  .wa-font-size-l,
  .wa-body-l,
  .wa-heading-l,
  .wa-caption-l,
  .wa-longform-l {
    font-size: var(--wa-font-size-l);
  }
  .wa-font-size-xl,
  .wa-body-xl,
  .wa-heading-xl,
  .wa-caption-xl,
  .wa-longform-xl {
    font-size: var(--wa-font-size-xl);
  }
  .wa-font-size-2xl,
  .wa-body-2xl,
  .wa-heading-2xl,
  .wa-caption-2xl,
  .wa-longform-2xl {
    font-size: var(--wa-font-size-2xl);
  }
  .wa-font-size-3xl,
  .wa-body-3xl,
  .wa-heading-3xl,
  .wa-caption-3xl,
  .wa-longform-3xl {
    font-size: var(--wa-font-size-3xl);
  }
  .wa-font-size-4xl,
  .wa-body-4xl,
  .wa-heading-4xl,
  .wa-caption-4xl,
  .wa-longform-4xl {
    font-size: var(--wa-font-size-4xl);
  }
  .wa-font-size-5xl,
  .wa-body-5xl,
  .wa-heading-5xl,
  .wa-caption-5xl,
  .wa-longform-5xl {
    font-size: var(--wa-font-size-5xl);
  }
  .wa-font-weight-light {
    font-weight: var(--wa-font-weight-light);
  }
  .wa-font-weight-normal {
    font-weight: var(--wa-font-weight-normal);
  }
  .wa-font-weight-semibold {
    font-weight: var(--wa-font-weight-semibold);
  }
  .wa-font-weight-bold {
    font-weight: var(--wa-font-weight-bold);
  }
  .wa-color-text-normal {
    color: var(--wa-color-text-normal);
  }
  .wa-color-text-quiet {
    color: var(--wa-color-text-quiet);
  }
  .wa-color-text-link {
    color: var(--wa-color-text-link);
  }
  .wa-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wa-text-nowrap,
  .wa-text-wrap-nowrap {
    text-wrap: nowrap;
  }
  .wa-text-balance,
  .wa-text-wrap-balance {
    text-wrap: balance;
  }
  @supports (text-wrap: pretty) {
    .wa-text-pretty,
    .wa-text-wrap-pretty {
      text-wrap: pretty;
    }
  }
  .wa-text-uppercase {
    text-transform: uppercase;
  }
  .wa-text-lowercase {
    text-transform: lowercase;
  }
  .wa-text-capitalize {
    text-transform: capitalize;
  }
  .wa-text-start {
    text-align: start;
  }
  .wa-text-center {
    text-align: center;
  }
  .wa-text-end {
    text-align: end;
  }
  .wa-text-justify {
    text-align: justify;
  }
  .wa-link {
    color: var(--wa-color-text-link);
    text-decoration: var(--wa-link-decoration-default);
    -webkit-text-decoration: var(--wa-link-decoration-default);
    @media (hover: hover) {
      &:hover {
        color: color-mix(in oklab, var(--wa-color-text-link) 100%, var(--wa-color-mix-hover));
        text-decoration: var(--wa-link-decoration-hover);
        -webkit-text-decoration: var(--wa-link-decoration-hover);
      }
    }
  }
  .wa-link-plain {
    color: var(--wa-color-text-normal);
    text-decoration: none;
    @media (hover: hover) {
      &:hover {
        color: color-mix(in oklab, currentColor, var(--wa-color-mix-hover));
        text-decoration: none;
      }
    }
  }
  .wa-list-plain:is(ol, ul) {
    list-style: none;
    padding-inline-start: 0;
    > li {
      margin-inline-start: 0;
    }
  }
  .wa-form-control-label {
    color: var(--wa-form-control-label-color);
    font-weight: var(--wa-form-control-label-font-weight);
    line-height: var(--wa-form-control-label-line-height);
  }
  .wa-form-control-value {
    color: var(--wa-form-control-value-color);
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
  }
  .wa-form-control-placeholder {
    color: var(--wa-form-control-placeholder-color);
    font-weight: var(--wa-form-control-value-font-weight);
    line-height: var(--wa-form-control-value-line-height);
  }
  .wa-form-control-hint {
    color: var(--wa-form-control-hint-color);
    font-weight: var(--wa-form-control-hint-font-weight);
    font-size: var(--wa-font-size-smaller);
    line-height: var(--wa-form-control-hint-line-height);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/layout.css */
@layer wa-utilities {
  :is([class*=wa-cluster], [class*=wa-flank], [class*=wa-frame], [class*=wa-grid], [class*=wa-stack], [class*=wa-split]) > * {
    margin-block: 0;
    margin-inline: 0;
  }
  :where([class*=wa-cluster], [class*=wa-flank], [class*=wa-frame], [class*=wa-grid], [class*=wa-stack], [class*=wa-split]) {
    gap: var(--wa-space-m);
  }
  [class*=wa-cluster] {
    display: flex;
  }
  :where([class*=wa-cluster]) {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  [class*=wa-flank] {
    display: flex;
    --content-percentage: initial;
    --flank-size: initial;
  }
  [class*=wa-flank]:not([class*=":end"]) > :first-child,
  [class*=wa-flank][class*=":start"] > :first-child {
    flex-basis: var(--flank-size, auto);
    flex-grow: 1;
  }
  [class*=wa-flank]:not([class*=":end"]) > :last-child,
  [class*=wa-flank][class*=":start"] > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--content-percentage, 50%);
  }
  [class*=wa-flank][class*=":end"] > :last-child {
    flex-basis: var(--flank-size, auto);
    flex-grow: 1;
  }
  [class*=wa-flank][class*=":end"] > :first-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--content-percentage, 50%);
  }
  :where([class*=wa-flank]) {
    align-items: center;
    flex-wrap: wrap;
  }
  [class*=wa-frame] {
    display: flex;
    aspect-ratio: 1 / 1;
    overflow: hidden;
  }
  [class*=wa-frame] > img,
  [class*=wa-frame] > video {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
  }
  [class*=wa-frame][class*=":square"] {
    aspect-ratio: 1 / 1;
  }
  [class*=wa-frame][class*=":landscape"] {
    aspect-ratio: 16 / 9;
  }
  [class*=wa-frame][class*=":portrait"] {
    aspect-ratio: 9 / 16;
  }
  :where([class*=wa-frame]) {
    align-items: center;
    justify-content: center;
  }
  [class*=wa-grid] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size, 20ch), 100%), 1fr));
    --min-column-size: initial;
  }
  .wa-span-grid {
    grid-column: 1 / -1;
  }
  [class*=wa-split] {
    display: flex;
  }
  [class*=wa-split],
  [class*=wa-split][class*=":row"] {
    flex-direction: row;
    block-size: auto;
    inline-size: 100%;
  }
  [class*=wa-split]:not([class*=":column"]) > :first-child {
    flex: 0 1 auto;
  }
  [class*=wa-split][class*=":column"] {
    flex-direction: column;
    block-size: auto;
    inline-size: auto;
    align-self: stretch;
  }
  :where([class*=wa-split]) {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  [class*=wa-stack] {
    display: flex;
    flex-direction: column;
  }
  :where([class*=wa-stack]) {
    align-items: stretch;
    justify-content: flex-start;
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/prose.css */
@layer wa-utilities {
  @scope (.wa-prose) to (.wa-not-prose) {
    :where(:scope) {
      --wa-prose-rhythm-scale: 1;
      --wa-prose-rhythm-2xs: calc(0.25em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-xs: calc(0.5em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-s: calc(0.75em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-m: calc(1em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-l: calc(1.5em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-xl: calc(2em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-2xl: calc(2.5em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-rhythm-3xl: calc(3em * var(--wa-space-scale) * var(--wa-prose-rhythm-scale));
      --wa-prose-line-length: 65ch;
      max-inline-size: var(--wa-prose-line-length);
      font-variant-numeric: oldstyle-nums proportional-nums;
      hanging-punctuation: first last allow-end;
      & :where(h1) {
        font-size: 2.5625em;
      }
      & :where(h2) {
        font-size: 2em;
      }
      & :where(h3) {
        font-size: 1.5625em;
      }
      & :where(h4) {
        font-size: 1.25em;
      }
      & :where(h5) {
        font-size: 1em;
      }
      & :where(h6) {
        font-size: 0.75em;
      }
      & :where(h1, h2) {
        letter-spacing: -0.01em;
      }
      & :where(h1):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-s);
      }
      & * + :where(h2) {
        margin-block-start: var(--wa-prose-rhythm-2xl);
      }
      & :where(h2):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-s);
      }
      & * + :where(h3) {
        margin-block-start: var(--wa-prose-rhythm-xl);
      }
      & :where(h3):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-s);
      }
      & :where(h4, h5, h6):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-xs);
      }
      & :where(h1 + h2, h1 + h3, h2 + h3, h2 + h4, h3 + h4, h4 + h5, h5 + h6) {
        margin-block-start: var(--wa-prose-rhythm-m);
      }
      & :where(p, ul, ol, dl):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-l);
      }
      & :where(ul, ol) > :where(li):has(+ li) {
        margin-block-end: var(--wa-prose-rhythm-2xs);
      }
      & :where(dd):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-s);
      }
      & :where(figcaption) {
        margin-block-start: var(--wa-prose-rhythm-xs);
      }
      & :where(code, pre) {
        overflow-wrap: anywhere;
      }
      & :where(hr) {
        margin-block: var(--wa-prose-rhythm-3xl);
      }
      & :where(hr + :is(h1, h2, h3, h4, h5, h6)) {
        margin-block-start: 0;
      }
      & :where(pre, figure, table, blockquote, wa-callout, details):has(+ *) {
        margin-block-end: var(--wa-prose-rhythm-xl);
      }
      & :where(:not(h1, h2, h3, h4, h5, h6) + :is(pre, figure, table, blockquote, wa-callout, details)) {
        margin-block-start: var(--wa-prose-rhythm-xl);
      }
      & :where(:is(h1, h2, h3, h4, h5, h6) + :is(pre, figure, table, blockquote, wa-callout, details)) {
        margin-block-start: var(--wa-prose-rhythm-m);
      }
    }
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/size.css */
@layer wa-utilities {
  .wa-size-xs {
    font-size: var(--wa-font-size-xs);
  }
  .wa-size-s {
    font-size: var(--wa-font-size-s);
  }
  .wa-size-m {
    font-size: var(--wa-font-size-m);
  }
  .wa-size-l {
    font-size: var(--wa-font-size-l);
  }
  .wa-size-xl {
    font-size: var(--wa-font-size-xl);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities/variants.css */
@layer wa-utilities {
  :where(:root),
  .wa-neutral,
  .wa-invert {
    --wa-color-fill-loud: var(--wa-color-neutral-fill-loud);
    --wa-color-fill-normal: var(--wa-color-neutral-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-neutral-fill-quiet);
    --wa-color-border-loud: var(--wa-color-neutral-border-loud);
    --wa-color-border-normal: var(--wa-color-neutral-border-normal);
    --wa-color-border-quiet: var(--wa-color-neutral-border-quiet);
    --wa-color-on-loud: var(--wa-color-neutral-on-loud);
    --wa-color-on-normal: var(--wa-color-neutral-on-normal);
    --wa-color-on-quiet: var(--wa-color-neutral-on-quiet);
  }
  .wa-brand {
    --wa-color-fill-loud: var(--wa-color-brand-fill-loud);
    --wa-color-fill-normal: var(--wa-color-brand-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-brand-fill-quiet);
    --wa-color-border-loud: var(--wa-color-brand-border-loud);
    --wa-color-border-normal: var(--wa-color-brand-border-normal);
    --wa-color-border-quiet: var(--wa-color-brand-border-quiet);
    --wa-color-on-loud: var(--wa-color-brand-on-loud);
    --wa-color-on-normal: var(--wa-color-brand-on-normal);
    --wa-color-on-quiet: var(--wa-color-brand-on-quiet);
  }
  .wa-success {
    --wa-color-fill-loud: var(--wa-color-success-fill-loud);
    --wa-color-fill-normal: var(--wa-color-success-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-success-fill-quiet);
    --wa-color-border-loud: var(--wa-color-success-border-loud);
    --wa-color-border-normal: var(--wa-color-success-border-normal);
    --wa-color-border-quiet: var(--wa-color-success-border-quiet);
    --wa-color-on-loud: var(--wa-color-success-on-loud);
    --wa-color-on-normal: var(--wa-color-success-on-normal);
    --wa-color-on-quiet: var(--wa-color-success-on-quiet);
  }
  .wa-warning {
    --wa-color-fill-loud: var(--wa-color-warning-fill-loud);
    --wa-color-fill-normal: var(--wa-color-warning-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-warning-fill-quiet);
    --wa-color-border-loud: var(--wa-color-warning-border-loud);
    --wa-color-border-normal: var(--wa-color-warning-border-normal);
    --wa-color-border-quiet: var(--wa-color-warning-border-quiet);
    --wa-color-on-loud: var(--wa-color-warning-on-loud);
    --wa-color-on-normal: var(--wa-color-warning-on-normal);
    --wa-color-on-quiet: var(--wa-color-warning-on-quiet);
  }
  .wa-danger {
    --wa-color-fill-loud: var(--wa-color-danger-fill-loud);
    --wa-color-fill-normal: var(--wa-color-danger-fill-normal);
    --wa-color-fill-quiet: var(--wa-color-danger-fill-quiet);
    --wa-color-border-loud: var(--wa-color-danger-border-loud);
    --wa-color-border-normal: var(--wa-color-danger-border-normal);
    --wa-color-border-quiet: var(--wa-color-danger-border-quiet);
    --wa-color-on-loud: var(--wa-color-danger-on-loud);
    --wa-color-on-normal: var(--wa-color-danger-on-normal);
    --wa-color-on-quiet: var(--wa-color-danger-on-quiet);
  }
}

/* ../deno-dir/npm/registry.npmjs.org/@awesome.me/webawesome/3.12.0/dist/styles/utilities.css */

/* src/frontend/styles/style.css */
:root {
  --app-bar-height: 3rem;
  --pane-height: calc(100dvh - var(--app-bar-height));
}
html {
  font-optical-sizing: auto;
  overflow: clip;
}
body {
  margin: 0;
  block-size: 100dvh;
  overflow: clip;
}
#appBar {
  min-block-size: 3rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--wa-space-m);
  padding-inline: var(--wa-space-m);
  background-color: var(--wa-color-surface-raised);
  border-block-end: 1px solid var(--wa-color-surface-border);
}
#appBar wa-button-group::part(base) {
  flex-wrap: nowrap;
}
.bar-group {
  display: flex;
  align-items: center;
  gap: var(--wa-space-s);
  min-inline-size: 0;
}
#spnBrand {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: var(--wa-font-weight-semibold);
  white-space: nowrap;
  wa-icon {
    color: var(--wa-color-brand-fill-loud);
  }
}
#tagRoom {
  font-family: var(--wa-font-family-code, monospace);
}
.bar-stat {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  white-space: nowrap;
}
.bar-stat.bar-warn {
  color: var(--wa-color-warning-fill-loud);
  font-size: var(--wa-font-size-m);
}
@media (width < 60rem) {
  #tagRoom,
  #spnBrand {
    display: none;
  }
}
.mobile-only {
  display: none;
}
@media (width < 48rem) {
  .mobile-only {
    display: flex;
  }
  #appSplit {
    --max: 100%;
    --divider-width: 0;
  }
  html[data-pane=controls] #mainEditor,
  html[data-pane=script] #sidebarSplit {
    display: none;
  }
  .btn-label {
    display: none;
  }
  #btnPop {
    display: none;
  }
  #grpDocument {
    display: none;
  }
  .divSliders {
    justify-content: space-around;
  }
}
@media (width < 26rem) {
  #spnViewerCount {
    display: none;
  }
}
#appSplit {
  --max: calc(100% - 20rem);
}
#sidebarSplit {
  block-size: var(--pane-height);
  --min: min(14rem, 50%);
}
#previewPane {
  box-sizing: border-box;
  block-size: 100%;
  overflow: hidden;
  padding: var(--wa-space-s);
  display: flex;
  flex-direction: column;
}
#previewPane wa-card {
  flex: 1 1 auto;
  min-block-size: 0;
}
#previewPane wa-card::part(body) {
  flex: 1 1 auto;
  min-block-size: 0;
}
#controls {
  box-sizing: border-box;
  block-size: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--wa-space-s);
  padding: var(--wa-space-s);
}
#sidebarSplit wa-card {
  --spacing: var(--wa-space-s);
}
#controls wa-card {
  flex: 0 0 auto;
}
.card-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: var(--wa-font-size-s);
  font-weight: var(--wa-font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wa-color-text-quiet);
}
#sidebarSplit wa-card::part(body) {
  display: flex;
  flex-direction: column;
  gap: var(--wa-space-s);
}
#divStartupError {
  padding: var(--wa-space-m);
  margin: var(--wa-space-m);
  border: var(--wa-border-width-s) solid var(--wa-color-danger-border-loud);
  border-radius: var(--wa-border-radius-m);
  background-color: var(--wa-color-danger-fill-quiet);
  color: var(--wa-color-danger-on-quiet);
  font-size: var(--wa-font-size-m);
}
.divSliders {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: var(--wa-space-m);
}
.slider-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--wa-space-s);
}
.transport-readout {
  font-family: var(--wa-font-family-code, monospace);
  font-size: var(--wa-font-size-l, 1.125rem);
  font-variant-numeric: tabular-nums;
  color: var(--wa-color-text-normal);
}
.clock-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--wa-space-s);
}
.clock-label {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
}
.clock-row tp-clock,
tp-clock-control tp-clock {
  font-family: var(--wa-font-family-code, monospace);
  font-variant-numeric: tabular-nums;
}
.sync-pair {
  display: flex;
  wa-button {
    flex: 1 1 0;
    min-inline-size: 0;
  }
}
#divViewerLink {
  display: flex;
  align-items: center;
  gap: var(--wa-space-s);
}
#lnkViewerLink {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--wa-font-family-code, monospace);
  font-size: var(--wa-font-size-s);
}
#qrViewerLink {
  color: black;
  background-color: white;
  padding: var(--wa-space-l, 1.5rem);
  border-radius: var(--wa-border-radius-m);
}
#editor {
  font-size: var(--editor-scale, 2rem);
}
#editor :is(p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, hr, pre) {
  margin-block: 0;
}
#editor wg-content {
  padding-inline-start: 1.5rem;
}
#editor ::selection {
  background-color: #2b5fd9;
  color: #ffffff;
}
#divPreviewBox {
  inline-size: 100%;
  flex: 1 1 auto;
  min-block-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#divIFrameContainer {
  overflow: hidden;
  position: relative;
}
#ifrmPreview {
  border: none;
  overflow: hidden;
  pointer-events: none;
}
#divIFrameContainer.scrubbable {
  outline: 2px solid var(--wa-color-warning-fill-loud);
  outline-offset: 2px;
  cursor: ns-resize;
  touch-action: none;
}
#frmMessage,
#frmRename {
  display: contents;
}
#divViewers {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#dlgTheme {
  --width: min(56rem, 92vw);
}
#divThemeEditor {
  margin-block-start: 1rem;
  border: 1px solid var(--wa-color-surface-border, #444);
  border-radius: var(--wa-border-radius-m, 4px);
  overflow: hidden;
  .cm-editor {
    height: 55vh;
  }
}
#divThemeProblems {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block-start: 1rem;
}
.viewer-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  font-size: var(--wa-font-size-s);
  padding: 0.35rem 0.5rem;
  background-color: var(--wa-color-neutral-fill-quiet);
  border: 1px solid var(--wa-color-neutral-border-quiet);
  border-radius: var(--wa-border-radius-m);
}
.viewer-row .viewer-id {
  font-family: monospace;
  white-space: nowrap;
}
.viewer-row label {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  white-space: nowrap;
}
.viewer-row .viewer-state {
  opacity: 0.7;
}
.viewer-row .viewer-drop {
  margin-inline-start: auto;
  padding: 0 var(--wa-space-xs);
  font: inherit;
  color: var(--wa-color-danger-on-quiet);
  background: none;
  border: var(--wa-border-width-s) solid var(--wa-color-danger-border-quiet);
  border-radius: var(--wa-border-radius-s);
  cursor: pointer;
}
.viewer-row .viewer-where {
  border: var(--wa-border-width-s) solid var(--wa-color-neutral-border-quiet);
  border-radius: var(--wa-border-radius-pill);
  padding-inline: 0.4rem;
  font-size: var(--wa-font-size-xs);
  white-space: nowrap;
}
.hidden {
  display: none;
}
[hidden] {
  display: none !important;
}
#pdfPane {
  display: flex;
  flex-direction: column;
  height: var(--pane-height);
}
#pdfPaneBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
}
#pdfPaneBar #pdfName {
  font-family: monospace;
  font-size: 0.85rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#pdfPages {
  overflow-y: auto;
  flex: 1 1 auto;
}
#mainEditor.drop-target {
  outline: 2px dashed currentColor;
  outline-offset: -4px;
}
#editor wordgard-editor {
  --wg-panel-color: var(--wa-color-surface-raised);
  --wg-border-color: var(--wa-color-surface-border);
  --wg-highlight-color: var(--wa-color-brand-fill-loud);
}
#mainEditor wg-menubar {
  font-size: 1rem;
}
.pdf-page {
  margin-inline: auto;
  background: white;
}
tp-clock-control {
  display: flex;
  flex-direction: column;
  gap: var(--wa-space-s);
  #rdoTimerMode::part(form-control-input) {
    display: flex;
  }
  #rdoTimerMode wa-radio {
    flex: 1 1 0;
    min-inline-size: 0;
  }
  .wrapper,
  .target-wrapper {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    wa-input {
      flex: 1 1 0;
      min-inline-size: 0;
    }
  }
  [hidden] {
    display: none;
  }
  .timer-transport {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--wa-space-s);
  }
}
#dlgPalette {
  --width: 32rem;
}
#dlgPalette #txtPalette {
  width: 100%;
}
#divPaletteList {
  display: flex;
  flex-direction: column;
  max-height: 24rem;
  overflow-y: auto;
  margin-top: 0.5rem;
}
.palette-group {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  padding: 0.5rem 0.5rem 0.25rem;
}
.palette-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.375rem 0.5rem;
  border-radius: var(--wa-border-radius-s);
  cursor: pointer;
}
.palette-item[aria-selected=true] {
  background-color: var(--wa-color-neutral-fill-normal);
}
.palette-swatch {
  flex: 0 0 auto;
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.5rem;
  border: 1px solid var(--wa-color-neutral-border-normal);
  border-radius: var(--wa-border-radius-s);
}
.palette-item .palette-label {
  flex: 1 1 auto;
}
.palette-binds {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.palette-keys {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  white-space: nowrap;
}
.palette-pad {
  border: 1px solid var(--wa-color-neutral-border-quiet);
  border-radius: var(--wa-border-radius-s);
  padding: 0 0.25rem;
}
.palette-hint {
  color: var(--wa-color-text-quiet);
  font-size: var(--wa-font-size-s);
  font-style: italic;
  white-space: nowrap;
}
.palette-empty {
  color: var(--wa-color-text-quiet);
  padding: 0.75rem 0.5rem;
}
/*# sourceMappingURL=src_frontend_index.deno-bundle-html.entry-6VMT72AR.css.map */