.field-select{position:relative}.field-select--active .field-select__list{opacity:1;visibility:visible}.field-select--active .field-select__header{border-color:var(--color-red)}.field-select__icon{display:flex;align-items:center;justify-content:center;margin-left:auto}.field-select--active .field-select__icon{transform:rotate(180deg)}.field-select__header{--height:36px;display:block;height:var(--height);width:100%;min-width:0;color:var(--color-black);background:var(--color-white);border-radius:var(--border-radius-base);border:1px solid var(--color-grey-stroke);padding:calc((var(--height) - 2px - var(--lh-base))/2) 12px;transition:var(--trs-base);font:var(--font-base);outline:none}@media(max-width:767px){.field-select__header{--height:33px}}.field-select__header::placeholder{font:var(--font-base);color:var(--color-grey-text);transition:var(--trs-base)}@media(any-hover:hover){.field-select__header:hover{border-color:var(--color-grey-text);cursor:pointer}}.field-select__header:focus{border-color:var(--color-black)}.field-select__header:disabled{border-color:var(--color-grey-stroke);color:var(--color-grey-stroke);pointer-events:none}.field-select__header:disabled ::placeholder{border-color:var(--color-grey-stroke)}.form-error .field-select__header,.form-error .field-select__header:focus{border-color:var(--color-red)}.field-select__header{display:flex;align-items:center;gap:8px;white-space:nowrap}.field-select__header span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.field-select__header .icon{width:20px;height:20px}.field-select__header:hover{cursor:pointer}.field-select__list{display:flex;flex-direction:column;border-top:none}.field-select__option{padding:8px 16px;display:flex;align-items:center;gap:16px;color:var(--color-grey-text)}@media(max-width:1199px){.field-select__option{padding:8px 0}}.field-select__option-counter{font:var(--font-mini);color:var(--color-black);background-color:var(--color-light-grey);border-radius:var(--border-radius-small);height:12px;width:27px;display:flex;align-items:center;justify-content:center}@media(max-width:1199px){.field-select__option-counter{border-radius:4px}}.field-select__option--active{color:var(--color-red);pointer-events:none}@media(hover:hover){.field-select__option:hover{cursor:pointer;color:var(--color-black);background-color:var(--color-light-grey)}}