daisyui 5.0.0-alpha.4 → 5.0.0-alpha.41

package/components/button/index.js

@@ -1,172 +1,7 @@
-export default {
-  ".btn": {
-    "@apply text-base-content outline-base-content inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 rounded-[var(--radius-btn)] text-center text-sm/none font-semibold no-underline outline-offset-2 duration-200 ease-out select-none align-middle h-10 px-4": {},
-    "transitionProperty": "color, background-color, border-color, opacity, box-shadow, transform",
-    "backgroundColor": "var(--btn-bg, var(--color-base-200))",
-    "borderWidth": "var(--spacing-button-border)",
-    "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 2%)",
-    "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 4%)",
-    "boxShadow": "0 1px 1px 0 oklch(0% 0 0/0.07)",
-    "&:hover": {
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-      "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)"
-    },
-    "&.btn-active": {
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-      "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
-      "boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
-    },
-    "&:focus-visible": {
-      "@apply outline outline-2": {}
-    },
-    "&:active": {
-      "&:focus": {
-        "transform": "scale(var(--btn-focus-scale, 0.98))",
-        "@apply animate-[button-pop_0s_ease-out]": {},
-        "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)",
-        "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)",
-        "borderBottomColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%)",
-        "boxShadow": "0 0 0 0 oklch(0% 0 0/0.07)"
-      },
-      "&:hover": {
-        "transform": "scale(var(--btn-focus-scale, 0.97))",
-        "@apply animate-[button-pop_0s_ease-out]": {}
-      }
-    },
-    "&:is(:disabled, [disabled], .btn-disabled)": {
-      "@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent": {},
-      "&:hover": {
-        "@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent": {}
-      }
-    },
-    "&:is(input[type=checkbox]),\n  &:is(input[type=radio])": {
-      "@apply w-auto appearance-none": {},
-      "&::after": {
-        "@apply content-[attr(aria-label)]": {}
-      },
-      "&:checked": {
-        "@apply border-primary bg-primary text-primary-content": {},
-        "&:focus-visible": {
-          "@apply outline-primary": {}
-        },
-        "&:hover": {
-          "backgroundColor": "color-mix(in oklab, var(--color-primary) 90%, black)",
-          "borderColor": "color-mix(in oklab, var(--color-primary) 90%, black)"
-        }
-      }
-    }
-  },
-  ".btn-primary": {
-    "--btn-bg": "var(--color-primary)",
-    "@apply text-primary-content outline-primary": {}
-  },
-  ".btn-secondary": {
-    "--btn-bg": "var(--color-secondary)",
-    "@apply text-secondary-content outline-secondary": {}
-  },
-  ".btn-accent": {
-    "--btn-bg": "var(--color-accent)",
-    "@apply text-accent-content outline-accent": {}
-  },
-  ".btn-neutral": {
-    "--btn-bg": "var(--color-neutral)",
-    "@apply text-neutral-content outline-neutral": {}
-  },
-  ".btn-info": {
-    "--btn-bg": "var(--color-info)",
-    "@apply text-info-content outline-info": {}
-  },
-  ".btn-success": {
-    "--btn-bg": "var(--color-success)",
-    "@apply text-success-content outline-success": {}
-  },
-  ".btn-warning": {
-    "--btn-bg": "var(--color-warning)",
-    "@apply text-warning-content outline-warning": {}
-  },
-  ".btn-error": {
-    "--btn-bg": "var(--color-error)",
-    "@apply text-error-content outline-error": {}
-  },
-  ".btn.glass": {
-    "@apply shadow-none outline-current hover:[--glass-border-opacity:15%] hover:[--glass-opacity:25%]": {},
-    "&.btn-active": {
-      "--glass-border-opacity": "15%",
-      "--glass-opacity": "25%"
-    }
-  },
-  ".btn-ghost": {
-    "@apply hover:bg-base-content/20 border border-transparent bg-transparent text-current shadow-none outline-current hover:border-transparent": {},
-    "&.btn-active": {
-      "@apply bg-base-content/20 border-transparent": {}
-    }
-  },
-  ".btn-link": {
-    "@apply text-primary border-transparent bg-transparent underline shadow-none outline-current hover:border-transparent hover:bg-transparent hover:underline": {},
-    "&.btn-active": {
-      "@apply border-transparent bg-transparent underline": {}
-    }
-  },
-  ".btn-outline": {
-    "&:not(.btn-active):not(:hover)": {
-      "@apply bg-transparent text-[var(--btn-bg)] shadow-none": {}
-    },
-    "&.btn-active": {
-      "borderColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black)",
-      "backgroundColor": "color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black)"
-    }
-  },
-  ".btn-xs": {
-    "@apply h-6 px-2": {},
-    "fontSize": "var(--font-size-xs)"
-  },
-  ".btn-sm": {
-    "@apply h-8 px-3": {},
-    "fontSize": "var(--font-size-sm)"
-  },
-  ".btn-md": {
-    "@apply h-10 px-4": {},
-    "fontSize": "var(--font-size-sm)"
-  },
-  ".btn-lg": {
-    "@apply h-14 px-6": {},
-    "fontSize": "var(--font-size-lg)"
-  },
-  ".btn-square": {
-    "@apply px-0 size-12": {},
-    "&.btn-xs": {
-      "@apply size-6": {}
-    },
-    "&.btn-sm": {
-      "@apply size-8": {}
-    },
-    "&.btn-md": {
-      "@apply size-12": {}
-    },
-    "&.btn-lg": {
-      "@apply size-16": {}
-    }
-  },
-  ".btn-circle": {
-    "@apply aspect-square rounded-full px-0": {}
-  },
-  ".btn-wide": {
-    "@apply w-64": {}
-  },
-  ".btn-block": {
-    "@apply w-full": {}
-  },
-  "@keyframes button-pop": {
-    "0%": {
-      "transform": "scale(var(--btn-focus-scale, 0.98))"
-    },
-    "40%": {
-      "transform": "scale(1.02)"
-    },
-    "100%": {
-      "transform": "scale(1)"
-    }
-  }
-};
+import button from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedbutton = addPrefix(button, prefix);
+  addComponents({ ...prefixedbutton });
+};

