daisyui/components/button.css

daisyUI 5 - The Tailwind CSS Component Library

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