:where(.form-listbox){min-width:fit-content}.form-listbox__button{border:var(--ms-border-width) solid rgba(var(--ms-white-rgb),.15);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-color:rgba(var(--ms-white-rgb),.075);font-weight:var(--ms-font-weight-medium);border-radius:var(--ms-border-radius-sm);color:var(--ms-white);appearance:none;background-position:right 1rem center;background-repeat:no-repeat;background-size:16px 12px;width:100%;padding:.375rem 3rem .375rem 1rem;font-size:.875rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.form-listbox__button{transition:none}}.form-listbox__button:focus{border-color:color-mix(in srgb,var(--ms-primary) 50%,#fff);box-shadow:0 0 0 .25rem rgba(var(--ms-primary-rgb),.25);outline:0}.form-listbox__button:focus-visible{color:inherit}.form-listbox__button:disabled{border-color:rgba(var(--ms-white-rgb),.075);background-color:rgba(var(--ms-white-rgb),.025)}.form-listbox__button:-moz-focusring{text-shadow:0 0 0 var(--ms-white);color:#0000}.form-listbox__button:not(select){align-items:center;gap:.5rem;display:flex}.form-listbox__button--sm{border-radius:var(--ms-border-radius-sm);padding-inline-end:2.125rem;padding-bottom:.25rem;padding-inline-start:.75rem;background-position:right .625rem center;padding-top:.25rem;font-size:.75rem}@media (pointer:coarse){.form-listbox__button--sm{min-height:44px}}.form-listbox__button--active{background-color:var(--ms-cyan-700);color:var(--ms-white)}.form-listbox__button--error{border-color:var(--ms-danger)}.form-listbox__button-icon{width:.75rem;height:.75rem}.form-listbox--ghost{position:relative}.form-listbox__button--ghost{font-weight:var(--ms-font-weight-semibold);border-radius:var(--ms-border-radius-sm);color:var(--ms-gray-50);white-space:nowrap;background-color:#0000;background-image:none;border:none;gap:.375rem;width:auto;padding:.375rem .75rem;font-size:.875rem;transition:background-color .15s ease-in-out}.form-listbox__button--ghost:focus-visible,.form-listbox__button--ghost:hover,.form-listbox__button--ghost[aria-expanded=true]{background-color:rgba(var(--ms-white-rgb),.05);color:var(--ms-gray-50)}.form-listbox__button--ghost:focus{box-shadow:none}.form-listbox__button--ghost:focus-visible{outline:var(--ms-focus-outline-width) solid var(--ms-focus-outline-color);outline-offset:calc(var(--ms-focus-outline-width) * -1)}.form-listbox__prefix{font-weight:var(--ms-font-weight-base);color:var(--ms-gray-400);align-items:center;display:flex}.form-listbox__chevron{color:var(--ms-gray-400);flex-shrink:0;width:.75rem;height:.75rem;transition:transform .15s ease-in-out}[aria-expanded=true]>.form-listbox__chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.form-listbox__chevron{transition:none}}.form-listbox__native{cursor:pointer;opacity:0;font-size:1rem;position:absolute;inset:0}.form-listbox__native:focus-visible+.form-listbox__button--ghost{background-color:rgba(var(--ms-white-rgb),.05);outline:var(--ms-focus-outline-width) solid var(--ms-focus-outline-color);outline-offset:calc(var(--ms-focus-outline-width) * -1)}.form-listbox__dropdown{--ms-dropdown-min-width:12rem;z-index:1075;padding:0}.form-listbox__dropdown--open{display:flex}.form-listbox__dropdown-list{padding:var(--ms-dropdown-padding-y) var(--ms-dropdown-padding-x);margin:0;list-style:none}.form-listbox__dropdown-list:focus-visible{outline:none}.form-listbox__dropdown-list--sm{--ms-dropdown-item-padding-x:.75rem;font-size:.875rem}.form-listbox__dropdown-item--selected{padding-inline-end:2.5rem;position:relative}.form-listbox__dropdown-item--focused{color:var(--ms-dropdown-link-hover-color);background-color:var(--ms-dropdown-link-hover-bg)}.form-listbox__selected-icon{width:.75rem;height:.75rem;position:absolute;inset-inline-end:var(--ms-dropdown-item-padding-x)}.form-listbox__search{padding:var(--ms-dropdown-padding-y) var(--ms-dropdown-padding-x);border-bottom:1px solid var(--ms-border-color)}[dir=rtl] .form-listbox__button{background-position:.75rem}[dir=rtl] .form-listbox__button--sm{background-position:.625rem}