/*! * Copyright 2025 (c) Neo-OOH - All Rights Reserved * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Written by Valentin Dufois * * @neo/connect - Combobox.scss */ .combobox{align-self:stretch;width:100%;position:relative}.combobox__input__wrapper{width:100%;height:100%}.combobox__input.form-input__text-input{height:100%;min-height:1.75rem}.combobox__list{pointer-events:initial;z-index:1100;width:var(--input-width);max-height:400px;box-shadow:0 2px 6px 3px rgba(var(--dark-blue-rgb), .25);border:1px solid var(--idle-grey);background-color:#fff;border-radius:3px;margin:0;padding:0;overflow:auto}.combobox__list__group-header{text-transform:uppercase;letter-spacing:.03em;width:100%;color:var(--dark-grey);background-color:var(--ultralight-grey);border-bottom:1px solid var(--light-grey);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:flex-end;padding:2px 10px;font-size:.67rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.combobox__list__item{border-bottom:1px solid var(--ultralight-grey);color:#000;cursor:default;width:100%;padding:5px 10px;font-size:.79rem;font-weight:500;line-height:1rem;display:flex;position:absolute;top:0;left:0}.combobox__list__item__sublabel{color:var(--dark-grey);text-align:right;font-weight:400}.combobox__list__item.selected{color:var(--highlight-color);background-color:rgba(var(--highlight-color-rgb), .15)}.combobox__list__item:hover,.combobox__list__item.active{background-color:var(--highlight-color);color:#fff}.combobox__list__item:hover .combobox__list__item__sublabel,.combobox__list__item.active .combobox__list__item__sublabel{color:#fff}.combobox__list__item[data-headlessui-state=disabled],.combobox__list__item[data-headlessui-state="active focus disabled"]{color:var(--idle-grey)}.combobox__list__item[data-headlessui-state=disabled]:hover,.combobox__list__item[data-headlessui-state=disabled].active,.combobox__list__item[data-headlessui-state="active focus disabled"]:hover,.combobox__list__item[data-headlessui-state="active focus disabled"].active{background-color:var(--light-grey);color:#fff}.combobox__list__item:last-child{border-bottom:none}.combobox__list__item__sublabel{margin-left:auto;font-size:.702rem}.form-input__text-input{appearance:none;letter-spacing:.075ch;width:100%;color:var(--dark-blue);background-color:#0000;border:none;outline:none;align-self:stretch;margin:0;padding:0 10px;font-size:.79rem;font-weight:600}.form-input__text-input:hover{background-color:var(--ultralight-grey)}.form-input__text-input:focus{box-shadow:0 0 0 2px var(--highlight-color) inset}.form-input__text-input:active{box-shadow:0 0 0 3px var(--highlight-color) inset}