.dropdown{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);position:relative;width:100%}.dropdown--disabled{cursor:not-allowed;opacity:.6}.dropdown__native{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.dropdown__label{display:flex;align-items:center;gap:var(--spacing-2)}.dropdown__label-text{color:var(--color-black)}.dropdown--form-field .dropdown__label-text{color:var(--color-grey-04)}.dropdown--form-field .dropdown__label{margin-bottom:var(--spacing-4)}.dropdown--form-field .dropdown__list{position:absolute;top:100%;left:0;right:0;width:auto;margin-top:var(--spacing-4);max-height:200px;z-index:9999}.dropdown--form-field .dropdown__list.dropdown__list--open-up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--spacing-4)}.dropdown--form-field.dropdown--open{z-index:100}.dropdown__label-required{color:var(--color-warning)}.dropdown__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8);width:100%;box-sizing:border-box;background-color:var(--color-white);border:1px solid var(--color-grey-02);border-radius:var(--radius-2);cursor:pointer;transition:border-color .15s ease}.dropdown--small .dropdown__trigger{height:40px;padding:var(--spacing-8) var(--spacing-12)}.dropdown--large .dropdown__trigger{height:48px;padding:var(--spacing-12) var(--spacing-16)}.dropdown--borderless .dropdown__trigger{border:none}.dropdown--error .dropdown__trigger{border-color:var(--color-error)}.dropdown--warning .dropdown__trigger{border-color:var(--color-warning)}.dropdown:not(.dropdown--disabled) .dropdown__trigger:hover{border-color:var(--color-grey-03)}.dropdown--error:not(.dropdown--disabled) .dropdown__trigger:hover{border-color:var(--color-error)}.dropdown--warning:not(.dropdown--disabled) .dropdown__trigger:hover{border-color:var(--color-warning)}.dropdown__trigger:focus{outline:none}.dropdown__trigger:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.dropdown--open .dropdown__trigger{border-color:var(--color-black)}.dropdown--disabled .dropdown__trigger{cursor:not-allowed;background-color:var(--color-grey-01)}.dropdown__value-container{display:flex;align-items:center;gap:var(--spacing-8);flex:1;min-width:0;overflow:hidden}.dropdown__leading{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown--small .dropdown__leading{width:16px;height:16px}.dropdown--large .dropdown__leading{width:20px;height:20px}.dropdown__value{color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__value--placeholder{color:var(--color-grey-04)}.dropdown__actions{display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0}.dropdown__clear{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;color:var(--color-black);transition:color .15s ease}.dropdown__clear:hover{color:var(--color-grey-05)}.dropdown__arrow{display:flex;align-items:center;justify-content:center;color:var(--color-black);transition:transform .2s ease}.dropdown__arrow--open{transform:rotate(180deg)}.dropdown__list{position:fixed;margin:0;padding:var(--spacing-12);list-style:none;background-color:var(--color-white);border:1px solid var(--color-grey-02);border-radius:var(--radius-2);box-shadow:0 4px 12px color-mix(in srgb,var(--color-black) 10%,transparent);z-index:9999;max-height:240px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--spacing-8)}.dropdown__list--grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.dropdown--open-up .dropdown__list{top:auto;bottom:100%;margin:0 0 var(--spacing-4) 0}.dropdown__item{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8);border-radius:var(--radius-1);cursor:pointer;transition:background-color .15s ease}.dropdown__item:hover,.dropdown__item--focused,.dropdown__item--selected{background-color:var(--color-grey-01)}.dropdown__item--selected:hover,.dropdown__item--selected.dropdown__item--focused{background-color:var(--color-grey-02)}.dropdown__item--disabled{opacity:.5;cursor:not-allowed}.dropdown__item--disabled:hover{background-color:transparent}.dropdown__item-label{color:var(--color-black)}.dropdown__subtext{color:var(--color-grey-04)}.dropdown--error .dropdown__subtext{color:var(--color-error)}.dropdown--warning .dropdown__subtext{color:var(--color-warning)}.dropdown__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:1px solid var(--color-grey-03);border-radius:var(--radius-1);background-color:var(--color-white);transition:all .15s ease}.dropdown__checkbox--checked{background-color:var(--color-black);border-color:var(--color-black)}.dropdown__checkbox-icon{color:var(--color-white)}