.dropdown__content{position:relative}.dropdown__select{display:none}.dropdown__state{position:relative;display:flex;align-items:center;width:100%;min-height:48px;border:1px solid #bfbfbf;border-radius:4px;padding:5px 16px;color:gray;background-color:#fff;outline:none;cursor:default}@media(hover:hover)and (pointer:fine){.dropdown__state{transition:all .15s}}.dropdown__state .icon{margin-left:auto;color:#000;font-size:24px;transform:rotate(90deg);transition:color .15s,transform .18s cubic-bezier(.39,0,.22,1)}.dropdown--open .dropdown__state,.dropdown__select:active+.dropdown__state,.dropdown__select:focus+.dropdown__state,.dropdown__state:not([disabled]):active,.dropdown__state:not([disabled]):focus{border-color:#008dca;box-shadow:0 3px 6px #0000000f}.dropdown--open .dropdown__state .dropdown__field:not(:empty)+.dropdown__label,.dropdown--open .dropdown__state .dropdown__label,.dropdown--open .dropdown__state .icon,.dropdown__select:active+.dropdown__state .dropdown__field:not(:empty)+.dropdown__label,.dropdown__select:active+.dropdown__state .dropdown__label,.dropdown__select:active+.dropdown__state .icon,.dropdown__select:focus+.dropdown__state .dropdown__field:not(:empty)+.dropdown__label,.dropdown__select:focus+.dropdown__state .dropdown__label,.dropdown__select:focus+.dropdown__state .icon,.dropdown__state:not([disabled]):active .dropdown__field:not(:empty)+.dropdown__label,.dropdown__state:not([disabled]):active .dropdown__label,.dropdown__state:not([disabled]):active .icon,.dropdown__state:not([disabled]):focus .dropdown__field:not(:empty)+.dropdown__label,.dropdown__state:not([disabled]):focus .dropdown__label,.dropdown__state:not([disabled]):focus .icon{color:#008dca}@media(hover:hover)and (pointer:fine){.dropdown__state:not([disabled]):hover{border-color:#008dca;box-shadow:0 3px 6px #0000000f}.dropdown__state:not([disabled]):hover .dropdown__field:not(:empty)+.dropdown__label,.dropdown__state:not([disabled]):hover .icon{color:#008dca}}.dropdown--open .dropdown__state{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown--open .dropdown__state .icon{transform:rotate(90deg) scaleX(-1)}.dropdown--valid .dropdown__state:not([disabled]){border-color:#0ab21d}.dropdown--valid .dropdown__state:not([disabled]) .dropdown__label,.dropdown--valid .dropdown__state:not([disabled]) .icon{color:#0ab21d!important}.dropdown--invalid .dropdown__state:not([disabled]){border-color:#e30513}.dropdown--invalid .dropdown__state:not([disabled]) .dropdown__label,.dropdown--invalid .dropdown__state:not([disabled]) .icon{color:#e30513!important}.dropdown__state[disabled]{color:#e3e0d9;border-color:currentColor}.dropdown__state[disabled] .dropdown__field,.dropdown__state[disabled] .dropdown__label,.dropdown__state[disabled] .icon{color:currentColor}.dropdown__field{flex-grow:0;color:#606060;line-height:1.15;transition:color .15s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown__field:not(:empty){padding-right:8px}.dropdown__label{background:#fff;color:#7e7e7e;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:transform .18s cubic-bezier(.39,0,.22,1),color .15s,padding .15s}.dropdown__field:not(:empty)+.dropdown__label{position:absolute;top:0;overflow:visible;left:12px;padding:0 4px;transform:translate3d(0,-50%,0) scale(.9)}.dropdown__error{margin:0 16px;color:#e30513;font-size:12px}.dropdown__options{position:absolute;top:calc(100% - 1px);left:0;margin:0;list-style:none;padding:0 16px;border:1px solid #008dca;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:#fff;min-width:100%;overflow-y:auto;z-index:4;box-shadow:0 3px 6px #0000000f}.dropdown--invalid .dropdown__options{border-color:#e30513}.dropdown--valid .dropdown__options{border-color:#0ab21d}.dropdown__option{display:flex;align-items:center;margin:0;padding-top:15px;padding-bottom:15px;line-height:20px;cursor:pointer;outline:none;transition:color .15s}.dropdown__option:not(:first-child){border-top:1px solid #e3e0d9}.dropdown__option:not(.dropdown__option--disabled):active,.dropdown__option:not(.dropdown__option--disabled):focus,.dropdown__option[aria-selected=true]{color:#008dca}@media(hover:hover)and (pointer:fine){.dropdown__option:not(.dropdown__option--disabled):hover{color:#008dca}}.dropdown__option .icon:not(.dropdown__arrow){margin-right:8px;font-size:24px;color:#008dca}.dropdown__option--disabled{color:#d3d3d3;cursor:not-allowed}.dropdown__option--scheme-slim{padding-top:5px;padding-bottom:5px}.dropdown__option--scheme-slim:not(:first-child){border-top:none}.dropdown__option--scheme-slim:first-child{margin-top:10px}.dropdown__option--scheme-slim:last-child{margin-bottom:10px}.dropdown__option--indent{margin-left:20px}.dropdown__option--static{pointer-events:none}.dropdown__option--parent{padding:15px 0 8px}.dropdown__option--parent+.dropdown__option{border-top:0}.dropdown__option--parent-active{color:#7e7e7e;font-weight:700}.dropdown__arrow{margin-left:auto;font-size:24px;color:#7e7e7e}.dropdown--open .dropdown__content{z-index:4}.dropdown .dropdown-fade-enter-active,.dropdown .dropdown-fade-leave-active{transition:all .1s ease-in-out}.dropdown .dropdown-fade-enter,.dropdown .dropdown-fade-leave-to{opacity:0;transform:translateY(-12px)}
