.listbox{border:.0625rem solid #292929;height:2.5rem}.listbox .listbox-button{color:#292929;font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:.0625rem;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:1.5rem;height:2.5rem;width:100%;padding:0 .75rem 0 1rem}.listbox .listbox-button:focus{outline-offset:-.0625rem;outline-width:.125rem;outline-style:solid;outline-color:#020202}.listbox .listbox-button[aria-expanded=true] .icon{transform:rotate(180deg)}.listbox-options{color:#292929;background-color:#fff;box-shadow:0 8px 8px 0 rgba(2,2,2,.25),0 16px 16px 0 rgba(2,2,2,.15);width:var(--button-width)}.listbox-options .listbox-option{font-size:.875rem;font-weight:400;text-transform:uppercase;letter-spacing:.0625rem;padding:.5rem .75rem}.listbox-options .listbox-option:not(:first-of-type){border-top:.0625rem solid #fff}.listbox-options .listbox-option:hover{color:#292929;background-color:#fff4f1;cursor:pointer}.listbox-options .listbox-option:focus-visible{outline-offset:-.0625rem;outline-width:.125rem;outline-style:solid;outline-color:#020202}.listbox-options .listbox-option[data-selected]{color:#ee3224;background-color:#ffe2dc}.listbox-options .listbox-option[data-selected]:hover{background-color:#fec2b6}