@layer components{.listbox__label{align-items:center;color:var(--color-brand);display:flex;font-weight:700;min-height:36px;padding:var(--listbox-group-pt,var(--listbox-group-py,5px)) var(--listbox-group-pr,var(--listbox-group-px,5px)) var(--listbox-group-pb,var(--listbox-group-py,5px)) var(--listbox-group-pl,var(--listbox-group-px,5px));-webkit-user-select:none;user-select:none}}@layer theme,base,vendor,components,layout,utilities;@layer components{.badge{align-items:center;background-color:var(--badge-bg-color);border:var(--badge-border-width,0) var(--badge-border-style,solid) var(--badge-border-color,#0000);border-radius:var(--badge-border-radius);color:var(--badge-color);display:inline-flex;font-size:var(--badge-font-size,var(--text-2xs));font-weight:900;height:var(--badge-height,auto);justify-content:center;letter-spacing:.5px;line-height:1;overflow:hidden;padding:var(--badge-pt,var(--badge-py,0)) var(--badge-pr,var(--badge-px,0)) var(--badge-pb,var(--badge-py,0)) var(--badge-pl,var(--badge-px,0));position:relative;text-align:center;text-overflow:ellipsis;text-transform:uppercase;transition:.2s ease;transition-property:background-color,color,border-color;white-space:nowrap;width:var(--badge-width,auto)}.badge--light{--badge-theme-color:var(--color-gray-100);--badge-theme-color-contrast:var(--color-gray-500)}.badge--primary{--badge-theme-color:var(--color-brand);--badge-theme-color-contrast:var(--color-white)}.badge--success{--badge-theme-color:var(--color-success);--badge-theme-color-contrast:var(--color-white)}.badge--warning{--badge-theme-color:var(--color-warning);--badge-theme-color-contrast:var(--color-white)}.badge--danger{--badge-theme-color:var(--color-danger);--badge-theme-color-contrast:var(--color-white)}.badge--white{--badge-theme-color:var(--color-white);--badge-theme-color-contrast:var(--color-gray-500)}.badge--solid{--badge-bg-color:var(--badge-theme-color);--badge-color:var(--badge-theme-color-contrast)}.badge--outline{--badge-bg-color:#0000;--badge-border-color:var(--badge-theme-color);--badge-border-width:1px;--badge-color:var(--badge-theme-color)}.badge--clear{--badge-bg-color:#0000;--badge-color:var(--badge-theme-color)}.badge--round{--badge-border-radius:999px}.badge--rounded{--badge-border-radius:5px}.badge--square{--badge-border-radius:0}.badge--xs{--badge-height:18px;--badge-px:4px}.badge--sm{--badge-height:20px;--badge-px:6px}.badge--md{--badge-height:24px;--badge-px:8px}.badge--lg{--badge-height:28px;--badge-px:10px}.badge--xl{--badge-height:32px;--badge-px:12px}}@layer components{.listbox__checkbox{min-height:36px;padding:var(--listbox-option-pt,var(--listbox-option-py,5px)) var(--listbox-option-pr,var(--listbox-option-px,5px)) var(--listbox-option-pb,var(--listbox-option-py,5px)) var(--listbox-option-pl,var(--listbox-option-px,5px))}.listbox__checkbox .label__value{align-items:center;display:flex;gap:10px;justify-content:space-between}}@layer theme,base,vendor,components,layout,utilities;@layer components{.listbox__btn{align-items:center;display:flex;gap:10px;justify-content:space-between;min-height:36px;padding:var(--listbox-btn-pt,var(--listbox-btn-py,5px)) var(--listbox-btn-pr,var(--listbox-btn-px,10px)) var(--listbox-btn-pb,var(--listbox-btn-py,5px)) var(--listbox-btn-pl,var(--listbox-btn-px,10px));width:100%}}@layer theme,base,vendor,components,layout,utilities;@layer components{.listbox{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:5px;display:flex;flex-direction:column;overflow:hidden;transition:.2s ease-in-out;transition-property:border-color;-webkit-user-select:none;user-select:none}.listbox:has(.listbox__focus-trap:focus){border-color:rgba(var(--color-brand-rgb),.5)}.listbox__header{background-color:var(--color-gray-100);border-bottom:1px solid var(--color-gray-300);flex:0 0 auto;padding:var(--listbox-header-pt,var(--listbox-header-py,10px)) var(--listbox-header-pr,var(--listbox-header-px,5px)) var(--listbox-header-pb,var(--listbox-header-py,10px)) var(--listbox-header-pl,var(--listbox-header-px,5px));width:100%}.listbox__body{flex:1 1 auto;list-style:none;margin-block-end:0;margin-block-start:0;overflow:auto;padding-inline-start:0;padding:var(--listbox-body-pt,var(--listbox-body-py,10px)) var(--listbox-body-pr,var(--listbox-body-px,5px)) var(--listbox-body-pb,var(--listbox-body-py,10px)) var(--listbox-body-pl,var(--listbox-body-px,5px))}.listbox__footer{background-color:var(--color-gray-100);border-top:1px solid var(--color-gray-300);display:flex;flex:0 0 auto;gap:1px;padding:var(--listbox-footer-pt,var(--listbox-footer-py,0)) var(--listbox-footer-pr,var(--listbox-footer-px,0)) var(--listbox-footer-pb,var(--listbox-footer-py,0)) var(--listbox-footer-pl,var(--listbox-footer-px,0));width:100%}.listbox__footer>*{flex:1 1 auto}.listbox__option{border-radius:5px;cursor:pointer;overflow:hidden;position:relative;transition:.3s ease;transition-property:background-color}.listbox__option:not(:last-child){margin-bottom:5px}.listbox__option--focused,.listbox__option:hover{background-color:rgba(var(--color-gray-100-rgb),1)}.listbox__option--focused .badge,.listbox__option:hover .badge{--badge-bg-color:var(--color-white)!important}.listbox__option--disabled{opacity:.5;pointer-events:none}.listbox__option--heading{color:var(--color-brand);font-weight:700}.listbox__option--heading~:not(.listbox__option--heading){margin-left:10px}.listbox__option--selected{background-color:rgba(var(--color-brand-rgb),.1)!important}.listbox__option--selected .badge{--badge-bg-color:var(--color-white)!important}}@layer components{.dropdown-listbox .listbox{border:none;border-radius:0;max-height:400px}}@layer theme,base,vendor,components,layout,utilities;@layer components{.select-wrapper{position:relative}.select-wrapper .dropdown{width:100%}.select{position:relative}.select input{cursor:pointer;padding-right:36px;-webkit-user-select:none;user-select:none}.select__overlay{display:grid;height:100%;min-width:36px;place-items:center;pointer-events:none;position:absolute;right:0;top:0}.select__overlay>*{grid-column:1;grid-row:1}.select__clear{pointer-events:auto}.select__icon{color:var(--color-brand);width:12px}}