.ui-select{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;z-index:5}.ui-select__label{padding:0 5px;margin-bottom:1px;color:var(--color-text-main);font-size:var(--text-body-sm);font-weight:500}.ui-select__content,.ui-select__content-btn{position:relative;width:100%}.ui-select__content-btn{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 8px;background-color:var(--color-main);border:1px solid var(--color-fifth);border-radius:5px;z-index:2;color:var(--color-text-main);font-size:var(--text-body-sm);font-weight:500}.ui-select__content-btn p{white-space:nowrap;overflow:hidden}.ui-select__content-btn__arrow{display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.ui-select__content-btn__arrow svg{width:100%;height:100%}.ui-select__content-btn:hover{background-color:var(--color-primary-light)}.ui-select__content ul{position:absolute;left:0;display:flex;flex-direction:column;overflow-y:auto;width:100%;max-height:300px;background-color:var(--color-main);border:1px solid var(--color-fifth);transition:all .3s ease-in-out;opacity:0;pointer-events:none;visibility:hidden;z-index:1}.ui-select__content ul.active{opacity:1;transform:translateY(0);pointer-events:all;visibility:visible}.ui-select__content ul li{width:100%}.ui-select__content ul li.item-search{position:sticky;top:0;z-index:1}.ui-select__content ul li.item-search input{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 8px;width:100%;color:var(--color-text-main);font-size:var(--text-body-sm);font-weight:500;background-color:var(--color-third)}.ui-select__content ul li.item-search input::-moz-placeholder{font-size:var(--text-body-sm);font-weight:500}.ui-select__content ul li.item-search input::placeholder{font-size:var(--text-body-sm);font-weight:500}.ui-select__content ul li.item-search input.choose{background-color:var(--color-primary);color:var(--color-main)}.ui-select__content ul li button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:6px 8px;width:100%;color:var(--color-text-main);font-size:var(--text-body-sm);font-weight:500}.ui-select__content ul li button:hover{background-color:var(--color-primary-hover);color:var(--color-main)}.ui-select__content ul li button.choose{background-color:var(--color-primary);color:var(--color-main)}.ui-select__content select{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;visibility:hidden;opacity:0}.ui-select--collapsed .ui-select__content-btn{padding:5px}.ui-select--collapsed .ui-select__content-btn__arrow{width:15px;height:15px}.ui-select.list-top .ui-select__content-btn__arrow{transform:rotate(0)}.ui-select.list-top .ui-select__content-btn.active{border-radius:0 0 5px 5px}.ui-select.list-top .ui-select__content-btn.active .ui-select__content-btn__arrow{transform:rotate(180deg)}.ui-select.list-top .ui-select__content ul{bottom:100%;transform:translateY(20px);border-radius:5px 5px 0 0;border-bottom:none;box-shadow:0 -2px 15px -1px #2121211a}.ui-select.list-top .ui-select__content ul.active{transform:translateY(0)}.ui-select.list-bottom .ui-select__content-btn__arrow{transform:rotate(180deg)}.ui-select.list-bottom .ui-select__content-btn.active{border-radius:5px 5px 0 0}.ui-select.list-bottom .ui-select__content-btn.active .ui-select__content-btn__arrow{transform:rotate(0)}.ui-select.list-bottom .ui-select__content ul{top:100%;transform:translateY(-20px);border-radius:0 0 5px 5px;border-top:none;box-shadow:0 6px 15px -1px #2121211a}.ui-select.list-bottom .ui-select__content ul.active{transform:translateY(0)}@media(max-width:767px){.ui-select--collapsed .ui-select__content-btn{padding:5px 3px}.ui-select--collapsed .ui-select__content-btn__arrow{width:12px;height:12px}}