daisyui 5.0.0-alpha.27 → 5.0.0-alpha.28

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.
Files changed (31) hide show
  1. package/base/rootscrollgutter/index.js +4 -0
  2. package/base/rootscrollgutter/object.js +1 -0
  3. package/base/rootscrollgutter.css +1 -0
  4. package/base/rootscrolllock/index.js +4 -0
  5. package/base/rootscrolllock/object.js +1 -0
  6. package/base/rootscrolllock.css +1 -0
  7. package/chunks.css +4 -0
  8. package/components/button/object.js +1 -1
  9. package/components/button.css +1 -1
  10. package/components/checkbox/object.js +1 -1
  11. package/components/checkbox.css +1 -1
  12. package/components/collapse/object.js +1 -1
  13. package/components/collapse.css +1 -1
  14. package/components/drawer/index.js +4 -0
  15. package/components/drawer/object.js +1 -0
  16. package/components/drawer.css +1 -0
  17. package/components/fileinput/object.js +1 -1
  18. package/components/fileinput.css +1 -1
  19. package/components/modal/index.js +4 -0
  20. package/components/modal/object.js +1 -0
  21. package/components/modal.css +1 -0
  22. package/components/tab/object.js +1 -1
  23. package/components/tab.css +1 -1
  24. package/components/table/object.js +1 -1
  25. package/components/table.css +1 -1
  26. package/components/textarea/object.js +1 -1
  27. package/components/textarea.css +1 -1
  28. package/full.css +1 -1
  29. package/imports.js +8 -0
  30. package/package.json +1 -1
  31. package/theme/object.js +1 -1
package/base/rootscrollgutter/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import rootscrollgutter from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...rootscrollgutter})
4
+ }
package/base/rootscrollgutter/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {":root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open)>.drawer-toggle:checked)":{"scrollbarGutter":"stable"}};
package/base/rootscrollgutter.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ :root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked){scrollbar-gutter:stable}
package/base/rootscrolllock/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import rootscrolllock from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...rootscrolllock})
4
+ }
package/base/rootscrolllock/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {":root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open)>.drawer-toggle:checked)":{"@apply overflow-hidden":{}}};
package/base/rootscrolllock.css ADDED
@@ -0,0 +1 @@
1
+ /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ :root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked){overflow:hidden}
package/chunks.css CHANGED
@@ -3,8 +3,11 @@
3
3
  @import url(theme/dark/index.css) layer(themes);
4
4
  @import url(base/properties.css) layer(base);
5
5
  @import url(base/typography.css) layer(base);
6
+ @import url(base/rootscrollgutter.css) layer(base);
6
7
  @import url(base/rootcolor.css) layer(base);
7
8
  @import url(base/scrollbar.css) layer(base);
9
+ @import url(base/rootscrolllock.css) layer(base);
10
+ @import url(components/drawer.css) layer(components);
8
11
  @import url(components/divider.css) layer(components);
9
12
  @import url(components/tooltip.css) layer(components);
10
13
  @import url(components/alert.css) layer(components);
@@ -31,6 +34,7 @@
31
34
  @import url(components/loading.css) layer(components);
32
35
  @import url(components/rating.css) layer(components);
33
36
  @import url(components/mask.css) layer(components);
37
+ @import url(components/modal.css) layer(components);
34
38
  @import url(components/toast.css) layer(components);
35
39
  @import url(components/button.css) layer(components);
36
40
  @import url(components/toggle.css) layer(components);
