:root{--color-white:#fff;--color-orange:#f60;--color-lightgray:#b6b6b6;--color-black:#333}.v-newCombobox{border-radius:12px}@media (hover:hover) and (pointer:fine){.v-newCombobox:hover .v-newCombobox__wrapper{border:1px solid #f60}}@media screen and (hover:hover) and (pointer:fine) and (max-width:992px){.v-newCombobox:hover .v-newCombobox__wrapper{border:1px solid #b6b6b6}}.v-newCombobox.wasInputUsed.hasError .v-newCombobox__wrapper{border-color:#d1514e}.v-newCombobox.wasInputUsed.success .v-newCombobox__wrapper{border-color:#279f00}.v-newCombobox.wasInputUsed.active .v-newCombobox__wrapper{border-color:#f60}.v-newCombobox.disabled .v-newCombobox__wrapper{background-color:#f4f4f4;border:1px solid #eaeaea;color:#b6b6b6;pointer-events:none}.v-newCombobox.disabled .v-newCombobox__wrapper .v-newCombobox__value{background:#0000;color:#b6b6b6}.v-newCombobox.disabled .v-newCombobox__wrapper .v-newCombobox__value.placeholder{color:#b6b6b6}.v-newCombobox__wrapper{align-items:center;border:1px solid #b6b6b6;border-radius:12px;cursor:pointer;display:flex;font-size:1.6rem;gap:1.2rem;justify-content:space-between;line-height:2.4rem;max-height:4.8rem;padding:1.2rem;position:relative;width:100%}@media screen and (max-width:992px){.v-newCombobox__wrapper{border-radius:10px;max-height:4rem;padding:.8rem 1.6rem}}.v-newCombobox__selectWrapper{align-items:center;display:flex;gap:.6rem;width:100%}.v-newCombobox__value{border:none;color:#6f6f6f;cursor:pointer;display:block;font-size:1.6rem;line-height:2.4rem;overflow:hidden;white-space:nowrap;width:100%}@media screen and (max-width:992px){.v-newCombobox__value{font-size:1.4rem}}.v-newCombobox__value.checked{color:#333}.v-newCombobox__value.placeholder{color:#6f6f6f}.v-newCombobox__optionsList{background:#fff;border-radius:12px;box-shadow:0 0 2px #0000000f,0 2px 16px #00000014;display:none;left:-.1rem;max-height:28rem;overflow-y:auto;position:absolute;top:5.4rem;width:calc(100% + .2rem);z-index:3}@media screen and (max-width:992px){.v-newCombobox__optionsList{top:4.8rem}}.v-newCombobox__optionsList.active{display:block}.v-newCombobox__iconChevron{flex-shrink:0}.v-newCombobox__iconChevron.active{transform:rotate(180deg)}.v-newCombobox__optionWrapper{display:flex;font-size:1.6rem;justify-content:space-between;line-height:2.6rem;position:relative}@media screen and (max-width:992px){.v-newCombobox__optionWrapper{font-size:1.4rem;line-height:2.4rem}}.v-newCombobox__label{color:#6f6f6f;font-size:1.6rem;line-height:2.4rem;padding:1.1rem 1.6rem;width:100%}.v-newCombobox__icon{flex-shrink:0}.v-newCombobox__iconsWrap{display:flex;gap:.8rem}
