:root{--dropdown-border:var(--el-border-base)}.dropdown{color:var(--secondary-color);margin-bottom:var(--el-margin-xs);outline:none;position:relative}.dropdown select{height:100%;opacity:0;position:absolute;width:100%;z-index:1}.dropdown select option{opacity:1}.dropdown .dropdown__select{align-items:center;background:var(--page-background);border:var(--dropdown-border);border-radius:calc(var(--el-height-md)/2);color:inherit;cursor:pointer;display:flex;font-size:16px;height:var(--el-height-md);padding-left:16px;transition:border-color .3s;width:100%}.dropdown .dropdown__select:focus{border-color:var(--brand-color);outline:none}.dropdown .dropdown__select:hover{border-color:var(--brand-color)}.dropdown .dropdown__select--with-icon{padding-left:50px}.dropdown .dropdown__select-variants-container{align-items:center;background:var(--page-background);border:var(--dropdown-border);border-color:var(--brand-color);border-radius:calc(var(--el-height-md)/2);box-shadow:0 4px 16px 7px var(--page-background);display:flex;height:170px;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.dropdown .dropdown__select-variants-container .dropdown__select-variants{height:calc(100% - 32px);margin:0 7px 0 13px;overflow:auto;padding:0 7px 0 0;width:100%}.dropdown .dropdown__select-variants-container .dropdown__select-variants-item{color:var(--secondary-color);padding:16px 0 var(--el-margin-sm-md)}.dropdown .dropdown__select-variants-container .dropdown__select-variants-item.dropdown__select-variants-item--hover{color:var(--primary-color);cursor:pointer}.dropdown .dropdown__select-variants-container .dropdown__select-variants-item.dropdown__select-variants-item--selected{color:var(--brand-color);font-weight:700}.dropdown .dropdown__select-variants-container .dropdown__select-variants-item:first-of-type{padding-top:0}.dropdown .dropdown__select-variants-container .dropdown__select-variants-item:last-of-type{padding-bottom:0}.dropdown .dropdown__select-variants-container .dropdown__select-variants-item:not(:last-of-type){border-bottom:var(--el-border-secondary)}.dropdown .dropdown__placeholder,.dropdown .dropdown__select-value{color:var(--primary-color);max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown .dropdown__placeholder--shrinked,.dropdown .dropdown__select-value--shrinked{max-width:calc(100% - 115px)}.dropdown .dropdown__select-icon{color:var(--primary-color);height:24px;position:absolute;right:14px;width:24px}.dropdown .dropdown__prepend-icon{font-size:20px;left:21px;pointer-events:none;position:absolute;top:14px}.dropdown .dropdown__error-icon{color:var(--danger-color);font-size:24px;position:absolute;right:44px;top:12px}.dropdown .dropdown__placeholder{color:currentColor;font-size:16px;left:50px;position:absolute;top:var(--el-margin-sm-md);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown--with-error{--dropdown-border:1px solid var(--danger-color)}.dropdown--disabled{opacity:.6;pointer-events:none}.dropdown--disabled .dropdown__select{cursor:default}.dropdown--valid,.dropdown--valid .dropdown__prepend-icon{color:var(--brand-color)}.dropdown--valid:hover{--dropdown-border:1px solid var(--brand-color)}