daisyui 5.0.0-alpha.38 → 5.0.0-alpha.39
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/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/startingstyle.css +1 -1
- package/chunks.css +2 -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.css +1 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs/object.js +1 -1
- package/components/breadcrumbs.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/carousel.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/dock/object.js +1 -1
- package/components/dock.css +1 -1
- package/components/drawer/object.js +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/fileinput/object.js +1 -1
- package/components/fileinput.css +1 -1
- package/components/footer/object.js +1 -1
- package/components/footer.css +1 -1
- package/components/formcontrol/index.js +7 -0
- package/components/formcontrol/object.js +1 -0
- package/components/formcontrol.css +1 -0
- package/components/hero/object.js +1 -1
- package/components/hero.css +1 -1
- package/components/indicator.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/object.js +1 -1
- package/components/loading.css +1 -1
- package/components/mask/object.js +1 -1
- package/components/mask.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/mockup/object.js +1 -1
- package/components/mockup.css +1 -1
- package/components/modal/object.js +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/progress/object.js +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress/object.js +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.css +1 -1
- package/components/stack.css +1 -1
- package/components/stat/object.js +1 -1
- package/components/stat.css +1 -1
- package/components/status/object.js +1 -1
- package/components/status.css +1 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +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/textarea/object.js +1 -1
- package/components/textarea.css +1 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toast/object.js +1 -1
- package/components/toast.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/daisyui.css +1 -0
- package/functions/variables.js +2 -3
- package/imports.js +5 -4
- package/package.json +5 -5
- package/theme/acid/object.js +1 -1
- package/theme/acid.css +2 -4
- package/theme/aqua/object.js +1 -1
- package/theme/aqua.css +2 -4
- package/theme/autumn/object.js +1 -1
- package/theme/autumn.css +2 -4
- package/theme/black/object.js +1 -1
- package/theme/black.css +2 -4
- package/theme/bumblebee/object.js +1 -1
- package/theme/bumblebee.css +2 -4
- package/theme/business/object.js +1 -1
- package/theme/business.css +2 -4
- package/theme/cmyk/object.js +1 -1
- package/theme/cmyk.css +2 -4
- package/theme/coffee/object.js +1 -1
- package/theme/coffee.css +2 -4
- package/theme/corporate/object.js +1 -1
- package/theme/corporate.css +2 -4
- package/theme/cupcake/object.js +1 -1
- package/theme/cupcake.css +2 -4
- package/theme/cyberpunk/object.js +1 -1
- package/theme/cyberpunk.css +2 -4
- package/theme/dark/object.js +1 -1
- package/theme/dark.css +2 -4
- package/theme/dim/object.js +1 -1
- package/theme/dim.css +2 -4
- package/theme/dracula/object.js +1 -1
- package/theme/dracula.css +2 -4
- package/theme/emerald/object.js +1 -1
- package/theme/emerald.css +2 -4
- package/theme/fantasy/object.js +1 -1
- package/theme/fantasy.css +2 -4
- package/theme/forest/object.js +1 -1
- package/theme/forest.css +2 -4
- package/theme/garden/object.js +1 -1
- package/theme/garden.css +2 -4
- package/theme/halloween/object.js +1 -1
- package/theme/halloween.css +2 -4
- package/theme/lemonade/object.js +1 -1
- package/theme/lemonade.css +2 -4
- package/theme/light/object.js +1 -1
- package/theme/light.css +2 -4
- package/theme/lofi/object.js +1 -1
- package/theme/lofi.css +2 -4
- package/theme/luxury/object.js +1 -1
- package/theme/luxury.css +2 -4
- package/theme/night/object.js +1 -1
- package/theme/night.css +2 -4
- package/theme/nord/object.js +1 -1
- package/theme/nord.css +2 -4
- package/theme/object.js +1 -1
- package/theme/pastel/object.js +1 -1
- package/theme/pastel.css +2 -4
- package/theme/retro/object.js +1 -1
- package/theme/retro.css +2 -4
- package/theme/sunset/object.js +1 -1
- package/theme/sunset.css +2 -4
- package/theme/synthwave/object.js +1 -1
- package/theme/synthwave.css +2 -4
- package/theme/valentine/object.js +1 -1
- package/theme/valentine.css +2 -4
- package/theme/winter/object.js +1 -1
- package/theme/winter.css +2 -4
- package/theme/wireframe/object.js +1 -1
- package/theme/wireframe.css +2 -4
- package/themes.css +1 -1
- package/utilities/join/object.js +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius/object.js +1 -1
- package/utilities/radius.css +1 -1
- package/{base → utilities}/typography/index.js +2 -2
- package/utilities/typography/object.js +1 -0
- package/utilities/typography.css +1 -0
- package/base/typography/object.js +0 -1
- package/base/typography.css +0 -1
- package/full.css +0 -1
package/components/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.38 – MIT License */ .alert{align-items:center;gap:calc(var(--spacing)*4);border-radius:var(--radius-box);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);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:calc(var(--spacing)*4);border-radius:var(--radius-box);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);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:calc(var(--spacing)*4);border-radius:var(--radius-box);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);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:calc(var(--spacing)*4);border-radius:var(--radius-box);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);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:calc(var(--spacing)*4);border-radius:var(--radius-box);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);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:calc(var(--spacing)*4);border-radius:var(--radius-box);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);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
|
+
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .alert{border-radius:var(--radius-box);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;place-items:center start;gap:1rem;width:100%;padding-block:.75rem;padding-inline:1rem;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{border-radius:var(--radius-box);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;place-items:center start;gap:1rem;width:100%;padding-block:.75rem;padding-inline:1rem;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{border-radius:var(--radius-box);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;place-items:center start;gap:1rem;width:100%;padding-block:.75rem;padding-inline:1rem;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{border-radius:var(--radius-box);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;place-items:center start;gap:1rem;width:100%;padding-block:.75rem;padding-inline:1rem;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{border-radius:var(--radius-box);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;place-items:center start;gap:1rem;width:100%;padding-block:.75rem;padding-inline:1rem;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{border-radius:var(--radius-box);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;place-items:center start;gap:1rem;width:100%;padding-block:.75rem;padding-inline:1rem;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}}
|
package/components/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.39 – 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":{"box-sizing":"content-box","display":"inline-flex","
|
|
1
|
+
export default {".badge":{"box-sizing":"content-box","display":"inline-flex","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 2)","border-radius":"var(--radius-selector)","vertical-align":"middle","color":"var(--color-base-content)","border":"1px solid var(--badge-color, var(--color-base-200))","font-size":"0.75rem","line-height":"1.25rem","width":"fit-content","padding-left":"0.563rem","padding-right":"0.563rem","transition-property":"color, background-color, box-shadow","background":"var(--badge-color, var(--color-base-100))","--spacing-selector-size":"0.25rem","--selector-size":"calc(var(--spacing-selector-size) * 6)","height":"var(--selector-size)","&.badge-outline":{"color":"var(--badge-color, var(--color-base-content))","border-color":"currentColor","background-color":"transparent"},"&.badge-dash":{"color":"var(--badge-color, var(--color-base-content))","background-color":"transparent","border-style":"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) )","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":{"padding-inline":"calc(0.25rem * 2)","--selector-size":"calc(var(--spacing-selector-size) * 4)","font-size":"0.625rem"},".badge-sm":{"padding-inline":"calc(0.25rem * 2.5)","--selector-size":"calc(var(--spacing-selector-size) * 5)","font-size":"0.75rem"},".badge-md":{"padding-inline":"calc(0.25rem * 3)","--selector-size":"calc(var(--spacing-selector-size) * 6)","font-size":"0.875rem"},".badge-lg":{"padding-inline":"0.875rem","--selector-size":"calc(var(--spacing-selector-size) * 7)","font-size":"1rem"},".badge-xl":{"padding-inline":"1.125rem","--selector-size":"calc(var(--spacing-selector-size) * 8)","font-size":"1.125rem"}};
|
package/components/badge.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.38 – MIT License */ .badge{box-sizing:content-box;height:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);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:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);font-size:.625rem}.badge-sm{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);font-size:.75rem}.badge-md{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.badge-lg{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*4);font-size:1rem}@media (width>=640px){.sm\:badge{box-sizing:content-box;height:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);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:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);font-size:.625rem}.sm\:badge-sm{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);font-size:.75rem}.sm\:badge-md{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.sm\:badge-lg{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*4);font-size:1rem}}@media (width>=768px){.md\:badge{box-sizing:content-box;height:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);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:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);font-size:.625rem}.md\:badge-sm{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);font-size:.75rem}.md\:badge-md{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.md\:badge-lg{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*4);font-size:1rem}}@media (width>=1024px){.lg\:badge{box-sizing:content-box;height:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);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:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);font-size:.625rem}.lg\:badge-sm{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);font-size:.75rem}.lg\:badge-md{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.lg\:badge-lg{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*4);font-size:1rem}}@media (width>=1280px){.xl\:badge{box-sizing:content-box;height:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);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:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);font-size:.625rem}.xl\:badge-sm{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);font-size:.75rem}.xl\:badge-md{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.xl\:badge-lg{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*4);font-size:1rem}}@media (width>=1536px){.\32 xl\:badge{box-sizing:content-box;height:calc(var(--spacing)*5);justify-content:center;align-items:center;gap:calc(var(--spacing)*2);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:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*2);font-size:.625rem}.\32 xl\:badge-sm{height:calc(var(--spacing)*5);padding-inline:calc(var(--spacing)*2.5);font-size:.75rem}.\32 xl\:badge-md{height:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.\32 xl\:badge-lg{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*4);font-size:1rem}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .badge{box-sizing:content-box;border-radius:var(--radius-selector);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));--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);justify-content:center;align-items:center;gap:.5rem;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{--selector-size:calc(var(--spacing-selector-size)*4);padding-inline:.5rem;font-size:.625rem}.badge-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding-inline:.625rem;font-size:.75rem}.badge-md{--selector-size:calc(var(--spacing-selector-size)*6);padding-inline:.75rem;font-size:.875rem}.badge-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding-inline:.875rem;font-size:1rem}.badge-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding-inline:1.125rem;font-size:1.125rem}@media (width>=640px){.sm\:badge{box-sizing:content-box;border-radius:var(--radius-selector);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));--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);justify-content:center;align-items:center;gap:.5rem;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{--selector-size:calc(var(--spacing-selector-size)*4);padding-inline:.5rem;font-size:.625rem}.sm\:badge-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding-inline:.625rem;font-size:.75rem}.sm\:badge-md{--selector-size:calc(var(--spacing-selector-size)*6);padding-inline:.75rem;font-size:.875rem}.sm\:badge-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding-inline:.875rem;font-size:1rem}.sm\:badge-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding-inline:1.125rem;font-size:1.125rem}}@media (width>=768px){.md\:badge{box-sizing:content-box;border-radius:var(--radius-selector);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));--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);justify-content:center;align-items:center;gap:.5rem;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{--selector-size:calc(var(--spacing-selector-size)*4);padding-inline:.5rem;font-size:.625rem}.md\:badge-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding-inline:.625rem;font-size:.75rem}.md\:badge-md{--selector-size:calc(var(--spacing-selector-size)*6);padding-inline:.75rem;font-size:.875rem}.md\:badge-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding-inline:.875rem;font-size:1rem}.md\:badge-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding-inline:1.125rem;font-size:1.125rem}}@media (width>=1024px){.lg\:badge{box-sizing:content-box;border-radius:var(--radius-selector);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));--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);justify-content:center;align-items:center;gap:.5rem;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{--selector-size:calc(var(--spacing-selector-size)*4);padding-inline:.5rem;font-size:.625rem}.lg\:badge-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding-inline:.625rem;font-size:.75rem}.lg\:badge-md{--selector-size:calc(var(--spacing-selector-size)*6);padding-inline:.75rem;font-size:.875rem}.lg\:badge-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding-inline:.875rem;font-size:1rem}.lg\:badge-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding-inline:1.125rem;font-size:1.125rem}}@media (width>=1280px){.xl\:badge{box-sizing:content-box;border-radius:var(--radius-selector);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));--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);justify-content:center;align-items:center;gap:.5rem;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{--selector-size:calc(var(--spacing-selector-size)*4);padding-inline:.5rem;font-size:.625rem}.xl\:badge-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding-inline:.625rem;font-size:.75rem}.xl\:badge-md{--selector-size:calc(var(--spacing-selector-size)*6);padding-inline:.75rem;font-size:.875rem}.xl\:badge-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding-inline:.875rem;font-size:1rem}.xl\:badge-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding-inline:1.125rem;font-size:1.125rem}}@media (width>=1536px){.\32 xl\:badge{box-sizing:content-box;border-radius:var(--radius-selector);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));--spacing-selector-size:.25rem;--selector-size:calc(var(--spacing-selector-size)*6);height:var(--selector-size);justify-content:center;align-items:center;gap:.5rem;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{--selector-size:calc(var(--spacing-selector-size)*4);padding-inline:.5rem;font-size:.625rem}.\32 xl\:badge-sm{--selector-size:calc(var(--spacing-selector-size)*5);padding-inline:.625rem;font-size:.75rem}.\32 xl\:badge-md{--selector-size:calc(var(--spacing-selector-size)*6);padding-inline:.75rem;font-size:.875rem}.\32 xl\:badge-lg{--selector-size:calc(var(--spacing-selector-size)*7);padding-inline:.875rem;font-size:1rem}.\32 xl\:badge-xl{--selector-size:calc(var(--spacing-selector-size)*8);padding-inline:1.125rem;font-size:1.125rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-block":"calc(
|
|
1
|
+
export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-block":"calc(0.25rem * 2)","> ul, > ol":{"display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap","> li":{"display":"flex","align-items":"center","> *":{"display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 2)","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},"& + *:before":{"content":"\"\"","margin-right":"calc(0.25rem * 3)","margin-left":"calc(0.25rem * 2)","display":"block","height":"calc(0.25rem * 1.5)","width":"calc(0.25rem * 1.5)","opacity":"40%","rotate":"45deg","border-top":"1px solid","border-right":"1px solid","background-color":"transparent","&:where([dir=\"rtl\"], [dir=\"rtl\"] *)":{"rotate":"-135deg"}}}}}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}@media (width>=640px){.sm\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=768px){.md\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=1024px){.lg\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=1280px){.xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}@media (width>=1536px){.\32 xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg;&:where([dir=rtl],[dir=rtl] *){rotate:-135deg}}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".btn":{"display":"inline-flex","
|
|
1
|
+
export default {".btn":{"display":"inline-flex","flex-shrink":0,"cursor":"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 1.5)","text-align":"center","vertical-align":"middle","text-decoration-line":"none","outline-offset":"2px","webkit-user-select":"none","user-select":"none","height":"var(--field-size)","font-size":"0.875rem","color":"var(--btn-fg)","outline-color":"var(--color-base-content)","font-weight":600,"transition-property":"color, background-color, background-image, border-color, opacity, box-shadow, scale","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","transition-duration":"0.2s","border-start-start-radius":"var(--radius-join-ss, var(--radius-field))","border-start-end-radius":"var(--radius-join-se, var(--radius-field))","border-end-start-radius":"var(--radius-join-es, var(--radius-field))","border-end-end-radius":"var(--radius-join-ee, var(--radius-field))","background-color":"var(--btn-bg)","border-width":"var(--spacing-button-border)","border-style":"solid","border-color":"var(--btn-border)","text-shadow":"0 0.5px oklch(1 0 0 / 0.15)","box-shadow":"0 0 0 0.5px color-mix(in oklab, color-mix(in oklab, white 20%, var(--btn-bg)) 20%, transparent) inset, var(--btn-shadow)","background-origin":"border-box","background-image":"var(--btn-gradient)","background-size":"100% calc(var(--spacing-button-border) + 0.5px), 100% calc(var(--spacing-button-border) + 0.5px), 2rem 100%, 2rem 100%","background-repeat":"no-repeat","background-position":"top, bottom, left, right","padding-inline":"var(--btn-p)","--spacing-field-size":"0.25rem","--field-size":"calc(var(--spacing-field-size) * 9)","--btn-bg":"var(--btn-color, var(--color-base-200))","--btn-fg":"var(--color-base-content)","--btn-p":"1rem","--btn-border":"color-mix(in oklab, var(--btn-bg), black 5%)","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, transparent),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, transparent)","--btn-gradient":"linear-gradient(\n to left,\n transparent 25%,\n color-mix(in oklab, color-mix(in oklab, white 20%, var(--btn-bg)) 40%, transparent),\n transparent 75%\n ),\n linear-gradient(\n to left,\n transparent 25%,\n color-mix(in oklab, color-mix(in oklab, white 20%, var(--btn-bg)) 10%, transparent),\n transparent 75%\n ),\n linear-gradient(\n -50deg,\n transparent 50%,\n color-mix(in oklab, transparent, color-mix(in oklab, var(--color-base-100), white 50%) 4%)\n ),\n linear-gradient(\n 50deg,\n transparent 50%,\n color-mix(in oklab, transparent, color-mix(in oklab, var(--color-base-100), white 50%) 4%)\n )","&:hover":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 7%)"},"&.btn-active":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0.07)"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid"},"&:active:not(.btn-active)":{"translate":"0 0.5px","--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 5%)","--btn-border":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/0.07)"},"&:is(:disabled, [disabled], .btn-disabled)":{"&:not(.btn-link)":{"background-color":"color-mix(in oklch, var(--color-neutral) 20%, transparent)"},"pointer-events":"none","--btn-border":"transparent","--btn-gradient":"unset","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, transparent)","&:hover":{"pointer-events":"none","background-color":"color-mix(in oklch, var(--color-neutral) 20%, transparent)","--btn-border":"transparent","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, transparent)"}},"&:is(input[type=\"checkbox\"], input[type=\"radio\"])":{"appearance":"none","&:not(.btn-square, .btn-circle)":{"width":"auto"},"&::after":{"content":"attr(aria-label)"},"&:checked":{"--btn-color":"var(--color-primary)","--btn-bg":"var(--color-primary)","--btn-fg":"var(--color-primary-content)","--btn-border":"var(--color-primary)","&:focus-visible":{"outline-color":"var(--color-primary)"},"&:hover":{"--btn-bg":"color-mix(in oklab, var(--color-primary) 90%, black)","--btn-border":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)","outline-color":"var(--color-primary)"},".btn-secondary":{"--btn-color":"var(--color-secondary)","--btn-fg":"var(--color-secondary-content)","outline-color":"var(--color-secondary)"},".btn-accent":{"--btn-color":"var(--color-accent)","--btn-fg":"var(--color-accent-content)","outline-color":"var(--color-accent)"},".btn-neutral":{"--btn-color":"var(--color-neutral)","--btn-fg":"var(--color-neutral-content)","outline-color":"var(--color-neutral)"},".btn-info":{"--btn-color":"var(--color-info)","--btn-fg":"var(--color-info-content)","outline-color":"var(--color-info)"},".btn-success":{"--btn-color":"var(--color-success)","--btn-fg":"var(--color-success-content)","outline-color":"var(--color-success)"},".btn-warning":{"--btn-color":"var(--color-warning)","--btn-fg":"var(--color-warning-content)","outline-color":"var(--color-warning)"},".btn-error":{"--btn-color":"var(--color-error)","--btn-fg":"var(--color-error-content)","outline-color":"var(--color-error)"},".btn.glass":{"--btn-shadow":"\"\"","outline-color":"currentColor","&:hover":{"@media (hover: hover)":{"--glass-opacity":"25%"}},"&.btn-active":{"--glass-border-opacity":"15%","--glass-opacity":"25%"}},".btn-ghost":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":"\"\"","outline-color":"currentColor","--btn-bg":"transparent","--btn-fg":"currentColor","--btn-border":"transparent","--btn-gradient":"unset"}},".btn-link":{"text-decoration-line":"underline","outline-color":"currentColor","--btn-border":"transparent","--btn-bg":"transparent","--btn-fg":"var(--color-primary)","--btn-gradient":"unset","--btn-shadow":"\"\"","&:is(.btn-active, :hover, :active:focus, :focus-visible)":{"text-decoration-line":"underline","--btn-border":"transparent","--btn-bg":"transparent"}},".btn-outline":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":"\"\"","--btn-bg":"transparent","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-gradient":"unset"}},".btn-dash":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":"\"\"","border-style":"dashed","--btn-bg":"transparent","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-gradient":"unset"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":"\"\"","--btn-fg":"var(--btn-color, var(--color-base-content))","--btn-bg":"color-mix(\n in oklab,\n var(--btn-color, var(--color-base-content)) 8%,\n var(--color-base-200)\n )","--btn-border":"color-mix(\n in oklab,\n var(--btn-color, var(--color-base-content)) 10%,\n var(--color-base-200)\n )","--btn-gradient":"unset"}},".btn-xs":{"font-size":"0.6875rem","--btn-p":"0.5rem","--field-size":"calc(var(--spacing-field-size) * 6)"},".btn-sm":{"font-size":"0.75rem","--btn-p":"0.75rem","--field-size":"calc(var(--spacing-field-size) * 8)"},".btn-md":{"font-size":"0.875rem","--btn-p":"1rem","--field-size":"calc(var(--spacing-field-size) * 10)"},".btn-lg":{"font-size":"1.125rem","--btn-p":"1.25rem","--field-size":"calc(var(--spacing-field-size) * 12)"},".btn-xl":{"font-size":"1.375rem","--btn-p":"1.5rem","--field-size":"calc(var(--spacing-field-size) * 14)"},".btn-square":{"padding-inline":"calc(0.25rem * 0)","width":"var(--field-size)","height":"var(--field-size)"},".btn-circle":{"border-radius":"calc(infinity * 1px)","padding-inline":"calc(0.25rem * 0)","width":"var(--field-size)","height":"var(--field-size)"},".btn-wide":{"width":"100%","max-width":"calc(0.25rem * 64)"},".btn-block":{"width":"100%"}};
|
package/components/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.38 – MIT License */ .btn{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);text-align:center;vertical-align:middle;color:var(--color-base-content);outline-offset:2px;-webkit-user-select:none;user-select:none;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)solid color-mix(in oklab,var(--btn-color),black 5%);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))30%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-btn));border-start-end-radius:var(--radius-join-se,var(--radius-btn));border-end-end-radius:var(--radius-join-ee,var(--radius-btn));border-end-start-radius:var(--radius-join-es,var(--radius-btn));flex-wrap:nowrap;flex-shrink:0;font-size:.875rem;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 7%)}&.btn-active{--btn-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)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){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);translate:0 .5px}}.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{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}}.btn-link{color:var(--color-primary);--btn-gradient:unset;box-shadow:none;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,: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-gradient:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent);--btn-gradient:unset;border-color:#0000;&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);color:color-mix(in oklch,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:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:.75rem}.btn-sm{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.btn-md{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);font-size:.875rem}.btn-lg{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*6);font-size:1.125rem}.btn-square{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.btn-circle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);border-radius:3.40282e38px;&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.btn-wide{width:calc(var(--spacing)*64)}.btn-block{width:100%}@media (width>=640px){.sm\:btn{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);text-align:center;vertical-align:middle;color:var(--color-base-content);outline-offset:2px;-webkit-user-select:none;user-select:none;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)solid color-mix(in oklab,var(--btn-color),black 5%);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))30%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-btn));border-start-end-radius:var(--radius-join-se,var(--radius-btn));border-end-end-radius:var(--radius-join-ee,var(--radius-btn));border-end-start-radius:var(--radius-join-es,var(--radius-btn));flex-wrap:nowrap;flex-shrink:0;font-size:.875rem;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 7%)}&.btn-active{--btn-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)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){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);translate:0 .5px}}.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{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}}.sm\:btn-link{color:var(--color-primary);--btn-gradient:unset;box-shadow:none;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){background-color:#0000;border-color:#0000;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,: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-gradient:unset}}.sm\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent);--btn-gradient:unset;border-color:#0000;&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);color:color-mix(in oklch,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:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:.75rem}.sm\:btn-sm{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.sm\:btn-md{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);font-size:.875rem}.sm\:btn-lg{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*6);font-size:1.125rem}.sm\:btn-square{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.sm\:btn-circle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);border-radius:3.40282e38px;&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.sm\:btn-wide{width:calc(var(--spacing)*64)}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);text-align:center;vertical-align:middle;color:var(--color-base-content);outline-offset:2px;-webkit-user-select:none;user-select:none;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)solid color-mix(in oklab,var(--btn-color),black 5%);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))30%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-btn));border-start-end-radius:var(--radius-join-se,var(--radius-btn));border-end-end-radius:var(--radius-join-ee,var(--radius-btn));border-end-start-radius:var(--radius-join-es,var(--radius-btn));flex-wrap:nowrap;flex-shrink:0;font-size:.875rem;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 7%)}&.btn-active{--btn-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)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){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);translate:0 .5px}}.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{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}}.md\:btn-link{color:var(--color-primary);--btn-gradient:unset;box-shadow:none;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){background-color:#0000;border-color:#0000;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,: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-gradient:unset}}.md\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent);--btn-gradient:unset;border-color:#0000;&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);color:color-mix(in oklch,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:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:.75rem}.md\:btn-sm{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.md\:btn-md{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);font-size:.875rem}.md\:btn-lg{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*6);font-size:1.125rem}.md\:btn-square{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.md\:btn-circle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);border-radius:3.40282e38px;&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.md\:btn-wide{width:calc(var(--spacing)*64)}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);text-align:center;vertical-align:middle;color:var(--color-base-content);outline-offset:2px;-webkit-user-select:none;user-select:none;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)solid color-mix(in oklab,var(--btn-color),black 5%);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))30%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-btn));border-start-end-radius:var(--radius-join-se,var(--radius-btn));border-end-end-radius:var(--radius-join-ee,var(--radius-btn));border-end-start-radius:var(--radius-join-es,var(--radius-btn));flex-wrap:nowrap;flex-shrink:0;font-size:.875rem;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 7%)}&.btn-active{--btn-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)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){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);translate:0 .5px}}.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{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}}.lg\:btn-link{color:var(--color-primary);--btn-gradient:unset;box-shadow:none;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){background-color:#0000;border-color:#0000;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,: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-gradient:unset}}.lg\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent);--btn-gradient:unset;border-color:#0000;&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);color:color-mix(in oklch,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:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:.75rem}.lg\:btn-sm{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.lg\:btn-md{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);font-size:.875rem}.lg\:btn-lg{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*6);font-size:1.125rem}.lg\:btn-square{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.lg\:btn-circle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);border-radius:3.40282e38px;&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.lg\:btn-wide{width:calc(var(--spacing)*64)}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);text-align:center;vertical-align:middle;color:var(--color-base-content);outline-offset:2px;-webkit-user-select:none;user-select:none;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)solid color-mix(in oklab,var(--btn-color),black 5%);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))30%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-btn));border-start-end-radius:var(--radius-join-se,var(--radius-btn));border-end-end-radius:var(--radius-join-ee,var(--radius-btn));border-end-start-radius:var(--radius-join-es,var(--radius-btn));flex-wrap:nowrap;flex-shrink:0;font-size:.875rem;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 7%)}&.btn-active{--btn-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)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){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);translate:0 .5px}}.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{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}}.xl\:btn-link{color:var(--color-primary);--btn-gradient:unset;box-shadow:none;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){background-color:#0000;border-color:#0000;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,: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-gradient:unset}}.xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent);--btn-gradient:unset;border-color:#0000;&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);color:color-mix(in oklch,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:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:.75rem}.xl\:btn-sm{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.xl\:btn-md{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);font-size:.875rem}.xl\:btn-lg{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*6);font-size:1.125rem}.xl\:btn-square{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.xl\:btn-circle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);border-radius:3.40282e38px;&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.xl\:btn-wide{width:calc(var(--spacing)*64)}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{height:calc(var(--spacing)*10);cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);text-align:center;vertical-align:middle;color:var(--color-base-content);outline-offset:2px;-webkit-user-select:none;user-select:none;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)solid color-mix(in oklab,var(--btn-color),black 5%);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-color)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-color)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))30%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--color-base-100))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-btn));border-start-end-radius:var(--radius-join-se,var(--radius-btn));border-end-end-radius:var(--radius-join-ee,var(--radius-btn));border-end-start-radius:var(--radius-join-es,var(--radius-btn));flex-wrap:nowrap;flex-shrink:0;font-size:.875rem;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 7%)}&.btn-active{--btn-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)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){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);translate:0 .5px}}.\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{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}}.\32 xl\:btn-link{color:var(--color-primary);--btn-gradient:unset;box-shadow:none;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){background-color:#0000;border-color:#0000;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){box-shadow:none;color:var(--btn-bg);--btn-gradient:unset;background-color:#0000;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,: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-gradient:unset}}.\32 xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;color:color-mix(in oklch,var(--color-base-content)20%,transparent);--btn-gradient:unset;border-color:#0000;&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);color:color-mix(in oklch,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:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:.75rem}.\32 xl\:btn-sm{height:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*3);font-size:.875rem}.\32 xl\:btn-md{height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);font-size:.875rem}.\32 xl\:btn-lg{height:calc(var(--spacing)*14);padding-inline:calc(var(--spacing)*6);font-size:1.125rem}.\32 xl\:btn-square{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.\32 xl\:btn-circle{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*0);border-radius:3.40282e38px;&.btn-xs{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}&.btn-sm{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}&.btn-md{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}&.btn-lg{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14)}}.\32 xl\:btn-wide{width:calc(var(--spacing)*64)}.\32 xl\:btn-block{width:100%}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;padding-inline:var(--btn-p);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;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-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.btn.glass{--btn-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{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.btn-wide{width:100%;max-width:16rem}.btn-block{width:100%}@media (width>=640px){.sm\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;padding-inline:var(--btn-p);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;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-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.sm\:btn.glass{--btn-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%}}.sm\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.sm\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.sm\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.sm\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.sm\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.sm\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.sm\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.sm\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.sm\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.sm\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.sm\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.sm\:btn-wide{width:100%;max-width:16rem}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;padding-inline:var(--btn-p);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;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-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.md\:btn.glass{--btn-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%}}.md\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.md\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.md\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.md\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.md\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.md\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.md\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.md\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.md\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.md\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.md\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.md\:btn-wide{width:100%;max-width:16rem}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;padding-inline:var(--btn-p);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;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-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.lg\:btn.glass{--btn-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%}}.lg\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.lg\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.lg\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.lg\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.lg\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.lg\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.lg\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.lg\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.lg\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.lg\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.lg\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.lg\:btn-wide{width:100%;max-width:16rem}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;padding-inline:var(--btn-p);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;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-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.xl\:btn.glass{--btn-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%}}.xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.xl\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.xl\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.xl\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.xl\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.xl\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.xl\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.xl\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.xl\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.xl\:btn-wide{width:100%;max-width:16rem}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;height:var(--field-size);color:var(--btn-fg);outline-color:var(--color-base-content);background-color:var(--btn-bg);border-width:var(--spacing-button-border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(1 0 0/.15);box-shadow:0 0 0 .5px color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))20%,transparent)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-gradient);background-size:100% calc(var(--spacing-button-border) + .5px),100% calc(var(--spacing-button-border) + .5px),2rem 100%,2rem 100%;padding-inline:var(--btn-p);--spacing-field-size:.25rem;--field-size:calc(var(--spacing-field-size)*9);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),black 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,transparent),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,transparent);--btn-gradient:linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))40%,transparent),transparent 75%),linear-gradient(to left,transparent 25%,color-mix(in oklab,color-mix(in oklab,white 20%,var(--btn-bg))10%,transparent),transparent 75%),linear-gradient(-50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%)),linear-gradient(50deg,transparent 50%,color-mix(in oklab,transparent,color-mix(in oklab,var(--color-base-100),white 50%)4%));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-ss,var(--radius-field));border-start-end-radius:var(--radius-join-se,var(--radius-field));border-end-end-radius:var(--radius-join-ee,var(--radius-field));border-end-start-radius:var(--radius-join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-size:.875rem;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-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%)}&.btn-active{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);translate:0 .5px}}.\32 xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);outline-color:var(--color-primary)}.\32 xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);outline-color:var(--color-secondary)}.\32 xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);outline-color:var(--color-accent)}.\32 xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);outline-color:var(--color-neutral)}.\32 xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);outline-color:var(--color-info)}.\32 xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);outline-color:var(--color-success)}.\32 xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);outline-color:var(--color-warning)}.\32 xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);outline-color:var(--color-error)}.\32 xl\:btn.glass{--btn-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%}}.\32 xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:currentColor;--btn-border:transparent;--btn-gradient:unset;outline-color:currentColor}}.\32 xl\:btn-link{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-gradient:unset;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:transparent;--btn-bg:transparent;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:transparent;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-gradient:unset;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-200));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-200));--btn-gradient:unset}}.\32 xl\:btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:transparent;--btn-gradient:unset;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent);&:not(.btn-link){background-color:color-mix(in oklch,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklch,var(--color-neutral)20%,transparent);--btn-border:transparent;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,transparent)}}}.\32 xl\:btn{&:is(input[type=checkbox],input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{content:attr(aria-label)}&:checked{--btn-color:var(--color-primary);--btn-bg:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-border:var(--color-primary);&:focus-visible{outline-color:var(--color-primary)}&:hover{--btn-bg:color-mix(in oklab,var(--color-primary)90%,black);--btn-border:color-mix(in oklab,var(--color-primary)90%,black)}}}}.\32 xl\:btn-xs{--btn-p:.5rem;--field-size:calc(var(--spacing-field-size)*6);font-size:.6875rem}.\32 xl\:btn-sm{--btn-p:.75rem;--field-size:calc(var(--spacing-field-size)*8);font-size:.75rem}.\32 xl\:btn-md{--btn-p:1rem;--field-size:calc(var(--spacing-field-size)*10);font-size:.875rem}.\32 xl\:btn-lg{--btn-p:1.25rem;--field-size:calc(var(--spacing-field-size)*12);font-size:1.125rem}.\32 xl\:btn-xl{--btn-p:1.5rem;--field-size:calc(var(--spacing-field-size)*14);font-size:1.375rem}.\32 xl\:btn-square{width:var(--field-size);height:var(--field-size);padding-inline:0}.\32 xl\:btn-circle{width:var(--field-size);height:var(--field-size);border-radius:3.40282e38px;padding-inline:0}.\32 xl\:btn-wide{width:100%;max-width:16rem}.\32 xl\:btn-block{width:100%}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".card":{"position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-box)","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"inherit"},"&.card-border":{"border":"1px solid var(--color-base-200)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","z-index":10,"grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","opacity":"75%","content":"\"\""},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{"position":"relative","z-index":20,"color":"var(--color-neutral-content)"},":where(figure)":{"overflow":"hidden","border-radius":"inherit"},"> figure img":{"height":"100%","object-fit":"cover"}},"figure":{"display":"flex","align-items":"center","justify-content":"center"}},".card-title":{"display":"flex","align-items":"center","gap":"calc(
|
|
1
|
+
export default {".card":{"position":"relative","display":"flex","flex-direction":"column","border-radius":"var(--radius-box)","&:focus":{"outline":"2px solid transparent","outline-offset":"2px"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"inherit"},"&.card-border":{"border":"1px solid var(--color-base-200)"},"&.image-full":{"display":"grid","&:before":{"position":"relative","z-index":10,"grid-column-start":"1","grid-row-start":"1","border-radius":"var(--radius-box)","background-color":"var(--color-neutral)","opacity":"75%","content":"\"\""},"> *":{"grid-column-start":"1","grid-row-start":"1"},"> .card-body":{"position":"relative","z-index":20,"color":"var(--color-neutral-content)"},":where(figure)":{"overflow":"hidden","border-radius":"inherit"},"> figure img":{"height":"100%","object-fit":"cover"}},"figure":{"display":"flex","align-items":"center","justify-content":"center"}},".card-title":{"display":"flex","align-items":"center","gap":"calc(0.25rem * 2)","font-size":"1.25rem","font-weight":600},".card-body":{"display":"flex","flex":"auto","flex-direction":"column","gap":"calc(0.25rem * 2)","padding":"calc(0.25rem * 8)",":where(p)":{"flex-grow":1}},".card-actions":{"display":"flex","flex-wrap":"wrap","align-items":"flex-start","gap":"calc(0.25rem * 2)"},".card-xs":{".card-body":{"padding":"calc(0.25rem * 2)","font-size":"0.6875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-sm":{".card-body":{"padding":"calc(0.25rem * 4)","font-size":"0.75rem"},".card-title":{"margin-bottom":"calc(0.25rem * 1)"}},".card-md":{".card-body":{"padding":"calc(0.25rem * 8)","font-size":"0.875rem"},".card-title":{"margin-bottom":"calc(0.25rem * 3)"}},".card-lg":{".card-body":{"padding":"calc(0.25rem * 10)","font-size":"1.125rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-xl":{".card-body":{"padding":"calc(0.25rem * 12)","font-size":"1.375rem"},".card-title":{"margin-bottom":"calc(0.25rem * 4)"}},".card-side":{"align-items":"stretch","flex-direction":"row",":where(figure:first-child)":{"overflow":"hidden","border-start-start-radius":"inherit","border-start-end-radius":"unset","border-end-start-radius":"inherit","border-end-end-radius":"unset"},":where(figure:last-child)":{"overflow":"hidden","border-start-start-radius":"unset","border-start-end-radius":"inherit","border-end-start-radius":"unset","border-end-end-radius":"inherit"},"figure > *":{"max-width":"unset"},":where(figure > *)":{"width":"100%","height":"100%","object-fit":"cover"}}};
|
package/components/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0-alpha.38 – MIT License */ .card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:calc(var(--spacing)*2);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.card-body{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*8);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.card-actions{align-items:flex-start;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.card-xs{& .card-body{padding:calc(var(--spacing)*2);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.card-sm{& .card-body{padding:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.card-md{& .card-body{padding:calc(var(--spacing)*8);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:calc(var(--spacing)*3)}}.card-lg{& .card-body{padding:calc(var(--spacing)*10);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*4)}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}@media (width>=640px){.sm\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.sm\:card-title{align-items:center;gap:calc(var(--spacing)*2);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.sm\:card-body{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*8);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.sm\:card-actions{align-items:flex-start;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.sm\:card-xs{& .card-body{padding:calc(var(--spacing)*2);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.sm\:card-sm{& .card-body{padding:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.sm\:card-md{& .card-body{padding:calc(var(--spacing)*8);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:calc(var(--spacing)*3)}}.sm\:card-lg{& .card-body{padding:calc(var(--spacing)*10);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*4)}}.sm\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=768px){.md\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.md\:card-title{align-items:center;gap:calc(var(--spacing)*2);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.md\:card-body{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*8);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.md\:card-actions{align-items:flex-start;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.md\:card-xs{& .card-body{padding:calc(var(--spacing)*2);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.md\:card-sm{& .card-body{padding:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.md\:card-md{& .card-body{padding:calc(var(--spacing)*8);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:calc(var(--spacing)*3)}}.md\:card-lg{& .card-body{padding:calc(var(--spacing)*10);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*4)}}.md\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1024px){.lg\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.lg\:card-title{align-items:center;gap:calc(var(--spacing)*2);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.lg\:card-body{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*8);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.lg\:card-actions{align-items:flex-start;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.lg\:card-xs{& .card-body{padding:calc(var(--spacing)*2);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.lg\:card-sm{& .card-body{padding:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.lg\:card-md{& .card-body{padding:calc(var(--spacing)*8);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:calc(var(--spacing)*3)}}.lg\:card-lg{& .card-body{padding:calc(var(--spacing)*10);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*4)}}.lg\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1280px){.xl\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.xl\:card-title{align-items:center;gap:calc(var(--spacing)*2);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.xl\:card-body{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*8);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.xl\:card-actions{align-items:flex-start;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.xl\:card-xs{& .card-body{padding:calc(var(--spacing)*2);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.xl\:card-sm{& .card-body{padding:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.xl\:card-md{& .card-body{padding:calc(var(--spacing)*8);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:calc(var(--spacing)*3)}}.xl\:card-lg{& .card-body{padding:calc(var(--spacing)*10);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*4)}}.xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1536px){.\32 xl\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.\32 xl\:card-title{align-items:center;gap:calc(var(--spacing)*2);font-size:1.25rem;font-weight:600;line-height:1.75rem;display:flex}.\32 xl\:card-body{gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*8);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.\32 xl\:card-actions{align-items:flex-start;gap:calc(var(--spacing)*2);flex-wrap:wrap;display:flex}.\32 xl\:card-xs{& .card-body{padding:calc(var(--spacing)*2);font-size:.75rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.\32 xl\:card-sm{& .card-body{padding:calc(var(--spacing)*4);font-size:.875rem;line-height:1.25rem}& .card-title{margin-bottom:calc(var(--spacing)*1)}}.\32 xl\:card-md{& .card-body{padding:calc(var(--spacing)*8);font-size:1rem;line-height:1.5rem}& .card-title{margin-bottom:calc(var(--spacing)*3)}}.\32 xl\:card-lg{& .card-body{padding:calc(var(--spacing)*10);font-size:1rem;line-height:1rem}& .card-title{margin-bottom:calc(var(--spacing)*4)}}.\32 xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0-alpha.39 – MIT License */ .card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}@media (width>=640px){.sm\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.sm\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.sm\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.sm\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.sm\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.sm\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.sm\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.sm\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.sm\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.sm\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=768px){.md\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.md\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.md\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.md\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.md\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.md\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.md\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.md\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.md\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.md\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1024px){.lg\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.lg\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.lg\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.lg\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.lg\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.lg\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.lg\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.lg\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.lg\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.lg\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1280px){.xl\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}@media (width>=1536px){.\32 xl\:card{border-radius:var(--radius-box);flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border:1px solid var(--color-base-200)}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content);position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.\32 xl\:card-title{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.\32 xl\:card-body{flex-direction:column;flex:auto;gap:.5rem;padding:2rem;display:flex;& :where(p){flex-grow:1}}.\32 xl\:card-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.\32 xl\:card-xs{& .card-body{padding:.5rem;font-size:.6875rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-sm{& .card-body{padding:1rem;font-size:.75rem}& .card-title{margin-bottom:.25rem}}.\32 xl\:card-md{& .card-body{padding:2rem;font-size:.875rem}& .card-title{margin-bottom:.75rem}}.\32 xl\:card-lg{& .card-body{padding:2.5rem;font-size:1.125rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-xl{& .card-body{padding:3rem;font-size:1.375rem}& .card-title{margin-bottom:1rem}}.\32 xl\:card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}}
|