daisyui/components/button.css

daisyUI 5 - The Tailwind CSS Component Library

/*! 🌼 daisyUI 5.6.3 - MIT License */ @layer utilities{:where(.btn){@layer daisyui.l1.l2.l3{width:unset}}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.btn{@layer daisyui.l1.l2.l3{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}}@layer daisyui.l1.l2{&:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}@media (hover:hover){&:hover{--btn-bg:var(--btn-hover-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));color:var(--btn-fg);--btn-border:var(--btn-hover-border,color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)));--btn-border-style:solid;--btn-inset:var(--btn-hover-inset,0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)));--btn-shadow:var(--btn-hover-shadow,0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000))}}&:active:not(.btn-active){translate:0 var(--btn-active-translate,.5px);--btn-bg:var(--btn-active-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-active-border,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));--btn-border-style:solid;--btn-inset:var(--btn-active-inset,0 0 0 0 oklch(0% 0 0/0));--btn-shadow:var(--btn-active-shadow,0 0 0 0 oklch(0% 0 0/0))}&:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}}.btn-active{@layer daisyui.l1.l2{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-hover-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-hover-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-hover-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-hover-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-active-translate:0;--btn-active-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-active-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-active-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-active-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}.btn-outline,.btn-dash{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.btn-dash{@layer daisyui.l1.l2.l3{--btn-border-style:dashed}}.btn-ghost{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.btn-soft{@layer daisyui.l1.l2.l3{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.btn-link{@layer daisyui.l1{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}}.btn-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}.btn-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}}.btn-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}}.btn-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}}.btn-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}}.btn-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}}.btn-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}}.btn-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}}.btn-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.btn-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.btn-md{@layer daisyui.l1.l2{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.btn-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.btn-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}.btn-wide{@layer daisyui.l1.l2{width:100%;max-width:16rem}}.btn-block{@layer daisyui.l1.l2{width:100%}}.btn-square{@layer daisyui.l1.l2{width:var(--size);height:var(--size);padding-inline:0}}.btn-circle{@layer daisyui.l1.l2{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}.btn-disabled,.btn:is(:disabled,[disabled],[aria-disabled=true]){@layer daisyui{pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}@media (width>=640px){:where(.btn){@layer daisyui.l1.l2.l3{width:unset}}.sm\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.sm\:btn{@layer daisyui.l1.l2.l3{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}}@layer daisyui.l1.l2{&:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}@media (hover:hover){&:hover{--btn-bg:var(--btn-hover-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));color:var(--btn-fg);--btn-border:var(--btn-hover-border,color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)));--btn-border-style:solid;--btn-inset:var(--btn-hover-inset,0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)));--btn-shadow:var(--btn-hover-shadow,0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000))}}&:active:not(.btn-active){translate:0 var(--btn-active-translate,.5px);--btn-bg:var(--btn-active-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-active-border,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));--btn-border-style:solid;--btn-inset:var(--btn-active-inset,0 0 0 0 oklch(0% 0 0/0));--btn-shadow:var(--btn-active-shadow,0 0 0 0 oklch(0% 0 0/0))}&:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}}.sm\:btn-active{@layer daisyui.l1.l2{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-hover-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-hover-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-hover-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-hover-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-active-translate:0;--btn-active-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-active-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-active-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-active-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}.sm\:btn-outline,.sm\:btn-dash{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.sm\:btn-dash{@layer daisyui.l1.l2.l3{--btn-border-style:dashed}}.sm\:btn-ghost{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.sm\:btn-soft{@layer daisyui.l1.l2.l3{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.sm\:btn-link{@layer daisyui.l1{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}}.sm\:btn-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}.sm\:btn-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}}.sm\:btn-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}}.sm\:btn-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}}.sm\:btn-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}}.sm\:btn-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}}.sm\:btn-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}}.sm\:btn-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}}.sm\:btn-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.sm\:btn-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.sm\:btn-md{@layer daisyui.l1.l2{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.sm\:btn-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.sm\:btn-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}.sm\:btn-wide{@layer daisyui.l1.l2{width:100%;max-width:16rem}}.sm\:btn-block{@layer daisyui.l1.l2{width:100%}}.sm\:btn-square{@layer daisyui.l1.l2{width:var(--size);height:var(--size);padding-inline:0}}.sm\:btn-circle{@layer daisyui.l1.l2{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}.sm\:btn-disabled,.sm\:btn:is(:disabled,[disabled],[aria-disabled=true]){@layer daisyui{pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}}@media (width>=768px){:where(.btn){@layer daisyui.l1.l2.l3{width:unset}}.md\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.md\:btn{@layer daisyui.l1.l2.l3{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}}@layer daisyui.l1.l2{&:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}@media (hover:hover){&:hover{--btn-bg:var(--btn-hover-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));color:var(--btn-fg);--btn-border:var(--btn-hover-border,color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)));--btn-border-style:solid;--btn-inset:var(--btn-hover-inset,0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)));--btn-shadow:var(--btn-hover-shadow,0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000))}}&:active:not(.btn-active){translate:0 var(--btn-active-translate,.5px);--btn-bg:var(--btn-active-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-active-border,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));--btn-border-style:solid;--btn-inset:var(--btn-active-inset,0 0 0 0 oklch(0% 0 0/0));--btn-shadow:var(--btn-active-shadow,0 0 0 0 oklch(0% 0 0/0))}&:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}}.md\:btn-active{@layer daisyui.l1.l2{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-hover-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-hover-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-hover-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-hover-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-active-translate:0;--btn-active-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-active-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-active-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-active-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}.md\:btn-outline,.md\:btn-dash{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.md\:btn-dash{@layer daisyui.l1.l2.l3{--btn-border-style:dashed}}.md\:btn-ghost{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.md\:btn-soft{@layer daisyui.l1.l2.l3{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.md\:btn-link{@layer daisyui.l1{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}}.md\:btn-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}.md\:btn-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}}.md\:btn-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}}.md\:btn-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}}.md\:btn-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}}.md\:btn-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}}.md\:btn-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}}.md\:btn-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}}.md\:btn-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.md\:btn-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.md\:btn-md{@layer daisyui.l1.l2{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.md\:btn-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.md\:btn-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}.md\:btn-wide{@layer daisyui.l1.l2{width:100%;max-width:16rem}}.md\:btn-block{@layer daisyui.l1.l2{width:100%}}.md\:btn-square{@layer daisyui.l1.l2{width:var(--size);height:var(--size);padding-inline:0}}.md\:btn-circle{@layer daisyui.l1.l2{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}.md\:btn-disabled,.md\:btn:is(:disabled,[disabled],[aria-disabled=true]){@layer daisyui{pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}}@media (width>=1024px){:where(.btn){@layer daisyui.l1.l2.l3{width:unset}}.lg\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.lg\:btn{@layer daisyui.l1.l2.l3{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}}@layer daisyui.l1.l2{&:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}@media (hover:hover){&:hover{--btn-bg:var(--btn-hover-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));color:var(--btn-fg);--btn-border:var(--btn-hover-border,color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)));--btn-border-style:solid;--btn-inset:var(--btn-hover-inset,0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)));--btn-shadow:var(--btn-hover-shadow,0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000))}}&:active:not(.btn-active){translate:0 var(--btn-active-translate,.5px);--btn-bg:var(--btn-active-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-active-border,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));--btn-border-style:solid;--btn-inset:var(--btn-active-inset,0 0 0 0 oklch(0% 0 0/0));--btn-shadow:var(--btn-active-shadow,0 0 0 0 oklch(0% 0 0/0))}&:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}}.lg\:btn-active{@layer daisyui.l1.l2{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-hover-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-hover-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-hover-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-hover-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-active-translate:0;--btn-active-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-active-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-active-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-active-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}.lg\:btn-outline,.lg\:btn-dash{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.lg\:btn-dash{@layer daisyui.l1.l2.l3{--btn-border-style:dashed}}.lg\:btn-ghost{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.lg\:btn-soft{@layer daisyui.l1.l2.l3{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.lg\:btn-link{@layer daisyui.l1{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}}.lg\:btn-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}.lg\:btn-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}}.lg\:btn-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}}.lg\:btn-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}}.lg\:btn-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}}.lg\:btn-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}}.lg\:btn-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}}.lg\:btn-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}}.lg\:btn-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.lg\:btn-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.lg\:btn-md{@layer daisyui.l1.l2{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.lg\:btn-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.lg\:btn-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}.lg\:btn-wide{@layer daisyui.l1.l2{width:100%;max-width:16rem}}.lg\:btn-block{@layer daisyui.l1.l2{width:100%}}.lg\:btn-square{@layer daisyui.l1.l2{width:var(--size);height:var(--size);padding-inline:0}}.lg\:btn-circle{@layer daisyui.l1.l2{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}.lg\:btn-disabled,.lg\:btn:is(:disabled,[disabled],[aria-disabled=true]){@layer daisyui{pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}}@media (width>=1280px){:where(.btn){@layer daisyui.l1.l2.l3{width:unset}}.xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.xl\:btn{@layer daisyui.l1.l2.l3{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}}@layer daisyui.l1.l2{&:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}@media (hover:hover){&:hover{--btn-bg:var(--btn-hover-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));color:var(--btn-fg);--btn-border:var(--btn-hover-border,color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)));--btn-border-style:solid;--btn-inset:var(--btn-hover-inset,0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)));--btn-shadow:var(--btn-hover-shadow,0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000))}}&:active:not(.btn-active){translate:0 var(--btn-active-translate,.5px);--btn-bg:var(--btn-active-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-active-border,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));--btn-border-style:solid;--btn-inset:var(--btn-active-inset,0 0 0 0 oklch(0% 0 0/0));--btn-shadow:var(--btn-active-shadow,0 0 0 0 oklch(0% 0 0/0))}&:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}}.xl\:btn-active{@layer daisyui.l1.l2{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-hover-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-hover-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-hover-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-hover-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-active-translate:0;--btn-active-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-active-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-active-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-active-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}.xl\:btn-outline,.xl\:btn-dash{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.xl\:btn-dash{@layer daisyui.l1.l2.l3{--btn-border-style:dashed}}.xl\:btn-ghost{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.xl\:btn-soft{@layer daisyui.l1.l2.l3{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.xl\:btn-link{@layer daisyui.l1{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}}.xl\:btn-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}.xl\:btn-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}}.xl\:btn-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}}.xl\:btn-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}}.xl\:btn-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}}.xl\:btn-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}}.xl\:btn-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}}.xl\:btn-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}}.xl\:btn-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.xl\:btn-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.xl\:btn-md{@layer daisyui.l1.l2{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 10)}}.xl\:btn-lg{@layer daisyui.l1.l2{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}}.xl\:btn-xl{@layer daisyui.l1.l2{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem) * 14)}}.xl\:btn-wide{@layer daisyui.l1.l2{width:100%;max-width:16rem}}.xl\:btn-block{@layer daisyui.l1.l2{width:100%}}.xl\:btn-square{@layer daisyui.l1.l2{width:var(--size);height:var(--size);padding-inline:0}}.xl\:btn-circle{@layer daisyui.l1.l2{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}.xl\:btn-disabled,.xl\:btn:is(:disabled,[disabled],[aria-disabled=true]){@layer daisyui{pointer-events:none;color:color-mix(in oklch, var(--color-base-content) 20%, #0000);--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}}@media (width>=1536px){:where(.btn){@layer daisyui.l1.l2.l3{width:unset}}.\32 xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.\32 xl\:btn{@layer daisyui.l1.l2.l3{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-weight:600;font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:is([type=checkbox],[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}}@layer daisyui.l1.l2{&:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}@media (hover:hover){&:hover{--btn-bg:var(--btn-hover-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));color:var(--btn-fg);--btn-border:var(--btn-hover-border,color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)));--btn-border-style:solid;--btn-inset:var(--btn-hover-inset,0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)));--btn-shadow:var(--btn-hover-shadow,0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000))}}&:active:not(.btn-active){translate:0 var(--btn-active-translate,.5px);--btn-bg:var(--btn-active-bg,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-active-border,color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%));--btn-border-style:solid;--btn-inset:var(--btn-active-inset,0 0 0 0 oklch(0% 0 0/0));--btn-shadow:var(--btn-active-shadow,0 0 0 0 oklch(0% 0 0/0))}&:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);isolation:isolate}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}}}.\32 xl\:btn-active{@layer daisyui.l1.l2{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-hover-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-hover-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-hover-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-hover-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);--btn-active-translate:0;--btn-active-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%);--btn-active-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%));--btn-active-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-active-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}.\32 xl\:btn-outline,.\32 xl\:btn-dash{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:var(--btn-color,var(--color-base-content));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.\32 xl\:btn-dash{@layer daisyui.l1.l2.l3{--btn-border-style:dashed}}.\32 xl\:btn-ghost{@layer daisyui.l1.l2.l3{--btn-bg:#0000;color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content,currentColor)));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.\32 xl\:btn-soft{@layer daisyui.l1.l2.l3{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 8%, var(--btn-soft-bg,var(--color-base-100)));color:var(--btn-rest-fg,var(--btn-color,var(--color-base-content)));--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-content)) 10%, var(--btn-soft-bg,var(--color-base-100)));--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}}.\32 xl\:btn-link{@layer daisyui.l1{--btn-bg:#0000;color:var(--btn-color,var(--color-primary));--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none;text-decoration-line:underline}}.\32 xl\:btn-primary{@layer daisyui.l1.l2{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}}.\32 xl\:btn-secondary{@layer daisyui.l1.l2{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}}.\32 xl\:btn-accent{@layer daisyui.l1.l2{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content);--btn-soft-bg:initial}}.\32 xl\:btn-neutral{@layer daisyui.l1.l2{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content);--btn-soft-bg:var(--color-neutral-content) 80%;--btn-rest-fg:initial}}.\32 xl\:btn-info{@layer daisyui.l1.l2{--btn-color:var(--color-info);--btn-fg:var(--color-info-content);--btn-soft-bg:initial}}.\32 xl\:btn-success{@layer daisyui.l1.l2{--btn-color:var(--color-success);--btn-fg:var(--color-success-content);--btn-soft-bg:initial}}.\32 xl\:btn-warning{@layer daisyui.l1.l2{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content);--btn-soft-bg:initial}}.\32 xl\:btn-error{@layer daisyui.l1.l2{--btn-color:var(--color-error);--btn-fg:var(--color-error-content);--btn-soft-bg:initial}}.\32 xl\:btn-xs{@layer daisyui.l1.l2{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem) * 6)}}.\32 xl\:btn-sm{@layer daisyui.l1.l2{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 8)}}.\32 xl\:btn-md{@layer daisyui.l1.l2{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--s