ustatic-css 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 yudinmaxim
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,202 @@
+# ustatic-css
+
+> **u**tility **static** **css** framework — набор утилитарных CSS-классов для быстрой разработки интерфейсов.
+
+<p align="center">
+  <img src="https://img.shields.io/badge/version-0.0.1-blue" alt="Версия">
+  <img src="https://img.shields.io/badge/license-MIT-green" alt="Лицензия">
+  <img src="https://img.shields.io/badge/module-ESM%20%7C%20CJS-lightgrey" alt="Модули">
+</p>
+
+## 📦 Обзор
+
+**ustatic-css** — утилитарный CSS-фреймворк для создания современных интерфейсов. Основан на токенах дизайн-системы.
+
+### Почему ustatic-css?
+
+В микрофронтендах типичные утилитарные фреймворки (Tailwind, UnoCSS) создают сложности:
+- Сложные конфигурации, требующие синхронизации между командами
+- Дублирование стилей между модулями, увеличивающее размер бандла
+
+**ustatic-css** решает эти проблемы:
+- Единая система токенов для консистентности между микрофронтендами
+- Модульная загрузка только нужных стилей
+- Возможность активации классов в рантайме
+
+### Проект включает
+
+- 🎨 Утилитарные CSS-классы для типографики, отступов, позиционирования, цветов
+- 🧩 Хуки `useCssProperties` и `useTokens` для управления стилями в JavaScript
+- 🌐 Адаптивный дизайн с брейкпоинтами `xs`, `md`, `def`, `lg`
+- 🔌 Экспорт модулей как ESM и CJS
+
+## 🌐 Документация
+
+Полная документация доступна в директории `help/`:
+
+- [📘 `useCssProperties` — Управление CSS-свойствами](./help/useCssProperties_help.md)
+- [📘 `useTokens` — Работа с токенами CSS](./help/useTokens_help.md)
+- [📘 Утилитарные классы (подробно)](./help/ustatic_utility_help.md)
+- [📗 Словарь всех классов](./help/ustatic_classes.md) — полный список с примерами использования
+
+## 🚀 Быстрый старт
+
+### Установка
+
+```bash
+npm install ustatic-css
+```
+
+### Использование
+
+#### CSS-классы
+
+Подключите основной файл стилей:
+
+```js
+import 'ustatic-css';
+```
+
+Или импортируйте отдельные модули:
+
+```js
+import 'ustatic-css/base';
+import 'ustatic-css/typography';
+import 'ustatic-css/spacing';
+import 'ustatic-css/flexbox';
+```
+
+Используйте классы в разметке:
+
+```html
+<!-- Карточка с flexbox -->
+<div class="flex justify-between items-center p-4 bg-white border border-gray-200 rounded-base">
+  <span class="text-lg font-semibold text-gray-800">Заголовок</span>
+  <button class="px-4 py-2 bg-blue-500 text-white rounded-base hover:bg-blue-600 cursor-pointer">
+    Кнопка
+  </button>
+</div>
+
+<!-- Бейдж -->
+<span class="inline-block px-2 py-1 text-xs font-semibold text-red-600 bg-red-100 rounded-base">
+  New
+</span>
+
+<!-- Анимация вращения -->
+<div class="animation:spin-4">⚙️</div>
+```
+
+### Доступные классы
+
+**Основные модули:**
+- **Типографика**: `.text-{size}`, `.font-{weight}`, `.text-{color}-{brightness}`
+- **Отступы**: `.m-{space}`, `.p-{space}`, `.mt-{space}`, `.px-{space}` и т.д.
+- **Flexbox**: `.flex`, `.items-center`, `.justify-between`, `.gap-{size}`
+- **Позиционирование**: `.relative`, `.absolute`, `.z-{index}`
+- **Фон**: `.bg-{color}-{brightness}`, `.bg-opacity-{0|25|50|75|100}`
+- **Границы**: `.border`, `.border-{color}-{brightness}`, `.rounded-{size}` (например, `.rounded-base`, `.rounded-lg`)
+- **Размеры**: `.w-{size}`, `.h-{size}`, `.min-w-{size}`, `.max-h-{size}`
+- **Эффекты**: `.opacity-{0-100}`, `.rotate-{angle}`
+- **Анимации**: `.blink`, `.animation:spin-{1-10}`, `.active:pulse`
+
+**Цвета с яркостью:** Все цветовые классы поддерживают указания яркости через дефис:
+- `.bg-red-500`, `.bg-blue-300`, `.bg-green-700`
+- `.text-gray-600`, `.text-primary-400`
+- `.border-purple-500`, `.border-orange-200`
+
+Полный список из 350+ классов см. в [Словаре утилитарных классов](./help/ustatic_classes.md).
+
+#### Активация стилей в рантайме
+
+Для загрузки стилей используйте готовый Vue-плагин или универсальный метод. Прямой динамический импорт CSS через `import()` не требуется.
+
+#### Vue 3 плагин (готовый)
+
+Пакет предоставляет готовый плагин для активации стилей на лету.
+
+```js
+// main.js / main.ts
+import { createApp } from 'vue';
+import { ustaticCss } from 'ustatic-css/scripts';
+import App from './App.vue';
+
+const app = createApp(App);
+
+// Вариант 1: загрузить конкретные модули фреймворка
+app.use(ustaticCss, {
+  modules: ['flexbox', 'spacing', 'typography'] // см. список модулей ниже
+});
+
+// Вариант 2: автоподбор модулей по используемым классам
+app.use(ustaticCss, {
+  classes: ['flex', 'p-4', 'text-lg']
+});
+
+app.mount('#app');
+```
+
+Опции плагина/загрузчика:
+
+| Опция | Тип | Описание |
+|-------|-----|----------|
+| `modules` | `string[]` | Список модулей для подключения |
+| `classes` | `string[]` | Список классов для автоподбора модулей |
+
+**Доступные модули:** `align`, `animations`, `base`, `bg`, `border`, `cursor`, `display`, `effects`, `filters`, `flexbox`, `grid`, `hide`, `interactivity`, `outline`, `position`, `scroll`, `sizing`, `spacing`, `typography`
+
+Если опции не заданы — подключаются базовые стили (`ustatic.css`) и переменные (`vars.css`).
+
+#### Примеры использования загрузчика
+
+```js
+// Vue 3: загрузить конкретные модули
+app.use(ustaticCss, {
+  modules: ['flexbox', 'spacing', 'typography', 'border']
+});
+
+// Vue 3: автоподбор по классам
+app.use(ustaticCss, {
+  classes: ['flex', 'p-4', 'text-lg', 'bg-blue-500']
+});
+
+// Vanilla JS / React / Svelte: явная загрузка
+import { loadStyles } from 'ustatic-css/scripts';
+
+await loadStyles({ modules: ['typography', 'spacing'] });
+
+// Автоподбор по классам
+await loadStyles({ classes: ['flex', 'justify-between', 'items-center'] });
+```
+
+#### SSR-совместимость
+
+Метод `loadStyles` безопасно работает при SSR: если `document` недоступен, загрузка пропускается на сервере и выполняется в браузере.
+
+## 🧩 Особенности
+
+- **Готовый Vue-плагин** — активация и подгрузка модульных стилей в рантайме
+- **Универсальный загрузчик** — метод `loadStyles` для любых сред (Vanilla/React/Svelte/Nuxt/SSR)
+- **Автоподбор модулей** — загрузчик автоматически определит нужные модули по списку классов
+- **Токены дизайн-системы** — все стили основаны на единой системе токенов
+- **350+ утилитарных классов** — 19 модулей для типографики, отступов, позиционирования, цветов и эффектов
+- **Цвета с яркостью** — поддержка оттенков вида `{color}-{brightness}` (red-500, blue-300, green-700)
+- **Динамические хуки** — `useCssProperties` и `useTokens` для управления стилями в JavaScript
+- **Адаптивность** — поддержка брейкпоинтов `xs`, `md`, `def`, `lg`
+- **Модульность** — импорт только нужных компонентов для уменьшения размера бандла
+- **SSR-совместимость** — безопасная работа на сервере и в браузере
+- **ESM и CJS** — поддержка современных стандартов модулей
+
+## TODO
+[ ] Разработка интерактивных примеров и документации на работу с библиотекой
+
+[ ] Публикация в публичных сервисах
+
+
+## 📄 Лицензия
+
+Этот проект распространяется под лицензией MIT. Подробнее см. в файле [LICENSE](./LICENSE).
+
+---
+
+🤖 *Часть документации создана с применением искусственного интеллекта для улучшения читаемости и полноты.*
+

