daisyui 5.0.0-alpha.3 → 5.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/root-color/config.js +12 -0
- package/base/root-color/index.css +1 -0
- package/base/root-color/index.js +6 -0
- package/base/root-color.css +1 -0
- package/base/scrollbar/config.js +12 -0
- package/base/scrollbar/index.css +1 -0
- package/base/scrollbar/index.js +5 -0
- package/base/scrollbar.css +1 -0
- package/base/tap-color/config.js +12 -0
- package/base/tap-color/index.css +1 -0
- package/base/tap-color/index.js +5 -0
- package/base/tap-color.css +1 -0
- package/colors/properties.css +1 -0
- package/colors/responsive.css +1 -0
- package/colors/states.css +1 -0
- package/components/avatar/class.json +7 -0
- package/components/avatar/config.js +12 -0
- package/components/avatar/index.css +1 -0
- package/components/avatar/index.js +42 -0
- package/components/avatar.css +1 -0
- package/components/badge/class.json +18 -0
- package/components/badge/config.js +1 -1
- package/components/badge.css +1 -109
- package/components/button/class.json +24 -0
- package/components/button/config.js +1 -1
- package/components/button/index.js +12 -10
- package/components/button.css +1 -293
- package/components/checkbox/class.json +17 -0
- package/components/checkbox/config.js +1 -1
- package/components/checkbox.css +1 -144
- package/components/dropdown/class.json +13 -0
- package/components/dropdown/config.js +12 -0
- package/components/dropdown/index.css +1 -0
- package/components/dropdown/index.js +146 -0
- package/components/dropdown.css +1 -0
- package/components/input/class.json +16 -0
- package/components/input/config.js +1 -1
- package/components/input.css +1 -204
- package/components/kbd/class.json +7 -0
- package/components/kbd/config.js +1 -1
- package/components/kbd.css +1 -49
- package/components/loading/class.json +21 -0
- package/components/loading/config.js +12 -0
- package/components/loading/index.css +1 -0
- package/components/loading/index.js +39 -0
- package/components/loading.css +1 -0
- package/components/mask/class.json +24 -0
- package/components/mask/config.js +1 -1
- package/components/mask.css +1 -78
- package/components/menu/class.json +15 -0
- package/components/menu/config.js +12 -0
- package/components/menu/index.css +1 -0
- package/components/menu/index.js +129 -0
- package/components/menu.css +1 -0
- package/components/radio/class.json +14 -0
- package/components/radio/config.js +1 -1
- package/components/radio.css +1 -102
- package/components/range/class.json +14 -0
- package/components/range/config.js +1 -1
- package/components/range.css +1 -164
- package/components/rating/class.json +5 -0
- package/components/rating/config.js +1 -1
- package/components/rating.css +1 -104
- package/components/select/class.json +16 -0
- package/components/select/config.js +1 -1
- package/components/select.css +1 -166
- package/components/tab/class.json +13 -0
- package/components/tab/config.js +12 -0
- package/components/tab/index.css +1 -0
- package/components/tab/index.js +165 -0
- package/components/tab.css +1 -0
- package/components/toggle/class.json +16 -0
- package/components/toggle/config.js +1 -1
- package/components/toggle.css +1 -143
- package/components/tooltip/class.json +15 -0
- package/components/tooltip/config.js +12 -0
- package/components/tooltip/index.css +1 -0
- package/components/tooltip/index.js +135 -0
- package/components/tooltip.css +1 -0
- package/full.css +12 -0
- package/functions/plugin.js +8 -8
- package/index.css +9 -0
- package/package.json +5 -1
- package/themes/dark/index.css +1 -0
- package/themes/default/index.css +1 -0
- package/themes/index.css +1 -0
- package/themes/light/index.css +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.hover\:bg-base-100:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:bg-base-100:focus{&:focus{background-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:to-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-100:focus{&:focus{--tw-gradient-to:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-100,oklch(100% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-100:focus{&:focus{--tw-gradient-via:var(--color-base-100,oklch(100% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-100:focus{&:focus{--tw-gradient-from:var(--color-base-100,oklch(100% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-100:hover{&:hover{@media (hover:hover){&{color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:text-base-100:focus{&:focus{color:var(--color-base-100,oklch(100% 0 0))}}.hover\:ring-base-100:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:ring-base-100:focus{&:focus{--tw-ring-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:stroke-base-100:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:stroke-base-100:focus{&:focus{stroke:var(--color-base-100,oklch(100% 0 0))}}.hover\:border-base-100:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:border-base-100:focus{&:focus{border-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:outline-base-100:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:outline-base-100:focus{&:focus{outline-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:ring-offset-base-100:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-100,oklch(100% 0 0))}}}}.focus\:ring-offset-base-100:focus{&:focus{--tw-ring-offset-color:var(--color-base-100,oklch(100% 0 0))}}.hover\:bg-base-200:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:bg-base-200:focus{&:focus{background-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:to-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-200:focus{&:focus{--tw-gradient-to:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-200:focus{&:focus{--tw-gradient-via:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-200:focus{&:focus{--tw-gradient-from:var(--color-base-200,oklch(96.1151% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-200:hover{&:hover{@media (hover:hover){&{color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:text-base-200:focus{&:focus{color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:ring-base-200:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:ring-base-200:focus{&:focus{--tw-ring-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:stroke-base-200:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:stroke-base-200:focus{&:focus{stroke:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:border-base-200:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:border-base-200:focus{&:focus{border-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:outline-base-200:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:outline-base-200:focus{&:focus{outline-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:ring-offset-base-200:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-200,oklch(96.1151% 0 0))}}}}.focus\:ring-offset-base-200:focus{&:focus{--tw-ring-offset-color:var(--color-base-200,oklch(96.1151% 0 0))}}.hover\:bg-base-300:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:bg-base-300:focus{&:focus{background-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:to-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-300:focus{&:focus{--tw-gradient-to:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-300:focus{&:focus{--tw-gradient-via:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-300:focus{&:focus{--tw-gradient-from:var(--color-base-300,oklch(92.4169% .00108 197.138));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-300:hover{&:hover{@media (hover:hover){&{color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:text-base-300:focus{&:focus{color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:ring-base-300:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:ring-base-300:focus{&:focus{--tw-ring-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:stroke-base-300:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:stroke-base-300:focus{&:focus{stroke:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:border-base-300:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:border-base-300:focus{&:focus{border-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:outline-base-300:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:outline-base-300:focus{&:focus{outline-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:ring-offset-base-300:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}}}.focus\:ring-offset-base-300:focus{&:focus{--tw-ring-offset-color:var(--color-base-300,oklch(92.4169% .00108 197.138))}}.hover\:bg-base-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:bg-base-content:focus{&:focus{background-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:to-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-base-content:focus{&:focus{--tw-gradient-to:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-base-content:focus{&:focus{--tw-gradient-via:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-base-content:focus{&:focus{--tw-gradient-from:var(--color-base-content,oklch(27.8078% .029596 256.848));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-base-content:hover{&:hover{@media (hover:hover){&{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:text-base-content:focus{&:focus{color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:ring-base-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:ring-base-content:focus{&:focus{--tw-ring-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:stroke-base-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:stroke-base-content:focus{&:focus{stroke:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:border-base-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:border-base-content:focus{&:focus{border-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:outline-base-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:outline-base-content:focus{&:focus{outline-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:ring-offset-base-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}}}.focus\:ring-offset-base-content:focus{&:focus{--tw-ring-offset-color:var(--color-base-content,oklch(27.8078% .029596 256.848))}}.hover\:bg-primary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:bg-primary:focus{&:focus{background-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:to-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-primary:focus{&:focus{--tw-gradient-to:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-primary:focus{&:focus{--tw-gradient-via:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-primary:focus{&:focus{--tw-gradient-from:var(--color-primary,oklch(49.12% .3096 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-primary:hover{&:hover{@media (hover:hover){&{color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:text-primary:focus{&:focus{color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:ring-primary:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:ring-primary:focus{&:focus{--tw-ring-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:stroke-primary:hover{&:hover{@media (hover:hover){&{stroke:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:stroke-primary:focus{&:focus{stroke:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:border-primary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:border-primary:focus{&:focus{border-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:outline-primary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:outline-primary:focus{&:focus{outline-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:ring-offset-primary:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-primary,oklch(49.12% .3096 275.75))}}}}.focus\:ring-offset-primary:focus{&:focus{--tw-ring-offset-color:var(--color-primary,oklch(49.12% .3096 275.75))}}.hover\:bg-primary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:bg-primary-content:focus{&:focus{background-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:to-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-primary-content:focus{&:focus{--tw-gradient-to:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-primary-content:focus{&:focus{--tw-gradient-via:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-primary-content:focus{&:focus{--tw-gradient-from:var(--color-primary-content,oklch(89.824% .06192 275.75));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-primary-content:hover{&:hover{@media (hover:hover){&{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:text-primary-content:focus{&:focus{color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:ring-primary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:ring-primary-content:focus{&:focus{--tw-ring-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:stroke-primary-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:stroke-primary-content:focus{&:focus{stroke:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:border-primary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:border-primary-content:focus{&:focus{border-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:outline-primary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:outline-primary-content:focus{&:focus{outline-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:ring-offset-primary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}}}.focus\:ring-offset-primary-content:focus{&:focus{--tw-ring-offset-color:var(--color-primary-content,oklch(89.824% .06192 275.75))}}.hover\:bg-secondary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:bg-secondary:focus{&:focus{background-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:to-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-secondary:focus{&:focus{--tw-gradient-to:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-secondary:focus{&:focus{--tw-gradient-via:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-secondary:focus{&:focus{--tw-gradient-from:var(--color-secondary,oklch(69.71% .329 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-secondary:hover{&:hover{@media (hover:hover){&{color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:text-secondary:focus{&:focus{color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:ring-secondary:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:ring-secondary:focus{&:focus{--tw-ring-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:stroke-secondary:hover{&:hover{@media (hover:hover){&{stroke:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:stroke-secondary:focus{&:focus{stroke:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:border-secondary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:border-secondary:focus{&:focus{border-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:outline-secondary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:outline-secondary:focus{&:focus{outline-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:ring-offset-secondary:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-secondary,oklch(69.71% .329 342.55))}}}}.focus\:ring-offset-secondary:focus{&:focus{--tw-ring-offset-color:var(--color-secondary,oklch(69.71% .329 342.55))}}.hover\:bg-secondary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:bg-secondary-content:focus{&:focus{background-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:to-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-secondary-content:focus{&:focus{--tw-gradient-to:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-secondary-content:focus{&:focus{--tw-gradient-via:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-secondary-content:focus{&:focus{--tw-gradient-from:var(--color-secondary-content,oklch(98.71% .0106 342.55));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-secondary-content:hover{&:hover{@media (hover:hover){&{color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:text-secondary-content:focus{&:focus{color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:ring-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:ring-secondary-content:focus{&:focus{--tw-ring-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:stroke-secondary-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:stroke-secondary-content:focus{&:focus{stroke:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:border-secondary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:border-secondary-content:focus{&:focus{border-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:outline-secondary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:outline-secondary-content:focus{&:focus{outline-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:ring-offset-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}}}.focus\:ring-offset-secondary-content:focus{&:focus{--tw-ring-offset-color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}}.hover\:bg-accent:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:bg-accent:focus{&:focus{background-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:to-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-accent:focus{&:focus{--tw-gradient-to:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-accent:focus{&:focus{--tw-gradient-via:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-accent:focus{&:focus{--tw-gradient-from:var(--color-accent,oklch(76.76% .184 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-accent:hover{&:hover{@media (hover:hover){&{color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:text-accent:focus{&:focus{color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:ring-accent:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:ring-accent:focus{&:focus{--tw-ring-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:stroke-accent:hover{&:hover{@media (hover:hover){&{stroke:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:stroke-accent:focus{&:focus{stroke:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:border-accent:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:border-accent:focus{&:focus{border-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:outline-accent:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:outline-accent:focus{&:focus{outline-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:ring-offset-accent:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-accent,oklch(76.76% .184 183.61))}}}}.focus\:ring-offset-accent:focus{&:focus{--tw-ring-offset-color:var(--color-accent,oklch(76.76% .184 183.61))}}.hover\:bg-accent-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:bg-accent-content:focus{&:focus{background-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:to-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-accent-content:focus{&:focus{--tw-gradient-to:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-accent-content:focus{&:focus{--tw-gradient-via:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-accent-content:focus{&:focus{--tw-gradient-from:var(--color-accent-content,oklch(15.352% .0368 183.61));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-accent-content:hover{&:hover{@media (hover:hover){&{color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:text-accent-content:focus{&:focus{color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:ring-accent-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:ring-accent-content:focus{&:focus{--tw-ring-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:stroke-accent-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:stroke-accent-content:focus{&:focus{stroke:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:border-accent-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:border-accent-content:focus{&:focus{border-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:outline-accent-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:outline-accent-content:focus{&:focus{outline-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:ring-offset-accent-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}}}.focus\:ring-offset-accent-content:focus{&:focus{--tw-ring-offset-color:var(--color-accent-content,oklch(15.352% .0368 183.61))}}.hover\:bg-neutral:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:bg-neutral:focus{&:focus{background-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:to-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-neutral:focus{&:focus{--tw-gradient-to:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-neutral:focus{&:focus{--tw-gradient-via:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-neutral:focus{&:focus{--tw-gradient-from:var(--color-neutral,oklch(32.1785% .02476 255.702));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-neutral:hover{&:hover{@media (hover:hover){&{color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:text-neutral:focus{&:focus{color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:ring-neutral:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:ring-neutral:focus{&:focus{--tw-ring-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:stroke-neutral:hover{&:hover{@media (hover:hover){&{stroke:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:stroke-neutral:focus{&:focus{stroke:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:border-neutral:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:border-neutral:focus{&:focus{border-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:outline-neutral:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:outline-neutral:focus{&:focus{outline-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:ring-offset-neutral:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}}}.focus\:ring-offset-neutral:focus{&:focus{--tw-ring-offset-color:var(--color-neutral,oklch(32.1785% .02476 255.702))}}.hover\:bg-neutral-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:bg-neutral-content:focus{&:focus{background-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:to-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-neutral-content:focus{&:focus{--tw-gradient-to:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-neutral-content:focus{&:focus{--tw-gradient-via:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-neutral-content:focus{&:focus{--tw-gradient-from:var(--color-neutral-content,oklch(89.4994% .011585 252.096));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-neutral-content:hover{&:hover{@media (hover:hover){&{color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:text-neutral-content:focus{&:focus{color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:ring-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:ring-neutral-content:focus{&:focus{--tw-ring-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:stroke-neutral-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:stroke-neutral-content:focus{&:focus{stroke:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:border-neutral-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:border-neutral-content:focus{&:focus{border-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:outline-neutral-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:outline-neutral-content:focus{&:focus{outline-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:ring-offset-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}}}.focus\:ring-offset-neutral-content:focus{&:focus{--tw-ring-offset-color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}}.hover\:bg-info:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:bg-info:focus{&:focus{background-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:to-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-info:focus{&:focus{--tw-gradient-to:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-info:focus{&:focus{--tw-gradient-via:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-info:focus{&:focus{--tw-gradient-from:var(--color-info,oklch(72.06% .191 231.6));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-info:hover{&:hover{@media (hover:hover){&{color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:text-info:focus{&:focus{color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:ring-info:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:ring-info:focus{&:focus{--tw-ring-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:stroke-info:hover{&:hover{@media (hover:hover){&{stroke:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:stroke-info:focus{&:focus{stroke:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:border-info:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:border-info:focus{&:focus{border-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:outline-info:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:outline-info:focus{&:focus{outline-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:ring-offset-info:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-info,oklch(72.06% .191 231.6))}}}}.focus\:ring-offset-info:focus{&:focus{--tw-ring-offset-color:var(--color-info,oklch(72.06% .191 231.6))}}.hover\:bg-info-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:bg-info-content:focus{&:focus{background-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:to-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-info-content:focus{&:focus{--tw-gradient-to:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-info-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-info-content:focus{&:focus{--tw-gradient-via:var(--color-info-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-info-content:focus{&:focus{--tw-gradient-from:var(--color-info-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-info-content:hover{&:hover{@media (hover:hover){&{color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:text-info-content:focus{&:focus{color:var(--color-info-content,oklch(0% 0 0))}}.hover\:ring-info-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:ring-info-content:focus{&:focus{--tw-ring-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:stroke-info-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:stroke-info-content:focus{&:focus{stroke:var(--color-info-content,oklch(0% 0 0))}}.hover\:border-info-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:border-info-content:focus{&:focus{border-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:outline-info-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:outline-info-content:focus{&:focus{outline-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:ring-offset-info-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-info-content,oklch(0% 0 0))}}}}.focus\:ring-offset-info-content:focus{&:focus{--tw-ring-offset-color:var(--color-info-content,oklch(0% 0 0))}}.hover\:bg-success:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:bg-success:focus{&:focus{background-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:to-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-success:focus{&:focus{--tw-gradient-to:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-success,oklch(64.8% .15 160));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-success:focus{&:focus{--tw-gradient-via:var(--color-success,oklch(64.8% .15 160));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-success:focus{&:focus{--tw-gradient-from:var(--color-success,oklch(64.8% .15 160));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-success:hover{&:hover{@media (hover:hover){&{color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:text-success:focus{&:focus{color:var(--color-success,oklch(64.8% .15 160))}}.hover\:ring-success:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:ring-success:focus{&:focus{--tw-ring-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:stroke-success:hover{&:hover{@media (hover:hover){&{stroke:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:stroke-success:focus{&:focus{stroke:var(--color-success,oklch(64.8% .15 160))}}.hover\:border-success:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:border-success:focus{&:focus{border-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:outline-success:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:outline-success:focus{&:focus{outline-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:ring-offset-success:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-success,oklch(64.8% .15 160))}}}}.focus\:ring-offset-success:focus{&:focus{--tw-ring-offset-color:var(--color-success,oklch(64.8% .15 160))}}.hover\:bg-success-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:bg-success-content:focus{&:focus{background-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:to-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-success-content:focus{&:focus{--tw-gradient-to:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-success-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-success-content:focus{&:focus{--tw-gradient-via:var(--color-success-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-success-content:focus{&:focus{--tw-gradient-from:var(--color-success-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-success-content:hover{&:hover{@media (hover:hover){&{color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:text-success-content:focus{&:focus{color:var(--color-success-content,oklch(0% 0 0))}}.hover\:ring-success-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:ring-success-content:focus{&:focus{--tw-ring-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:stroke-success-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:stroke-success-content:focus{&:focus{stroke:var(--color-success-content,oklch(0% 0 0))}}.hover\:border-success-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:border-success-content:focus{&:focus{border-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:outline-success-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:outline-success-content:focus{&:focus{outline-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:ring-offset-success-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-success-content,oklch(0% 0 0))}}}}.focus\:ring-offset-success-content:focus{&:focus{--tw-ring-offset-color:var(--color-success-content,oklch(0% 0 0))}}.hover\:bg-warning:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:bg-warning:focus{&:focus{background-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:to-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-warning:focus{&:focus{--tw-gradient-to:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-warning:focus{&:focus{--tw-gradient-via:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-warning:focus{&:focus{--tw-gradient-from:var(--color-warning,oklch(84.71% .199 83.87));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-warning:hover{&:hover{@media (hover:hover){&{color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:text-warning:focus{&:focus{color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:ring-warning:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:ring-warning:focus{&:focus{--tw-ring-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:stroke-warning:hover{&:hover{@media (hover:hover){&{stroke:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:stroke-warning:focus{&:focus{stroke:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:border-warning:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:border-warning:focus{&:focus{border-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:outline-warning:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:outline-warning:focus{&:focus{outline-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:ring-offset-warning:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-warning,oklch(84.71% .199 83.87))}}}}.focus\:ring-offset-warning:focus{&:focus{--tw-ring-offset-color:var(--color-warning,oklch(84.71% .199 83.87))}}.hover\:bg-warning-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:bg-warning-content:focus{&:focus{background-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:to-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-warning-content:focus{&:focus{--tw-gradient-to:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-warning-content:focus{&:focus{--tw-gradient-via:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-warning-content:focus{&:focus{--tw-gradient-from:var(--color-warning-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-warning-content:hover{&:hover{@media (hover:hover){&{color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:text-warning-content:focus{&:focus{color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:ring-warning-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:ring-warning-content:focus{&:focus{--tw-ring-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:stroke-warning-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:stroke-warning-content:focus{&:focus{stroke:var(--color-warning-content,oklch(0% 0 0))}}.hover\:border-warning-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:border-warning-content:focus{&:focus{border-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:outline-warning-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:outline-warning-content:focus{&:focus{outline-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:ring-offset-warning-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-warning-content,oklch(0% 0 0))}}}}.focus\:ring-offset-warning-content:focus{&:focus{--tw-ring-offset-color:var(--color-warning-content,oklch(0% 0 0))}}.hover\:bg-error:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:bg-error:focus{&:focus{background-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:to-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-error:focus{&:focus{--tw-gradient-to:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-error:focus{&:focus{--tw-gradient-via:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-error:focus{&:focus{--tw-gradient-from:var(--color-error,oklch(71.76% .221 22.18));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-error:hover{&:hover{@media (hover:hover){&{color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:text-error:focus{&:focus{color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:ring-error:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:ring-error:focus{&:focus{--tw-ring-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:stroke-error:hover{&:hover{@media (hover:hover){&{stroke:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:stroke-error:focus{&:focus{stroke:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:border-error:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:border-error:focus{&:focus{border-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:outline-error:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:outline-error:focus{&:focus{outline-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:ring-offset-error:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-error,oklch(71.76% .221 22.18))}}}}.focus\:ring-offset-error:focus{&:focus{--tw-ring-offset-color:var(--color-error,oklch(71.76% .221 22.18))}}.hover\:bg-error-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:bg-error-content:focus{&:focus{background-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:to-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:to-error-content:focus{&:focus{--tw-gradient-to:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:via-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-via:var(--color-error-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}}}.focus\:via-error-content:focus{&:focus{--tw-gradient-via:var(--color-error-content,oklch(0% 0 0));--tw-gradient-via-stops:var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}}.hover\:from-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-from:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}}}.focus\:from-error-content:focus{&:focus{--tw-gradient-from:var(--color-error-content,oklch(0% 0 0));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}}.hover\:text-error-content:hover{&:hover{@media (hover:hover){&{color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:text-error-content:focus{&:focus{color:var(--color-error-content,oklch(0% 0 0))}}.hover\:ring-error-content:hover{&:hover{@media (hover:hover){&{--tw-ring-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:ring-error-content:focus{&:focus{--tw-ring-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:stroke-error-content:hover{&:hover{@media (hover:hover){&{stroke:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:stroke-error-content:focus{&:focus{stroke:var(--color-error-content,oklch(0% 0 0))}}.hover\:border-error-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:border-error-content:focus{&:focus{border-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:outline-error-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:outline-error-content:focus{&:focus{outline-color:var(--color-error-content,oklch(0% 0 0))}}.hover\:ring-offset-error-content:hover{&:hover{@media (hover:hover){&{--tw-ring-offset-color:var(--color-error-content,oklch(0% 0 0))}}}}.focus\:ring-offset-error-content:focus{&:focus{--tw-ring-offset-color:var(--color-error-content,oklch(0% 0 0))}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@config "./config.js";
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
".avatar-group": {
|
|
3
|
+
"@apply flex overflow-hidden": {},
|
|
4
|
+
":where(.avatar)": {
|
|
5
|
+
"@apply border-base-100 overflow-hidden rounded-full border-4": {}
|
|
6
|
+
}
|
|
7
|
+
},
|
|
8
|
+
".avatar": {
|
|
9
|
+
"@apply relative inline-flex align-middle": {},
|
|
10
|
+
"&>div": {
|
|
11
|
+
"@apply block aspect-square overflow-hidden": {}
|
|
12
|
+
},
|
|
13
|
+
"img": {
|
|
14
|
+
"@apply h-full w-full object-cover": {}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
".avatar-placeholder": {
|
|
18
|
+
"&>div": {
|
|
19
|
+
"@apply flex items-center justify-center": {}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
".avatar-online": {
|
|
23
|
+
"&:before": {
|
|
24
|
+
"content": "\"\"",
|
|
25
|
+
"@apply bg-success outline-base-100 absolute z-10 block rounded-full outline outline-2": {},
|
|
26
|
+
"width": "15%",
|
|
27
|
+
"height": "15%",
|
|
28
|
+
"top": "7%",
|
|
29
|
+
"right": "7%"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
".avatar-offline": {
|
|
33
|
+
"&:before": {
|
|
34
|
+
"content": "\"\"",
|
|
35
|
+
"@apply bg-base-300 outline-base-100 absolute z-10 block rounded-full outline outline-2": {},
|
|
36
|
+
"width": "15%",
|
|
37
|
+
"height": "15%",
|
|
38
|
+
"top": "7%",
|
|
39
|
+
"right": "7%"
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.avatar-group{display:flex;overflow:hidden;& :where(.avatar){border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-base-100,oklch(100% 0 0));border-radius:3.40282e38px;overflow:hidden}}.avatar{vertical-align:middle;display:inline-flex;position:relative;&>div{aspect-ratio:1;display:block;overflow:hidden}& img{object-fit:cover;width:100%;height:100%}}.avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success,oklch(64.8% .15 160));outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-base-100,oklch(100% 0 0));border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300,oklch(92.4169% .00108 197.138));outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-base-100,oklch(100% 0 0));border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
[
|
|
2
|
+
"badge",
|
|
3
|
+
"badge-outline",
|
|
4
|
+
"badge-faded",
|
|
5
|
+
"badge-primary",
|
|
6
|
+
"badge-secondary",
|
|
7
|
+
"badge-accent",
|
|
8
|
+
"badge-neutral",
|
|
9
|
+
"badge-info",
|
|
10
|
+
"badge-success",
|
|
11
|
+
"badge-warning",
|
|
12
|
+
"badge-error",
|
|
13
|
+
"badge-ghost",
|
|
14
|
+
"badge-xs",
|
|
15
|
+
"badge-sm",
|
|
16
|
+
"badge-md",
|
|
17
|
+
"badge-lg"
|
|
18
|
+
]
|
package/components/badge.css
CHANGED
|
@@ -1,109 +1 @@
|
|
|
1
|
-
.badge {
|
|
2
|
-
display: inline-flex;
|
|
3
|
-
height: var(--spacing-5, 1.25rem);
|
|
4
|
-
align-items: center;
|
|
5
|
-
justify-content: center;
|
|
6
|
-
border-radius: var(--radius-badge, 1.9rem);
|
|
7
|
-
border-style: var(--tw-border-style);
|
|
8
|
-
border-width: 1px;
|
|
9
|
-
font-size: var(--font-size-sm, 0.875rem);
|
|
10
|
-
line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
|
|
11
|
-
--tw-leading: var(--line-height-5, 1.25rem);
|
|
12
|
-
line-height: var(--line-height-5, 1.25rem);
|
|
13
|
-
color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
|
|
14
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
|
15
|
-
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
|
|
16
|
-
transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
|
|
17
|
-
--tw-duration: 200ms;
|
|
18
|
-
transition-duration: 200ms;
|
|
19
|
-
--tw-ease: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
|
|
20
|
-
transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
|
|
21
|
-
width: fit-content;
|
|
22
|
-
padding-left: 0.563rem;
|
|
23
|
-
padding-right: 0.563rem;
|
|
24
|
-
background: var(--badge-color, var(--color-base-100));
|
|
25
|
-
border-color: var(--badge-color, var(--color-base-200));
|
|
26
|
-
&.badge-outline {
|
|
27
|
-
border-color: color-mix(in srgb, currentColor 50%, transparent);
|
|
28
|
-
background-color: transparent;
|
|
29
|
-
color: var(--badge-color, var(--color-base-content));
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
.badge-faded {
|
|
33
|
-
color: color-mix(in xyz, var(--badge-color) 80%, var(--color-base-content));
|
|
34
|
-
background: color-mix(in xyz, var(--badge-color) 10%, var(--color-base-100));
|
|
35
|
-
border-color: color-mix(in xyz, var(--badge-color) 7%, transparent);
|
|
36
|
-
}
|
|
37
|
-
.badge-primary {
|
|
38
|
-
--badge-color: var(--color-primary);
|
|
39
|
-
color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
|
|
40
|
-
}
|
|
41
|
-
.badge-secondary {
|
|
42
|
-
--badge-color: var(--color-secondary);
|
|
43
|
-
color: var(--color-secondary-content, oklch(98.71% 0.0106 342.55));
|
|
44
|
-
}
|
|
45
|
-
.badge-accent {
|
|
46
|
-
--badge-color: var(--color-accent);
|
|
47
|
-
color: var(--color-accent-content, oklch(15.352% 0.0368 183.61));
|
|
48
|
-
}
|
|
49
|
-
.badge-neutral {
|
|
50
|
-
--badge-color: var(--color-neutral);
|
|
51
|
-
color: var(--color-neutral-content, oklch(89.4994% 0.011585 252.096176));
|
|
52
|
-
}
|
|
53
|
-
.badge-info {
|
|
54
|
-
--badge-color: var(--color-info);
|
|
55
|
-
color: var(--color-info-content, oklch(0% 0 0));
|
|
56
|
-
}
|
|
57
|
-
.badge-success {
|
|
58
|
-
--badge-color: var(--color-success);
|
|
59
|
-
color: var(--color-success-content, oklch(0% 0 0));
|
|
60
|
-
}
|
|
61
|
-
.badge-warning {
|
|
62
|
-
--badge-color: var(--color-warning);
|
|
63
|
-
color: var(--color-warning-content, oklch(0% 0 0));
|
|
64
|
-
}
|
|
65
|
-
.badge-error {
|
|
66
|
-
--badge-color: var(--color-error);
|
|
67
|
-
color: var(--color-error-content, oklch(0% 0 0));
|
|
68
|
-
}
|
|
69
|
-
.badge-ghost {
|
|
70
|
-
border-color: var(--color-base-200, oklch(96.1151% 0 0));
|
|
71
|
-
background-color: var(--color-base-200, oklch(96.1151% 0 0));
|
|
72
|
-
color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
|
|
73
|
-
}
|
|
74
|
-
.badge-xs {
|
|
75
|
-
height: var(--spacing-3, 0.75rem);
|
|
76
|
-
font-size: var(--font-size-xs, 0.75rem);
|
|
77
|
-
line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
|
|
78
|
-
--tw-leading: var(--line-height-3, 0.75rem);
|
|
79
|
-
line-height: var(--line-height-3, 0.75rem);
|
|
80
|
-
padding-left: 0.313rem;
|
|
81
|
-
padding-right: 0.313rem;
|
|
82
|
-
}
|
|
83
|
-
.badge-sm {
|
|
84
|
-
height: var(--spacing-4, 1rem);
|
|
85
|
-
font-size: var(--font-size-xs, 0.75rem);
|
|
86
|
-
line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
|
|
87
|
-
--tw-leading: var(--line-height-4, 1rem);
|
|
88
|
-
line-height: var(--line-height-4, 1rem);
|
|
89
|
-
padding-left: 0.438rem;
|
|
90
|
-
padding-right: 0.438rem;
|
|
91
|
-
}
|
|
92
|
-
.badge-md {
|
|
93
|
-
height: var(--spacing-5, 1.25rem);
|
|
94
|
-
font-size: var(--font-size-sm, 0.875rem);
|
|
95
|
-
line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
|
|
96
|
-
--tw-leading: var(--line-height-5, 1.25rem);
|
|
97
|
-
line-height: var(--line-height-5, 1.25rem);
|
|
98
|
-
padding-left: 0.563rem;
|
|
99
|
-
padding-right: 0.563rem;
|
|
100
|
-
}
|
|
101
|
-
.badge-lg {
|
|
102
|
-
height: var(--spacing-6, 1.5rem);
|
|
103
|
-
font-size: var(--font-size-base, 1rem);
|
|
104
|
-
line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
|
|
105
|
-
--tw-leading: var(--line-height-6, 1.5rem);
|
|
106
|
-
line-height: var(--line-height-6, 1.5rem);
|
|
107
|
-
padding-left: 0.688rem;
|
|
108
|
-
padding-right: 0.688rem;
|
|
109
|
-
}
|
|
1
|
+
.badge{height:var(--spacing-5,1.25rem);border-radius:var(--radius-badge,1.9rem);border-style:var(--tw-border-style);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-5,1.25rem);line-height:var(--line-height-5,1.25rem);color:var(--color-base-content,oklch(27.8078% .029596 256.848));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;--tw-ease:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));transition-duration:.2s;transition-timing-function:var(--transition-timing-function-out,cubic-bezier(0,0,.2,1));background:var(--badge-color,var(--color-base-100));border-width:1px;border-color:var(--badge-color,var(--color-base-200));justify-content:center;align-items:center;width:fit-content;padding-left:.563rem;padding-right:.563rem;display:inline-flex;&.badge-outline{border-color:color-mix(in srgb,currentColor 50%,transparent);color:var(--badge-color,var(--color-base-content));background-color:#0000}}.badge-faded{color:color-mix(in xyz,var(--badge-color)80%,var(--color-base-content));background:color-mix(in xyz,var(--badge-color)10%,var(--color-base-100));border-color:color-mix(in xyz,var(--badge-color)7%,transparent)}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content,oklch(89.824% .06192 275.75))}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content,oklch(98.71% .0106 342.55))}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content,oklch(15.352% .0368 183.61))}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content,oklch(89.4994% .011585 252.096))}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content,oklch(0% 0 0))}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content,oklch(0% 0 0))}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content,oklch(0% 0 0))}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content,oklch(0% 0 0))}.badge-ghost{border-color:var(--color-base-200,oklch(96.1151% 0 0));background-color:var(--color-base-200,oklch(96.1151% 0 0));color:var(--color-base-content,oklch(27.8078% .029596 256.848))}.badge-xs{height:var(--spacing-3,.75rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-3,.75rem);line-height:var(--line-height-3,.75rem);padding-left:.313rem;padding-right:.313rem}.badge-sm{height:var(--spacing-4,1rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-4,1rem);line-height:var(--line-height-4,1rem);padding-left:.438rem;padding-right:.438rem}.badge-md{height:var(--spacing-5,1.25rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-5,1.25rem);line-height:var(--line-height-5,1.25rem);padding-left:.563rem;padding-right:.563rem}.badge-lg{height:var(--spacing-6,1.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));--tw-leading:var(--line-height-6,1.5rem);line-height:var(--line-height-6,1.5rem);padding-left:.688rem;padding-right:.688rem}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
[
|
|
2
|
+
"btn",
|
|
3
|
+
"btn-active",
|
|
4
|
+
"btn-primary",
|
|
5
|
+
"btn-secondary",
|
|
6
|
+
"btn-accent",
|
|
7
|
+
"btn-neutral",
|
|
8
|
+
"btn-info",
|
|
9
|
+
"btn-success",
|
|
10
|
+
"btn-warning",
|
|
11
|
+
"btn-error",
|
|
12
|
+
"glass",
|
|
13
|
+
"btn-ghost",
|
|
14
|
+
"btn-link",
|
|
15
|
+
"btn-outline",
|
|
16
|
+
"btn-xs",
|
|
17
|
+
"btn-sm",
|
|
18
|
+
"btn-md",
|
|
19
|
+
"btn-lg",
|
|
20
|
+
"btn-square",
|
|
21
|
+
"btn-circle",
|
|
22
|
+
"btn-wide",
|
|
23
|
+
"btn-block"
|
|
24
|
+
]
|
|
@@ -6,16 +6,17 @@ export default {
|
|
|
6
6
|
"borderWidth": "var(--spacing-button-border)",
|
|
7
7
|
"borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 2%)",
|
|
8
8
|
"borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 4%)",
|
|
9
|
-
"boxShadow": "0 1px
|
|
9
|
+
"boxShadow": "0 1px 1px 0 oklch(0% 0 0/0.07)",
|
|
10
10
|
"&:hover": {
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
11
|
+
"backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
|
|
12
|
+
"borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
|
|
13
|
+
"borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)"
|
|
14
14
|
},
|
|
15
15
|
"&.btn-active": {
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
16
|
+
"backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
|
|
17
|
+
"borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
|
|
18
|
+
"borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
|
|
19
|
+
"boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
|
|
19
20
|
},
|
|
20
21
|
"&:focus-visible": {
|
|
21
22
|
"@apply outline outline-2": {}
|
|
@@ -24,9 +25,10 @@ export default {
|
|
|
24
25
|
"&:focus": {
|
|
25
26
|
"transform": "scale(var(--btn-focus-scale, 0.98))",
|
|
26
27
|
"@apply animate-[button-pop_0s_ease-out]": {},
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
28
|
+
"backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
|
|
29
|
+
"borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
|
|
30
|
+
"borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
|
|
31
|
+
"boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
|
|
30
32
|
},
|
|
31
33
|
"&:hover": {
|
|
32
34
|
"transform": "scale(var(--btn-focus-scale, 0.97))",
|