.select{--padding:var(--xs);position:relative;--border-color:#e8e9ef}.select--invalid{--border-color:#fb4364}.select--valid{--border-color:#00c893}.select__title{position:relative;padding:var(--padding) var(--xs) var(--padding) var(--s);display:flex;justify-content:space-between;cursor:pointer;width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--border-color);border-radius:12px;height:48px;padding-left:15px;font-size:16px;align-items:center}.select__title--s,.select__title--small{--padding:0;height:32px}.select__title--m,.select__title--middle{--padding:var(--xs);height:48px}.select__title--l,.select__title--large{--padding:var(--s);height:64px}.select__title__content{white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;color:#adb0bb}.select__title__content--select{color:#2e2d31}.select__list{position:absolute;z-index:1;top:calc(100% + 4px);width:100%;left:0;background:#fff;max-height:220px;overflow:auto;border-radius:8px;padding:var(--xs);box-sizing:border-box;box-shadow:0 1px 5px 0 rgba(29,77,161,.12)}.select__list__item{margin-bottom:var(--xs);border-radius:10px;color:#2e2d31;cursor:pointer;font-size:16px;line-height:156%;padding:8px 16px;justify-content:space-between;align-items:center;display:flex}.select__list__item--active,.select__list__item:hover{background:#f5f6fa}@media(max-width:720px){.select__list{position:unset}}