flyonui/flyonui.css

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

/*! 🚀 flyonui 2.4.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}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}: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")}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}*,: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}:root{scrollbar-color:color-mix(in oklch,currentColor 20%,#0000)#0000}}@layer utilities{.breadcrumbs{max-width:100%;overflow-x:auto}:where(.breadcrumbs>ul),:where(.breadcrumbs>ol){white-space:nowrap;align-items:center;min-height:min-content;padding-block:.5rem;padding-inline:.25rem;display:flex}.breadcrumbs-separator{color:color-mix(in oklab,var(--color-base-content)50%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-inline:.5rem;display:inline-flex}:where(.breadcrumbs>ul>li),:where(.breadcrumbs>ol>li){align-items:center;display:inline-flex}:where(.breadcrumbs>ul>li>a),:where(.breadcrumbs>ol>li>a){align-items:center;gap:.25rem;display:inline-flex;&:hover{@media (hover:hover){color:var(--color-primary)}}&:focus{--tw-outline-style:none;outline-style:none}&:focus-visible{outline-offset:2px;outline:2px solid}}:where(.breadcrumbs>ul>li:last-child),:where(.breadcrumbs>ol>li:last-child){cursor:text;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content)}@media (width>=640px){.sm\:breadcrumbs{max-width:100%;overflow-x:auto}:where(.breadcrumbs>ul),:where(.breadcrumbs>ol){white-space:nowrap;align-items:center;min-height:min-content;padding-block:.5rem;padding-inline:.25rem;display:flex}.sm\:breadcrumbs-separator{color:color-mix(in oklab,var(--color-base-content)50%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-inline:.5rem;display:inline-flex}:where(.breadcrumbs>ul>li),:where(.breadcrumbs>ol>li){align-items:center;display:inline-flex}:where(.breadcrumbs>ul>li>a),:where(.breadcrumbs>ol>li>a){align-items:center;gap:.25rem;display:inline-flex;&:hover{@media (hover:hover){color:var(--color-primary)}}&:focus{--tw-outline-style:none;outline-style:none}&:focus-visible{outline-offset:2px;outline:2px solid}}:where(.breadcrumbs>ul>li:last-child),:where(.breadcrumbs>ol>li:last-child){cursor:text;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content)}}@media (width>=768px){.md\:breadcrumbs{max-width:100%;overflow-x:auto}:where(.breadcrumbs>ul),:where(.breadcrumbs>ol){white-space:nowrap;align-items:center;min-height:min-content;padding-block:.5rem;padding-inline:.25rem;display:flex}.md\:breadcrumbs-separator{color:color-mix(in oklab,var(--color-base-content)50%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-inline:.5rem;display:inline-flex}:where(.breadcrumbs>ul>li),:where(.breadcrumbs>ol>li){align-items:center;display:inline-flex}:where(.breadcrumbs>ul>li>a),:where(.breadcrumbs>ol>li>a){align-items:center;gap:.25rem;display:inline-flex;&:hover{@media (hover:hover){color:var(--color-primary)}}&:focus{--tw-outline-style:none;outline-style:none}&:focus-visible{outline-offset:2px;outline:2px solid}}:where(.breadcrumbs>ul>li:last-child),:where(.breadcrumbs>ol>li:last-child){cursor:text;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content)}}@media (width>=1024px){.lg\:breadcrumbs{max-width:100%;overflow-x:auto}:where(.breadcrumbs>ul),:where(.breadcrumbs>ol){white-space:nowrap;align-items:center;min-height:min-content;padding-block:.5rem;padding-inline:.25rem;display:flex}.lg\:breadcrumbs-separator{color:color-mix(in oklab,var(--color-base-content)50%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-inline:.5rem;display:inline-flex}:where(.breadcrumbs>ul>li),:where(.breadcrumbs>ol>li){align-items:center;display:inline-flex}:where(.breadcrumbs>ul>li>a),:where(.breadcrumbs>ol>li>a){align-items:center;gap:.25rem;display:inline-flex;&:hover{@media (hover:hover){color:var(--color-primary)}}&:focus{--tw-outline-style:none;outline-style:none}&:focus-visible{outline-offset:2px;outline:2px solid}}:where(.breadcrumbs>ul>li:last-child),:where(.breadcrumbs>ol>li:last-child){cursor:text;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content)}}@media (width>=1280px){.xl\:breadcrumbs{max-width:100%;overflow-x:auto}:where(.breadcrumbs>ul),:where(.breadcrumbs>ol){white-space:nowrap;align-items:center;min-height:min-content;padding-block:.5rem;padding-inline:.25rem;display:flex}.xl\:breadcrumbs-separator{color:color-mix(in oklab,var(--color-base-content)50%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-inline:.5rem;display:inline-flex}:where(.breadcrumbs>ul>li),:where(.breadcrumbs>ol>li){align-items:center;display:inline-flex}:where(.breadcrumbs>ul>li>a),:where(.breadcrumbs>ol>li>a){align-items:center;gap:.25rem;display:inline-flex;&:hover{@media (hover:hover){color:var(--color-primary)}}&:focus{--tw-outline-style:none;outline-style:none}&:focus-visible{outline-offset:2px;outline:2px solid}}:where(.breadcrumbs>ul>li:last-child),:where(.breadcrumbs>ol>li:last-child){cursor:text;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content)}}@media (width>=1536px){.\32 xl\:breadcrumbs{max-width:100%;overflow-x:auto}:where(.breadcrumbs>ul),:where(.breadcrumbs>ol){white-space:nowrap;align-items:center;min-height:min-content;padding-block:.5rem;padding-inline:.25rem;display:flex}.\32 xl\:breadcrumbs-separator{color:color-mix(in oklab,var(--color-base-content)50%,transparent);flex-shrink:0;justify-content:center;align-items:center;margin-inline:.5rem;display:inline-flex}:where(.breadcrumbs>ul>li),:where(.breadcrumbs>ol>li){align-items:center;display:inline-flex}:where(.breadcrumbs>ul>li>a),:where(.breadcrumbs>ol>li>a){align-items:center;gap:.25rem;display:inline-flex;&:hover{@media (hover:hover){color:var(--color-primary)}}&:focus{--tw-outline-style:none;outline-style:none}&:focus-visible{outline-offset:2px;outline:2px solid}}:where(.breadcrumbs>ul>li:last-child),:where(.breadcrumbs>ol>li:last-child){cursor:text;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content)}}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}@media (width>=640px){.sm\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.sm\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=768px){.md\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.md\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=1024px){.lg\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.lg\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=1280px){.xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.xl\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}@media (width>=1536px){.\32 xl\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid;@media (width>=48rem){grid-auto-flow:column}&>*{place-items:start;gap:.75rem;display:grid}&.footer-center{text-align:center;place-items:center;@media (width>=48rem){grid-auto-flow:dense}&>*{place-items:center}}& :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.\32 xl\:footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}}.collapse:not(td):not(tr):not(colgroup){visibility:visible}@media (width>=640px){.sm\:collapse:not(td):not(tr):not(colgroup){visibility:visible}}@media (width>=768px){.md\:collapse:not(td):not(tr):not(colgroup){visibility:visible}}@media (width>=1024px){.lg\:collapse:not(td):not(tr):not(colgroup){visibility:visible}}@media (width>=1280px){.xl\:collapse:not(td):not(tr):not(colgroup){visibility:visible}}@media (width>=1536px){.\32 xl\:collapse:not(td):not(tr):not(colgroup){visibility:visible}}.advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border)solid #0000;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);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-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative;&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.advance-select-menu{z-index:10;width:100%;:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem*.5)*calc(1 - var(--tw-space-y-reverse)))}border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,color-mix(in oklab,var(--color-base-300)20%,transparent)var(--tw-shadow-alpha),transparent);background-image:none;padding:.5rem}.advance-select-option{cursor:pointer;border-radius:var(--radius-field);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);padding-block:.625rem;padding-inline:1rem;&:hover{@media (hover:hover){background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}}&:focus{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);--tw-outline-style:none;outline-style:none}}.select-active{background-color:color-mix(in oklab,var(--color-primary)10%,transparent);color:var(--color-primary)}.advance-select-tag{cursor:pointer;border-radius:var(--radius-field);border-style:var(--tw-border-style);background-color:var(--color-base-100);text-align:start;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:nowrap;color:var(--color-base-content);border-width:1px;align-items:center;padding-inline:.375rem 2.5rem;display:flex;position:relative;&:hover{@media (hover:hover){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000)&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.advance-select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.25rem;padding-inline:.5rem}}}.advance-select-sm{--size:calc(var(--size-field,.25rem)*7.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.advance-select-md{--size:calc(var(--size-field,.25rem)*9.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));padding-inline:.75rem 2.5rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.advance-select-lg{--size:calc(var(--size-field,.25rem)*11.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}.advance-select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}@media (width>=640px){.sm\:advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border)solid #0000;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);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-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative;&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.sm\:advance-select-menu{z-index:10;width:100%;:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem*.5)*calc(1 - var(--tw-space-y-reverse)))}border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,color-mix(in oklab,var(--color-base-300)20%,transparent)var(--tw-shadow-alpha),transparent);background-image:none;padding:.5rem}.sm\:advance-select-option{cursor:pointer;border-radius:var(--radius-field);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);padding-block:.625rem;padding-inline:1rem;&:hover{@media (hover:hover){background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}}&:focus{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);--tw-outline-style:none;outline-style:none}}.sm\:select-active{background-color:color-mix(in oklab,var(--color-primary)10%,transparent);color:var(--color-primary)}.sm\:advance-select-tag{cursor:pointer;border-radius:var(--radius-field);border-style:var(--tw-border-style);background-color:var(--color-base-100);text-align:start;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:nowrap;color:var(--color-base-content);border-width:1px;align-items:center;padding-inline:.375rem 2.5rem;display:flex;position:relative;&:hover{@media (hover:hover){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000)&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.sm\:advance-select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.25rem;padding-inline:.5rem}}}.sm\:advance-select-sm{--size:calc(var(--size-field,.25rem)*7.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.sm\:advance-select-md{--size:calc(var(--size-field,.25rem)*9.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));padding-inline:.75rem 2.5rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.sm\:advance-select-lg{--size:calc(var(--size-field,.25rem)*11.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}.sm\:advance-select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}}@media (width>=768px){.md\:advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border)solid #0000;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);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-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative;&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.md\:advance-select-menu{z-index:10;width:100%;:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem*.5)*calc(1 - var(--tw-space-y-reverse)))}border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,color-mix(in oklab,var(--color-base-300)20%,transparent)var(--tw-shadow-alpha),transparent);background-image:none;padding:.5rem}.md\:advance-select-option{cursor:pointer;border-radius:var(--radius-field);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);padding-block:.625rem;padding-inline:1rem;&:hover{@media (hover:hover){background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}}&:focus{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);--tw-outline-style:none;outline-style:none}}.md\:select-active{background-color:color-mix(in oklab,var(--color-primary)10%,transparent);color:var(--color-primary)}.md\:advance-select-tag{cursor:pointer;border-radius:var(--radius-field);border-style:var(--tw-border-style);background-color:var(--color-base-100);text-align:start;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:nowrap;color:var(--color-base-content);border-width:1px;align-items:center;padding-inline:.375rem 2.5rem;display:flex;position:relative;&:hover{@media (hover:hover){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000)&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.md\:advance-select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.25rem;padding-inline:.5rem}}}.md\:advance-select-sm{--size:calc(var(--size-field,.25rem)*7.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.md\:advance-select-md{--size:calc(var(--size-field,.25rem)*9.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));padding-inline:.75rem 2.5rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.md\:advance-select-lg{--size:calc(var(--size-field,.25rem)*11.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}.md\:advance-select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}}@media (width>=1024px){.lg\:advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border)solid #0000;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);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-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative;&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.lg\:advance-select-menu{z-index:10;width:100%;:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem*.5)*calc(1 - var(--tw-space-y-reverse)))}border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,color-mix(in oklab,var(--color-base-300)20%,transparent)var(--tw-shadow-alpha),transparent);background-image:none;padding:.5rem}.lg\:advance-select-option{cursor:pointer;border-radius:var(--radius-field);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);padding-block:.625rem;padding-inline:1rem;&:hover{@media (hover:hover){background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}}&:focus{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);--tw-outline-style:none;outline-style:none}}.lg\:select-active{background-color:color-mix(in oklab,var(--color-primary)10%,transparent);color:var(--color-primary)}.lg\:advance-select-tag{cursor:pointer;border-radius:var(--radius-field);border-style:var(--tw-border-style);background-color:var(--color-base-100);text-align:start;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:nowrap;color:var(--color-base-content);border-width:1px;align-items:center;padding-inline:.375rem 2.5rem;display:flex;position:relative;&:hover{@media (hover:hover){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000)&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.lg\:advance-select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.25rem;padding-inline:.5rem}}}.lg\:advance-select-sm{--size:calc(var(--size-field,.25rem)*7.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.lg\:advance-select-md{--size:calc(var(--size-field,.25rem)*9.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));padding-inline:.75rem 2.5rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.lg\:advance-select-lg{--size:calc(var(--size-field,.25rem)*11.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}.lg\:advance-select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}}@media (width>=1280px){.xl\:advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border)solid #0000;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);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-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative;&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.xl\:advance-select-menu{z-index:10;width:100%;:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem*.5)*calc(1 - var(--tw-space-y-reverse)))}border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);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,color-mix(in oklab,var(--color-base-300)20%,transparent)var(--tw-shadow-alpha),transparent);background-image:none;padding:.5rem}.xl\:advance-select-option{cursor:pointer;border-radius:var(--radius-field);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);padding-block:.625rem;padding-inline:1rem;&:hover{@media (hover:hover){background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}}&:focus{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent);--tw-outline-style:none;outline-style:none}}.xl\:select-active{background-color:color-mix(in oklab,var(--color-primary)10%,transparent);color:var(--color-primary)}.xl\:advance-select-tag{cursor:pointer;border-radius:var(--radius-field);border-style:var(--tw-border-style);background-color:var(--color-base-100);text-align:start;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:nowrap;color:var(--color-base-content);border-width:1px;align-items:center;padding-inline:.375rem 2.5rem;display:flex;position:relative;&:hover{@media (hover:hover){border-color:color-mix(in oklab,var(--color-base-content)60%,transparent)}}border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000)&:focus,&:focus-within{--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);--input-color:var(--color-primary);--tw-shadow-color:color-mix(in oklab,var(--input-color)30%,#0000);outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}&:focus-visible{outline:unset}}.xl\:advance-select-xs{--size:calc(var(--size-field,.25rem)*6);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.25rem;padding-inline:.5rem}}}.xl\:advance-select-sm{--size:calc(var(--size-field,.25rem)*7.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));padding-inline:.625rem 2rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.xl\:advance-select-md{--size:calc(var(--size-field,.25rem)*9.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));padding-inline:.75rem 2.5rem;&~.advance-select-menu{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);& .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.375rem;padding-inline:.5rem}}}.xl\:advance-select-lg{--size:calc(var(--size-field,.25rem)*11.5);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}.xl\:advance-select-xl{--size:calc(var(--size-field,.25rem)*14);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));padding-inline:1rem 2.5rem;&~.advance-select-menu .advance-select-option{cursor:pointer;width:100%;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);padding-block:.75rem;padding-inline:1rem}}}@media (width>=1536px){.\32 xl\:advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border)solid #0000;border-color:var(--input-color);--input-color:color-mix(in oklab,var(--color-base-content)40%,#0000);--size:calc(var(--size-field,.25rem)*9.5);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-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative;&