daisyui 5.0.0-alpha.21 → 5.0.0-alpha.23
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/properties.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/scrollbar.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert/object.js +1 -1
- package/components/alert.css +1 -1
- package/components/avatar/object.js +1 -1
- package/components/avatar.css +1 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +1 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1 -1
- package/components/card/object.js +1 -1
- package/components/card.css +1 -1
- package/components/chat/object.js +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox/object.js +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/divider/object.js +1 -1
- package/components/divider.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/footer/object.js +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/kbd/object.js +1 -1
- package/components/kbd.css +1 -1
- package/components/link.css +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/navbar.css +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio/object.js +1 -1
- package/components/radio.css +1 -1
- package/components/range/object.js +1 -1
- package/components/range.css +1 -1
- package/components/rating/object.js +1 -1
- package/components/rating.css +1 -1
- package/components/select/object.js +1 -1
- package/components/select.css +1 -1
- package/components/skeleton/object.js +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/status.css +1 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +1 -1
- package/components/swap/object.js +1 -1
- package/components/swap.css +1 -1
- package/components/tab/object.js +1 -1
- package/components/tab.css +1 -1
- package/components/table/object.js +1 -1
- package/components/table.css +1 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toggle/object.js +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/full.css +1 -1
- package/functions/pluginOptionsHandler.js +2 -2
- package/index.js +1 -1
- package/package.json +79 -78
- package/theme/index.js +2 -2
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/join.css +1 -1
- package/components/alert/class.json +0 -12
- package/components/avatar/class.json +0 -7
- package/components/badge/class.json +0 -19
- package/components/button/class.json +0 -27
- package/components/card/class.json +0 -13
- package/components/chat/class.json +0 -17
- package/components/checkbox/class.json +0 -17
- package/components/collapse/class.json +0 -10
- package/components/countdown/class.json +0 -3
- package/components/divider/class.json +0 -15
- package/components/dropdown/class.json +0 -15
- package/components/footer/class.json +0 -7
- package/components/hero/class.json +0 -5
- package/components/input/class.json +0 -16
- package/components/kbd/class.json +0 -7
- package/components/link/class.json +0 -12
- package/components/loading/class.json +0 -21
- package/components/mask/class.json +0 -24
- package/components/menu/class.json +0 -16
- package/components/navbar/class.json +0 -6
- package/components/progress/class.json +0 -10
- package/components/radialprogress/class.json +0 -3
- package/components/radio/class.json +0 -14
- package/components/range/class.json +0 -14
- package/components/rating/class.json +0 -6
- package/components/select/class.json +0 -16
- package/components/skeleton/class.json +0 -3
- package/components/stack/class.json +0 -3
- package/components/status/class.json +0 -15
- package/components/steps/class.json +0 -14
- package/components/swap/class.json +0 -10
- package/components/tab/class.json +0 -13
- package/components/table/class.json +0 -9
- package/components/timeline/class.json +0 -11
- package/components/toggle/class.json +0 -16
- package/components/tooltip/class.json +0 -17
package/colors/states.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .hover\:bg-base-100:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-100,var(--color-base-100))}}}}.focus\:bg-base-100:focus{&:focus{background-color:var(--color-base-100,var(--color-base-100))}}.hover\:to-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-100,var(--color-base-100));--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,var(--color-base-100));--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,var(--color-base-100));--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,var(--color-base-100));--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,var(--color-base-100));--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,var(--color-base-100));--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,var(--color-base-100))}}}}.focus\:text-base-100:focus{&:focus{color:var(--color-base-100,var(--color-base-100))}}.hover\:border-base-100:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-100,var(--color-base-100))}}}}.focus\:border-base-100:focus{&:focus{border-color:var(--color-base-100,var(--color-base-100))}}.hover\:outline-base-100:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-100,var(--color-base-100))}}}}.focus\:outline-base-100:focus{&:focus{outline-color:var(--color-base-100,var(--color-base-100))}}.hover\:bg-base-200:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-200,var(--color-base-200))}}}}.focus\:bg-base-200:focus{&:focus{background-color:var(--color-base-200,var(--color-base-200))}}.hover\:to-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-200,var(--color-base-200));--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,var(--color-base-200));--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,var(--color-base-200));--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,var(--color-base-200));--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,var(--color-base-200));--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,var(--color-base-200));--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,var(--color-base-200))}}}}.focus\:text-base-200:focus{&:focus{color:var(--color-base-200,var(--color-base-200))}}.hover\:border-base-200:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-200,var(--color-base-200))}}}}.focus\:border-base-200:focus{&:focus{border-color:var(--color-base-200,var(--color-base-200))}}.hover\:outline-base-200:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-200,var(--color-base-200))}}}}.focus\:outline-base-200:focus{&:focus{outline-color:var(--color-base-200,var(--color-base-200))}}.hover\:bg-base-300:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-300,var(--color-base-300))}}}}.focus\:bg-base-300:focus{&:focus{background-color:var(--color-base-300,var(--color-base-300))}}.hover\:to-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-300,var(--color-base-300));--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,var(--color-base-300));--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,var(--color-base-300));--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,var(--color-base-300));--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,var(--color-base-300));--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,var(--color-base-300));--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,var(--color-base-300))}}}}.focus\:text-base-300:focus{&:focus{color:var(--color-base-300,var(--color-base-300))}}.hover\:border-base-300:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-300,var(--color-base-300))}}}}.focus\:border-base-300:focus{&:focus{border-color:var(--color-base-300,var(--color-base-300))}}.hover\:outline-base-300:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-300,var(--color-base-300))}}}}.focus\:outline-base-300:focus{&:focus{outline-color:var(--color-base-300,var(--color-base-300))}}.hover\:bg-base-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-content,var(--color-base-content))}}}}.focus\:bg-base-content:focus{&:focus{background-color:var(--color-base-content,var(--color-base-content))}}.hover\:to-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-content,var(--color-base-content));--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,var(--color-base-content));--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,var(--color-base-content));--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,var(--color-base-content));--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,var(--color-base-content));--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,var(--color-base-content));--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,var(--color-base-content))}}}}.focus\:text-base-content:focus{&:focus{color:var(--color-base-content,var(--color-base-content))}}.hover\:border-base-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-content,var(--color-base-content))}}}}.focus\:border-base-content:focus{&:focus{border-color:var(--color-base-content,var(--color-base-content))}}.hover\:outline-base-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-content,var(--color-base-content))}}}}.focus\:outline-base-content:focus{&:focus{outline-color:var(--color-base-content,var(--color-base-content))}}.hover\:bg-primary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary,var(--color-primary))}}}}.focus\:bg-primary:focus{&:focus{background-color:var(--color-primary,var(--color-primary))}}.hover\:to-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary,var(--color-primary));--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,var(--color-primary));--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,var(--color-primary));--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,var(--color-primary));--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,var(--color-primary));--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,var(--color-primary));--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,var(--color-primary))}}}}.focus\:text-primary:focus{&:focus{color:var(--color-primary,var(--color-primary))}}.hover\:border-primary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary,var(--color-primary))}}}}.focus\:border-primary:focus{&:focus{border-color:var(--color-primary,var(--color-primary))}}.hover\:outline-primary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary,var(--color-primary))}}}}.focus\:outline-primary:focus{&:focus{outline-color:var(--color-primary,var(--color-primary))}}.hover\:bg-primary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary-content,var(--color-primary-content))}}}}.focus\:bg-primary-content:focus{&:focus{background-color:var(--color-primary-content,var(--color-primary-content))}}.hover\:to-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary-content,var(--color-primary-content));--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,var(--color-primary-content));--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,var(--color-primary-content));--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,var(--color-primary-content));--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,var(--color-primary-content));--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,var(--color-primary-content));--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,var(--color-primary-content))}}}}.focus\:text-primary-content:focus{&:focus{color:var(--color-primary-content,var(--color-primary-content))}}.hover\:border-primary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary-content,var(--color-primary-content))}}}}.focus\:border-primary-content:focus{&:focus{border-color:var(--color-primary-content,var(--color-primary-content))}}.hover\:outline-primary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary-content,var(--color-primary-content))}}}}.focus\:outline-primary-content:focus{&:focus{outline-color:var(--color-primary-content,var(--color-primary-content))}}.hover\:bg-secondary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary,var(--color-secondary))}}}}.focus\:bg-secondary:focus{&:focus{background-color:var(--color-secondary,var(--color-secondary))}}.hover\:to-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary,var(--color-secondary));--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,var(--color-secondary));--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,var(--color-secondary));--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,var(--color-secondary));--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,var(--color-secondary));--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,var(--color-secondary));--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,var(--color-secondary))}}}}.focus\:text-secondary:focus{&:focus{color:var(--color-secondary,var(--color-secondary))}}.hover\:border-secondary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary,var(--color-secondary))}}}}.focus\:border-secondary:focus{&:focus{border-color:var(--color-secondary,var(--color-secondary))}}.hover\:outline-secondary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary,var(--color-secondary))}}}}.focus\:outline-secondary:focus{&:focus{outline-color:var(--color-secondary,var(--color-secondary))}}.hover\:bg-secondary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary-content,var(--color-secondary-content))}}}}.focus\:bg-secondary-content:focus{&:focus{background-color:var(--color-secondary-content,var(--color-secondary-content))}}.hover\:to-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary-content,var(--color-secondary-content));--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,var(--color-secondary-content));--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,var(--color-secondary-content));--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,var(--color-secondary-content));--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,var(--color-secondary-content));--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,var(--color-secondary-content));--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,var(--color-secondary-content))}}}}.focus\:text-secondary-content:focus{&:focus{color:var(--color-secondary-content,var(--color-secondary-content))}}.hover\:border-secondary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary-content,var(--color-secondary-content))}}}}.focus\:border-secondary-content:focus{&:focus{border-color:var(--color-secondary-content,var(--color-secondary-content))}}.hover\:outline-secondary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary-content,var(--color-secondary-content))}}}}.focus\:outline-secondary-content:focus{&:focus{outline-color:var(--color-secondary-content,var(--color-secondary-content))}}.hover\:bg-accent:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent,var(--color-accent))}}}}.focus\:bg-accent:focus{&:focus{background-color:var(--color-accent,var(--color-accent))}}.hover\:to-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent,var(--color-accent));--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,var(--color-accent));--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,var(--color-accent));--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,var(--color-accent));--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,var(--color-accent));--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,var(--color-accent));--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,var(--color-accent))}}}}.focus\:text-accent:focus{&:focus{color:var(--color-accent,var(--color-accent))}}.hover\:border-accent:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent,var(--color-accent))}}}}.focus\:border-accent:focus{&:focus{border-color:var(--color-accent,var(--color-accent))}}.hover\:outline-accent:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent,var(--color-accent))}}}}.focus\:outline-accent:focus{&:focus{outline-color:var(--color-accent,var(--color-accent))}}.hover\:bg-accent-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent-content,var(--color-accent-content))}}}}.focus\:bg-accent-content:focus{&:focus{background-color:var(--color-accent-content,var(--color-accent-content))}}.hover\:to-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent-content,var(--color-accent-content));--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,var(--color-accent-content));--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,var(--color-accent-content));--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,var(--color-accent-content));--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,var(--color-accent-content));--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,var(--color-accent-content));--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,var(--color-accent-content))}}}}.focus\:text-accent-content:focus{&:focus{color:var(--color-accent-content,var(--color-accent-content))}}.hover\:border-accent-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent-content,var(--color-accent-content))}}}}.focus\:border-accent-content:focus{&:focus{border-color:var(--color-accent-content,var(--color-accent-content))}}.hover\:outline-accent-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent-content,var(--color-accent-content))}}}}.focus\:outline-accent-content:focus{&:focus{outline-color:var(--color-accent-content,var(--color-accent-content))}}.hover\:bg-neutral:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral,var(--color-neutral))}}}}.focus\:bg-neutral:focus{&:focus{background-color:var(--color-neutral,var(--color-neutral))}}.hover\:to-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral,var(--color-neutral));--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,var(--color-neutral));--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,var(--color-neutral));--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,var(--color-neutral));--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,var(--color-neutral));--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,var(--color-neutral));--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,var(--color-neutral))}}}}.focus\:text-neutral:focus{&:focus{color:var(--color-neutral,var(--color-neutral))}}.hover\:border-neutral:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral,var(--color-neutral))}}}}.focus\:border-neutral:focus{&:focus{border-color:var(--color-neutral,var(--color-neutral))}}.hover\:outline-neutral:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral,var(--color-neutral))}}}}.focus\:outline-neutral:focus{&:focus{outline-color:var(--color-neutral,var(--color-neutral))}}.hover\:bg-neutral-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral-content,var(--color-neutral-content))}}}}.focus\:bg-neutral-content:focus{&:focus{background-color:var(--color-neutral-content,var(--color-neutral-content))}}.hover\:to-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral-content,var(--color-neutral-content));--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,var(--color-neutral-content));--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,var(--color-neutral-content));--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,var(--color-neutral-content));--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,var(--color-neutral-content));--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,var(--color-neutral-content));--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,var(--color-neutral-content))}}}}.focus\:text-neutral-content:focus{&:focus{color:var(--color-neutral-content,var(--color-neutral-content))}}.hover\:border-neutral-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral-content,var(--color-neutral-content))}}}}.focus\:border-neutral-content:focus{&:focus{border-color:var(--color-neutral-content,var(--color-neutral-content))}}.hover\:outline-neutral-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral-content,var(--color-neutral-content))}}}}.focus\:outline-neutral-content:focus{&:focus{outline-color:var(--color-neutral-content,var(--color-neutral-content))}}.hover\:bg-info:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info,var(--color-info))}}}}.focus\:bg-info:focus{&:focus{background-color:var(--color-info,var(--color-info))}}.hover\:to-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info,var(--color-info));--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,var(--color-info));--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,var(--color-info));--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,var(--color-info));--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,var(--color-info));--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,var(--color-info));--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,var(--color-info))}}}}.focus\:text-info:focus{&:focus{color:var(--color-info,var(--color-info))}}.hover\:border-info:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info,var(--color-info))}}}}.focus\:border-info:focus{&:focus{border-color:var(--color-info,var(--color-info))}}.hover\:outline-info:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info,var(--color-info))}}}}.focus\:outline-info:focus{&:focus{outline-color:var(--color-info,var(--color-info))}}.hover\:bg-info-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info-content,var(--color-info-content))}}}}.focus\:bg-info-content:focus{&:focus{background-color:var(--color-info-content,var(--color-info-content))}}.hover\:to-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info-content,var(--color-info-content));--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,var(--color-info-content));--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,var(--color-info-content));--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,var(--color-info-content));--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,var(--color-info-content));--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,var(--color-info-content));--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,var(--color-info-content))}}}}.focus\:text-info-content:focus{&:focus{color:var(--color-info-content,var(--color-info-content))}}.hover\:border-info-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info-content,var(--color-info-content))}}}}.focus\:border-info-content:focus{&:focus{border-color:var(--color-info-content,var(--color-info-content))}}.hover\:outline-info-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info-content,var(--color-info-content))}}}}.focus\:outline-info-content:focus{&:focus{outline-color:var(--color-info-content,var(--color-info-content))}}.hover\:bg-success:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success,var(--color-success))}}}}.focus\:bg-success:focus{&:focus{background-color:var(--color-success,var(--color-success))}}.hover\:to-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success,var(--color-success));--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,var(--color-success));--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,var(--color-success));--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,var(--color-success));--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,var(--color-success));--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,var(--color-success));--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,var(--color-success))}}}}.focus\:text-success:focus{&:focus{color:var(--color-success,var(--color-success))}}.hover\:border-success:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success,var(--color-success))}}}}.focus\:border-success:focus{&:focus{border-color:var(--color-success,var(--color-success))}}.hover\:outline-success:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success,var(--color-success))}}}}.focus\:outline-success:focus{&:focus{outline-color:var(--color-success,var(--color-success))}}.hover\:bg-success-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success-content,var(--color-success-content))}}}}.focus\:bg-success-content:focus{&:focus{background-color:var(--color-success-content,var(--color-success-content))}}.hover\:to-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success-content,var(--color-success-content));--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,var(--color-success-content));--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,var(--color-success-content));--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,var(--color-success-content));--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,var(--color-success-content));--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,var(--color-success-content));--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,var(--color-success-content))}}}}.focus\:text-success-content:focus{&:focus{color:var(--color-success-content,var(--color-success-content))}}.hover\:border-success-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success-content,var(--color-success-content))}}}}.focus\:border-success-content:focus{&:focus{border-color:var(--color-success-content,var(--color-success-content))}}.hover\:outline-success-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success-content,var(--color-success-content))}}}}.focus\:outline-success-content:focus{&:focus{outline-color:var(--color-success-content,var(--color-success-content))}}.hover\:bg-warning:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning,var(--color-warning))}}}}.focus\:bg-warning:focus{&:focus{background-color:var(--color-warning,var(--color-warning))}}.hover\:to-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning,var(--color-warning));--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,var(--color-warning));--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,var(--color-warning));--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,var(--color-warning));--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,var(--color-warning));--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,var(--color-warning));--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,var(--color-warning))}}}}.focus\:text-warning:focus{&:focus{color:var(--color-warning,var(--color-warning))}}.hover\:border-warning:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning,var(--color-warning))}}}}.focus\:border-warning:focus{&:focus{border-color:var(--color-warning,var(--color-warning))}}.hover\:outline-warning:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning,var(--color-warning))}}}}.focus\:outline-warning:focus{&:focus{outline-color:var(--color-warning,var(--color-warning))}}.hover\:bg-warning-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning-content,var(--color-warning-content))}}}}.focus\:bg-warning-content:focus{&:focus{background-color:var(--color-warning-content,var(--color-warning-content))}}.hover\:to-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning-content,var(--color-warning-content));--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,var(--color-warning-content));--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,var(--color-warning-content));--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,var(--color-warning-content));--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,var(--color-warning-content));--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,var(--color-warning-content));--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,var(--color-warning-content))}}}}.focus\:text-warning-content:focus{&:focus{color:var(--color-warning-content,var(--color-warning-content))}}.hover\:border-warning-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning-content,var(--color-warning-content))}}}}.focus\:border-warning-content:focus{&:focus{border-color:var(--color-warning-content,var(--color-warning-content))}}.hover\:outline-warning-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning-content,var(--color-warning-content))}}}}.focus\:outline-warning-content:focus{&:focus{outline-color:var(--color-warning-content,var(--color-warning-content))}}.hover\:bg-error:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error,var(--color-error))}}}}.focus\:bg-error:focus{&:focus{background-color:var(--color-error,var(--color-error))}}.hover\:to-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error,var(--color-error));--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,var(--color-error));--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,var(--color-error));--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,var(--color-error));--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,var(--color-error));--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,var(--color-error));--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,var(--color-error))}}}}.focus\:text-error:focus{&:focus{color:var(--color-error,var(--color-error))}}.hover\:border-error:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error,var(--color-error))}}}}.focus\:border-error:focus{&:focus{border-color:var(--color-error,var(--color-error))}}.hover\:outline-error:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error,var(--color-error))}}}}.focus\:outline-error:focus{&:focus{outline-color:var(--color-error,var(--color-error))}}.hover\:bg-error-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error-content,var(--color-error-content))}}}}.focus\:bg-error-content:focus{&:focus{background-color:var(--color-error-content,var(--color-error-content))}}.hover\:to-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error-content,var(--color-error-content));--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,var(--color-error-content));--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,var(--color-error-content));--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,var(--color-error-content));--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,var(--color-error-content));--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,var(--color-error-content));--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,var(--color-error-content))}}}}.focus\:text-error-content:focus{&:focus{color:var(--color-error-content,var(--color-error-content))}}.hover\:border-error-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error-content,var(--color-error-content))}}}}.focus\:border-error-content:focus{&:focus{border-color:var(--color-error-content,var(--color-error-content))}}.hover\:outline-error-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error-content,var(--color-error-content))}}}}.focus\:outline-error-content:focus{&:focus{outline-color:var(--color-error-content,var(--color-error-content))}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .hover\:bg-base-100:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-100, )}}}}.focus\:bg-base-100:focus{&:focus{background-color:var(--color-base-100, )}}.hover\:to-base-100:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-100, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-base-100:focus{&:focus{color:var(--color-base-100, )}}.hover\:border-base-100:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-100, )}}}}.focus\:border-base-100:focus{&:focus{border-color:var(--color-base-100, )}}.hover\:outline-base-100:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-100, )}}}}.focus\:outline-base-100:focus{&:focus{outline-color:var(--color-base-100, )}}.hover\:bg-base-200:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-200, )}}}}.focus\:bg-base-200:focus{&:focus{background-color:var(--color-base-200, )}}.hover\:to-base-200:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-200, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-base-200:focus{&:focus{color:var(--color-base-200, )}}.hover\:border-base-200:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-200, )}}}}.focus\:border-base-200:focus{&:focus{border-color:var(--color-base-200, )}}.hover\:outline-base-200:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-200, )}}}}.focus\:outline-base-200:focus{&:focus{outline-color:var(--color-base-200, )}}.hover\:bg-base-300:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-300, )}}}}.focus\:bg-base-300:focus{&:focus{background-color:var(--color-base-300, )}}.hover\:to-base-300:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-300, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-base-300:focus{&:focus{color:var(--color-base-300, )}}.hover\:border-base-300:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-300, )}}}}.focus\:border-base-300:focus{&:focus{border-color:var(--color-base-300, )}}.hover\:outline-base-300:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-300, )}}}}.focus\:outline-base-300:focus{&:focus{outline-color:var(--color-base-300, )}}.hover\:bg-base-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-base-content, )}}}}.focus\:bg-base-content:focus{&:focus{background-color:var(--color-base-content, )}}.hover\:to-base-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-base-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-base-content:focus{&:focus{color:var(--color-base-content, )}}.hover\:border-base-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-base-content, )}}}}.focus\:border-base-content:focus{&:focus{border-color:var(--color-base-content, )}}.hover\:outline-base-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-base-content, )}}}}.focus\:outline-base-content:focus{&:focus{outline-color:var(--color-base-content, )}}.hover\:bg-primary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary, )}}}}.focus\:bg-primary:focus{&:focus{background-color:var(--color-primary, )}}.hover\:to-primary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-primary:focus{&:focus{color:var(--color-primary, )}}.hover\:border-primary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary, )}}}}.focus\:border-primary:focus{&:focus{border-color:var(--color-primary, )}}.hover\:outline-primary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary, )}}}}.focus\:outline-primary:focus{&:focus{outline-color:var(--color-primary, )}}.hover\:bg-primary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-primary-content, )}}}}.focus\:bg-primary-content:focus{&:focus{background-color:var(--color-primary-content, )}}.hover\:to-primary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-primary-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-primary-content:focus{&:focus{color:var(--color-primary-content, )}}.hover\:border-primary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-primary-content, )}}}}.focus\:border-primary-content:focus{&:focus{border-color:var(--color-primary-content, )}}.hover\:outline-primary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-primary-content, )}}}}.focus\:outline-primary-content:focus{&:focus{outline-color:var(--color-primary-content, )}}.hover\:bg-secondary:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary, )}}}}.focus\:bg-secondary:focus{&:focus{background-color:var(--color-secondary, )}}.hover\:to-secondary:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-secondary:focus{&:focus{color:var(--color-secondary, )}}.hover\:border-secondary:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary, )}}}}.focus\:border-secondary:focus{&:focus{border-color:var(--color-secondary, )}}.hover\:outline-secondary:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary, )}}}}.focus\:outline-secondary:focus{&:focus{outline-color:var(--color-secondary, )}}.hover\:bg-secondary-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-secondary-content, )}}}}.focus\:bg-secondary-content:focus{&:focus{background-color:var(--color-secondary-content, )}}.hover\:to-secondary-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-secondary-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-secondary-content:focus{&:focus{color:var(--color-secondary-content, )}}.hover\:border-secondary-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-secondary-content, )}}}}.focus\:border-secondary-content:focus{&:focus{border-color:var(--color-secondary-content, )}}.hover\:outline-secondary-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-secondary-content, )}}}}.focus\:outline-secondary-content:focus{&:focus{outline-color:var(--color-secondary-content, )}}.hover\:bg-accent:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent, )}}}}.focus\:bg-accent:focus{&:focus{background-color:var(--color-accent, )}}.hover\:to-accent:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-accent:focus{&:focus{color:var(--color-accent, )}}.hover\:border-accent:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent, )}}}}.focus\:border-accent:focus{&:focus{border-color:var(--color-accent, )}}.hover\:outline-accent:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent, )}}}}.focus\:outline-accent:focus{&:focus{outline-color:var(--color-accent, )}}.hover\:bg-accent-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-accent-content, )}}}}.focus\:bg-accent-content:focus{&:focus{background-color:var(--color-accent-content, )}}.hover\:to-accent-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-accent-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-accent-content:focus{&:focus{color:var(--color-accent-content, )}}.hover\:border-accent-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-accent-content, )}}}}.focus\:border-accent-content:focus{&:focus{border-color:var(--color-accent-content, )}}.hover\:outline-accent-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-accent-content, )}}}}.focus\:outline-accent-content:focus{&:focus{outline-color:var(--color-accent-content, )}}.hover\:bg-neutral:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral, )}}}}.focus\:bg-neutral:focus{&:focus{background-color:var(--color-neutral, )}}.hover\:to-neutral:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-neutral:focus{&:focus{color:var(--color-neutral, )}}.hover\:border-neutral:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral, )}}}}.focus\:border-neutral:focus{&:focus{border-color:var(--color-neutral, )}}.hover\:outline-neutral:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral, )}}}}.focus\:outline-neutral:focus{&:focus{outline-color:var(--color-neutral, )}}.hover\:bg-neutral-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-neutral-content, )}}}}.focus\:bg-neutral-content:focus{&:focus{background-color:var(--color-neutral-content, )}}.hover\:to-neutral-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-neutral-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-neutral-content:focus{&:focus{color:var(--color-neutral-content, )}}.hover\:border-neutral-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-neutral-content, )}}}}.focus\:border-neutral-content:focus{&:focus{border-color:var(--color-neutral-content, )}}.hover\:outline-neutral-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-neutral-content, )}}}}.focus\:outline-neutral-content:focus{&:focus{outline-color:var(--color-neutral-content, )}}.hover\:bg-info:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info, )}}}}.focus\:bg-info:focus{&:focus{background-color:var(--color-info, )}}.hover\:to-info:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-info:focus{&:focus{color:var(--color-info, )}}.hover\:border-info:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info, )}}}}.focus\:border-info:focus{&:focus{border-color:var(--color-info, )}}.hover\:outline-info:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info, )}}}}.focus\:outline-info:focus{&:focus{outline-color:var(--color-info, )}}.hover\:bg-info-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-info-content, )}}}}.focus\:bg-info-content:focus{&:focus{background-color:var(--color-info-content, )}}.hover\:to-info-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-info-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-info-content:focus{&:focus{color:var(--color-info-content, )}}.hover\:border-info-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-info-content, )}}}}.focus\:border-info-content:focus{&:focus{border-color:var(--color-info-content, )}}.hover\:outline-info-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-info-content, )}}}}.focus\:outline-info-content:focus{&:focus{outline-color:var(--color-info-content, )}}.hover\:bg-success:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success, )}}}}.focus\:bg-success:focus{&:focus{background-color:var(--color-success, )}}.hover\:to-success:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-success:focus{&:focus{color:var(--color-success, )}}.hover\:border-success:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success, )}}}}.focus\:border-success:focus{&:focus{border-color:var(--color-success, )}}.hover\:outline-success:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success, )}}}}.focus\:outline-success:focus{&:focus{outline-color:var(--color-success, )}}.hover\:bg-success-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-success-content, )}}}}.focus\:bg-success-content:focus{&:focus{background-color:var(--color-success-content, )}}.hover\:to-success-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-success-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-success-content:focus{&:focus{color:var(--color-success-content, )}}.hover\:border-success-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-success-content, )}}}}.focus\:border-success-content:focus{&:focus{border-color:var(--color-success-content, )}}.hover\:outline-success-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-success-content, )}}}}.focus\:outline-success-content:focus{&:focus{outline-color:var(--color-success-content, )}}.hover\:bg-warning:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning, )}}}}.focus\:bg-warning:focus{&:focus{background-color:var(--color-warning, )}}.hover\:to-warning:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-warning:focus{&:focus{color:var(--color-warning, )}}.hover\:border-warning:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning, )}}}}.focus\:border-warning:focus{&:focus{border-color:var(--color-warning, )}}.hover\:outline-warning:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning, )}}}}.focus\:outline-warning:focus{&:focus{outline-color:var(--color-warning, )}}.hover\:bg-warning-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-warning-content, )}}}}.focus\:bg-warning-content:focus{&:focus{background-color:var(--color-warning-content, )}}.hover\:to-warning-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-warning-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-warning-content:focus{&:focus{color:var(--color-warning-content, )}}.hover\:border-warning-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-warning-content, )}}}}.focus\:border-warning-content:focus{&:focus{border-color:var(--color-warning-content, )}}.hover\:outline-warning-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-warning-content, )}}}}.focus\:outline-warning-content:focus{&:focus{outline-color:var(--color-warning-content, )}}.hover\:bg-error:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error, )}}}}.focus\:bg-error:focus{&:focus{background-color:var(--color-error, )}}.hover\:to-error:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-error:focus{&:focus{color:var(--color-error, )}}.hover\:border-error:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error, )}}}}.focus\:border-error:focus{&:focus{border-color:var(--color-error, )}}.hover\:outline-error:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error, )}}}}.focus\:outline-error:focus{&:focus{outline-color:var(--color-error, )}}.hover\:bg-error-content:hover{&:hover{@media (hover:hover){&{background-color:var(--color-error-content, )}}}}.focus\:bg-error-content:focus{&:focus{background-color:var(--color-error-content, )}}.hover\:to-error-content:hover{&:hover{@media (hover:hover){&{--tw-gradient-to:var(--color-error-content, );--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, );--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, );--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, );--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, );--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, );--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, )}}}}.focus\:text-error-content:focus{&:focus{color:var(--color-error-content, )}}.hover\:border-error-content:hover{&:hover{@media (hover:hover){&{border-color:var(--color-error-content, )}}}}.focus\:border-error-content:focus{&:focus{border-color:var(--color-error-content, )}}.hover\:outline-error-content:hover{&:hover{@media (hover:hover){&{outline-color:var(--color-error-content, )}}}}.focus\:outline-error-content:focus{&:focus{outline-color:var(--color-error-content, )}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".alert":{"@apply grid w-full items-center gap-4 rounded-box text-base-content
|
|
1
|
+
export default {".alert":{"@apply grid w-full items-center gap-4 rounded-box text-base-content py-3 px-4":{},"backgroundColor":"var(--alert-color, var(--color-base-200))","justifyContent":"start","justifyItems":"start","gridAutoFlow":"column","gridTemplateColumns":"auto minmax(auto, 1fr)","textAlign":"start","border":"1px solid var(--color-base-200)","fontSize":"0.875rem","lineHeight":"1.25rem","&.alert-outline":{"@apply bg-transparent":{},"color":"var(--alert-color)"},"&.alert-dash":{"@apply bg-transparent":{},"color":"var(--alert-color)","borderStyle":"dashed"},"&.alert-soft":{"color":"var(--alert-color, var(--color-base-content))","background":"color-mix(in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-200))","borderColor":"color-mix(in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-200))"}},".alert-info":{"@apply text-info-content border-info":{},"--alert-color":"var(--color-info)"},".alert-success":{"@apply text-success-content border-success":{},"--alert-color":"var(--color-success)"},".alert-warning":{"@apply text-warning-content border-warning":{},"--alert-color":"var(--color-warning)"},".alert-error":{"@apply text-error-content border-error":{},"--alert-color":"var(--color-error)"},".alert-vertical":{"justifyContent":"center","justifyItems":"center","gridAutoFlow":"row","gridTemplateColumns":"max-content","textAlign":"center"},".alert-horizontal":{"justifyContent":"start","justifyItems":"start","gridAutoFlow":"column","gridTemplateColumns":"auto minmax(auto, 1fr)","textAlign":"start"}};
|
package/components/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box,var(--radius-box));border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-200,var(--color-base-200));padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));color:var(--color-base-content,var(--color-base-content));background-color:var(--alert-color,var(--color-base-200));text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{--tw-border-style:dashed;color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.alert-info{border-color:var(--color-info,var(--color-info));color:var(--color-info-content,var(--color-info-content));--alert-color:var(--color-info)}.alert-success{border-color:var(--color-success,var(--color-success));color:var(--color-success-content,var(--color-success-content));--alert-color:var(--color-success)}.alert-warning{border-color:var(--color-warning,var(--color-warning));color:var(--color-warning-content,var(--color-warning-content));--alert-color:var(--color-warning)}.alert-error{border-color:var(--color-error,var(--color-error));color:var(--color-error-content,var(--color-error-content));--alert-color:var(--color-error)}.alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}@media (width>=640px){.sm\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.sm\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.sm\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.sm\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.sm\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.sm\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.sm\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=768px){.md\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.md\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.md\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.md\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.md\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.md\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.md\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1024px){.lg\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.lg\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.lg\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.lg\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.lg\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.lg\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.lg\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1280px){.xl\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.xl\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.xl\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.xl\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.xl\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.xl\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1536px){.\32 xl\:alert{align-items:center;gap:var(--spacing-4,1rem);border-radius:var(--radius-box, );padding-top:var(--spacing-3,.75rem);padding-bottom:var(--spacing-3,.75rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content, );background-color:var(--alert-color,var(--color-base-200));text-align:start;border:1px solid var(--color-base-200);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start;width:100%;font-size:.875rem;line-height:1.25rem;display:grid;&.alert-outline{color:var(--alert-color);background-color:#0000}&.alert-dash{color:var(--alert-color);background-color:#0000;border-style:dashed}&.alert-soft{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-200))}}.\32 xl\:alert-info{border-color:var(--color-info, );color:var(--color-info-content, );--alert-color:var(--color-info)}.\32 xl\:alert-success{border-color:var(--color-success, );color:var(--color-success-content, );--alert-color:var(--color-success)}.\32 xl\:alert-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );--alert-color:var(--color-warning)}.\32 xl\:alert-error{border-color:var(--color-error, );color:var(--color-error-content, );--alert-color:var(--color-error)}.\32 xl\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.\32 xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".avatar-group":{"@apply flex overflow-hidden":{},":where(.avatar)":{"@apply
|
|
1
|
+
export default {".avatar-group":{"@apply flex overflow-hidden":{},":where(.avatar)":{"@apply overflow-hidden rounded-full":{},"border":"4px solid var(--color-base-100)"}},".avatar":{"@apply relative inline-flex align-middle":{},"&>div":{"@apply block aspect-square overflow-hidden":{}},"img":{"@apply h-full w-full object-cover":{}}},".avatar-placeholder":{"&>div":{"@apply flex items-center justify-center":{}}},".avatar-online":{"&:before":{"content":"\"\"","@apply bg-success absolute z-10 block rounded-full":{},"outline":"2px solid var(--color-base-100)","width":"15%","height":"15%","top":"7%","right":"7%"}},".avatar-offline":{"&:before":{"content":"\"\"","@apply bg-base-300 absolute z-10 block rounded-full":{},"outline":"2px solid var(--color-base-100)","width":"15%","height":"15%","top":"7%","right":"7%"}}};
|
package/components/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);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, );outline:2px solid var(--color-base-100);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, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}@media (width>=640px){.sm\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.sm\: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%}}.sm\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.sm\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.sm\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=768px){.md\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.md\: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%}}.md\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.md\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.md\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1024px){.lg\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.lg\: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%}}.lg\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.lg\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.lg\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1280px){.xl\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.xl\: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%}}.xl\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.xl\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.xl\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}@media (width>=1536px){.\32 xl\:avatar-group{display:flex;overflow:hidden;& :where(.avatar){border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}}.\32 xl\: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%}}.\32 xl\:avatar-placeholder{&>div{justify-content:center;align-items:center;display:flex}}.\32 xl\:avatar-online{&:before{content:"";z-index:10;background-color:var(--color-success, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}.\32 xl\:avatar-offline{&:before{content:"";z-index:10;background-color:var(--color-base-300, );outline:2px solid var(--color-base-100);border-radius:3.40282e38px;width:15%;height:15%;display:block;position:absolute;top:7%;right:7%}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".badge":{"@apply inline-flex items-center justify-center h-5
|
|
1
|
+
export default {".badge":{"@apply inline-flex items-center justify-center h-5 rounded-badge text-base-content align-middle box-content gap-2":{},"border":"1px solid var(--badge-color, var(--color-base-200))","fontSize":"0.75rem","lineHeight":"1.25rem","width":"fit-content","paddingLeft":"0.563rem","paddingRight":"0.563rem","transitionProperty":"color, background-color, box-shadow","background":"var(--badge-color, var(--color-base-100))","&.badge-outline":{"color":"var(--badge-color, var(--color-base-content))","@apply border-current bg-transparent":{}},"&.badge-dash":{"color":"var(--badge-color, var(--color-base-content))","@apply bg-transparent":{},"borderStyle":"1px dashed currentColor"},"&.badge-soft":{"color":"var(--badge-color, var(--color-base-content))","background":"color-mix(in oklab, var(--badge-color, var(--color-base-content)) 8%, var(--color-base-100))","borderColor":"color-mix(in oklab, var(--badge-color, var(--color-base-content)) 10%, var(--color-base-100))"}},".badge-primary":{"--badge-color":"var(--color-primary)","@apply text-primary-content":{}},".badge-secondary":{"--badge-color":"var(--color-secondary)","@apply text-secondary-content":{}},".badge-accent":{"--badge-color":"var(--color-accent)","@apply text-accent-content":{}},".badge-neutral":{"--badge-color":"var(--color-neutral)","@apply text-neutral-content":{}},".badge-info":{"--badge-color":"var(--color-info)","@apply text-info-content":{}},".badge-success":{"--badge-color":"var(--color-success)","@apply text-success-content":{}},".badge-warning":{"--badge-color":"var(--color-warning)","@apply text-warning-content":{}},".badge-error":{"--badge-color":"var(--color-error)","@apply text-error-content":{}},".badge-ghost":{"@apply border-base-200 bg-base-200 text-base-content":{}},".badge-xs":{"@apply h-4 px-2":{},"fontSize":"0.625rem"},".badge-sm":{"@apply h-5 px-2.5":{},"fontSize":"0.75rem"},".badge-md":{"@apply h-6 px-3":{},"fontSize":"0.875rem"},".badge-lg":{"@apply h-8 px-4":{},"fontSize":"1rem"}};
|
package/components/badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge,var(--radius-badge));border-style:var(--tw-border-style);vertical-align:middle;font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-5,1.25rem);line-height:var(--line-height-5,1.25rem);color:var(--color-base-content,var(--color-base-content));background:var(--badge-color,var(--color-base-100));border-width:1px;border-color:var(--badge-color,var(--color-base-200));width:fit-content;padding-left:.563rem;padding-right:.563rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));--tw-border-style:dashed;background-color:#0000;border-style:dashed;border-color:currentColor}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content,var(--color-primary-content))}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content,var(--color-secondary-content))}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content,var(--color-accent-content))}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content,var(--color-neutral-content))}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content,var(--color-info-content))}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content,var(--color-success-content))}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content,var(--color-warning-content))}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content,var(--color-error-content))}.badge-ghost{border-color:var(--color-base-200,var(--color-base-200));background-color:var(--color-base-200,var(--color-base-200));color:var(--color-base-content,var(--color-base-content))}.badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}@media (width>=640px){.sm\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.sm\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.sm\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.sm\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.sm\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.sm\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.sm\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.sm\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.sm\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.sm\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.sm\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.sm\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.sm\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.sm\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=768px){.md\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.md\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.md\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.md\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.md\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.md\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.md\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.md\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.md\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.md\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.md\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.md\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.md\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.md\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=1024px){.lg\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.lg\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.lg\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.lg\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.lg\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.lg\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.lg\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.lg\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.lg\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.lg\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.lg\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.lg\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.lg\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.lg\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=1280px){.xl\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.xl\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.xl\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.xl\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.xl\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.xl\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.xl\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.xl\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.xl\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.xl\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.xl\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.xl\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.xl\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.xl\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}@media (width>=1536px){.\32 xl\:badge{box-sizing:content-box;height:var(--spacing-5,1.25rem);justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);border-radius:var(--radius-badge, );vertical-align:middle;color:var(--color-base-content, );border:1px solid var(--badge-color,var(--color-base-200));background:var(--badge-color,var(--color-base-100));width:fit-content;padding-left:.563rem;padding-right:.563rem;font-size:.75rem;line-height:1.25rem;transition-property:color,background-color,box-shadow;display:inline-flex;&.badge-outline{color:var(--badge-color,var(--color-base-content));background-color:#0000;border-color:currentColor}&.badge-dash{color:var(--badge-color,var(--color-base-content));border-style:1px dashed currentColor;background-color:#0000}&.badge-soft{color:var(--badge-color,var(--color-base-content));background:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100))}}.\32 xl\:badge-primary{--badge-color:var(--color-primary);color:var(--color-primary-content, )}.\32 xl\:badge-secondary{--badge-color:var(--color-secondary);color:var(--color-secondary-content, )}.\32 xl\:badge-accent{--badge-color:var(--color-accent);color:var(--color-accent-content, )}.\32 xl\:badge-neutral{--badge-color:var(--color-neutral);color:var(--color-neutral-content, )}.\32 xl\:badge-info{--badge-color:var(--color-info);color:var(--color-info-content, )}.\32 xl\:badge-success{--badge-color:var(--color-success);color:var(--color-success-content, )}.\32 xl\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content, )}.\32 xl\:badge-error{--badge-color:var(--color-error);color:var(--color-error-content, )}.\32 xl\:badge-ghost{border-color:var(--color-base-200, );background-color:var(--color-base-200, );color:var(--color-base-content, )}.\32 xl\:badge-xs{height:var(--spacing-4,1rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:.625rem}.\32 xl\:badge-sm{height:var(--spacing-5,1.25rem);padding-left:var(--spacing-2_5,.625rem);padding-right:var(--spacing-2_5,.625rem);font-size:.75rem}.\32 xl\:badge-md{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:.875rem}.\32 xl\:badge-lg{height:var(--spacing-8,2rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:1rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".btn":{"@apply text-base-content
|
|
1
|
+
export default {".btn":{"@apply text-base-content inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 text-center no-underline outline-offset-2 select-none align-middle h-10 px-4":{},"fontSize":"var(--font-size-sm)","outlineColor":"var(--color-base-content)","fontWeight":600,"transitionProperty":"color, background-color, background-image, border-color, opacity, box-shadow, scale","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","transitionDuration":".2s","borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","--btn-color":"var(--btn-bg, var(--color-base-200))","backgroundColor":"var(--btn-color)","border":"var(--spacing-button-border, 1px) solid color-mix(in oklab, var(--btn-color), black 2%)","boxShadow":"0 0 0 0.5px oklch(1 0 0 / 0.01) inset, var(--btn-shadow)","backgroundOrigin":"border-box","backgroundImage":"var(--btn-flare)","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-color) 30%, transparent)","--btn-flare":"linear-gradient(50deg, transparent 85%, color-mix(in oklab, var(--btn-color), white 5%)),\n linear-gradient(-50deg, transparent 85%, color-mix(in oklab, var(--btn-color), white 5%)),\n linear-gradient(0, transparent, var(--btn-color) 5% 95%, transparent),\n repeating-conic-gradient(oklch(100% 0 0 / .4),\n transparent 20% 30%,\n oklch(100% 0 0 / .4) 50%)","&:hover":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"},"&.btn-active":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:focus-visible":{"outlineWidth":"2px","outlineStyle":"solid"},"&:active":{"&:focus":{"scale":"var(--btn-focus-scale, 0.98)","@apply animate-[button-pop_0s_ease-out]":{},"backgroundColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0.07)"},"&:hover":{"scale":"var(--btn-focus-scale, 0.97)","@apply animate-[button-pop_0s_ease-out]":{}}},"&:is(:disabled, [disabled], .btn-disabled)":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{},"--btn-flare":"unset","&:hover":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{}}},"&:is(input[type=checkbox]),\n &:is(input[type=radio])":{"@apply appearance-none":{},"&:not(.btn-square, .btn-circle)":{"@apply w-auto":{}},"&::after":{"content":"attr(aria-label)"},"&:checked":{"--btn-bg":"var(--color-primary)","@apply border-primary bg-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:hover":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 90%, black)","borderColor":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-bg":"var(--color-primary)","@apply text-primary-content outline-primary":{}},".btn-secondary":{"--btn-bg":"var(--color-secondary)","@apply text-secondary-content outline-secondary":{}},".btn-accent":{"--btn-bg":"var(--color-accent)","@apply text-accent-content outline-accent":{}},".btn-neutral":{"--btn-bg":"var(--color-neutral)","@apply text-neutral-content outline-neutral":{}},".btn-info":{"--btn-bg":"var(--color-info)","@apply text-info-content outline-info":{}},".btn-success":{"--btn-bg":"var(--color-success)","@apply text-success-content outline-success":{}},".btn-warning":{"--btn-bg":"var(--color-warning)","@apply text-warning-content outline-warning":{}},".btn-error":{"--btn-bg":"var(--color-error)","@apply text-error-content outline-error":{}},".btn.glass":{"boxShadow":"none","@apply outline-current hover:[--glass-border-opacity:15%] hover:[--glass-opacity:25%]":{},"&.btn-active":{"--glass-border-opacity":"15%","--glass-opacity":"25%"}},".btn-ghost":{"boxShadow":"none","border":"1px solid transparent","@apply bg-transparent text-current outline-current":{},"--btn-flare":"unset"},".btn-link":{"boxShadow":"none","@apply text-primary border-transparent bg-transparent underline outline-current hover:border-transparent hover:bg-transparent hover:underline":{},"--btn-flare":"unset","&.btn-active":{"@apply border-transparent bg-transparent underline":{}}},".btn-outline":{"&:not(.btn-active, :hover, :focus-visible)":{"boxShadow":"none","@apply bg-transparent text-[var(--btn-bg)]":{},"--btn-flare":"unset"}},".btn-dash":{"&:not(.btn-active, :hover, :focus-visible)":{"boxShadow":"none","borderStyle":"dashed","@apply bg-transparent text-[var(--btn-bg)]":{},"--btn-flare":"unset"}},".btn-soft":{"&:not(.btn-active, :hover, :focus-visible)":{"boxShadow":"none","color":"var(--btn-bg, var(--color-base-content))","background":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 8%, var(--color-base-200))","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 10%, var(--color-base-200))","--btn-flare":"unset"}},".btn-xs":{"@apply h-6 px-2":{},"fontSize":"var(--font-size-xs)"},".btn-sm":{"@apply h-8 px-3":{},"fontSize":"var(--font-size-sm)"},".btn-md":{"@apply h-10 px-4":{},"fontSize":"var(--font-size-sm)"},".btn-lg":{"@apply h-14 px-6":{},"fontSize":"var(--font-size-lg)"},".btn-square":{"@apply px-0 size-12":{},"&.btn-xs":{"@apply size-6":{}},"&.btn-sm":{"@apply size-8":{}},"&.btn-md":{"@apply size-12":{}},"&.btn-lg":{"@apply size-16":{}}},".btn-circle":{"@apply aspect-square rounded-full px-0":{}},".btn-wide":{"@apply w-64":{}},".btn-block":{"@apply w-full":{}},"@keyframes button-pop":{"0%":{"scale":"var(--btn-focus-scale, 0.98)"},"40%":{"scale":"1.02"},"100%":{"scale":"1"}}};
|
package/components/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-none,1);--tw-font-weight:600;color:var(--color-base-content,var(--color-base-content));outline-offset:2px;outline-color:var(--color-base-content,var(--color-base-content));-webkit-user-select:none;user-select:none;--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border-width:var(--spacing-button-border,1px);border-color:color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 1px 1px 0 oklch(0% 0 0/.07);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content,var(--color-primary-content));outline-color:var(--color-primary,var(--color-primary))}.btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content,var(--color-secondary-content));outline-color:var(--color-secondary,var(--color-secondary))}.btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content,var(--color-accent-content));outline-color:var(--color-accent,var(--color-accent))}.btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content,var(--color-neutral-content));outline-color:var(--color-neutral,var(--color-neutral))}.btn-info{--btn-bg:var(--color-info);color:var(--color-info-content,var(--color-info-content));outline-color:var(--color-info,var(--color-info))}.btn-success{--btn-bg:var(--color-success);color:var(--color-success-content,var(--color-success-content));outline-color:var(--color-success,var(--color-success))}.btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content,var(--color-warning-content));outline-color:var(--color-warning,var(--color-warning))}.btn-error{--btn-bg:var(--color-error);color:var(--color-error-content,var(--color-error-content));outline-color:var(--color-error,var(--color-error))}.btn.glass{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{border-style:var(--tw-border-style);color:currentColor;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-width:1px;border-color:#0000;outline-color:currentColor}.btn-link{color:var(--color-primary,var(--color-primary));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:focus-visible){color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000}}.btn-dash{&:not(.btn-active,:hover,:focus-visible){--tw-border-style:dashed;color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:focus-visible){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,var(--color-neutral))20%,transparent);color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,var(--color-neutral))20%,transparent);color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);border-color:#0000}}}.btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{--tw-content:attr(aria-label);content:var(--tw-content)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary,var(--color-primary));background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content));&:focus-visible{outline-color:var(--color-primary,var(--color-primary))}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.23 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content, );outline-color:var(--color-primary, )}.btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content, );outline-color:var(--color-secondary, )}.btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content, );outline-color:var(--color-accent, )}.btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content, );outline-color:var(--color-neutral, )}.btn-info{--btn-bg:var(--color-info);color:var(--color-info-content, );outline-color:var(--color-info, )}.btn-success{--btn-bg:var(--color-success);color:var(--color-success-content, );outline-color:var(--color-success, )}.btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content, );outline-color:var(--color-warning, )}.btn-error{--btn-bg:var(--color-error);color:var(--color-error-content, );outline-color:var(--color-error, )}.btn.glass{box-shadow:none;outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{box-shadow:none;color:currentColor;--btn-flare:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.btn-link{box-shadow:none;color:var(--color-primary, );--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000}}.btn-dash{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-color:#0000}}}.btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary, );background-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}@media (width>=640px){.sm\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.sm\:btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content, );outline-color:var(--color-primary, )}.sm\:btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content, );outline-color:var(--color-secondary, )}.sm\:btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content, );outline-color:var(--color-accent, )}.sm\:btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content, );outline-color:var(--color-neutral, )}.sm\:btn-info{--btn-bg:var(--color-info);color:var(--color-info-content, );outline-color:var(--color-info, )}.sm\:btn-success{--btn-bg:var(--color-success);color:var(--color-success-content, );outline-color:var(--color-success, )}.sm\:btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content, );outline-color:var(--color-warning, )}.sm\:btn-error{--btn-bg:var(--color-error);color:var(--color-error-content, );outline-color:var(--color-error, )}.sm\:btn.glass{box-shadow:none;outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.sm\:btn-ghost{box-shadow:none;color:currentColor;--btn-flare:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.sm\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000}}.sm\:btn-dash{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.sm\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-color:#0000}}}.sm\:btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary, );background-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.sm\:btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.sm\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.sm\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.sm\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.sm\:btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.sm\:btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.sm\:btn-wide{width:var(--spacing-64,16rem)}.sm\:btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}}@media (width>=768px){.md\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.md\:btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content, );outline-color:var(--color-primary, )}.md\:btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content, );outline-color:var(--color-secondary, )}.md\:btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content, );outline-color:var(--color-accent, )}.md\:btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content, );outline-color:var(--color-neutral, )}.md\:btn-info{--btn-bg:var(--color-info);color:var(--color-info-content, );outline-color:var(--color-info, )}.md\:btn-success{--btn-bg:var(--color-success);color:var(--color-success-content, );outline-color:var(--color-success, )}.md\:btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content, );outline-color:var(--color-warning, )}.md\:btn-error{--btn-bg:var(--color-error);color:var(--color-error-content, );outline-color:var(--color-error, )}.md\:btn.glass{box-shadow:none;outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.md\:btn-ghost{box-shadow:none;color:currentColor;--btn-flare:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.md\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000}}.md\:btn-dash{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.md\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-color:#0000}}}.md\:btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary, );background-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.md\:btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.md\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.md\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.md\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.md\:btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.md\:btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.md\:btn-wide{width:var(--spacing-64,16rem)}.md\:btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}}@media (width>=1024px){.lg\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.lg\:btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content, );outline-color:var(--color-primary, )}.lg\:btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content, );outline-color:var(--color-secondary, )}.lg\:btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content, );outline-color:var(--color-accent, )}.lg\:btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content, );outline-color:var(--color-neutral, )}.lg\:btn-info{--btn-bg:var(--color-info);color:var(--color-info-content, );outline-color:var(--color-info, )}.lg\:btn-success{--btn-bg:var(--color-success);color:var(--color-success-content, );outline-color:var(--color-success, )}.lg\:btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content, );outline-color:var(--color-warning, )}.lg\:btn-error{--btn-bg:var(--color-error);color:var(--color-error-content, );outline-color:var(--color-error, )}.lg\:btn.glass{box-shadow:none;outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.lg\:btn-ghost{box-shadow:none;color:currentColor;--btn-flare:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.lg\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000}}.lg\:btn-dash{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.lg\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-color:#0000}}}.lg\:btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary, );background-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.lg\:btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.lg\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.lg\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.lg\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.lg\:btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.lg\:btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.lg\:btn-wide{width:var(--spacing-64,16rem)}.lg\:btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}}@media (width>=1280px){.xl\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.xl\:btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content, );outline-color:var(--color-primary, )}.xl\:btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content, );outline-color:var(--color-secondary, )}.xl\:btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content, );outline-color:var(--color-accent, )}.xl\:btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content, );outline-color:var(--color-neutral, )}.xl\:btn-info{--btn-bg:var(--color-info);color:var(--color-info-content, );outline-color:var(--color-info, )}.xl\:btn-success{--btn-bg:var(--color-success);color:var(--color-success-content, );outline-color:var(--color-success, )}.xl\:btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content, );outline-color:var(--color-warning, )}.xl\:btn-error{--btn-bg:var(--color-error);color:var(--color-error-content, );outline-color:var(--color-error, )}.xl\:btn.glass{box-shadow:none;outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.xl\:btn-ghost{box-shadow:none;color:currentColor;--btn-flare:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.xl\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000}}.xl\:btn-dash{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-color:#0000}}}.xl\:btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary, );background-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.xl\:btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.xl\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.xl\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.xl\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.xl\:btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.xl\:btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.xl\:btn-wide{width:var(--spacing-64,16rem)}.xl\:btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}}@media (width>=1536px){.\32 xl\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.\32 xl\:btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content, );outline-color:var(--color-primary, )}.\32 xl\:btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content, );outline-color:var(--color-secondary, )}.\32 xl\:btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content, );outline-color:var(--color-accent, )}.\32 xl\:btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content, );outline-color:var(--color-neutral, )}.\32 xl\:btn-info{--btn-bg:var(--color-info);color:var(--color-info-content, );outline-color:var(--color-info, )}.\32 xl\:btn-success{--btn-bg:var(--color-success);color:var(--color-success-content, );outline-color:var(--color-success, )}.\32 xl\:btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content, );outline-color:var(--color-warning, )}.\32 xl\:btn-error{--btn-bg:var(--color-error);color:var(--color-error-content, );outline-color:var(--color-error, )}.\32 xl\:btn.glass{box-shadow:none;outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.\32 xl\:btn-ghost{box-shadow:none;color:currentColor;--btn-flare:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.\32 xl\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-flare:unset;background-color:#0000;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:focus-visible){box-shadow:none;color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.\32 xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral, )20%,transparent);color:color-mix(in srgb,var(--color-base-content, )20%,transparent);border-color:#0000}}}.\32 xl\:btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary, );background-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.\32 xl\:btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.\32 xl\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.\32 xl\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.\32 xl\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.\32 xl\:btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.\32 xl\:btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.\32 xl\:btn-wide{width:var(--spacing-64,16rem)}.\32 xl\:btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".card":{"@apply relative flex flex-col rounded-box":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},"&.card-border":{"
|
|
1
|
+
export default {".card":{"@apply relative flex flex-col rounded-box":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},"&.card-border":{"border":"1px solid var(--color-base-200)"},"&.image-full":{"@apply grid":{},"&:before":{"@apply relative bg-neutral rounded-box z-10 opacity-75 col-start-1 row-start-1":{},"content":"\"\""},">*":{"@apply col-start-1 row-start-1":{}},">.card-body":{"@apply relative text-neutral-content z-20":{}},":where(figure)":{"@apply overflow-hidden":{},"borderRadius":"inherit"},">figure img":{"@apply h-full object-cover":{}}},"figure":{"@apply flex items-center justify-center":{}}},".card-title":{"@apply flex items-center gap-2":{},"fontSize":"1.25rem","lineHeight":"1.75rem","fontWeight":600},".card-body":{"@apply flex flex-auto flex-col gap-2 p-8":{},":where(p)":{"@apply grow":{}}},".card-actions":{"@apply flex flex-wrap items-start gap-2":{}},".card-xs":{".card-body":{"@apply p-2":{},"fontSize":"0.75rem","lineHeight":"1rem"},".card-title":{"@apply mb-1":{}}},".card-sm":{".card-body":{"@apply p-4":{},"fontSize":"0.875rem","lineHeight":"1.25rem"},".card-title":{"@apply mb-1":{}}},".card-md":{".card-body":{"@apply p-8":{},"fontSize":"1rem","lineHeight":"1.5rem"},".card-title":{"@apply mb-3":{}}},".card-lg":{".card-body":{"@apply p-10":{},"fontSize":"1rem","lineHeight":"1rem"},".card-title":{"@apply mb-4":{}}},".card-side":{"alignItems":"stretch","flexDirection":"row",":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"inherit"},"figure>*":{"maxWidth":"unset"},":where(figure>*)":{"width":"100%","height":"100%","objectFit":"cover"}}};
|