.m-input-group{position:relative}.m-input-group[role=combobox]{min-height:5rem}.m-input-group[aria-expanded=false] [role=listbox]{display:none}.m-input-group[aria-expanded=true] [role=listbox]{display:block}.m-input-group[aria-expanded=true] .m-input-group__arrow{transform:rotate(180deg)}.m-input-group__listbox{width:100%;box-shadow:var(--shadows-lg);z-index:10;border:1px solid var(--colors-neutral-primary);background-color:var(--colors-background-white);border-radius:.6rem;position:absolute;top:5.6rem;left:0;right:0}.m-input-group__listbox-item{color:var(--colors-text-medium);cursor:default;justify-content:flex-start;align-items:center;height:4.8rem;padding:0 1.5rem 0 2.5rem;font-size:1.6rem;line-height:2.6rem;transition:all .2s ease-out;display:flex;position:relative}.m-input-group__listbox-item:first-child{border-radius:.6rem .6rem 0 0;overflow:hidden}.m-input-group__listbox-item:last-child{border-radius:0 0 .6rem .6rem;overflow:hidden}.m-input-group__listbox-item:hover{background-color:#f5f6fa}.m-input-group__listbox-item[aria-selected=true]{border:1px solid;border-width:1px 0;border-color:var(--colors-neutral-primary);background-color:#f5f6fa}.m-input-group__listbox-item[aria-selected=true]:before{content:" ";background:var(--colors-primary-primary-2);width:3px;height:100%;display:block;position:absolute;top:0;bottom:0;left:0}.m-input-group input[disabled]+label,.m-input-group input[disabled]+.m-input-group__label{opacity:0}.m-input-group>label,.m-input-group>.m-input-group__label{z-index:8;color:var(--colors-text-medium);background-color:var(--colors-background-white);border-radius:.6rem;padding:1.4rem 1.6rem;font-size:1.4rem;line-height:1.6rem;transition:all .3s ease-out;position:absolute;top:4px;bottom:1px;left:1px}@media (min-width:768px){.m-input-group>label,.m-input-group>.m-input-group__label{font-size:1.6rem;line-height:2rem;top:1px}}.m-input-group>.m-input-group__input{background-color:var(--colors-background-white);width:100%;min-height:5rem;position:absolute;top:0;left:0;right:0}.m-input-group>.m-input-group__input:not(:empty),.m-input-group>.m-input-group__input.--selected{color:var(--colors-text-dark)}.m-input-group>input:not([type=hidden]),.m-input-group>.m-input-group__input{border:1px solid var(--colors-neutral-primary);width:100%;color:var(--colors-text-medium);border-radius:.6rem;padding:1.4rem 1.6rem;font-size:1.6rem;line-height:2rem;transition:all .2s ease-out;transform:translateY(0)}.m-input-group>input:not([type=hidden]):disabled,.m-input-group>.m-input-group__input:disabled{background:var(--colors-background-primary)}.m-input-group>input:not([type=hidden])::placeholder,.m-input-group>.m-input-group__input::placeholder{color:var(--colors-background-white)}.m-input-group.--filled .m-input-group__label,.m-input-group.--filled label,.m-input-group[aria-expanded=true] .m-input-group__label,.m-input-group input:not([type=hidden]):focus+label,.m-input-group .m-input-group__label.--selected{bottom:unset;border-radius:0;padding-block:0;padding-inline:.75rem;font-size:1.2rem;transform:translate(.85rem,-50%)}.m-input-group[aria-expanded=true] .m-input-group__label,.m-input-group input:not([type=hidden]):focus+label{color:var(--colors-primary-primary-2);bottom:unset}.m-input-group input:not([type=hidden]):focus,.m-input-group[aria-expanded=true] .m-input-group__input,.m-input-group:focus .m-input-group__input{box-shadow:0 0 0 4px var(--colors-primary-primary-2a);border-color:var(--colors-primary-primary-2);outline:none}.m-input-group:focus{outline:none}.m-input-group [data-combobox-option].--focused{box-shadow:0 0 0 4px var(--colors-primary-primary-2a), 0 0 0 1px var(--colors-primary-primary-2)}.m-input-group__arrow{color:var(--colors-text-medium);width:2rem;height:2rem;transition:all .2s ease-out;position:absolute;top:1.6rem;right:1.6rem;transform:rotate(0)}.m-input-group[data-invalid=true]>input{border-color:var(--colors-functionalColors-danger)}.m-input-group[data-invalid=true]>input:focus+label{color:var(--colors-functionalColors-danger)}[role=combobox][data-invalid=true]>.m-input-group__input{border-color:var(--colors-functionalColors-danger)}[role=combobox][data-invalid=true][aria-expanded=true]>.m-input-group__label{color:var(--colors-functionalColors-danger)}.m-input-group__error{color:var(--colors-functionalColors-danger);font-size:1.2rem;font-weight:400;line-height:2rem;display:none}@media (min-width:768px){.m-input-group__error{font-size:1.4rem}}.m-input-group__error.--visible{display:block}
