.dropdown-button{position:relative;width:fit-content;flex-grow:1}.dropdown-button,.dropdown-button__main{display:flex;border-radius:var(--radius-md)}.dropdown-button__main{padding:0 12px 0 16px;gap:8px;justify-content:space-between;align-items:center;background-color:var(--surface-container);color:var(--on-surface-low);overflow:hidden;width:100%}.dropdown-button__main--large{height:56px}.dropdown-button__main--medium{height:48px}.dropdown-button__main--small{height:40px}.dropdown-container{display:flex;flex-direction:column;position:absolute;top:100%;left:0;padding:4px;margin-top:4px;gap:4px;width:100%;max-height:40vh;overflow:auto;background-color:var(--surface-container);border-radius:var(--radius-lg);z-index:50}.dropdown-container::-webkit-scrollbar{width:8px;height:8px}.dropdown-container::-webkit-scrollbar-track{background-color:var(--surface-container);border-radius:var(--radius-md)}.dropdown-container::-webkit-scrollbar-thumb{background-color:var(--outline);border-radius:var(--radius-md)}.dropdown-container--hidden{height:0;opacity:0}.dropdown-item{display:flex;position:relative;width:100%;min-height:40px;padding:0 12px;justify-content:space-between;align-items:center;color:var(--on-surface-low);border-radius:var(--radius-md);overflow:hidden}.dropdown-item:not(.dropdown-item--disabled):hover{color:var(--primary)}.dropdown-item--disabled{display:flex;flex-direction:column;position:relative;width:100%;min-height:50px;padding:0 12px;align-items:self-start;color:var(--on-surface-lower);border-radius:var(--radius-md);overflow:hidden;opacity:.8}.dropdown-item__label{display:flex;flex-shrink:0;padding:0 4px;margin-right:auto}.dropdown-item__icon--hidden{opacity:0}