.dropdown{width:auto;padding:.25rem .625rem;position:relative}.dropdown .header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;flex-flow:row;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.dropdown .header .selected-value{color:var(--color-text-primary)}.dropdown .header .chevron{color:var(--color-accent);-webkit-user-select:none;user-select:none;transition:transform .3s;transform:rotate(90deg)}.dropdown .options{z-index:160;max-height:160px;position:fixed;overflow:hidden auto;transform:translate(calc(-50% - 5px),-10px)}@-moz-document url-prefix(){.dropdown .options{scrollbar-width:thin;scrollbar-color:var(--color-fg-secondary) transparent}}.dropdown .options::-webkit-scrollbar{background:0 0;width:6px}.dropdown .options::-webkit-scrollbar-track{background:0 0;display:none}.dropdown .options::-webkit-scrollbar-thumb{background-color:var(--color-fg-secondary);border-radius:.25rem}.dropdown .options{background-color:var(--color-fg-tertiary);border:1px solid var(--color-border-primary);opacity:0;visibility:hidden;border-radius:.25rem;flex-flow:column;transition:opacity .3s,visibility .3s,transform .3s;display:flex}@media screen and (width>=45em){.dropdown .options{max-height:280px}}.dropdown .options .dropdown-search{z-index:1;background-color:var(--color-fg-tertiary);border-bottom:1px solid var(--color-border-primary);flex-flow:row;align-items:center;display:flex;position:sticky;top:0}.dropdown .options .dropdown-search .material-symbols-outlined{color:var(--color-text-secondary);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.2em;font-weight:700;transition:color .3s;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.dropdown .options .dropdown-search:focus-within .material-symbols-outlined{color:var(--color-accent)}.dropdown .options .dropdown-search input{width:100%;min-width:0;color:var(--color-text-primary);background-color:#ffffff40;border:none;outline:none;padding:.625rem .625rem .625rem 2.5rem}.dropdown .options .dropdown-search input::placeholder{color:var(--color-text-secondary)}.dropdown .options .dropdown-search input:focus{background-color:#fff6;outline:none}.dropdown .options .dropdown-option{text-align:center;text-wrap:nowrap;width:100%;color:var(--color-text-primary);background-color:#0000;padding:.25rem 1rem}.dropdown .options .dropdown-option:hover:not(.selected){color:var(--color-text-primary)}.dropdown .options .dropdown-option.selected{background-color:var(--color-bg-secondary);color:rgba(var(--color-rgb-accent), .8)}.dropdown .options .dropdown-option.to-select{background-color:rgba(var(--color-rgb-fg-primary), .15);color:var(--color-text-primary)}.dropdown.enclosed{--chevron-inset:.625rem}.dropdown.enclosed .header .selected-value{min-width:0;padding-right:calc(var(--chevron-inset) + 16px);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.dropdown.enclosed .header .chevron{top:50%;right:var(--chevron-inset);margin-left:0;position:absolute;transform:translateY(-50%)rotate(90deg)}.dropdown.enclosed.focus .header .chevron{transform:translateY(-50%)rotate(-90deg)}.dropdown.focus .header .chevron{transform:rotate(-90deg)}.dropdown.focus .options{opacity:1;visibility:visible;transform:translate(calc(-50% - 5px),4px)}.dropdown.disabled .header{cursor:not-allowed;opacity:.6}.dropdown.disabled .header .selected-value{color:var(--color-text-secondary)}.dropdown.disabled .header .chevron{display:none}.dropdown.disabled .options{pointer-events:none}.dropdown.standalone-outlined{background-color:var(--color-fg-secondary);--chevron-inset:1rem;border-radius:1.5rem;width:100%;padding:0}.dropdown.standalone-outlined .header{width:100%;padding:.625rem 1rem}.dropdown.standalone-outlined .header .chevron{color:var(--color-text-secondary)}.dropdown.standalone-outlined .options{background-color:var(--color-fg-secondary);border-radius:.625rem;margin-top:.25rem;transform:translate(-50%,-10px)}.dropdown.standalone-outlined .options .dropdown-search{background-color:var(--color-fg-secondary)}.dropdown.standalone-outlined .options .dropdown-option{text-align:left;padding:.625rem;transition:background-color .3s}.dropdown.standalone-outlined .options .dropdown-option:hover:not(.selected){background-color:rgba(var(--color-rgb-fg-primary), .15)}.dropdown.standalone-outlined .options .dropdown-option.selected{color:var(--color-accent);background-color:rgba(var(--color-rgb-bg-primary), .25)}.dropdown.focus.standalone-outlined .options{transform:translate(-50%)}