/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.combobox{--color--icon:var(--color-text-neutral-loud);--primary-rgb:0,0,0;}.combobox *,.combobox *::before,.combobox *::after{box-sizing:border-box;}.combobox{position:relative;display:block;min-width:8.75rem;max-width:25rem;}.combobox::after{inset-block-start:calc(50% - 2px);inset-inline-end:1.5rem;position:absolute;display:block;width:0.5rem;height:0.5rem;content:"";transform:translateY(-50%) rotate(45deg);pointer-events:none;border-inline-end:2px solid rgba(var(--primary-rgb),0.75);border-block-end:2px solid rgba(var(--primary-rgb),0.75);background:transparent;}[dir="rtl"] .combobox::after{transform:translate(0,-50%) rotate(-45deg);}.combobox__input{display:flex;align-items:center;gap:var(--sp0-5);width:100%;min-width:8.75rem;min-height:calc(1.5em + var(--sp1-5));padding-block:var(--sp0-25);padding-inline:var(--sp0-5) var(--sp2);text-align:end;border:2px solid transparent;border-radius:var(--border-radius);font-weight:700;cursor:default;}.combobox__icon > *{display:block;width:1.5rem;height:1.5rem;}.open .combobox__input{border-radius:var(--border-radius) var(--border-radius) 0 0;}.combobox__input:focus{border-color:var(--color--primary-50);outline:4px transparent;}.combobox__label{display:block;margin-block-end:var(--sp0-25);font-size:1.2em;font-weight:100;}.combobox__menu{position:absolute;z-index:100;inset-block-start:100%;inset-inline-start:0;display:none;overflow-y:auto;width:100%;max-height:18.75rem;border:1px solid var(--color--primary-50);border-radius:0 0 var(--border-radius) var(--border-radius);background-color:var(--color--white);cursor:default;}.open .combobox__menu{display:block;}.combobox__option{padding-block:var(--sp0-5);padding-inline:var(--sp) var(--sp2);}.combobox__option:hover{color:var(--color--white);background-color:var(--color--primary-50);}.combobox__option.option__current{box-shadow:inset 0 0 0 2px var(--color--primary-50);}.combobox__option[aria-selected="true"]{position:relative;padding-inline-end:var(--sp2);}.combobox__option[aria-selected="true"]::after{position:absolute;inset-block-start:45%;inset-inline-end:var(--sp);width:0.4375rem;height:0.875rem;content:"";transform:translate(0,-50%) rotate(50deg);border-inline-end:2px solid var(--color-text-neutral-loud);border-block-end:2px solid var(--color-text-neutral-loud);}[dir="rtl"] .combobox__option[aria-selected="true"]::after{transform:translate(0,-50%) rotate(-45deg);}.combobox__option[aria-selected="true"]:hover::after,.combobox__option[aria-selected="true"]:focus::after{border-color:var(--color--white);}