package/components/button/object.js

@@ -0,0 +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 oklab, 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 oklab, 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

@@ -1,295 +1 @@
-.btn {
-    display: inline-flex;
-    height: var(--spacing-10, 2.5rem);
-    flex-shrink: 0;
-    cursor: pointer;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacing-2, 0.5rem);
-    border-radius: var(--radius-btn);
-    padding-left: var(--spacing-4, 1rem);
-    padding-right: var(--spacing-4, 1rem);
-    text-align: center;
-    vertical-align: middle;
-    font-size: var(--font-size-sm, 0.875rem);
-    line-height: var(--line-height-none, 1);
-    --tw-font-weight: 600;
-    font-weight: 600;
-    color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-    text-decoration-line: none;
-    outline-offset: 2px;
-    outline-color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-    --tw-ease: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-    transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-    -webkit-user-select: none;
-    user-select: none;
-    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
-    background-color: var(--btn-bg, var(--color-base-200));
-    border-width: var(--spacing-button-border);
-    border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 2%);
-    border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 4%);
-    box-shadow: 0 1px 1px 0 oklch(0% 0 0/0.07);
-    &:hover {
-      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%);
-      border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%);
-    }
-    &.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%);
-      border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%);
-      box-shadow: 0 0 0 0 oklch(0% 0 0/0.07);
-    }
-    &:focus-visible {
-      outline-style: var(--tw-outline-style);
-      outline-width: 1px;
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
-    &:active {
-      &:focus {
-        transform: scale(var(--btn-focus-scale, 0.98));
-        animation: button-pop 0s ease-out;
-        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%);
-        border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 9%);
-        box-shadow: 0 0 0 0 oklch(0% 0 0/0.07);
-      }
-      &:hover {
-        transform: scale(var(--btn-focus-scale, 0.97));
-        animation: button-pop 0s ease-out;
-      }
-    }
-  }
-  .btn-primary {
-    --btn-bg: var(--color-primary);
-    color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
-    outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-  }
-  .btn-secondary {
-    --btn-bg: var(--color-secondary);
-    color: var(--color-secondary-content, oklch(98.71% 0.0106 342.55));
-    outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-  }
-  .btn-accent {
-    --btn-bg: var(--color-accent);
-    color: var(--color-accent-content, oklch(15.352% 0.0368 183.61));
-    outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
-  }
-  .btn-neutral {
-    --btn-bg: var(--color-neutral);
-    color: var(--color-neutral-content, oklch(89.4994% 0.011585 252.096176));
-    outline-color: var(--color-neutral, oklch(32.1785% 0.02476 255.701624));
-  }
-  .btn-info {
-    --btn-bg: var(--color-info);
-    color: var(--color-info-content, oklch(0% 0 0));
-    outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
-  }
-  .btn-success {
-    --btn-bg: var(--color-success);
-    color: var(--color-success-content, oklch(0% 0 0));
-    outline-color: var(--color-success, oklch(64.8% 0.15 160));
-  }
-  .btn-warning {
-    --btn-bg: var(--color-warning);
-    color: var(--color-warning-content, oklch(0% 0 0));
-    outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
-  }
-  .btn-error {
-    --btn-bg: var(--color-error);
-    color: var(--color-error-content, oklch(0% 0 0));
-    outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
-  }
-  .btn.glass {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    outline-color: currentColor;
-    &:hover {
-      @media (hover: hover) {
-        --glass-border-opacity: 15%;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        --glass-opacity: 25%;
-      }
-    }
-    &.btn-active {
-      --glass-border-opacity: 15%;
-      --glass-opacity: 25%;
-    }
-  }
-  .btn-ghost {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: transparent;
-    background-color: transparent;
-    color: currentColor;
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    outline-color: currentColor;
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      }
-    }
-    &.btn-active {
-      border-color: transparent;
-      background-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-    }
-  }
-  .btn-link {
-    border-color: transparent;
-    background-color: transparent;
-    color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-    text-decoration-line: underline;
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    outline-color: currentColor;
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
-    }
-    &.btn-active {
-      border-color: transparent;
-      background-color: transparent;
-      text-decoration-line: underline;
-    }
-  }
-  .btn-outline {
-    &:not(.btn-active):not(:hover) {
-      background-color: transparent;
-      color: var(--btn-bg);
-      --tw-shadow: 0 0 #0000;
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-    &.btn-active {
-      border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black);
-      background-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black);
-    }
-  }
-  .btn {
-    &:is(:disabled, [disabled], .btn-disabled) {
-      pointer-events: none;
-      border-color: transparent;
-      background-color: color-mix(in srgb, var(--color-neutral, oklch(32.1785% 0.02476 255.701624)) 20%, transparent);
-      color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      &:hover {
-        pointer-events: none;
-        border-color: transparent;
-        background-color: color-mix(in srgb, var(--color-neutral, oklch(32.1785% 0.02476 255.701624)) 20%, transparent);
-        color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      }
-    }
-  }
-  .btn {
-    &:is(input[type=checkbox]), &:is(input[type=radio]) {
-      width: auto;
-      appearance: none;
-      &::after {
-        --tw-content: attr(aria-label);
-        content: var(--tw-content);
-      }
-      &:checked {
-        border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        background-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
-        &:focus-visible {
-          outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        }
-        &:hover {
-          background-color: color-mix(in oklab, var(--color-primary) 90%, black);
-          border-color: color-mix(in oklab, var(--color-primary) 90%, black);
-        }
-      }
-    }
-  }
-  .btn-xs {
-    height: var(--spacing-6, 1.5rem);
-    padding-left: var(--spacing-2, 0.5rem);
-    padding-right: var(--spacing-2, 0.5rem);
-    font-size: var(--font-size-xs);
-  }
-  .btn-sm {
-    height: var(--spacing-8, 2rem);
-    padding-left: var(--spacing-3, 0.75rem);
-    padding-right: var(--spacing-3, 0.75rem);
-    font-size: var(--font-size-sm);
-  }
-  .btn-md {
-    height: var(--spacing-10, 2.5rem);
-    padding-left: var(--spacing-4, 1rem);
-    padding-right: var(--spacing-4, 1rem);
-    font-size: var(--font-size-sm);
-  }
-  .btn-lg {
-    height: var(--spacing-14, 3.5rem);
-    padding-left: var(--spacing-6, 1.5rem);
-    padding-right: var(--spacing-6, 1.5rem);
-    font-size: var(--font-size-lg);
-  }
-  .btn-square {
-    width: var(--spacing-12, 3rem);
-    height: var(--spacing-12, 3rem);
-    padding-left: var(--spacing-0, 0px);
-    padding-right: var(--spacing-0, 0px);
-    &.btn-xs {
-      width: var(--spacing-6, 1.5rem);
-      height: var(--spacing-6, 1.5rem);
-    }
-    &.btn-sm {
-      width: var(--spacing-8, 2rem);
-      height: var(--spacing-8, 2rem);
-    }
-    &.btn-md {
-      width: var(--spacing-12, 3rem);
-      height: var(--spacing-12, 3rem);
-    }
-    &.btn-lg {
-      width: var(--spacing-16, 4rem);
-      height: var(--spacing-16, 4rem);
-    }
-  }
-  .btn-circle {
-    aspect-ratio: 1 / 1;
-    border-radius: calc(infinity * 1px);
-    padding-left: var(--spacing-0, 0px);
-    padding-right: var(--spacing-0, 0px);
-  }
-  .btn-wide {
-    width: var(--spacing-64, 16rem);
-  }
-  .btn-block {
-    width: 100%;
-  }
-  @keyframes button-pop {
-    0% {
-      transform: scale(var(--btn-focus-scale, 0.98));
-    }
-    40% {
-      transform: scale(1.02);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.41 – 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 oklab,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklab,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 oklab,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklab,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 oklab,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklab,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 oklab,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklab,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 oklab,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklab,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 oklab,var(--color-neutral)20%,transparent)}&:hover{pointer-events:none;background-color:color-mix(in oklab,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%}}

