@layer components{.async-select{width:100%;min-width:300px;display:inline-block;position:relative}.async-select__control{font-family:var(--font-normal);border:1px solid var(--input-border);border-radius:var(--rounding);background-color:var(--input-background);color:var(--foreground-primary);outline:0 #0000;padding-left:.5rem;font-size:1rem;transition:background-color .25s ease-in-out,border-color .25s ease-in-out;&:focus-visible{outline:2px solid var(--focus-ring);border:1px solid var(--input-border-focus);background-color:var(--input-background-focus)}&:active{background-color:var(--input-background-focus);border:1px solid var(--input-border-focus)}&.async-select__control--is-focused{border:1px solid var(--input-border-focus);background-color:var(--input-background-focus);outline:2px solid var(--focus-ring)!important}}.async-select__group-heading{padding-inline:.5rem;font-family:var(--font-heading);color:var(--foreground-secondary);padding-bottom:.325rem;font-size:.8rem}.async-select__indicators{flex-direction:row;display:flex;& .indicator{padding:.5rem;& svg.icon{transition:color .15s ease-in-out}&:hover svg.icon{color:var(--foreground-primary)}}}.async-select__multi-value{flex-direction:row;align-items:center;display:flex}.async-select__multi-value__remove{color:var(--foreground-secondary);border-radius:50%;justify-content:center;align-items:center;margin-left:.25rem;padding:.25rem;transition:background-color .15s ease-in-out;display:flex;position:relative;top:1px;&:hover{background-color:var(--input-background-focus);color:var(--foreground-primary)}& svg.icon{width:.75rem;height:.75rem}}.async-select__multi-value__label{font-size:.9rem}.async-select__placeholder{color:var(--foreground-secondary)}.async-select__menu-portal{z-index:100}.async-select__menu{border:var(--border);border-radius:var(--rounding);background-color:var(--background-panel);box-shadow:0 4px 6px -1px var(--color-shadow), 0 2px 4px -2px var(--color-shadow);z-index:100;min-width:300px;margin-top:4px;padding-block:.325rem;& .async-select__option,& .no-options{line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:298px;padding:.5rem;font-size:.9rem;display:-webkit-box;overflow:hidden}& .async-select__option--is-focused{background-color:var(--input-background-focus)}& .no-options{text-align:center;color:var(--foreground-secondary);user-select:none}}}