package/dist/_ustatic-vars-Cx6_uZJY.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=""+(typeof document>"u"?require("url").pathToFileURL(__dirname+"/css/ustatic-vars.css").href:new URL("css/ustatic-vars.css",document.currentScript&&document.currentScript.tagName.toUpperCase()==="SCRIPT"&&document.currentScript.src||document.baseURI).href);exports.default=e;

package/dist/_ustatic-vars-D2NgNZNI.js

@@ -0,0 +1,4 @@
+const s = "" + new URL("css/ustatic-vars.css", import.meta.url).href;
+export {
+  s as default
+};

package/dist/css/modules/align.css

@@ -0,0 +1 @@
+.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}

package/dist/css/modules/animations.css

@@ -0,0 +1 @@
+@charset "UTF-8";.blink{animation-name:blink;animation-timing-function:linear;animation-duration:1s;animation-iteration-count:infinite}@keyframes blink{50%{opacity:.5}}.hover\:underline{position:relative;display:inline-block;text-decoration:none}.hover\:underline--primary-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-50:hover:after{width:100%;left:0}.hover\:underline--primary-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-100:hover:after{width:100%;left:0}.hover\:underline--primary-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-200:hover:after{width:100%;left:0}.hover\:underline--primary-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-300:hover:after{width:100%;left:0}.hover\:underline--primary-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-400:hover:after{width:100%;left:0}.hover\:underline--primary-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-500:hover:after{width:100%;left:0}.hover\:underline--primary-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-600:hover:after{width:100%;left:0}.hover\:underline--primary-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-700:hover:after{width:100%;left:0}.hover\:underline--primary-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-800:hover:after{width:100%;left:0}.hover\:underline--primary-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-900:hover:after{width:100%;left:0}.hover\:underline--primary-950:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-950-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary-950:hover:after{width:100%;left:0}.hover\:underline--primary:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-primary-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--primary:hover:after{width:100%;left:0}.hover\:underline--secondary-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-50:hover:after{width:100%;left:0}.hover\:underline--secondary-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-100:hover:after{width:100%;left:0}.hover\:underline--secondary-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-200:hover:after{width:100%;left:0}.hover\:underline--secondary-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-300:hover:after{width:100%;left:0}.hover\:underline--secondary-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-400:hover:after{width:100%;left:0}.hover\:underline--secondary-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-500:hover:after{width:100%;left:0}.hover\:underline--secondary-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-600:hover:after{width:100%;left:0}.hover\:underline--secondary-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-700:hover:after{width:100%;left:0}.hover\:underline--secondary-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-800:hover:after{width:100%;left:0}.hover\:underline--secondary-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-900:hover:after{width:100%;left:0}.hover\:underline--secondary-950:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-950-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary-950:hover:after{width:100%;left:0}.hover\:underline--secondary:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-secondary-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--secondary:hover:after{width:100%;left:0}.hover\:underline--success-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-50:hover:after{width:100%;left:0}.hover\:underline--success-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-100:hover:after{width:100%;left:0}.hover\:underline--success-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-200:hover:after{width:100%;left:0}.hover\:underline--success-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-300:hover:after{width:100%;left:0}.hover\:underline--success-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-400:hover:after{width:100%;left:0}.hover\:underline--success-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-500:hover:after{width:100%;left:0}.hover\:underline--success-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-600:hover:after{width:100%;left:0}.hover\:underline--success-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-700:hover:after{width:100%;left:0}.hover\:underline--success-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-800:hover:after{width:100%;left:0}.hover\:underline--success-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success-900:hover:after{width:100%;left:0}.hover\:underline--success:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-success-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--success:hover:after{width:100%;left:0}.hover\:underline--danger-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-50:hover:after{width:100%;left:0}.hover\:underline--danger-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-100:hover:after{width:100%;left:0}.hover\:underline--danger-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-200:hover:after{width:100%;left:0}.hover\:underline--danger-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-300:hover:after{width:100%;left:0}.hover\:underline--danger-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-400:hover:after{width:100%;left:0}.hover\:underline--danger-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-500:hover:after{width:100%;left:0}.hover\:underline--danger-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-600:hover:after{width:100%;left:0}.hover\:underline--danger-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-700:hover:after{width:100%;left:0}.hover\:underline--danger-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-800:hover:after{width:100%;left:0}.hover\:underline--danger-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger-900:hover:after{width:100%;left:0}.hover\:underline--danger:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-danger-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--danger:hover:after{width:100%;left:0}.hover\:underline--warning-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-50:hover:after{width:100%;left:0}.hover\:underline--warning-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-100:hover:after{width:100%;left:0}.hover\:underline--warning-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-200:hover:after{width:100%;left:0}.hover\:underline--warning-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-300:hover:after{width:100%;left:0}.hover\:underline--warning-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-400:hover:after{width:100%;left:0}.hover\:underline--warning-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-500:hover:after{width:100%;left:0}.hover\:underline--warning-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-600:hover:after{width:100%;left:0}.hover\:underline--warning-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-700:hover:after{width:100%;left:0}.hover\:underline--warning-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-800:hover:after{width:100%;left:0}.hover\:underline--warning-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning-900:hover:after{width:100%;left:0}.hover\:underline--warning:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-warning-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--warning:hover:after{width:100%;left:0}.hover\:underline--info-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-50:hover:after{width:100%;left:0}.hover\:underline--info-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-100:hover:after{width:100%;left:0}.hover\:underline--info-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-200:hover:after{width:100%;left:0}.hover\:underline--info-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-300:hover:after{width:100%;left:0}.hover\:underline--info-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-400:hover:after{width:100%;left:0}.hover\:underline--info-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-500:hover:after{width:100%;left:0}.hover\:underline--info-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-600:hover:after{width:100%;left:0}.hover\:underline--info-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-700:hover:after{width:100%;left:0}.hover\:underline--info-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-800:hover:after{width:100%;left:0}.hover\:underline--info-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info-900:hover:after{width:100%;left:0}.hover\:underline--info:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-info-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--info:hover:after{width:100%;left:0}.hover\:underline--transparent:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-transparent-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--transparent:hover:after{width:100%;left:0}.hover\:underline--white:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-white-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--white:hover:after{width:100%;left:0}.hover\:underline--black:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-black-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--black:hover:after{width:100%;left:0}.hover\:underline--gray-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-50:hover:after{width:100%;left:0}.hover\:underline--gray-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-100:hover:after{width:100%;left:0}.hover\:underline--gray-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-200:hover:after{width:100%;left:0}.hover\:underline--gray-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-300:hover:after{width:100%;left:0}.hover\:underline--gray-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-400:hover:after{width:100%;left:0}.hover\:underline--gray-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-500:hover:after{width:100%;left:0}.hover\:underline--gray-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-600:hover:after{width:100%;left:0}.hover\:underline--gray-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-700:hover:after{width:100%;left:0}.hover\:underline--gray-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-800:hover:after{width:100%;left:0}.hover\:underline--gray-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray-900:hover:after{width:100%;left:0}.hover\:underline--gray:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-gray-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--gray:hover:after{width:100%;left:0}.hover\:underline--red-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-50:hover:after{width:100%;left:0}.hover\:underline--red-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-100:hover:after{width:100%;left:0}.hover\:underline--red-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-200:hover:after{width:100%;left:0}.hover\:underline--red-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-300:hover:after{width:100%;left:0}.hover\:underline--red-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-400:hover:after{width:100%;left:0}.hover\:underline--red-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-500:hover:after{width:100%;left:0}.hover\:underline--red-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-600:hover:after{width:100%;left:0}.hover\:underline--red-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-700:hover:after{width:100%;left:0}.hover\:underline--red-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-800:hover:after{width:100%;left:0}.hover\:underline--red-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red-900:hover:after{width:100%;left:0}.hover\:underline--red:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-red-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--red:hover:after{width:100%;left:0}.hover\:underline--orange-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-50:hover:after{width:100%;left:0}.hover\:underline--orange-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-100:hover:after{width:100%;left:0}.hover\:underline--orange-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-200:hover:after{width:100%;left:0}.hover\:underline--orange-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-300:hover:after{width:100%;left:0}.hover\:underline--orange-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-400:hover:after{width:100%;left:0}.hover\:underline--orange-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-500:hover:after{width:100%;left:0}.hover\:underline--orange-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-600:hover:after{width:100%;left:0}.hover\:underline--orange-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-700:hover:after{width:100%;left:0}.hover\:underline--orange-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-800:hover:after{width:100%;left:0}.hover\:underline--orange-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange-900:hover:after{width:100%;left:0}.hover\:underline--orange:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-orange-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--orange:hover:after{width:100%;left:0}.hover\:underline--yellow-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-50:hover:after{width:100%;left:0}.hover\:underline--yellow-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-100:hover:after{width:100%;left:0}.hover\:underline--yellow-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-200:hover:after{width:100%;left:0}.hover\:underline--yellow-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-300:hover:after{width:100%;left:0}.hover\:underline--yellow-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-400:hover:after{width:100%;left:0}.hover\:underline--yellow-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-500:hover:after{width:100%;left:0}.hover\:underline--yellow-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-600:hover:after{width:100%;left:0}.hover\:underline--yellow-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-700:hover:after{width:100%;left:0}.hover\:underline--yellow-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-800:hover:after{width:100%;left:0}.hover\:underline--yellow-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow-900:hover:after{width:100%;left:0}.hover\:underline--yellow:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-yellow-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--yellow:hover:after{width:100%;left:0}.hover\:underline--green-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-50:hover:after{width:100%;left:0}.hover\:underline--green-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-100:hover:after{width:100%;left:0}.hover\:underline--green-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-200:hover:after{width:100%;left:0}.hover\:underline--green-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-300:hover:after{width:100%;left:0}.hover\:underline--green-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-400:hover:after{width:100%;left:0}.hover\:underline--green-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-500:hover:after{width:100%;left:0}.hover\:underline--green-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-600:hover:after{width:100%;left:0}.hover\:underline--green-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-700:hover:after{width:100%;left:0}.hover\:underline--green-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-800:hover:after{width:100%;left:0}.hover\:underline--green-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green-900:hover:after{width:100%;left:0}.hover\:underline--green:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-green-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--green:hover:after{width:100%;left:0}.hover\:underline--sky-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-50:hover:after{width:100%;left:0}.hover\:underline--sky-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-100:hover:after{width:100%;left:0}.hover\:underline--sky-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-200:hover:after{width:100%;left:0}.hover\:underline--sky-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-300:hover:after{width:100%;left:0}.hover\:underline--sky-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-400:hover:after{width:100%;left:0}.hover\:underline--sky-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-500:hover:after{width:100%;left:0}.hover\:underline--sky-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-600:hover:after{width:100%;left:0}.hover\:underline--sky-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-700:hover:after{width:100%;left:0}.hover\:underline--sky-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-800:hover:after{width:100%;left:0}.hover\:underline--sky-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky-900:hover:after{width:100%;left:0}.hover\:underline--sky:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-sky-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--sky:hover:after{width:100%;left:0}.hover\:underline--blue-50:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-50-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-50:hover:after{width:100%;left:0}.hover\:underline--blue-100:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-100-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-100:hover:after{width:100%;left:0}.hover\:underline--blue-200:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-200-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-200:hover:after{width:100%;left:0}.hover\:underline--blue-300:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-300-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-300:hover:after{width:100%;left:0}.hover\:underline--blue-400:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-400-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-400:hover:after{width:100%;left:0}.hover\:underline--blue-500:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-500-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-500:hover:after{width:100%;left:0}.hover\:underline--blue-600:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-600-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-600:hover:after{width:100%;left:0}.hover\:underline--blue-700:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-700-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-700:hover:after{width:100%;left:0}.hover\:underline--blue-800:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-800-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-800:hover:after{width:100%;left:0}.hover\:underline--blue-900:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-900-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue-900:hover:after{width:100%;left:0}.hover\:underline--blue:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;border-radius:4px;background-color:var(--u-base-underline-color);--u-base-underline-color: rgba(var(--u-base-color-blue-def-rgb), var(--u-base-color-opacity));transition:width .3s ease,left .3s ease}.hover\:underline--blue:hover:after{width:100%;left:0}.animation\:spin-1{animation:spin .25s linear infinite both}.animation\:spin-2{animation:spin .5s linear infinite both}.animation\:spin-3{animation:spin .75s linear infinite both}.animation\:spin-4{animation:spin 1s linear infinite both}.animation\:spin-5{animation:spin 1.25s linear infinite both}.animation\:spin-6{animation:spin 1.5s linear infinite both}.animation\:spin-7{animation:spin 1.75s linear infinite both}.animation\:spin-8{animation:spin 2s linear infinite both}.animation\:spin-9{animation:spin 2.25s linear infinite both}.animation\:spin-10{animation:spin 2.5s linear infinite both}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.active\:pulse:active{animation:pulse .3s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.slide-up-enter-active,.slide-up-leave-active{transition:all .2s ease}.slide-up-enter-from{opacity:0;transform:translateY(var(--u-base-step-1))}.slide-up-leave-to{opacity:0;transform:translateY(calc(-1 * var(--u-base-step-1)))}.scale-enter-active,.scale-leave-active{transition:all .2s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(calc(-1 * var(--u-base-step-0d5)));box-shadow:0 4px 12px #00000026}.tooltip-hidden{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:20}.tooltip-visible{opacity:1;visibility:visible}

package/dist/css/modules/base.css

@@ -0,0 +1 @@
+@charset "UTF-8";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--u-base-color-gray-200)}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit;overflow-y:hidden}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:var(--u-base-color-variant-primary);font-weight:var(--u-base-font-weight-medium);text-decoration:inherit}a:focus{outline:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button:focus-visible{outline:none}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:var(--u-base-color-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--u-base-color-gray-400)}button,[role=button]{cursor:pointer}:disabled{cursor:default;pointer-events:none;opacity:var(--u-base-opacity-50)}.disabled{cursor:default;pointer-events:none;opacity:var(--u-base-opacity-50)}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}

