@layer shared{.dropdown-v2{--font:var(--body-md-semibold);--radius:var(--border-radius-sm);--border-size:1px;--icon-size:24px;--padding-inline:var(--spacing-2xs);--padding-block:var(--padding-inline);--padding-left:var(--spacing-xs);--gap:var(--spacing-2xs);--max-dropdown-height:200px;font:var(--font);color:var(--text-light);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;min-width:185px;cursor:pointer}.dropdown-v2.is-open,.dropdown-v2:hover{--border-size:0px}.dropdown-v2.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.dropdown-v2.size-xs{--font:var(--body-sm-semibold);--radius:var(--border-radius-xs);--icon-size:20px;--padding-inline:var(--spacing-4xs);--padding-left:var(--spacing-2xs)}.dropdown-v2.size-s{--radius:var(--border-radius-xs);--padding-inline:var(--spacing-3xs);--padding-block:var(--spacing-4xs);--padding-left:var(--spacing-xs)}.dropdown-v2.size-l{--font:var(--body-xl-semibold);--radius:var(--border-radius-md);--icon-size:32px;--padding-inline:var(--spacing-xs);--padding-left:14px;min-width:240px}.dropdown-v2__header{border-radius:var(--radius);border:var(--border-size) solid var(--border-primary)}.is-open .dropdown-v2__header{border-radius:var(--radius) var(--radius) 0 0}.is-open.opens-on-top .dropdown-v2__header{border-radius:0 0 var(--radius) var(--radius)}.dropdown-v2__header,.dropdown-v2__option{display:flex;align-items:center;gap:var(--gap);padding:calc(var(--padding-block) - var(--border-size)) calc(var(--padding-inline) - var(--border-size));background:var(--background-input-secondary)}.dropdown-v2__header:not(:has(.dropdown-v2__icon)),.dropdown-v2__option:not(:has(.dropdown-v2__icon)){padding-left:calc(var(--padding-left) - var(--border-size))}@media(hover){.dropdown-v2__header:hover,.dropdown-v2__option:hover{background:var(--background-secondary-hover)}.dropdown-v2__header:active,.dropdown-v2__option:active{background:var(--background-secondary-active)}}@layer mixins{.dropdown-v2__label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.dropdown-v2__label.has-labeled-option{display:flex;flex-direction:column;gap:var(--spacing-6xs)}.dropdown-v2__label-prefix{font:var(--body-oneline-sm-semibold);color:var(--text-body)}.dropdown-v2__label-value{font:var(--body-oneline-md-semibold);display:block}.dropdown-v2__arrow,.dropdown-v2__icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;border-radius:50%}.dropdown-v2__arrow{fill:var(--background-icon-primary);margin-left:auto;transition:rotate .25s}.is-open .dropdown-v2__arrow{rotate:180deg}.dropdown-v2__clear-btn{margin-left:auto}.dropdown-v2__clear-btn.simple-icon-button{--padding:0px}.dropdown-v2__dropdown{position:absolute;left:0;top:100%;width:100%;max-height:var(--max-dropdown-height);overflow:auto;background:var(--background-input-secondary);border-radius:0 0 var(--radius) var(--radius);z-index:1}.opens-on-top .dropdown-v2__dropdown{top:auto;bottom:100%;--max-dropdown-height:220px;border-radius:var(--radius) var(--radius) 0 0}.with-search .dropdown-v2__dropdown{--max-dropdown-height:250px}.is-gender:not(.opens-on-top) .dropdown-v2__dropdown{top:calc(100% - 2px)}.dropdown-v2__dropdown::-webkit-scrollbar{width:8px}.dropdown-v2__dropdown::-webkit-scrollbar-thumb{background:var(--v2-transparent-30);border-radius:4px}.dropdown-v2__dropdown::-webkit-scrollbar-thumb:active,.dropdown-v2__dropdown::-webkit-scrollbar-thumb:hover{background:var(--v2-transparent-50)}.dropdown-v2__dropdown::-webkit-scrollbar-track{background:rgba(0,0,0,0);margin:8px 0}.dropdown-v2__search{margin:var(--padding-block) var(--padding-inline);width:calc(100% - var(--padding-inline)*2)}.dropdown-v2__spinner{display:block;margin:var(--spacing-4xl) auto}}