package/components/button/object.js CHANGED
@@ -1 +1 @@
1
- export default {".btn":{"@apply text-base-content inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 text-center no-underline outline-offset-2 select-none align-middle h-10 px-4":{},"fontSize":"var(--font-size-sm)","outlineColor":"var(--color-base-content)","fontWeight":600,"transitionProperty":"color, background-color, background-image, border-color, opacity, box-shadow, scale","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","transitionDuration":".2s","borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","--btn-color":"var(--btn-bg, var(--color-base-200))","backgroundColor":"var(--btn-color)","border":"var(--spacing-button-border, 1px) solid color-mix(in oklab, var(--btn-color), black 5%)","textShadow":"0 0.5px oklch(1 0 0 / .15)","boxShadow":"0 0 0 0.5px oklch(1 0 0 / .01) inset, var(--btn-shadow)","backgroundOrigin":"border-box","backgroundImage":"var(--btn-gradient)","backgroundSize":"100% calc(var(--spacing-button-border, 1px) + .5px),\n 100% calc(var(--spacing-button-border, 1px) + .5px),\n 2rem 100%,\n 2rem 100%","backgroundRepeat":"no-repeat","backgroundPosition":"top, bottom, left, right","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-color) 30%, transparent),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-color) 30%, transparent)","--btn-gradient":"linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(-50deg, transparent 50%, color-mix(in oklab, transparent, white 4%)),\n linear-gradient(50deg, transparent 50%, color-mix(in oklab, transparent, white 4%))","&:hover":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"},"&.btn-active":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:focus-visible":{"outlineWidth":"2px","outlineStyle":"solid"},"&:active:not(.btn-active)":{"translate":"0 .5px","backgroundColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:is(:disabled, [disabled], .btn-disabled)":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{},"--btn-gradient":"unset","&:hover":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{}}},"&:is(input[type=checkbox]),\n &:is(input[type=radio])":{"@apply appearance-none":{},"&:not(.btn-square, .btn-circle)":{"@apply w-auto":{}},"&::after":{"content":"attr(aria-label)"},"&:checked":{"--btn-bg":"var(--color-primary)","@apply border-primary bg-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:hover":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 90%, black)","borderColor":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-bg":"var(--color-primary)","@apply text-primary-content outline-primary":{}},".btn-secondary":{"--btn-bg":"var(--color-secondary)","@apply text-secondary-content outline-secondary":{}},".btn-accent":{"--btn-bg":"var(--color-accent)","@apply text-accent-content outline-accent":{}},".btn-neutral":{"--btn-bg":"var(--color-neutral)","@apply text-neutral-content outline-neutral":{}},".btn-info":{"--btn-bg":"var(--color-info)","@apply text-info-content outline-info":{}},".btn-success":{"--btn-bg":"var(--color-success)","@apply text-success-content outline-success":{}},".btn-warning":{"--btn-bg":"var(--color-warning)","@apply text-warning-content outline-warning":{}},".btn-error":{"--btn-bg":"var(--color-error)","@apply text-error-content outline-error":{}},".btn.glass":{"boxShadow":"none","@apply outline-current hover:[--glass-border-opacity:15%] hover:[--glass-opacity:25%]":{},"&.btn-active":{"--glass-border-opacity":"15%","--glass-opacity":"25%"}},".btn-ghost":{"boxShadow":"none","border":"1px solid transparent","@apply bg-transparent text-current outline-current":{},"--btn-gradient":"unset"},".btn-link":{"boxShadow":"none","@apply text-primary border-transparent bg-transparent underline outline-current hover:border-transparent hover:bg-transparent hover:underline":{},"--btn-gradient":"unset","&.btn-active":{"@apply border-transparent bg-transparent underline":{}}},".btn-outline":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"boxShadow":"none","@apply bg-transparent text-[var(--btn-bg)]":{},"--btn-gradient":"unset"}},".btn-dash":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"boxShadow":"none","borderStyle":"dashed","@apply bg-transparent text-[var(--btn-bg)]":{},"--btn-gradient":"unset"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"boxShadow":"none","color":"var(--btn-bg, var(--color-base-content))","background":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 8%, var(--color-base-200))","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 10%, var(--color-base-200))","--btn-gradient":"unset"}},".btn-xs":{"@apply h-6 px-2":{},"fontSize":"var(--font-size-xs)"},".btn-sm":{"@apply h-8 px-3":{},"fontSize":"var(--font-size-sm)"},".btn-md":{"@apply h-10 px-4":{},"fontSize":"var(--font-size-sm)"},".btn-lg":{"@apply h-14 px-6":{},"fontSize":"var(--font-size-lg)"},".btn-square":{"@apply px-0 size-10":{},"&.btn-xs":{"@apply size-6":{}},"&.btn-sm":{"@apply size-8":{}},"&.btn-md":{"@apply size-10":{}},"&.btn-lg":{"@apply size-14":{}}},".btn-circle":{"@apply rounded-full px-0 size-10":{},"&.btn-xs":{"@apply size-6":{}},"&.btn-sm":{"@apply size-8":{}},"&.btn-md":{"@apply size-10":{}},"&.btn-lg":{"@apply size-14":{}}},".btn-wide":{"@apply w-64":{}},".btn-block":{"@apply w-full":{}}};
1
+ export default {".btn":{"@apply inline-flex shrink-0 cursor-pointer flex-wrap items-center justify-center gap-2 text-center no-underline outline-offset-2 select-none align-middle h-10 px-4":{},"color":"var(--color-base-content)","fontSize":"var(--font-size-sm)","outlineColor":"var(--color-base-content)","fontWeight":600,"transitionProperty":"color, background-color, background-image, border-color, opacity, box-shadow, scale","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","transitionDuration":".2s","borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","--btn-color":"var(--btn-bg, var(--color-base-200))","backgroundColor":"var(--btn-color)","border":"var(--spacing-button-border, 1px) solid color-mix(in oklab, var(--btn-color), black 5%)","textShadow":"0 0.5px oklch(1 0 0 / .15)","boxShadow":"0 0 0 0.5px oklch(1 0 0 / .01) inset, var(--btn-shadow)","backgroundOrigin":"border-box","backgroundImage":"var(--btn-gradient)","backgroundSize":"100% calc(var(--spacing-button-border, 1px) + .5px),\n 100% calc(var(--spacing-button-border, 1px) + .5px),\n 2rem 100%,\n 2rem 100%","backgroundRepeat":"no-repeat","backgroundPosition":"top, bottom, left, right","--btn-shadow":"0 3px 2px -2px color-mix(in oklab, var(--btn-color) 30%, transparent),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-color) 30%, transparent)","--btn-gradient":"linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(to left, transparent 25%, oklch(100% 0 0/.3), transparent 75%),\n linear-gradient(-50deg, transparent 50%, color-mix(in oklab, transparent, white 4%)),\n linear-gradient(50deg, transparent 50%, color-mix(in oklab, transparent, white 4%))","&:hover":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)"},"&.btn-active":{"--btn-color":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:focus-visible":{"outlineWidth":"2px","outlineStyle":"solid"},"&:active:not(.btn-active)":{"translate":"0 .5px","backgroundColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%)","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%)","--btn-shadow":"0 0 0 0 oklch(0% 0 0/.07)"},"&:is(:disabled, [disabled], .btn-disabled)":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{},"--btn-gradient":"unset","&:hover":{"@apply bg-neutral/20 text-base-content/20 pointer-events-none border-transparent":{}}},"&:is(input[type=checkbox]),\n &:is(input[type=radio])":{"@apply appearance-none":{},"&:not(.btn-square, .btn-circle)":{"@apply w-auto":{}},"&::after":{"content":"attr(aria-label)"},"&:checked":{"--btn-bg":"var(--color-primary)","@apply border-primary bg-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:hover":{"backgroundColor":"color-mix(in oklab, var(--color-primary) 90%, black)","borderColor":"color-mix(in oklab, var(--color-primary) 90%, black)"}}}},".btn-primary":{"--btn-bg":"var(--color-primary)","@apply text-primary-content outline-primary":{}},".btn-secondary":{"--btn-bg":"var(--color-secondary)","@apply text-secondary-content outline-secondary":{}},".btn-accent":{"--btn-bg":"var(--color-accent)","@apply text-accent-content outline-accent":{}},".btn-neutral":{"--btn-bg":"var(--color-neutral)","@apply text-neutral-content outline-neutral":{}},".btn-info":{"--btn-bg":"var(--color-info)","@apply text-info-content outline-info":{}},".btn-success":{"--btn-bg":"var(--color-success)","@apply text-success-content outline-success":{}},".btn-warning":{"--btn-bg":"var(--color-warning)","@apply text-warning-content outline-warning":{}},".btn-error":{"--btn-bg":"var(--color-error)","@apply text-error-content outline-error":{}},".btn.glass":{"boxShadow":"none","@apply outline-current hover:[--glass-border-opacity:15%] hover:[--glass-opacity:25%]":{},"&.btn-active":{"--glass-border-opacity":"15%","--glass-opacity":"25%"}},".btn-ghost":{"boxShadow":"none","border":"1px solid transparent","@apply bg-transparent text-current outline-current":{},"--btn-gradient":"unset"},".btn-link":{"boxShadow":"none","@apply text-primary border-transparent bg-transparent underline outline-current hover:border-transparent hover:bg-transparent hover:underline":{},"--btn-gradient":"unset","&.btn-active":{"@apply border-transparent bg-transparent underline":{}}},".btn-outline":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"boxShadow":"none","@apply bg-transparent text-[var(--btn-bg)]":{},"--btn-gradient":"unset"}},".btn-dash":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"boxShadow":"none","borderStyle":"dashed","@apply bg-transparent text-[var(--btn-bg)]":{},"--btn-gradient":"unset"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"boxShadow":"none","color":"var(--btn-bg, var(--color-base-content))","background":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 8%, var(--color-base-200))","borderColor":"color-mix(in oklab, var(--btn-bg, var(--color-base-content)) 10%, var(--color-base-200))","--btn-gradient":"unset"}},".btn-xs":{"@apply h-6 px-2":{},"fontSize":"var(--font-size-xs)"},".btn-sm":{"@apply h-8 px-3":{},"fontSize":"var(--font-size-sm)"},".btn-md":{"@apply h-10 px-4":{},"fontSize":"var(--font-size-sm)"},".btn-lg":{"@apply h-14 px-6":{},"fontSize":"var(--font-size-lg)"},".btn-square":{"@apply px-0 size-10":{},"&.btn-xs":{"@apply size-6":{}},"&.btn-sm":{"@apply size-8":{}},"&.btn-md":{"@apply size-10":{}},"&.btn-lg":{"@apply size-14":{}}},".btn-circle":{"@apply rounded-full px-0 size-10":{},"&.btn-xs":{"@apply size-6":{}},"&.btn-sm":{"@apply size-8":{}},"&.btn-md":{"@apply size-10":{}},"&.btn-lg":{"@apply size-14":{}}},".btn-wide":{"@apply w-64":{}},".btn-block":{"@apply w-full":{}}};
package/components/button.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@media (width>=640px){.sm\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.sm\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.sm\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.sm\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.sm\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.sm\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.sm\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.sm\:btn-wide{width:var(--spacing-64,16rem)}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.md\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.md\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.md\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.md\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.md\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.md\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.md\:btn-wide{width:var(--spacing-64,16rem)}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.lg\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.lg\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.lg\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.lg\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.lg\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.lg\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.lg\:btn-wide{width:var(--spacing-64,16rem)}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.xl\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.xl\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.xl\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.xl\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.xl\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.xl\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.xl\:btn-wide{width:var(--spacing-64,16rem)}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;color:var(--color-base-content, );outline-offset:2px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.\32 xl\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.\32 xl\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.\32 xl\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.\32 xl\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.\32 xl\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.\32 xl\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.\32 xl\:btn-wide{width:var(--spacing-64,16rem)}.\32 xl\:btn-block{width:100%}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;color:var(--color-base-content);font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@media (width>=640px){.sm\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;color:var(--color-base-content);font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.sm\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.sm\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.sm\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.sm\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.sm\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.sm\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.sm\:btn-wide{width:var(--spacing-64,16rem)}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;color:var(--color-base-content);font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.md\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.md\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.md\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.md\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.md\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.md\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.md\:btn-wide{width:var(--spacing-64,16rem)}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;color:var(--color-base-content);font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.lg\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.lg\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.lg\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.lg\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.lg\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.lg\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.lg\:btn-wide{width:var(--spacing-64,16rem)}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;color:var(--color-base-content);font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.xl\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.xl\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.xl\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.xl\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.xl\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.xl\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.xl\:btn-wide{width:var(--spacing-64,16rem)}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;color:var(--color-base-content);font-size:var(--font-size-sm);outline-color:var(--color-base-content);--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border:var(--spacing-button-border,1px)solid color-mix(in oklab,var(--btn-color),black 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,1px) + .5px),100% calc(var(--spacing-button-border,1px) + .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%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(to left,transparent 25%,oklch(100% 0 0/.3),transparent 75%),linear-gradient(-50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04)),linear-gradient(50deg,transparent 50%,oklab(100% 0 5.96046e-8/.04));background-position:top,bottom,0,100%;background-repeat:no-repeat;border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-width:2px;outline-style:solid}&:active: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{box-shadow:none;color:currentColor;--btn-gradient:unset;background-color:#0000;border:1px solid #0000;outline-color:currentColor}.\32 xl\:btn-link{box-shadow:none;color:var(--color-primary, );--btn-gradient:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,: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;background-color:color-mix(in oklch,var(--color-neutral, )20%,transparent);color:color-mix(in oklch,var(--color-base-content, )20%,transparent);--btn-gradient:unset;border-color:#0000;&: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:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.\32 xl\:btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.\32 xl\:btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.\32 xl\:btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.\32 xl\:btn-square{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.\32 xl\:btn-circle{width:var(--spacing-10,2.5rem);height:var(--spacing-10,2.5rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px;&.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-10,2.5rem);height:var(--spacing-10,2.5rem)}&.btn-lg{width:var(--spacing-14,3.5rem);height:var(--spacing-14,3.5rem)}}.\32 xl\:btn-wide{width:var(--spacing-64,16rem)}.\32 xl\:btn-block{width:100%}}
package/components/checkbox/object.js CHANGED
@@ -1 +1 @@
1
- export default {".checkbox":{"border":"1px solid","@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-btn p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s,\n box-shadow 0.2s","&:before":{"@apply block size-full rotate-45 bg-current opacity-0":{},"content":"\"\"","transition":"clip-path 0.3s,\n opacity 0.1s,\n rotate 0.3s,\n translate 0.3s","transitionDelay":"0.1s","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","boxShadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"outline":"2ps solid currentColor","outlineOffset":"2px"},"&:checked,\n &[aria-checked=\"true\"]":{"boxShadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px oklch(0% 0 0 / 0.1)","&:before":{"@apply opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"@apply rotate-0 opacity-100":{},"translate":"0 -35%","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"@apply border-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:checked":{"@apply bg-primary":{}}},".checkbox-secondary":{"@apply border-secondary text-secondary-content":{},"&:focus-visible":{"@apply outline-secondary":{}},"&:checked":{"@apply bg-secondary":{}}},".checkbox-accent":{"@apply border-accent text-accent-content":{},"&:focus-visible":{"@apply outline-accent":{}},"&:checked":{"@apply bg-accent":{}}},".checkbox-success":{"@apply border-success text-success-content":{},"&:focus-visible":{"@apply outline-success":{}},"&:checked":{"@apply bg-success":{}}},".checkbox-warning":{"@apply border-warning text-warning-content":{},"&:focus-visible":{"@apply outline-warning":{}},"&:checked":{"@apply bg-warning":{}}},".checkbox-info":{"@apply border-info text-info-content":{},"&:focus-visible":{"@apply outline-info":{}},"&:checked":{"@apply bg-info":{}}},".checkbox-error":{"@apply border-error text-error-content":{},"&:focus-visible":{"@apply outline-error":{}},"&:checked":{"@apply bg-error":{}}},".checkbox:disabled":{"@apply cursor-not-allowed opacity-20":{}},".checkbox-xs":{"@apply size-4 p-0.5":{}},".checkbox-sm":{"@apply size-5":{}},".checkbox-md":{"@apply size-6":{}},".checkbox-lg":{"@apply size-8":{}}};
1
+ export default {".checkbox":{"border":"1px solid","@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-btn p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s,\n box-shadow 0.2s","&:before":{"@apply block size-full rotate-45 bg-current opacity-0":{},"content":"\"\"","transition":"clip-path 0.3s,\n opacity 0.1s,\n rotate 0.3s,\n translate 0.3s","transitionDelay":"0.1s","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","boxShadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},"&:checked,\n &[aria-checked=\"true\"]":{"boxShadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n 0 1px oklch(0% 0 0 / 0.1)","&:before":{"@apply opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"@apply rotate-0 opacity-100":{},"translate":"0 -35%","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"@apply border-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:checked":{"@apply bg-primary":{}}},".checkbox-secondary":{"@apply border-secondary text-secondary-content":{},"&:focus-visible":{"@apply outline-secondary":{}},"&:checked":{"@apply bg-secondary":{}}},".checkbox-accent":{"@apply border-accent text-accent-content":{},"&:focus-visible":{"@apply outline-accent":{}},"&:checked":{"@apply bg-accent":{}}},".checkbox-success":{"@apply border-success text-success-content":{},"&:focus-visible":{"@apply outline-success":{}},"&:checked":{"@apply bg-success":{}}},".checkbox-warning":{"@apply border-warning text-warning-content":{},"&:focus-visible":{"@apply outline-warning":{}},"&:checked":{"@apply bg-warning":{}}},".checkbox-info":{"@apply border-info text-info-content":{},"&:focus-visible":{"@apply outline-info":{}},"&:checked":{"@apply bg-info":{}}},".checkbox-error":{"@apply border-error text-error-content":{},"&:focus-visible":{"@apply outline-error":{}},"&:checked":{"@apply bg-error":{}}},".checkbox:disabled":{"@apply cursor-not-allowed opacity-20":{}},".checkbox-xs":{"@apply size-4 p-0.5":{}},".checkbox-sm":{"@apply size-5":{}},".checkbox-md":{"@apply size-6":{}},".checkbox-lg":{"@apply size-8":{}}};
package/components/checkbox.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}@media (width>=640px){.sm\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.sm\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.sm\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.sm\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.sm\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.sm\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.sm\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.sm\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.sm\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.sm\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=768px){.md\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.md\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.md\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.md\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.md\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.md\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.md\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.md\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.md\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.md\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1024px){.lg\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.lg\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.lg\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.lg\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.lg\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.lg\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.lg\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.lg\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.lg\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.lg\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1280px){.xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1536px){.\32 xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline:2ps solid currentColor;outline-offset:2px}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.\32 xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.\32 xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.\32 xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.\32 xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.\32 xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.\32 xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.\32 xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.\32 xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ .checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}@media (width>=640px){.sm\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.sm\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.sm\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.sm\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.sm\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.sm\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.sm\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.2}.sm\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.sm\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.sm\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.sm\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=768px){.md\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.md\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.md\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.md\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.md\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.md\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.md\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.md\:checkbox:disabled{cursor:not-allowed;opacity:.2}.md\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.md\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.md\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.md\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1024px){.lg\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.lg\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.lg\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.lg\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.lg\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.lg\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.lg\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.2}.lg\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.lg\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.lg\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.lg\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1280px){.xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}@media (width>=1536px){.\32 xl\:checkbox{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem);cursor:pointer;appearance:none;border-radius:var(--radius-btn, );border:1px solid;border-color:color-mix(in oklch,var(--color-base-content, )20%,transparent);padding:var(--spacing-1,.25rem);vertical-align:middle;color:var(--color-base-content, );flex-shrink:0;transition:background-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px oklch(0% 0 0/.1);&:before{opacity:0;content:"";clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);background-color:currentColor;width:100%;height:100%;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg;box-shadow:inset 0 3px oklch(100% 0 0/.1)}&:focus-visible{outline-offset:2px;outline:2px solid}&:checked,&[aria-checked=true]{box-shadow:inset 0 8px 0 -4px oklch(100% 0 0/.1),0 1px oklch(0% 0 0/.1);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%)}}&:indeterminate{&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{border-color:var(--color-primary, );color:var(--color-primary-content, );&:focus-visible{outline-color:var(--color-primary, )}&:checked{background-color:var(--color-primary, )}}.\32 xl\:checkbox-secondary{border-color:var(--color-secondary, );color:var(--color-secondary-content, );&:focus-visible{outline-color:var(--color-secondary, )}&:checked{background-color:var(--color-secondary, )}}.\32 xl\:checkbox-accent{border-color:var(--color-accent, );color:var(--color-accent-content, );&:focus-visible{outline-color:var(--color-accent, )}&:checked{background-color:var(--color-accent, )}}.\32 xl\:checkbox-success{border-color:var(--color-success, );color:var(--color-success-content, );&:focus-visible{outline-color:var(--color-success, )}&:checked{background-color:var(--color-success, )}}.\32 xl\:checkbox-warning{border-color:var(--color-warning, );color:var(--color-warning-content, );&:focus-visible{outline-color:var(--color-warning, )}&:checked{background-color:var(--color-warning, )}}.\32 xl\:checkbox-info{border-color:var(--color-info, );color:var(--color-info-content, );&:focus-visible{outline-color:var(--color-info, )}&:checked{background-color:var(--color-info, )}}.\32 xl\:checkbox-error{border-color:var(--color-error, );color:var(--color-error-content, );&:focus-visible{outline-color:var(--color-error, )}&:checked{background-color:var(--color-error, )}}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.2}.\32 xl\:checkbox-xs{width:var(--spacing-4,1rem);height:var(--spacing-4,1rem);padding:var(--spacing-0_5,.125rem)}.\32 xl\:checkbox-sm{width:var(--spacing-5,1.25rem);height:var(--spacing-5,1.25rem)}.\32 xl\:checkbox-md{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}.\32 xl\:checkbox-lg{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}}
package/components/collapse/object.js CHANGED
@@ -1 +1 @@
1
- export default {".collapse:not(td):not(tr):not(colgroup)":{"visibility":"visible"},".collapse":{"position":"relative","display":"grid","overflow":"hidden","borderRadius":"var(--rounded-box, 1rem)","width":"100%","gridTemplateRows":"auto 0fr","transition":"grid-template-rows 0.2s",">input[type=\"checkbox\"],\n >input[type=\"radio\"]":{"gridColumnStart":"1","gridRowStart":"1","appearance":"none","opacity":0,"zIndex":1,"width":"100%","padding":"1rem","paddingInlineEnd":"3rem","minHeight":"3.75rem","transition":"background-color 0.2s ease-out"},"&[open],\n &.collapse-open,\n &:focus:not(.collapse-close),\n &:not(.collapse-close):has(> input[type=\"checkbox\"]:checked),\n &:not(.collapse-close):has(> input[type=\"radio\"]:checked)":{"gridTemplateRows":"auto 1fr"},"&[open]>.collapse-content,\n &.collapse-open>.collapse-content,\n &:focus:not(.collapse-close)>.collapse-content,\n &:not(.collapse-close)>input[type=\"checkbox\"]:checked~.collapse-content,\n &:not(.collapse-close)>input[type=\"radio\"]:checked~.collapse-content":{"visibility":"visible","minHeight":"fit-content"},"&:focus-visible,\n &:has(.collapse-title:focus-visible),\n &:has(> input[type=\"checkbox\"]:focus-visible),\n &:has(> input[type=\"radio\"]:focus-visible)":{"outlineColor":"hsl(var(--bc) / 1)","outlineStyle":"solid","outlineWidth":"2px","outlineOffset":"2px"},"&:not(.collapse-open):not(.collapse-close)":{">input[type=\"checkbox\"],\n >input[type=\"radio\"]:not(:checked),\n >.collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title":{"cursor":"unset"},"&[open]> :where(.collapse-content),\n &.collapse-open> :where(.collapse-content),\n &:focus:not(.collapse-close)> :where(.collapse-content),\n &:not(.collapse-close)> :where(input[type=\"checkbox\"]:checked ~ .collapse-content),\n &:not(.collapse-close)> :where(input[type=\"radio\"]:checked ~ .collapse-content)":{"paddingBottom":"1rem","transition":"padding 0.2s ease-out,\n background-color 0.2s ease-out"},"&[open]":{"&.collapse-arrow":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-arrow":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-arrow:focus:not(.collapse-close)":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{">input[type=\"checkbox\"]:checked~.collapse-title:after,\n >input[type=\"radio\"]:checked~.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-plus:focus:not(.collapse-close)":{">.collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{">input[type=\"checkbox\"]:checked~.collapse-title:after,\n >input[type=\"radio\"]:checked~.collapse-title:after":{"content":"\"−\""}}},".collapse-title,\n.collapse-content":{"gridColumnStart":"1","gridRowStart":"1"},".collapse-content":{"visibility":"hidden","gridColumnStart":"1","gridRowStart":"2","minHeight":"0","transition":["visibility 0.2s","padding 0.2s ease-out,\n background-color 0.2s ease-out"],"paddingLeft":"1rem","paddingRight":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transitionProperty":"all","transitionTimingFunction":"cubic-bezier(0.4, 0, 0.2, 1)","transitionDuration":"0.2s","top":"1.9rem","insetInlineEnd":"1.4rem","content":"\"\"","transformOrigin":"75% 75%","boxShadow":"2px 2px","pointerEvents":"none"}},".collapse-plus":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transitionProperty":"all","transitionDuration":"300ms","transitionTimingFunction":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","insetInlineEnd":"1.4rem","content":"\"+\"","pointerEvents":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","paddingInlineEnd":"3rem","minHeight":"3.75rem","transition":"background-color 0.2s ease-out"}};
1
+ export default {".collapse:not(td, tr, colgroup)":{"visibility":"visible"},".collapse":{"position":"relative","display":"grid","overflow":"hidden","borderRadius":"var(--rounded-box, 1rem)","width":"100%","gridTemplateRows":"auto 0fr","transition":"grid-template-rows 0.2s",">input:is([type=\"checkbox\"], [type=\"radio\"])":{"gridColumnStart":"1","gridRowStart":"1","appearance":"none","opacity":0,"zIndex":1,"width":"100%","padding":"1rem","paddingInlineEnd":"3rem","minHeight":"3.75rem","transition":"background-color 0.2s ease-out"},"&:is([open], .collapse-open, :focus:not(.collapse-close)),\n &:not(.collapse-close):has(> input:is([type=\"checkbox\"], [type=\"radio\"]):checked)":{"gridTemplateRows":"auto 1fr"},"&:is([open], .collapse-open, :focus:not(.collapse-close))>.collapse-content,\n &:not(.collapse-close)> :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"visibility":"visible","minHeight":"fit-content"},"&,\n &:has(.collapse-title, > input:is([type=\"checkbox\"], [type=\"radio\"]))":{"&:focus-visible":{"outlineColor":"hsl(var(--bc) / 1)","outlineStyle":"solid","outlineWidth":"2px","outlineOffset":"2px"}},"&:not(.collapse-open, .collapse-close)":{">input[type=\"checkbox\"],\n >input[type=\"radio\"]:not(:checked),\n >.collapse-title":{"cursor":"pointer"}},"&:focus:not(.collapse-open, .collapse-close, .collapse[open])>.collapse-title":{"cursor":"unset"},"&:is([open], .collapse-open, :focus:not(.collapse-close))> :where(.collapse-content),\n &:not(.collapse-close)> :where(input:is([type=\"checkbox\"], [type=\"radio\"]):checked ~ .collapse-content)":{"paddingBottom":"1rem","transition":"padding 0.2s ease-out,\n background-color 0.2s ease-out"},"&:is([open], .collapse-open)":{"&.collapse-arrow":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}}},"&.collapse-arrow:focus:not(.collapse-close)":{">.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&.collapse-arrow:not(.collapse-close)":{">input:is([type=\"checkbox\"], [type=\"radio\"]):checked~.collapse-title:after":{"transform":"translateY(-50%) rotate(225deg)"}},"&[open]":{"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-open":{"&.collapse-plus":{">.collapse-title:after":{"content":"\"−\""}}},"&.collapse-plus:focus:not(.collapse-close)":{">.collapse-title:after":{"content":"\"−\""}},"&.collapse-plus:not(.collapse-close)":{">input:is([type=\"checkbox\"], [type=\"radio\"]):checked~.collapse-title:after":{"content":"\"−\""}}},".collapse-title,\n.collapse-content":{"gridColumnStart":"1","gridRowStart":"1"},".collapse-content":{"visibility":"hidden","gridColumnStart":"1","gridRowStart":"2","minHeight":"0","transition":["visibility 0.2s","padding 0.2s ease-out,\n background-color 0.2s ease-out"],"paddingLeft":"1rem","paddingRight":"1rem","cursor":"unset"},".collapse:is(details)":{"width":"100%","& summary":{"position":"relative","display":"block","&::-webkit-details-marker":{"display":"none"}}},".collapse:is(details) summary":{"outline":"none"},".collapse-arrow":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transform":"translateY(-100%) rotate(45deg)","transitionProperty":"all","transitionTimingFunction":"cubic-bezier(0.4, 0, 0.2, 1)","transitionDuration":"0.2s","top":"1.9rem","insetInlineEnd":"1.4rem","content":"\"\"","transformOrigin":"75% 75%","boxShadow":"2px 2px","pointerEvents":"none"}},".collapse-plus":{">.collapse-title:after":{"position":"absolute","display":"block","height":"0.5rem","width":"0.5rem","transitionProperty":"all","transitionDuration":"300ms","transitionTimingFunction":"cubic-bezier(0.4, 0, 0.2, 1)","top":"0.9rem","insetInlineEnd":"1.4rem","content":"\"+\"","pointerEvents":"none"}},".collapse-title":{"position":"relative","width":"100%","padding":"1rem","paddingInlineEnd":"3rem","minHeight":"3.75rem","transition":"background-color 0.2s ease-out"}};
package/components/collapse.css CHANGED
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ .collapse:not(td):not(tr):not(colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td):not(tr):not(colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input[type=checkbox],&>input[type=radio]{appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&[open],&.collapse-open,&:focus:not(.collapse-close),&:not(.collapse-close):has(>input[type=checkbox]:checked),&:not(.collapse-close):has(>input[type=radio]:checked){grid-template-rows:auto 1fr}&[open]>.collapse-content,&.collapse-open>.collapse-content,&:focus:not(.collapse-close)>.collapse-content,&:not(.collapse-close)>input[type=checkbox]:checked~.collapse-content,&:not(.collapse-close)>input[type=radio]:checked~.collapse-content{visibility:visible;min-height:fit-content}&:focus-visible,&:has(.collapse-title:focus-visible),&:has(>input[type=checkbox]:focus-visible),&:has(>input[type=radio]:focus-visible){outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}&:not(.collapse-open):not(.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open):not(.collapse-close):not(.collapse[open])>.collapse-title{cursor:unset}&[open]>:where(.collapse-content),&.collapse-open>:where(.collapse-content),&:focus:not(.collapse-close)>:where(.collapse-content),&:not(.collapse-close)>:where(input[type=checkbox]:checked~.collapse-content),&:not(.collapse-close)>:where(input[type=radio]:checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&[open]{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-open{&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input[type=checkbox]:checked~.collapse-title:after,&>input[type=radio]:checked~.collapse-title:after{content:"−"}}&>input[type=checkbox],&>input[type=radio]{z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.27 – MIT License */ .collapse:not(td,tr,colgroup){visibility:visible}.collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.collapse-title,.collapse-content{grid-row-start:1;grid-column-start:1}.collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.collapse:is(details) summary{outline:none}.collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}@media (width>=640px){.sm\:collapse:not(td,tr,colgroup){visibility:visible}.sm\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.sm\:collapse-title,.sm\:collapse-content{grid-row-start:1;grid-column-start:1}.sm\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.sm\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.sm\:collapse:is(details) summary{outline:none}.sm\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.sm\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.sm\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=768px){.md\:collapse:not(td,tr,colgroup){visibility:visible}.md\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.md\:collapse-title,.md\:collapse-content{grid-row-start:1;grid-column-start:1}.md\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.md\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.md\:collapse:is(details) summary{outline:none}.md\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.md\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.md\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1024px){.lg\:collapse:not(td,tr,colgroup){visibility:visible}.lg\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.lg\:collapse-title,.lg\:collapse-content{grid-row-start:1;grid-column-start:1}.lg\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.lg\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.lg\:collapse:is(details) summary{outline:none}.lg\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.lg\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.lg\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1280px){.xl\:collapse:not(td,tr,colgroup){visibility:visible}.xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.xl\:collapse-title,.xl\:collapse-content{grid-row-start:1;grid-column-start:1}.xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.xl\:collapse:is(details) summary{outline:none}.xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}@media (width>=1536px){.\32 xl\:collapse:not(td,tr,colgroup){visibility:visible}.\32 xl\:collapse{border-radius:var(--rounded-box,1rem);grid-template-rows:auto 0fr;width:100%;transition:grid-template-rows .2s;display:grid;position:relative;overflow:hidden;&>input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;grid-row-start:1;grid-column-start:1}&:is([open],.collapse-open,:focus:not(.collapse-close)),&:not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:auto 1fr}&:is([open],.collapse-open,:focus:not(.collapse-close))>.collapse-content,&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible;min-height:fit-content}&,&:has(.collapse-title,>input:is([type=checkbox],[type=radio])){&:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-width:2px;outline-style:solid}}&:not(.collapse-open,.collapse-close){&>input[type=checkbox],&>input[type=radio]:not(:checked),&>.collapse-title{cursor:pointer}}&:focus:not(.collapse-open,.collapse-close,.collapse[open])>.collapse-title{cursor:unset}&:is([open],.collapse-open,:focus:not(.collapse-close))>:where(.collapse-content),&:not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem;transition:padding .2s ease-out,background-color .2s ease-out}&:is([open],.collapse-open){&.collapse-arrow{&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}}&.collapse-arrow:focus:not(.collapse-close){&>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&.collapse-arrow:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}&[open]{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-open{&.collapse-plus{&>.collapse-title:after{content:"−"}}}&.collapse-plus:focus:not(.collapse-close){&>.collapse-title:after{content:"−"}}&.collapse-plus:not(.collapse-close){&>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{content:"−"}}&>input:is([type=checkbox],[type=radio]){z-index:1;padding:1rem;width:100%;min-height:3.75rem;padding-inline-end:3rem;transition:background-color .2s ease-out}}.\32 xl\:collapse-title,.\32 xl\:collapse-content{grid-row-start:1;grid-column-start:1}.\32 xl\:collapse-content{visibility:hidden;cursor:unset;grid-row-start:2;grid-column-start:1;min-height:0;padding-left:1rem;padding-right:1rem;transition:padding .2s ease-out,background-color .2s ease-out}.\32 xl\:collapse:is(details){width:100%;& summary{display:block;position:relative;&::-webkit-details-marker{display:none}}}.\32 xl\:collapse:is(details) summary{outline:none}.\32 xl\:collapse-arrow{&>.collapse-title:after{top:1.9rem;content:"";transform-origin:75% 75%;pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem;transform:translateY(-100%)rotate(45deg);box-shadow:2px 2px}}.\32 xl\:collapse-plus{&>.collapse-title:after{top:.9rem;content:"+";pointer-events:none;width:.5rem;height:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset-inline-end:1.4rem}}.\32 xl\:collapse-title{width:100%;min-height:3.75rem;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out;position:relative}}
package/components/drawer/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import drawer from './object.js';
2
+ export default ({ addComponents }) => {
3
+ addComponents({...drawer})
4
+ }
package/components/drawer/object.js ADDED
@@ -0,0 +1 @@
1
+ export default {".drawer":{"@apply relative grid":{},"width":"100%","gridAutoColumns":"max-content auto"},".drawer-content":{"@apply col-start-2 row-start-1 min-w-0":{}},".drawer-side":{"@apply pointer-events-none fixed start-0 top-0 col-start-1 row-start-1 grid w-full grid-cols-1 grid-rows-1 items-start justify-items-start overflow-x-hidden overflow-y-hidden overscroll-contain":{},"height":["100vh","100dvh"],"&>.drawer-overlay":{"@apply sticky top-0 place-self-stretch cursor-pointer bg-transparent":{},"transition":"background-color 0.2s ease-out"},"&>*":{"@apply col-start-1 row-start-1":{}},"&>*:not(.drawer-overlay)":{"@apply will-change-transform":{},"transition":"translate 0.3s ease-out","translate":"-100%","[dir=\"rtl\"] &":{"translate":"100%"}}},".drawer-toggle":{"@apply fixed h-0 w-0 appearance-none opacity-0":{},"&:checked":{"&~.drawer-side":{"@apply pointer-events-auto visible overflow-y-auto":{},"&>.drawer-overlay":{"backgroundColor":"oklch(0% 0 0 / 40%)"},"&>*:not(.drawer-overlay)":{"translate":"0%"}}},"&:focus-visible~.drawer-content label.drawer-button":{"outline":"2px solid","outlineOffset":"2px"}},".drawer-end":{"gridAutoColumns":"auto max-content",".drawer-toggle":{"&~.drawer-content":{"@apply col-start-1":{}},"&~.drawer-side":{"@apply col-start-2 justify-items-end":{}},"&~.drawer-side>*:not(.drawer-overlay)":{"translate":"100%","[dir=\"rtl\"] &":{"translate":"-100%"}},"&:checked~.drawer-side>*:not(.drawer-overlay)":{"translate":"0%"}}},".drawer-open":{"&>.drawer-side":{"@apply overflow-y-auto":{}},"&>.drawer-toggle":{"@apply hidden":{},"&~.drawer-side":{"@apply pointer-events-auto visible sticky block w-auto overscroll-auto":{},"&>.drawer-overlay":{"@apply cursor-default bg-transparent":{}},"&>*:not(.drawer-overlay)":{"translate":"0%","[dir=\"rtl\"] &":{"translate":"0%"}}},"&:checked~.drawer-side":{"@apply pointer-events-auto visible":{}}}}};