.dropdown{--dropdown-background-color:#fff;--dropdown-box-shadow:0px 16px 32px rgba(0,0,0,.16),0px 0px 16px rgba(0,0,0,.08);--dropdown-border-radius:0px}.dropdown--accented{--dropdown-background-color:#f33354;--dropdown-box-shadow:0px 16px 32px rgba(0,0,0,.16),0px 0px 16px rgba(0,0,0,.08);--dropdown-border-radius:0px}@media(prefers-color-scheme:dark){.dropdown{--dropdown-background-color:#fff;--dropdown-box-shadow:0px 16px 32px rgba(0,0,0,.16),0px 0px 16px rgba(0,0,0,.08);--dropdown-border-radius:0px}.dropdown--accented{--dropdown-background-color:#f33354;--dropdown-box-shadow:0px 16px 32px rgba(0,0,0,.16),0px 0px 16px rgba(0,0,0,.08);--dropdown-border-radius:0px}}.ids-dropdown-wrapper{position:relative}.ids-dropdown{position:absolute;z-index:999;width:min(var(--dropdown-width,250px),100dvw);max-height:min(var(--dropdown-height,75dvh),75dvh);background-color:var(--dropdown-background-color);overflow:hidden}.ids-dropdown[hidden]{display:none}.ids-dropdown--rounded{border-radius:var(--dropdown-border-radius)}.ids-dropdown--with-shadow{box-shadow:var(--dropdown-box-shadow)}.ids-dropdown>.ids-dropdown__content{max-height:inherit;height:100%;width:100%;overflow-y:auto;overscroll-behavior:contain}@supports not selector(::-webkit-scrollbar){.ids-dropdown>.ids-dropdown__content{scrollbar-gutter:auto;scrollbar-color:var(--scrollbar-thumb,#f6f0ff) var(--scrollbar-track,transparent);scrollbar-width:auto}}.ids-dropdown>.ids-dropdown__content::-webkit-scrollbar{width:8px;height:8px}.ids-dropdown>.ids-dropdown__content::-webkit-scrollbar-track{background-color:var(--scrollbar-track,transparent)}.ids-dropdown>.ids-dropdown__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb,#f6f0ff);border-radius:4px;border:2px solid #fff;border-color:var(--scrollbar-track,transparent);background-clip:content-box;cursor:pointer}.ids-dropdown>.ids-dropdown__content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#ffa6b5);background-clip:content-box}