.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{position:absolute;top:5.6rem;left:0;right:0;width:100%;box-shadow:var(--shadows-lg);z-index:10;border-radius:.6rem;border:1px solid var(--colors-neutral-primary);background-color:var(--colors-background-white)}.m-input-group__listbox-item{display:flex;align-items:center;justify-content:flex-start;padding:0 1.5rem 0 2.5rem;font-size:1.6rem;line-height:2.6rem;color:var(--colors-text-medium);transition:all .2s ease-out;height:4.8rem;cursor:default;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]{background-color:#f5f6fa;border:0;border-top-width:1px;border-bottom-width:1px;border-style:solid;border-color:var(--colors-neutral-primary)}.m-input-group__listbox-item[aria-selected=true]:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;width:3px;height:100%;background:var(--colors-primary-primary-2)}.m-input-group>label,.m-input-group>.m-input-group__label{position:absolute;left:1px;top:4px;bottom:1px;z-index:8;padding:1.4rem 1.6rem;font-size:1.4rem;line-height:1.6rem;color:var(--colors-text-medium);background-color:var(--colors-background-white);transition:all .3s ease-out;border-radius:.6rem}@media (min-width: 768px){.m-input-group>label,.m-input-group>.m-input-group__label{line-height:2rem;font-size:1.6rem;top:1px}}.m-input-group>.m-input-group__input{position:absolute;top:0;left:0;right:0;width:100%;min-height:5rem;background-color:var(--colors-background-white)}.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{line-height:2rem;font-size:1.6rem;border:1px solid var(--colors-neutral-primary);border-radius:.6rem;width:100%;color:var(--colors-text-medium);padding:1.4rem 1.6rem;transform:translateY(0);transition:all .2s ease-out}.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{padding-block:0;padding-inline:.75rem;font-size:1.2rem;transform:translate(.85rem,-50%);border-radius:0;bottom:unset}.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{outline:none;box-shadow:0 0 0 4px var(--colors-primary-primary-2a);border-color:var(--colors-primary-primary-2)}.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);position:absolute;right:1.6rem;top:1.6rem;width:2rem;height:2rem;transform:rotate(0);transition:all .2s ease-out}.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{display:none;font-weight:400;line-height:2rem;font-size:1.2rem;color:var(--colors-functionalColors-danger)}@media (min-width: 768px){.m-input-group__error{font-size:1.4rem}}.m-input-group__error.--visible{display:block}
