flyonui/flyonui.css

The easiest, free and open-source Tailwind CSS component library with semantic classes.

/*! 🚀 flyonui 2.2.0 - MIT License */ @layer base{:root,:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(97.8% .005 297.73);--color-base-300:oklch(37.01% .0069 297.49);--color-base-content:oklch(37.57% .022 281.8);--color-primary:oklch(57.59% .247 287.24);--color-primary-content:oklch(96.57% .017 289.61);--color-secondary:oklch(55.79% .022 301.91);--color-secondary-content:oklch(97.64% .001 286.38);--color-accent:oklch(62.31% .188 259.81);--color-accent-content:oklch(97.05% .014 254.6);--color-neutral:oklch(37.57% .0222 281.8);--color-neutral-content:oklch(.98 .0013 286.38);--color-info:oklch(71.48% .126 215.22);--color-info-content:oklch(98.41% .019 200.87);--color-success:oklch(73.11% .217 147.04);--color-success-content:oklch(98.1% .014 174.18);--color-warning:oklch(79.87% .164 73.09);--color-warning-content:oklch(99.34% .011 95.16);--color-error:oklch(65.39% .222 25.86);--color-error-content:oklch(98.76% .009 67.73);--radius-selector:.25rem;--radius-field:.375rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(31.23% .026 301.24);--color-base-200:oklch(25.39% .025 298.72);--color-base-300:oklch(23.44% .0194 298.63);--color-base-content:oklch(84.98% .014 295.28);--color-primary:oklch(53.93% .271 286.75);--color-primary-content:oklch(88.22% .062 290.17);--color-secondary:oklch(49.12% .021 303.05);--color-secondary-content:oklch(88.83% .007 304.23);--color-accent:oklch(54.61% .215 262.88);--color-accent-content:oklch(88.23% .057 254.13);--color-neutral:oklch(65.75% .022 294.95);--color-neutral-content:oklch(18.51% .017 301.92);--color-info:oklch(60.89% .111 221.72);--color-info-content:oklch(91.67% .077 205.04);--color-success:oklch(67.35% .201 146.84);--color-success-content:oklch(91.38% .069 168.24);--color-warning:oklch(72.59% .152 69.05);--color-warning-content:oklch(96.07% .057 93.2);--color-error:oklch(59.54% .208 26.28);--color-error-content:oklch(93.4% .039 54.86);--radius-selector:.25rem;--radius-field:.375rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}*,:after,::backdrop,:before,::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");-webkit-tap-highlight-color:#0000}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}table{text-indent:0;border-color:inherit;border-collapse:collapse}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}input:where(:not([type=button],[type=reset],[type=submit],[type=file],[type=range])),select,textarea{border-width:1px}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-search-decoration{-webkit-appearance:none}menu,ol,ul{list-style:none}textarea{resize:vertical}::placeholder{opacity:1;color:color-mix(in oklch,currentColor 50%,#0000)}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.tooltip{--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A")}:root{scrollbar-color:color-mix(in oklch,currentColor 20%,#0000)#0000}}@layer utilities{.kbd{border-radius:var(--radius-field);background-color:color-mix(in oklab,var(--color-base-200)20%,transparent);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid color-mix(in oklab,var(--color-base-content)25%,#0000);border-bottom-width:calc(var(--border) + 1px);--size:calc(var(--size-selector,.25rem)*6.5);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;display:inline-flex}.kbd-xs{--size:calc(var(--size-selector,.25rem)*4.5);font-size:.625rem}.kbd-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-selector,.25rem)*5.5)}.kbd-md{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-selector,.25rem)*6.5)}.kbd-lg{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-selector,.25rem)*7.5)}.kbd-xl{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-selector,.25rem)*8.5)}@media (width>=640px){.sm\:kbd{border-radius:var(--radius-field);background-color:color-mix(in oklab,var(--color-base-200)20%,transparent);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid color-mix(in oklab,var(--color-base-content)25%,#0000);border-bottom-width:calc(var(--border) + 1px);--size:calc(var(--size-selector,.25rem)*6.5);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;display:inline-flex}.sm\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4.5);font-size:.625rem}.sm\:kbd-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-selector,.25rem)*5.5)}.sm\:kbd-md{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-selector,.25rem)*6.5)}.sm\:kbd-lg{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-selector,.25rem)*7.5)}.sm\:kbd-xl{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-selector,.25rem)*8.5)}}@media (width>=768px){.md\:kbd{border-radius:var(--radius-field);background-color:color-mix(in oklab,var(--color-base-200)20%,transparent);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid color-mix(in oklab,var(--color-base-content)25%,#0000);border-bottom-width:calc(var(--border) + 1px);--size:calc(var(--size-selector,.25rem)*6.5);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;display:inline-flex}.md\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4.5);font-size:.625rem}.md\:kbd-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-selector,.25rem)*5.5)}.md\:kbd-md{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-selector,.25rem)*6.5)}.md\:kbd-lg{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-selector,.25rem)*7.5)}.md\:kbd-xl{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-selector,.25rem)*8.5)}}@media (width>=1024px){.lg\:kbd{border-radius:var(--radius-field);background-color:color-mix(in oklab,var(--color-base-200)20%,transparent);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid color-mix(in oklab,var(--color-base-content)25%,#0000);border-bottom-width:calc(var(--border) + 1px);--size:calc(var(--size-selector,.25rem)*6.5);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;display:inline-flex}.lg\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4.5);font-size:.625rem}.lg\:kbd-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-selector,.25rem)*5.5)}.lg\:kbd-md{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-selector,.25rem)*6.5)}.lg\:kbd-lg{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-selector,.25rem)*7.5)}.lg\:kbd-xl{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-selector,.25rem)*8.5)}}@media (width>=1280px){.xl\:kbd{border-radius:var(--radius-field);background-color:color-mix(in oklab,var(--color-base-200)20%,transparent);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid color-mix(in oklab,var(--color-base-content)25%,#0000);border-bottom-width:calc(var(--border) + 1px);--size:calc(var(--size-selector,.25rem)*6.5);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;display:inline-flex}.xl\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4.5);font-size:.625rem}.xl\:kbd-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-selector,.25rem)*5.5)}.xl\:kbd-md{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-selector,.25rem)*6.5)}.xl\:kbd-lg{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-selector,.25rem)*7.5)}.xl\:kbd-xl{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-selector,.25rem)*8.5)}}@media (width>=1536px){.\32 xl\:kbd{border-radius:var(--radius-field);background-color:color-mix(in oklab,var(--color-base-200)20%,transparent);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid color-mix(in oklab,var(--color-base-content)25%,#0000);border-bottom-width:calc(var(--border) + 1px);--size:calc(var(--size-selector,.25rem)*6.5);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;display:inline-flex}.\32 xl\:kbd-xs{--size:calc(var(--size-selector,.25rem)*4.5);font-size:.625rem}.\32 xl\:kbd-sm{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-selector,.25rem)*5.5)}.\32 xl\:kbd-md{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-selector,.25rem)*6.5)}.\32 xl\:kbd-lg{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-selector,.25rem)*7.5)}.\32 xl\:kbd-xl{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-selector,.25rem)*8.5)}}.pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}@media (width>=640px){.sm\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.sm\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.sm\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.sm\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.sm\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.sm\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=768px){.md\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.md\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.md\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.md\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.md\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.md\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=1024px){.lg\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.lg\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.lg\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.lg\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.lg\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.lg\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=1280px){.xl\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.xl\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.xl\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.xl\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.xl\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.xl\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}@media (width>=1536px){.\32 xl\:pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem)*9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&::placeholder{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}&:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}&:focus,&:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,var(--color-primary)30%,#0000);outline:1px solid var(--color-primary);isolation:isolate}&.pin-input-underline{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:color-mix(in oklab,var(--color-base-content)40%,transparent);background-color:#0000;border-radius:0;&:focus,&:focus-within{border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-primary);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}}&.disabled,&:disabled,&[disabled]{pointer-events:none;border-color:color-mix(in oklab,var(--color-base-content)25%,transparent);background-color:color-mix(in oklab,var(--color-base-content)5%,transparent);color:color-mix(in oklab,var(--color-base-content)50%,transparent);&::placeholder{color:color-mix(in oklab,var(--color-base-content)40%,transparent)}}}.\32 xl\:pin-input-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--size:calc(var(--size-field,.25rem)*6)}.\32 xl\:pin-input-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem)*7.5)}.\32 xl\:pin-input-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem)*9.5)}.\32 xl\:pin-input-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem)*11.5)}.\32 xl\:pin-input-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem)*14)}}.checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border)solid color-mix(in oklab,var(--color-base-content)40%,#0000);--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral))30%,#0000);outline-offset:0px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px 2px 0 color-mix(in oklab,var(--color-base-300)20%,#0000);&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--color-neutral);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.125rem}.checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.125rem}.checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.25rem}.checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}@media (width>=640px){.sm\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border)solid color-mix(in oklab,var(--color-base-content)40%,#0000);--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral))30%,#0000);outline-offset:0px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px 2px 0 color-mix(in oklab,var(--color-base-300)20%,#0000);&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--color-neutral);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.sm\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.sm\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.sm\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.sm\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.sm\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.sm\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.sm\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.sm\:checkbox:disabled{cursor:not-allowed;opacity:.5}.sm\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.sm\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.125rem}.sm\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.125rem}.sm\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.25rem}.sm\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=768px){.md\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border)solid color-mix(in oklab,var(--color-base-content)40%,#0000);--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral))30%,#0000);outline-offset:0px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px 2px 0 color-mix(in oklab,var(--color-base-300)20%,#0000);&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--color-neutral);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.md\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.md\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.md\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.md\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.md\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.md\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.md\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.md\:checkbox:disabled{cursor:not-allowed;opacity:.5}.md\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.md\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.125rem}.md\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.125rem}.md\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.25rem}.md\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1024px){.lg\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border)solid color-mix(in oklab,var(--color-base-content)40%,#0000);--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral))30%,#0000);outline-offset:0px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px 2px 0 color-mix(in oklab,var(--color-base-300)20%,#0000);&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--color-neutral);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.lg\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.lg\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.lg\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.lg\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.lg\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.lg\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.lg\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.lg\:checkbox:disabled{cursor:not-allowed;opacity:.5}.lg\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.lg\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.125rem}.lg\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.125rem}.lg\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.25rem}.lg\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1280px){.xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border)solid color-mix(in oklab,var(--color-base-content)40%,#0000);--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral))30%,#0000);outline-offset:0px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px 2px 0 color-mix(in oklab,var(--color-base-300)20%,#0000);&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--color-neutral);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.xl\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.xl\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.xl\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.xl\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.xl\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.xl\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.xl\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.xl\:checkbox:disabled{cursor:not-allowed;opacity:.5}.xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.125rem}.xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.125rem}.xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.25rem}.xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}@media (width>=1536px){.\32 xl\:checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border)solid color-mix(in oklab,var(--color-base-content)40%,#0000);--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0/calc(var(--depth)*.1))inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem)*6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;position:relative;&:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0/calc(var(--depth)*.1))inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}&:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral))30%,#0000);outline-offset:0px}&:checked,&[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0/calc(var(--depth)*.1))inset,0 1px 2px 0 color-mix(in oklab,var(--color-base-300)20%,#0000);&:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media (forced-colors:active){&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{&:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}}&:indeterminate{background-color:var(--color-neutral);&:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}}}.\32 xl\:checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.\32 xl\:checkbox-secondary{color:var(--color-secondary-content);--input-color:var(--color-secondary)}.\32 xl\:checkbox-accent{color:var(--color-accent-content);--input-color:var(--color-accent)}.\32 xl\:checkbox-info{color:var(--color-info-content);--input-color:var(--color-info)}.\32 xl\:checkbox-success{color:var(--color-success-content);--input-color:var(--color-success)}.\32 xl\:checkbox-warning{color:var(--color-warning-content);--input-color:var(--color-warning)}.\32 xl\:checkbox-error{color:var(--color-error-content);--input-color:var(--color-error)}.\32 xl\:checkbox:disabled{cursor:not-allowed;opacity:.5}.\32 xl\:checkbox-xs{--size:calc(var(--size-selector,.25rem)*4);padding:.125rem}.\32 xl\:checkbox-sm{--size:calc(var(--size-selector,.25rem)*5);padding:.125rem}.\32 xl\:checkbox-md{--size:calc(var(--size-selector,.25rem)*6);padding:.125rem}.\32 xl\:checkbox-lg{--size:calc(var(--size-selector,.25rem)*7);padding:.25rem}.\32 xl\:checkbox-xl{--size:calc(var(--size-selector,.25rem)*8);padding:.375rem}}.status{aspect-ratio:1;background-color:var(--color-neutral);vertical-align:middle;width:.625rem;height:.625rem;color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);border-radius:3.40282e38px;display:inline-block}.status-primary{background-color:var(--color-primary);color:var(--color-primary)}.status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.status-accent{background-color:var(--color-accent);color:var(--color-accent)}.status-info{background-color:var(--color-info);color:var(--color-info)}.status-success{background-color:var(--color-success);color:var(--color-success)}.status-warning{background-color:var(--color-warning);color:var(--color-warning)}.status-error{background-color:var(--color-error);color:var(--color-error)}.status-xs{width:.375rem;height:.375rem}.status-sm{width:.5rem;height:.5rem}.status-md{width:.625rem;height:.625rem}.status-lg{width:.75rem;height:.75rem}.status-xl{width:.875rem;height:.875rem}@media (width>=640px){.sm\:status{aspect-ratio:1;background-color:var(--color-neutral);vertical-align:middle;width:.625rem;height:.625rem;color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);border-radius:3.40282e38px;display:inline-block}.sm\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.sm\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.sm\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.sm\:status-info{background-color:var(--color-info);color:var(--color-info)}.sm\:status-success{background-color:var(--color-success);color:var(--color-success)}.sm\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.sm\:status-error{background-color:var(--color-error);color:var(--color-error)}.sm\:status-xs{width:.375rem;height:.375rem}.sm\:status-sm{width:.5rem;height:.5rem}.sm\:status-md{width:.625rem;height:.625rem}.sm\:status-lg{width:.75rem;height:.75rem}.sm\:status-xl{width:.875rem;height:.875rem}}@media (width>=768px){.md\:status{aspect-ratio:1;background-color:var(--color-neutral);vertical-align:middle;width:.625rem;height:.625rem;color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);border-radius:3.40282e38px;display:inline-block}.md\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.md\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.md\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.md\:status-info{background-color:var(--color-info);color:var(--color-info)}.md\:status-success{background-color:var(--color-success);color:var(--color-success)}.md\:status-warning{background-color:var(--color-warning);color:var(--color-warning)}.md\:status-error{background-color:var(--color-error);color:var(--color-error)}.md\:status-xs{width:.375rem;height:.375rem}.md\:status-sm{width:.5rem;height:.5rem}.md\:status-md{width:.625rem;height:.625rem}.md\:status-lg{width:.75rem;height:.75rem}.md\:status-xl{width:.875rem;height:.875rem}}@media (width>=1024px){.lg\:status{aspect-ratio:1;background-color:var(--color-neutral);vertical-align:middle;width:.625rem;height:.625rem;color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);border-radius:3.40282e38px;display:inline-block}.lg\:status-primary{background-color:var(--color-primary);color:var(--color-primary)}.lg\:status-secondary{background-color:var(--color-secondary);color:var(--color-secondary)}.lg\:status-accent{background-color:var(--color-accent);color:var(--color-accent)}.lg\:status-info{background-color:var(--color-info);color:var(--color