package/dist/css/modules/bg.css

@@ -0,0 +1 @@
+@charset "UTF-8";.bg-primary-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-50-rgb), var(--u-base-color-opacity))}.bg-primary-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-100-rgb), var(--u-base-color-opacity))}.bg-primary-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-200-rgb), var(--u-base-color-opacity))}.bg-primary-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-300-rgb), var(--u-base-color-opacity))}.bg-primary-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-400-rgb), var(--u-base-color-opacity))}.bg-primary-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-500-rgb), var(--u-base-color-opacity))}.bg-primary-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-600-rgb), var(--u-base-color-opacity))}.bg-primary-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-700-rgb), var(--u-base-color-opacity))}.bg-primary-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-800-rgb), var(--u-base-color-opacity))}.bg-primary-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-900-rgb), var(--u-base-color-opacity))}.bg-primary-950{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-950-rgb), var(--u-base-color-opacity))}.bg-primary{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-def-rgb), var(--u-base-color-opacity))}.bg-secondary-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-50-rgb), var(--u-base-color-opacity))}.bg-secondary-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-100-rgb), var(--u-base-color-opacity))}.bg-secondary-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-200-rgb), var(--u-base-color-opacity))}.bg-secondary-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-300-rgb), var(--u-base-color-opacity))}.bg-secondary-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-400-rgb), var(--u-base-color-opacity))}.bg-secondary-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-500-rgb), var(--u-base-color-opacity))}.bg-secondary-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-600-rgb), var(--u-base-color-opacity))}.bg-secondary-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-700-rgb), var(--u-base-color-opacity))}.bg-secondary-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-800-rgb), var(--u-base-color-opacity))}.bg-secondary-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-900-rgb), var(--u-base-color-opacity))}.bg-secondary-950{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-950-rgb), var(--u-base-color-opacity))}.bg-secondary{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-def-rgb), var(--u-base-color-opacity))}.bg-success-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-50-rgb), var(--u-base-color-opacity))}.bg-success-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-100-rgb), var(--u-base-color-opacity))}.bg-success-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-200-rgb), var(--u-base-color-opacity))}.bg-success-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-300-rgb), var(--u-base-color-opacity))}.bg-success-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-400-rgb), var(--u-base-color-opacity))}.bg-success-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-500-rgb), var(--u-base-color-opacity))}.bg-success-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-600-rgb), var(--u-base-color-opacity))}.bg-success-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-700-rgb), var(--u-base-color-opacity))}.bg-success-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-800-rgb), var(--u-base-color-opacity))}.bg-success-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-900-rgb), var(--u-base-color-opacity))}.bg-success{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-def-rgb), var(--u-base-color-opacity))}.bg-danger-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-50-rgb), var(--u-base-color-opacity))}.bg-danger-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-100-rgb), var(--u-base-color-opacity))}.bg-danger-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-200-rgb), var(--u-base-color-opacity))}.bg-danger-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-300-rgb), var(--u-base-color-opacity))}.bg-danger-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-400-rgb), var(--u-base-color-opacity))}.bg-danger-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-500-rgb), var(--u-base-color-opacity))}.bg-danger-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-600-rgb), var(--u-base-color-opacity))}.bg-danger-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-700-rgb), var(--u-base-color-opacity))}.bg-danger-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-800-rgb), var(--u-base-color-opacity))}.bg-danger-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-900-rgb), var(--u-base-color-opacity))}.bg-danger{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-def-rgb), var(--u-base-color-opacity))}.bg-warning-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-50-rgb), var(--u-base-color-opacity))}.bg-warning-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-100-rgb), var(--u-base-color-opacity))}.bg-warning-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-200-rgb), var(--u-base-color-opacity))}.bg-warning-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-300-rgb), var(--u-base-color-opacity))}.bg-warning-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-400-rgb), var(--u-base-color-opacity))}.bg-warning-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-500-rgb), var(--u-base-color-opacity))}.bg-warning-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-600-rgb), var(--u-base-color-opacity))}.bg-warning-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-700-rgb), var(--u-base-color-opacity))}.bg-warning-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-800-rgb), var(--u-base-color-opacity))}.bg-warning-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-900-rgb), var(--u-base-color-opacity))}.bg-warning{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-def-rgb), var(--u-base-color-opacity))}.bg-info-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-50-rgb), var(--u-base-color-opacity))}.bg-info-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-100-rgb), var(--u-base-color-opacity))}.bg-info-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-200-rgb), var(--u-base-color-opacity))}.bg-info-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-300-rgb), var(--u-base-color-opacity))}.bg-info-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-400-rgb), var(--u-base-color-opacity))}.bg-info-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-500-rgb), var(--u-base-color-opacity))}.bg-info-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-600-rgb), var(--u-base-color-opacity))}.bg-info-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-700-rgb), var(--u-base-color-opacity))}.bg-info-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-800-rgb), var(--u-base-color-opacity))}.bg-info-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-900-rgb), var(--u-base-color-opacity))}.bg-info{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-def-rgb), var(--u-base-color-opacity))}.bg-transparent{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-transparent-rgb), var(--u-base-color-opacity))}.bg-white{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-white-rgb), var(--u-base-color-opacity))}.bg-black{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-black-rgb), var(--u-base-color-opacity))}.bg-gray-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-50-rgb), var(--u-base-color-opacity))}.bg-gray-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-100-rgb), var(--u-base-color-opacity))}.bg-gray-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-200-rgb), var(--u-base-color-opacity))}.bg-gray-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-300-rgb), var(--u-base-color-opacity))}.bg-gray-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-400-rgb), var(--u-base-color-opacity))}.bg-gray-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-500-rgb), var(--u-base-color-opacity))}.bg-gray-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-600-rgb), var(--u-base-color-opacity))}.bg-gray-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-700-rgb), var(--u-base-color-opacity))}.bg-gray-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-800-rgb), var(--u-base-color-opacity))}.bg-gray-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-900-rgb), var(--u-base-color-opacity))}.bg-gray{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-def-rgb), var(--u-base-color-opacity))}.bg-red-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-50-rgb), var(--u-base-color-opacity))}.bg-red-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-100-rgb), var(--u-base-color-opacity))}.bg-red-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-200-rgb), var(--u-base-color-opacity))}.bg-red-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-300-rgb), var(--u-base-color-opacity))}.bg-red-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-400-rgb), var(--u-base-color-opacity))}.bg-red-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-500-rgb), var(--u-base-color-opacity))}.bg-red-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-600-rgb), var(--u-base-color-opacity))}.bg-red-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-700-rgb), var(--u-base-color-opacity))}.bg-red-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-800-rgb), var(--u-base-color-opacity))}.bg-red-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-900-rgb), var(--u-base-color-opacity))}.bg-red{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-def-rgb), var(--u-base-color-opacity))}.bg-orange-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-50-rgb), var(--u-base-color-opacity))}.bg-orange-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-100-rgb), var(--u-base-color-opacity))}.bg-orange-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-200-rgb), var(--u-base-color-opacity))}.bg-orange-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-300-rgb), var(--u-base-color-opacity))}.bg-orange-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-400-rgb), var(--u-base-color-opacity))}.bg-orange-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-500-rgb), var(--u-base-color-opacity))}.bg-orange-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-600-rgb), var(--u-base-color-opacity))}.bg-orange-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-700-rgb), var(--u-base-color-opacity))}.bg-orange-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-800-rgb), var(--u-base-color-opacity))}.bg-orange-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-900-rgb), var(--u-base-color-opacity))}.bg-orange{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-def-rgb), var(--u-base-color-opacity))}.bg-yellow-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-50-rgb), var(--u-base-color-opacity))}.bg-yellow-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-100-rgb), var(--u-base-color-opacity))}.bg-yellow-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-200-rgb), var(--u-base-color-opacity))}.bg-yellow-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-300-rgb), var(--u-base-color-opacity))}.bg-yellow-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-400-rgb), var(--u-base-color-opacity))}.bg-yellow-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-500-rgb), var(--u-base-color-opacity))}.bg-yellow-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-600-rgb), var(--u-base-color-opacity))}.bg-yellow-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-700-rgb), var(--u-base-color-opacity))}.bg-yellow-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-800-rgb), var(--u-base-color-opacity))}.bg-yellow-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-900-rgb), var(--u-base-color-opacity))}.bg-yellow{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-def-rgb), var(--u-base-color-opacity))}.bg-green-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-50-rgb), var(--u-base-color-opacity))}.bg-green-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-100-rgb), var(--u-base-color-opacity))}.bg-green-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-200-rgb), var(--u-base-color-opacity))}.bg-green-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-300-rgb), var(--u-base-color-opacity))}.bg-green-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-400-rgb), var(--u-base-color-opacity))}.bg-green-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-500-rgb), var(--u-base-color-opacity))}.bg-green-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-600-rgb), var(--u-base-color-opacity))}.bg-green-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-700-rgb), var(--u-base-color-opacity))}.bg-green-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-800-rgb), var(--u-base-color-opacity))}.bg-green-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-900-rgb), var(--u-base-color-opacity))}.bg-green{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-def-rgb), var(--u-base-color-opacity))}.bg-sky-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-50-rgb), var(--u-base-color-opacity))}.bg-sky-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-100-rgb), var(--u-base-color-opacity))}.bg-sky-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-200-rgb), var(--u-base-color-opacity))}.bg-sky-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-300-rgb), var(--u-base-color-opacity))}.bg-sky-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-400-rgb), var(--u-base-color-opacity))}.bg-sky-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-500-rgb), var(--u-base-color-opacity))}.bg-sky-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-600-rgb), var(--u-base-color-opacity))}.bg-sky-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-700-rgb), var(--u-base-color-opacity))}.bg-sky-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-800-rgb), var(--u-base-color-opacity))}.bg-sky-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-900-rgb), var(--u-base-color-opacity))}.bg-sky{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-def-rgb), var(--u-base-color-opacity))}.bg-blue-50{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-50-rgb), var(--u-base-color-opacity))}.bg-blue-100{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-100-rgb), var(--u-base-color-opacity))}.bg-blue-200{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-200-rgb), var(--u-base-color-opacity))}.bg-blue-300{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-300-rgb), var(--u-base-color-opacity))}.bg-blue-400{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-400-rgb), var(--u-base-color-opacity))}.bg-blue-500{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-500-rgb), var(--u-base-color-opacity))}.bg-blue-600{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-600-rgb), var(--u-base-color-opacity))}.bg-blue-700{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-700-rgb), var(--u-base-color-opacity))}.bg-blue-800{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-800-rgb), var(--u-base-color-opacity))}.bg-blue-900{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-900-rgb), var(--u-base-color-opacity))}.bg-blue{background-color:var(--u-base-color-background);stroke:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-def-rgb), var(--u-base-color-opacity))}.bg-none{background-color:var(--u-base-color-transparent)}.bg-opacity-0{--u-base-color-opacity: var(--u-base-opacity-0)}.bg-opacity-25{--u-base-color-opacity: var(--u-base-opacity-25)}.bg-opacity-50{--u-base-color-opacity: var(--u-base-opacity-50)}.bg-opacity-75{--u-base-color-opacity: var(--u-base-opacity-75)}.bg-opacity-100{--u-base-color-opacity: var(--u-base-opacity-100)}.bg-filter-blur-1{backdrop-filter:blur(1px)}.bg-filter-blur-2{backdrop-filter:blur(2px)}.bg-filter-blur-3{backdrop-filter:blur(3px)}.bg-filter-blur-4{backdrop-filter:blur(4px)}.bg-filter-blur-5{backdrop-filter:blur(5px)}.bg-filter-blur-6{backdrop-filter:blur(6px)}.bg-filter-blur-7{backdrop-filter:blur(7px)}.bg-filter-blur-8{backdrop-filter:blur(8px)}.bg-filter-blur-9{backdrop-filter:blur(9px)}.bg-filter-blur-10{backdrop-filter:blur(10px)}.hover\:bg-primary-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary-950:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-950-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-primary:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-primary-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary-950:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-950-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-secondary:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-secondary-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-success:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-success-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-danger:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-danger-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-warning:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-warning-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-info:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-info-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-transparent:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-transparent-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-white:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-white-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-black:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-black-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-gray:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-gray-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-red:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-red-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-orange:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-orange-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-yellow:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-yellow-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-green:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-green-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-sky:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-sky-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-50:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-50-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-100:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-100-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-200:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-200-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-300:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-300-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-400:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-400-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-500:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-500-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-600:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-600-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-700:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-700-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-800:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-800-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue-900:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-900-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}.hover\:bg-blue:hover{background-color:var(--u-base-color-background);--u-base-color-background: rgba(var(--u-base-color-blue-def-rgb), var(--u-base-color-opacity));transition:background-color .2s ease-in-out}