package/components/calendar/index.js

@@ -0,0 +1,7 @@
+import calendar from './object.js';
+import { addPrefix } from '../../functions/addPrefix.js';
+
+export default ({ addComponents, prefix = '' }) => {
+  const prefixedcalendar = addPrefix(calendar, prefix);
+  addComponents({ ...prefixedcalendar });
+};

package/components/calendar/object.js

@@ -0,0 +1 @@
+export default {".cally":{"font-size":"0.7rem","&::part(container)":{"padding":"0.5rem","user-select":"none","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)","border":"1px solid var(--color-base-200)"},"::part(th)":{"font-weight":"normal"},"::part(head)":{"opacity":0.5,"font-size":"0.7rem"},"&::part(button)":{"border-radius":"var(--radius-field)","border":"none","padding":"0.5rem","background":"transparent"},"&::part(button):hover":{"background":"var(--color-base-200)"},"::part(day)":{"border-radius":"var(--radius-field)","font-size":"0.7rem"},"::part(button day today)":{"color":"var(--color-primary)"},"::part(selected)":{"color":"var(--color-base-100)","background":"var(--color-base-content)","border-radius":"var(--radius-field)"},"::part(range-inner)":{"border-radius":"0"},"::part(range-start)":{"border-start-end-radius":"0","border-end-end-radius":"0"},"::part(range-end)":{"border-start-start-radius":"0","border-end-start-radius":"0"},"::part(range-start range-end)":{"border-radius":"var(--radius-field)"}},".react-date-picker":{"user-select":"none","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)","border":"1px solid var(--color-base-200)","font-size":"0.75rem","display":"inline-block","position":"relative","overflow":"clip","&[dir=\"rtl\"]":{"& .rdp-nav":{"& .rdp-chevron":{"transform-origin":"50%","transform":"rotate(180deg)"}}},"& *":{"box-sizing":"border-box"},"& .rdp-day":{"width":"2.25rem","height":"2.25rem","text-align":"center"},"& .rdp-day_button":{"cursor":"pointer","font":"inherit","color":"inherit","width":"2.25rem","height":"2.25rem","border":"2px solid transparent","border-radius":"var(--radius-field)","background":"0 0","justify-content":"center","align-items":"center","margin":"0","padding":"0","display":"flex","&:disabled":{"cursor":"revert"},"&:hover":{"background-color":"var(--color-base-200)"}},"& .rdp-caption_label":{"z-index":1,"white-space":"nowrap","border":"0","align-items":"center","display":"inline-flex","position":"relative"},"& .rdp-button_next":{"border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"}},"& .rdp-button_previous":{"border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"}},"& .rdp-button_next, & .rdp-button_previous":{"cursor":"pointer","font":"inherit","color":"inherit","appearance":"none","width":"2.25rem","height":"2.25rem","background":"0 0","border":"none","justify-content":"center","align-items":"center","margin":"0","padding":"0","display":"inline-flex","position":"relative","&:disabled":{"cursor":"revert","opacity":0.5}},"& .rdp-chevron":{"fill":"var(--color-base-content)","width":"1rem","height":"1rem","display":"inline-block"},"& .rdp-dropdowns":{"align-items":"center","gap":"0.5rem","display":"inline-flex","position":"relative"},"& .rdp-dropdown":{"z-index":2,"opacity":0,"appearance":"none","cursor":"inherit","line-height":"inherit","border":"none","width":"100%","margin":"0","padding":"0","position":"absolute","inset-block":"0","inset-inline-start":"0","&:focus-visible":{"& ~ .rdp-caption_label":{"outline":["5px auto highlight","5px auto -webkit-focus-ring-color"]}}},"& .rdp-dropdown_root":{"align-items":"center","display":"inline-flex","position":"relative","&[data-disabled=\"true\"]":{"& .rdp-chevron":{"opacity":0.5}}},"& .rdp-month_caption":{"height":"2.75rem","font-size":"0.75rem","font-weight":"inherit","place-content":"center","display":"flex"},"& .rdp-months":{"gap":"2rem","flex-wrap":"wrap","max-width":"fit-content","padding":"0.5rem","display":"flex","position":"relative"},"& .rdp-month_grid":{"border-collapse":"collapse"},"& .rdp-nav":{"height":"2.75rem","inset-block-start":"0","inset-inline-end":"0","justify-content":"space-between","align-items":"center","width":"100%","padding-inline":"0.5rem","display":"flex","position":"absolute","top":"0.25rem"},"& .rdp-weekday":{"opacity":0.6,"padding":"0.5rem 0rem","text-align":"center","font-size":"smaller","font-weight":500},"& .rdp-week_number":{"opacity":0.6,"height":"2.25rem","width":"2.25rem","border":"none","border-radius":"100%","text-align":"center","font-size":"small","font-weight":400},"& .rdp-today:not(.rdp-outside)":{"color":"var(--color-primary)"},"& .rdp-selected":{"font-weight":"inherit","font-size":"0.75rem","& .rdp-day_button":{"color":"var(--color-base-100)","background-color":"var(--color-base-content)","border-radius":"var(--radius-field)","border":"none","&:hover":{"background-color":"var(--color-base-content)"}}},"& .rdp-outside":{"opacity":0.75},"& .rdp-disabled":{"opacity":0.5},"& .rdp-hidden":{"visibility":"hidden","color":"var(--color-base-content)"},"& .rdp-range_start":{"& .rdp-day_button":{"border-radius":"var(--radius-field) 0 0 var(--radius-field)"}},"& .rdp-range_start .rdp-day_button":{"background-color":"var(--color-base-content)","color":"var(--color-base-content)"},"& .rdp-range_middle":{"background-color":"var(--color-base-200)"},"& .rdp-range_middle .rdp-day_button":{"border":"unset","border-radius":"unset","color":"inherit"},"& .rdp-range_end":{"color":"var(--color-base-content)","& .rdp-day_button":{"border-radius":"0 var(--radius-field) var(--radius-field) 0"}},"& .rdp-range_end .rdp-day_button":{"color":"var(--color-base-content)","background-color":"var(--color-base-content)"},"& .rdp-range_start.rdp-range_end":{"background":"revert"},"& .rdp-focusable":{"cursor":"pointer"},"& .rdp-footer":{"border-top":"1px solid var(--color-base-200)","padding":"0.5rem"}},".pika-single":{"&:is(div)":{"user-select":"none","font-size":"0.75rem","z-index":9999,"display":"inline-block","position":"relative","color":"var(--color-base-content)","background-color":"var(--color-base-100)","border-radius":"var(--radius-box)","border":"1px solid var(--color-base-200)","padding":"0.5rem","&:before, &:after":{"content":"\"\"","display":"table"},"&:after":{"clear":"both"},"&.is-hidden":{"display":"none"},"&.is-bound":{"position":"absolute"},".pika-lendar":{"css-float":"left"},".pika-title":{"position":"relative","text-align":"center","select":{"cursor":"pointer","position":"absolute","z-index":9998,"margin":"0","left":"0","top":"5px","opacity":0}},".pika-label":{"display":"inline-block","position":"relative","z-index":9999,"overflow":"hidden","margin":"0","padding":"5px 3px","background-color":"var(--color-base-100)"},".pika-prev, .pika-next":{"display":"block","cursor":"pointer","position":"absolute","top":"0","outline":"none","border":"0","width":"2.25rem","height":"2.25rem","color":"transparent","font-size":"1.2em","border-radius":"var(--radius-field)","&:hover":{"background-color":"var(--color-base-200)"},"&.is-disabled":{"cursor":"default","opacity":0.2},"&:before":{"display":"inline-block","width":"2.25rem","height":"2.25rem","line-height":2.25,"color":"var(--color-base-content)"}},".pika-prev":{"left":"0","&:before":{"content":"\"‹\""}},".pika-next":{"right":"0","&:before":{"content":"\"›\""}},".pika-select":{"display":"inline-block"},".pika-table":{"width":"100%","border-collapse":"collapse","border-spacing":"0","border":"0","th, td":{"padding":"0"},"th":{"opacity":0.6,"text-align":"center","width":"2.25rem","height":"2.25rem"}},".pika-button":{"cursor":"pointer","display":"block","outline":"none","border":"0","margin":"0","width":"2.25rem","height":"2.25rem","padding":"5px","text-align":["right","center"]},".pika-week":{"color":"var(--color-base-content)"},".is-today":{".pika-button":{"color":"var(--color-primary)"}},".is-selected, .has-event":{".pika-button":{"&, &:hover":{"color":"var(--color-base-100)","background-color":"var(--color-base-content)","border-radius":"var(--radius-field)"}}},".has-event":{".pika-button":{"background":"var(--color-base-primary)"}},".is-disabled, .is-inrange":{".pika-button":{"background":"var(--color-base-primary)"}},".is-startrange":{".pika-button":{"color":"var(--color-base-100)","background":"var(--color-base-content)","border-radius":"var(--radius-field)"}},".is-endrange":{".pika-button":{"color":"var(--color-base-100)","background":"var(--color-base-content)","border-radius":"var(--radius-field)"}},".is-disabled":{".pika-button":{"pointer-events":"none","cursor":"default","color":"var(--color-base-content)","opacity":0.3}},".is-outside-current-month":{".pika-button":{"color":"var(--color-base-content)","opacity":0.3}},".is-selection-disabled":{"pointer-events":"none","cursor":"default"},".pika-button:hover, .pika-row.pick-whole-week:hover .pika-button":{"color":"var(--color-base-content)","background-color":"var(--color-base-200)","border-radius":"var(--radius-field)"},".pika-table abbr":{"text-decoration":"none","font-weight":"normal"}}}};