.ui-dropdown{box-sizing:border-box;position:relative;user-select:none;width:var(--input-width)}.ui-dropdown .view{--svg-size:12px;--svg-fill:var(--input-color);align-items:center;background-color:var(--input-fill);border:none;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--input-color);cursor:pointer;display:flex;flex-flow:row nowrap;gap:10px;height:var(--input-height);justify-content:flex-start;line-height:var(--line-height);outline:0;padding:10px var(--input-padding-lr);text-align:left;text-decoration:none!important;transition:background-color .1s ease;white-space:nowrap;width:100%}.ui-dropdown .view:before{border:var(--input-border-type) var(--input-border-width) var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;content:"";height:100%;left:0;position:absolute;top:0;transition:border-color .1s ease;width:100%}.ui-dropdown .view span{display:block;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-dropdown .view svg{transition:fill .1s ease,transform .15s ease}.ui-dropdown .view:hover{--input-color:var(--hover--input-color);--input-fill:var(--hover--input-fill);--input-border-color:var(--hover--input-border-color)}.ui-dropdown .view:focus{--input-color:var(--focus--input-color);--input-fill:var(--focus--input-fill);--input-border-color:var(--focus--input-border-color)}.ui-dropdown .popup{box-sizing:border-box;display:none;font-weight:400;min-width:200px;outline:0;position:absolute;top:100%;transform:translateY(8px);width:100%;z-index:1000}.ui-dropdown .popup .content{--svg-fill:var(--popup-color);background:var(--popup-fill);border-color:var(--popup-border-color);border-radius:var(--popup-border-radius);border-style:var(--popup-border-style);border-width:var(--popup-border-width);box-shadow:var(--popup-box-shadow);box-sizing:border-box;color:var(--popup-color);display:flex;flex-flow:column nowrap;gap:var(--input-padding-lr);max-height:370px;padding:var(--input-padding-lr)}.ui-dropdown .popup .content .header{align-items:center;display:none;flex-flow:row nowrap;padding:0}.ui-dropdown .popup .content .header span{display:block;flex:1 1 auto;font-size:var(--svg-size);font-weight:500}.ui-dropdown .popup .content .header button{align-items:center;appearance:none;background:0 0;border:none;cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;padding:0;position:relative}.ui-dropdown .popup .content .header button:after{bottom:-10px;content:"";display:block;left:-10px;position:absolute;right:-10px;top:-10px}.ui-dropdown .popup .content ul{flex:1 1 100%;height:100%;overflow-y:scroll;padding-right:5px;position:relative}.ui-dropdown .popup .content ul li{align-items:center;border-radius:var(--input-border-radius);cursor:pointer;display:flex;justify-content:space-between;min-height:unset;padding:calc(var(--input-padding-lr)/2) var(--input-padding-lr)}.ui-dropdown .popup .content ul li svg{display:none}.ui-dropdown .popup .content ul li:hover{--input-color:var(--hover--input-color);--input-fill:var(--hover--input-fill)}.ui-dropdown .popup .content ul li:focus{--input-color:var(--focus--input-color);--input-fill:var(--focus--input-fill)}.ui-dropdown .popup .content ul li.hasvalue{--input-color:var(--hasvalue--input-color);--input-fill:var(--hasvalue--input-fill)}.ui-dropdown .popup .content ul li.hasvalue svg{display:block;--svg-fill:var(--hasvalue--input-color)}.ui-dropdown .popup .content ul li.hasvalue:focus{--input-color:var(--focus--input-color);--input-fill:var(--focus--input-fill)}.ui-dropdown .popup .content ul.result li{display:none}.ui-dropdown .popup .content ul.result li.ok{display:flex}.ui-dropdown .popup .content ul.notfound{display:none}.ui-dropdown .popup .content ul.notfound~.empty{display:block;flex:1 1 auto}.ui-dropdown .popup .content .empty{display:none;flex:1 1 auto}.ui-dropdown .popup .content .cancel{display:none}.ui-dropdown .popup .content.top{bottom:100%;top:auto;transform:translateY(-8px)}.ui-dropdown .popup .content.right{left:0;right:auto}.ui-dropdown .search{display:none;flex:0 0 auto;flex-flow:row nowrap;position:relative}.ui-dropdown .search svg{display:block;left:var(--input-padding-lr);position:absolute;top:50%;transform:translateY(-50%)}.ui-dropdown .search input{--input-width:100%;padding-left:calc(var(--input-padding-lr) + var(--svg-size) + var(--input-padding-lr)/2)}.ui-dropdown.searchable .search{display:flex}.ui-dropdown.empty .popup .content ul{display:none}.ui-dropdown.empty .popup .content .empty{display:block}.ui-dropdown.hasvalue{--input-color:var(--hasvalue--input-color);--input-fill:var(--hasvalue--input-fill);--svg-fill:var(--hasvalue--input-color)}.ui-dropdown.hasvalue .view:focus,.ui-dropdown.hasvalue .view:hover{--input-color:var(--hover--input-color);--input-fill:var(--hover--input-fill);--svg-fill:var(--hover--input-color)}.ui-dropdown.expanded{--input-color:var(--expanded--input-color);--input-fill:var(--expanded--input-fill);--svg-fill:var(--expanded--input-color)}.ui-dropdown.expanded .view svg{transform:rotate(180deg)}.ui-dropdown.expanded .popup{display:block}.ui-dropdown.invalid{--input-color:var(--invalid--input-color);--input-fill:var(--invalid--input-fill);--input-border-color:var(--invalid--input-border-color);--svg-fill:var(--invalid--input-color)}.ui-dropdown.disabled{--input-color:var(--disabled--input-color);--input-fill:var(--disabled--input-fill);--svg-fill:var(--disabled--input-color);--input-border-color:var(--disabled--input-border-color)}.ui-dropdown.disabled .view{cursor:default}.ui-dropdown.disabled .view:focus,.ui-dropdown.disabled .view:hover{--input-color:var(--disabled--input-color);--input-fill:var(--disabled--input-fill);--input-border-color:var(--disabled--input-border-color)}@media (max-width:1550px){.ui-dropdown .popup .content{max-height:340px}}@media (max-width:1370px){.ui-dropdown .popup .content{max-height:320px}}@media (max-width:1030px){.ui-dropdown .popup{background:#00000080;bottom:0;left:0;min-width:auto;padding:var(--content-padding-lr);position:fixed;right:0;top:0;transform:none}.ui-dropdown .popup .content{height:100%;max-height:550px;max-width:540px;padding:32px;width:100%}.ui-dropdown .popup .content .header{display:flex}.ui-dropdown .popup.top{bottom:0;top:0;transform:none}.ui-dropdown .popup.right{left:0;right:0}.ui-dropdown.expanded .popup{align-items:center;display:flex;justify-content:center}.ui-dropdown.expanded .popup .content{flex:1 1 auto}}@media (max-width:500px){.ui-dropdown .popup{padding:0}.ui-dropdown .popup .content{max-height:none;max-width:none;padding:28px}.ui-dropdown .popup .content .cancel{display:block}}@media (max-width:370px){.ui-dropdown .popup .content{padding:20px}}@media (max-width:1030px){body.ui-dropdown-opened{overflow:hidden}}.ui-dropdown-input{height:1px;opacity:0;outline:0;position:absolute;visibility:collapse;width:1px}.ui-dropdown-miniature{background:#f6f7f8;border:var(--input-border-type) var(--input-border-width) var(--input-border-color);border-radius:var(--input-border-radius);box-sizing:border-box;height:var(--input-height)}