@vue/ui/dist/vue-ui.css

UI components used in the vuejs organization apps

.resize-observer[data-v-8859cc6c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-8859cc6c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.resize-observer[data-v-8859cc6c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-8859cc6c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;padding:24px;border-radius:6px;box-shadow:0 6px 30px rgba(0,0,0,.1)}.v-popper--theme-dropdown .v-popper__arrow{border-color:#fff}.v-popper__popper{z-index:10000}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__inner{position:relative}.v-popper__arrow-container{width:10px;height:10px}.v-popper__arrow{border-style:solid;position:relative;width:0;height:0}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-5px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px}.v-popper{width:-webkit-max-content;width:-moz-max-content;width:max-content}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow{border-color:rgba(0,0,0,.8)}.vue-ui-dropdown-content .vue-ui-dropdown-button.vue-ui-button{border-radius:0;-webkit-transition:background .1s,color .1s;transition:background .1s,color .1s;text-align:left}.vue-ui-dropdown-content .vue-ui-dropdown-button.vue-ui-button>.content>.button-icon svg{-webkit-transition:fill .1s;transition:fill .1s}.vue-ui-dropdown-content .vue-ui-dropdown-button.vue-ui-button>.content{min-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.vue-ui-dropdown{display:inline-block;vertical-align:middle;position:relative}.vue-ui-dropdown .trigger:focus{outline:0}.vue-ui-dropdown .trigger::-moz-focus-inner{border:0}.vue-ui-dropdown .dropdown-trigger:not(.icon-button),.vue-ui-dropdown .dropdown-trigger>:not(.icon-button),.vue-ui-dropdown .trigger:not(.icon-button){width:100%}.vue-ui-dropdown-content.vue-ui-disable{-webkit-box-sizing:border-box;box-sizing:border-box}.vue-ui-dropdown-content.vue-ui-disable>:not(.vue-ui-grid){display:block;width:100%;min-width:150px}.vue-ui-dropdown-content.vue-ui-disable>.vue-ui-grid.default-gap{padding:8px 12px}.vue-ui-dropdown-content.vue-ui-disable>.vue-ui-grid.big-gap{padding:20px 24px}.vue-ui-dropdown-content.vue-ui-disable>.section-title{padding:6px 14px;opacity:.8}.vue-ui-form-field>.wrapper,.vue-ui-form-field>.wrapper>.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.vue-ui-form-field>.wrapper>*,.vue-ui-form-field>.wrapper>.content>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-ui-form-field>.wrapper>.content{margin:6px 0}.vue-ui-form-field>.wrapper>.content>*{margin-bottom:8px}.vue-ui-form-field>.wrapper>.content>:last-child{margin-bottom:0}.vue-ui-form-field>.wrapper>.subtitle,.vue-ui-form-field>.wrapper>.title{-webkit-transition:opacity .3s;transition:opacity .3s}.vue-ui-form-field>.wrapper>.subtitle{font-size:14px}.vue-ui-form-field>.wrapper>.subtitle:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat){color:#4f6f7f}.vue-ui-form-field>.wrapper>.subtitle:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat) .vue-ui-icon svg{fill:#4f6f7f}.vue-ui-dark-mode .vue-ui-form-field>.wrapper>.subtitle:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat){color:#e0f8ed}.vue-ui-dark-mode .vue-ui-form-field>.wrapper>.subtitle:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat) .vue-ui-icon svg{fill:#e0f8ed}.vue-ui-form-field:not(.focused)>.wrapper>.subtitle,.vue-ui-form-field:not(.focused)>.wrapper>.title{opacity:.75}.vue-ui-group{position:relative}.vue-ui-group>.content-wrapper{position:relative}.vue-ui-group>.content-wrapper>.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-ui-group>.content-wrapper>.content>.vue-ui-button{-webkit-box-flex:1;-ms-flex:auto 1 0px;flex:auto 1 0}.vue-ui-group.start>.content-wrapper>.content{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.vue-ui-group.end>.content-wrapper>.content{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.vue-ui-group.vertical>.content-wrapper>.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.vue-ui-group.inline{display:inline-block;vertical-align:middle}.vue-ui-group>.indicator{position:absolute;-webkit-transition:top .15s ease-in-out,left .15s ease-in-out,width .15s ease-in-out,height .15s ease-in-out;transition:top .15s ease-in-out,left .15s ease-in-out,width .15s ease-in-out,height .15s ease-in-out;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-ui-group>.indicator>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-ui-group>.indicator>.content{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%}.vue-ui-group:not(.vertical):not(.top-indicator)>.indicator{padding-bottom:1px}.vue-ui-group:not(.vertical):not(.top-indicator)>.indicator>.content{border-bottom:solid 2px rgba(44,62,80,.7)}.vue-ui-dark-mode .vue-ui-group:not(.vertical):not(.top-indicator)>.indicator>.content{border-bottom-color:#fff}.vue-ui-group:not(.vertical):not(.top-indicator).primary>.indicator>.content{border-bottom-color:rgba(66,185,131,.7)}.vue-ui-group:not(.vertical):not(.top-indicator).accent>.indicator>.content{border-bottom-color:rgba(164,76,246,.7)}.vue-ui-dark-mode .vue-ui-group:not(.vertical):not(.top-indicator).accent>.indicator>.content{border-bottom-color:#c88eff}.vue-ui-group:not(.vertical).top-indicator>.indicator{padding-top:1px}.vue-ui-group:not(.vertical).top-indicator>.indicator>.content{border-top:solid 2px rgba(44,62,80,.7)}.vue-ui-dark-mode .vue-ui-group:not(.vertical).top-indicator>.indicator>.content{border-top-color:#fff}.vue-ui-group:not(.vertical).top-indicator.primary>.indicator>.content{border-top-color:rgba(66,185,131,.7)}.vue-ui-group:not(.vertical).top-indicator.accent>.indicator>.content{border-top-color:rgba(164,76,246,.7)}.vue-ui-dark-mode .vue-ui-group:not(.vertical).top-indicator.accent>.indicator>.content{border-top-color:#c88eff}.vue-ui-group:not(.vertical).small-indicator>.indicator>.content{width:12px}.vue-ui-group.vertical:not(.left-indicator)>.indicator{padding-right:1px}.vue-ui-group.vertical:not(.left-indicator)>.indicator>.content{border-right:solid 2px rgba(44,62,80,.7)}.vue-ui-dark-mode .vue-ui-group.vertical:not(.left-indicator)>.indicator>.content{border-right-color:#fff}.vue-ui-group.vertical:not(.left-indicator).primary>.indicator>.content{border-right-color:rgba(66,185,131,.7)}.vue-ui-group.vertical:not(.left-indicator).accent>.indicator>.content{border-right-color:rgba(164,76,246,.7)}.vue-ui-dark-mode .vue-ui-group.vertical:not(.left-indicator).accent>.indicator>.content{border-right-color:#c88eff}.vue-ui-group.vertical.left-indicator>.indicator{padding-left:1px}.vue-ui-group.vertical.left-indicator>.indicator>.content{border-left:solid 2px rgba(44,62,80,.7)}.vue-ui-dark-mode .vue-ui-group.vertical.left-indicator>.indicator>.content{border-left-color:#fff}.vue-ui-group.vertical.left-indicator.primary>.indicator>.content{border-left-color:rgba(66,185,131,.7)}.vue-ui-group.vertical.left-indicator.accent>.indicator>.content{border-left-color:rgba(164,76,246,.7)}.vue-ui-dark-mode .vue-ui-group.vertical.left-indicator.accent>.indicator>.content{border-left-color:#c88eff}.vue-ui-group.vertical.small-indicator>.indicator>.content{height:12px}.vue-ui-group.min-size>.content-wrapper>.content>.vue-ui-button{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-ui-group.extend>.content-wrapper>.content>.vue-ui-button:not(.icon-button){-webkit-box-flex:100%;-ms-flex:100% 1 1;flex:100% 1 1;width:0}.vue-ui-group-button.vue-ui-button{-webkit-transition:background .1s,color .1s;transition:background .1s,color .1s}.vue-ui-group-button.vue-ui-button>.content>.button-icon svg{-webkit-transition:fill .1s;transition:fill .1s}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat){color:#2c3e50;background:#e0f8ed}.vue-ui-dropdown.open .dropdown-trigger .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost),.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost):hover{background:#e8faf2}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost):hover{background:#2c3e50!important}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost):active{background:#c1f1db}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.loading-secondary .animation,.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.vue-ui-loading-indicator .animation{border-right-color:#2c3e50}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.tag-wrapper>.tag{background:#2c3e50;color:#e0f8ed}.vue-ui-high-contrast .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)::before{background:#e0f8ed}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button{background:0 0}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat){color:#fff;background:#2c3e50}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost):hover,.vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost){background:#4e6e8e}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost):hover{background:#2c3e50!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat):not(.ghost):active{background:#28394a}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.loading-secondary .animation,.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.vue-ui-loading-indicator .animation{border-right-color:#fff}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.tag-wrapper>.tag{background:#fff;color:#2c3e50}.vue-ui-high-contrast .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat)::before{background:#2c3e50}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button{background:0 0}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button{color:#fff;background:#4f6f7f}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button:not(.ghost):hover,.vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button:not(.ghost){background:#7296a8}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button:not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button:not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button:not(.ghost):hover{background:#2c3e50!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button:not(.ghost):active{background:#496675}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button>.content>.loading-secondary .animation,.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button>.vue-ui-loading-indicator .animation{border-right-color:#fff}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button>.content>.tag-wrapper>.tag{background:#fff;color:#4f6f7f}.vue-ui-high-contrast .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button::before{background:#4f6f7f}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button.vue-ui-dropdown-button{background:0 0}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button.vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button.vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group-button.vue-ui-button:not(.selected):not(.flat).vue-ui-select-button.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected{color:#42b983;background:#e0f8ed}.vue-ui-dropdown.open .dropdown-trigger .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost),.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover{background:#e8faf2}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover{background:#2c3e50!important}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost):active{background:#c1f1db}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.button-icon svg{fill:#42b983}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.loading-secondary .animation,.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.vue-ui-loading-indicator .animation{border-right-color:#42b983}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#42b983;color:#e0f8ed}.vue-ui-high-contrast .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected::before{background:#e0f8ed}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button{background:0 0}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected{color:#42b983;background:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover,.vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost){background:#4e6e8e}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover{background:#2c3e50!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected:not(.ghost):active{background:#28394a}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.button-icon svg{fill:#42b983}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.loading-secondary .animation,.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.vue-ui-loading-indicator .animation{border-right-color:#42b983}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#42b983;color:#2c3e50}.vue-ui-high-contrast .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected::before{background:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button{background:0 0}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group.has-indicator.primary .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected{color:#a44cf6;background:#e0f8ed}.vue-ui-dropdown.open .dropdown-trigger .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost),.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover{background:#e8faf2}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover{background:#2c3e50!important}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost):active{background:#c1f1db}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.button-icon svg{fill:#a44cf6}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.loading-secondary .animation,.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.vue-ui-loading-indicator .animation{border-right-color:#a44cf6}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#a44cf6;color:#e0f8ed}.vue-ui-high-contrast .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected::before{background:#e0f8ed}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button{background:0 0}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected{color:#c88eff;background:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover,.vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost){background:#4e6e8e}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost):hover{background:#2c3e50!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected:not(.ghost):active{background:#28394a}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.button-icon svg{fill:#c88eff}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.loading-secondary .animation,.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.vue-ui-loading-indicator .animation{border-right-color:#c88eff}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#c88eff;color:#2c3e50}.vue-ui-high-contrast .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected::before{background:#2c3e50}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button{background:0 0}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group.has-indicator.accent .vue-ui-group-button.vue-ui-button.selected.vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat){color:#fff;background:#2c3e50}.vue-ui-dropdown.open .dropdown-trigger .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost),.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):hover{background:#4e6e8e}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):hover{background:#2c3e50!important}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):active{background:#28394a}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.button-icon svg{fill:#fff}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.loading-secondary .animation,.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.vue-ui-loading-indicator .animation{border-right-color:#fff}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.tag-wrapper>.tag{background:#fff;color:#2c3e50}.vue-ui-high-contrast .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)::before{background:#2c3e50}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button{background:0 0}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat){color:#fff;background:#4f6f7f}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):hover,.vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost){background:#7296a8}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost){background:#4f6f7f;color:#fff}.vue-ui-dark-mode .vue-ui-dropdown.open .dropdown-trigger .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .popover .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):hover{background:#2c3e50!important}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat):not(.ghost):active{background:#496675}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.button-icon svg{fill:#fff}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.loading-secondary .animation,.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.vue-ui-loading-indicator .animation{border-right-color:#fff}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.tag-wrapper>.tag{background:#fff;color:#4f6f7f}.vue-ui-high-contrast .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)>.content>.tag-wrapper>.tag{background:#000!important;color:#fff!important}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat)::before{background:#4f6f7f}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button{background:0 0}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover){color:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover){color:#fff!important}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#2c3e50}.vue-ui-dark-mode .vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-dropdown-button:not(:hover)>.content>.button-icon svg{fill:#fff!important}.vue-ui-dark-mode .vue-ui-group:not(.has-indicator) .vue-ui-group-button.vue-ui-button.selected:not(.primary):not(.accent):not(.danger):not(.warning):not(.info):not(.success):not(.flat).vue-ui-select-button{background:#93b0be}.vue-ui-dark-mode .vue-ui-group.has-indicator .vue-ui-group-button.vue-ui-button.flat,.vue-ui-dark-mode .vue-ui-group.has-indicator .vue-ui-group-button.vue-ui-button.selected.flat,.vue-ui-group.has-indicator .vue-ui-group-button.vue-ui-button.flat,.vue-ui-group.has-indicator .vue-ui-group-button.vue-ui-button.selected.flat{background:0 0}.vue-ui-group:not(.vertical) .vue-ui-group-button.vue-ui-button:not(.flat):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.vue-ui-group:not(.vertical) .vue-ui-group-button.vue-ui-button:not(.flat):not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.vue-ui-group:not(.vertical) .vue-ui-group-button.vue-ui-button:not(.flat).round:first-child{padding-left:18px}.vue-ui-group:not(.vertical) .vue-ui-group-button.vue-ui-button:not(.flat).round:last-child{padding-right:18px}.vue-ui-group:not(.vertical) .vue-ui-group-button.vue-ui-button:not(.flat).round.icon-button:first-child{padding-left:12px}.vue-ui-group:not(.vertical) .vue-ui-group-button.vue-ui-button:not(.flat).round.icon-button:last-child{padding-right:12px}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.icon-button){width:100%}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat):not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat).round.selected{background:#e0f8ed!important}.vue-ui-dark-mode .vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat).round.selected{background:#2c3e50!important}.vue-ui-high-contrast .vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat).round.selected{background:#fff!important}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat).round.selected::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;border-radius:17px}.vue-ui-high-contrast .vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat).round.selected::before{display:none}.vue-ui-group.vertical .vue-ui-group-button.vue-ui-button:not(.flat).round.selected>.content{position:relative;z-index:1}.vue-ui-high-contrast .vue-ui-group-button.vue-ui-button.selected,.vue-ui-high-contrast .vue-ui-group.vertical .vue-ui-group-button.vue-ui-button.selected{background:#fff!important;color:#000!important;font-weight:700}.vue-ui-high-contrast .vue-ui-group-button.vue-ui-button.selected svg,.vue-ui-high-contrast .vue-ui-group.vertical .vue-ui-group-button.vue-ui-button.selected svg{fill:#000!important}.vue-ui-input{display:inline-block;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;min-width:200px}.vue-ui-input>.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 10px;border:solid 1px #e0f8ed;color:#2c3e50;border-radius:3px;-webkit-transition:background .3s;transition:background .3s;position:relative}.vue-ui-input>.content>*{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-ui-dark-mode .vue-ui-input>.content{border-color:#3e5770;color:#fff}.vue-ui-input>.content>.input-wrapper{position:relative;width:0;-webkit-box-flex:1;-ms-flex:auto 1 1;flex:auto 1 1}.vue-ui-input>.content>.input-wrapper>.input{position:relative;z-index:1;font-family:inherit;font-size:14px;line-height:14px;color:#2c3e50;padding:0;width:100%;display:block;border:none;background:0 0;outline:0}.vue-ui-dark-mode .vue-ui-input>.content>.input-wrapper>.input{color:#fff}.vue-ui-input>.content>.input-wrapper>.input:not(textarea){height:30px}.vue-ui-input>.content>.input-wrapper>.input::-webkit-input-placeholder{color:#809fae}.vue-ui-input>.content>.input-wrapper>.input::-moz-placeholder{color:#809fae}.vue-ui-input>.content>.input-wrapper>.input:-ms-input-placeholder{color:#809fae}.vue-ui-input>.content>.input-wrapper>.input::-ms-input-placeholder{color:#809fae}.vue-ui-input>.content>.input-wrapper>.input::placeholder{color:#809fae}.vue-ui-dark-mode .vue-ui-input>.content>.input-wrapper>.input::-webkit-input-placeholder{color:#b6c6ce}.vue-ui-dark-mode .vue-ui-input>.content>.input-wrapper>.input::-moz-placeholder{color:#b6c6ce}.vue-ui-dark-mode .vue-ui-input>.content>.input-wrapper>.input:-ms-input-placeholder{color:#b6c6ce}.vue-ui-dark-mode .vue-ui-input>.content>.input-wrapper>.input::-ms-input-placeholder{color:#b6c6ce}.vue-ui-dark-mode .vue-ui-input>.content>.input-wrapper>.input::placeholder{color:#b6c6ce}.vue-ui-input>.content>.input-wrapper>.input::-moz-focus-inner{border:0}.vue-ui-input>.content>.input-wrapper>textarea.input{padding:8px 10px;resize:vertical;min-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:18px}.vue-ui-input>.content>.input-wrapper>.suggestion{position:absolute;z-index:0;top:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#809fae;pointer-events:none}.vue-ui-input>.content>.input-icon.left{margin-right:6px}.vue-ui-input>.content>.input-icon.right{margin-left:6px}.vue-ui-input>.content>.input-icon svg{fill:#809fae;-webkit-transition:fill .3s;transition:fill .3s}.vue-ui-input>.content>.vue-ui-loading-indicator.left{margin-right:8px}.vue-ui-input>.content>.vue-ui-loading-indicator.right{margin-left:8px}.vue-ui-input>.content>.vue-ui-loading-indicator .animation{border-right-color:#809fae;border-bottom-color:#809fae}.vue-ui-input>.content>.border{position:absolute;bottom:-1px;left:30%;right:30%;opacity:0;height:2px;pointer-events:none;-webkit-transition:left .15s,right .15s,opacity .15s;transition:left .15s,right .15s,opacity .15s}.vue-ui-input.type-textarea>.content{padding:0}.vue-ui-input:not(.flat)>.content{background:#fff}.vue-ui-dark-mode .vue-ui-input:not(.flat)>.content{background:#1d2935}.vue-ui-input.show-suggestion>.content>.input-wrapper>.input::-webkit-input-placeholder{color:transparent}.vue-ui-input.show-suggestion>.content>.input-wrapper>.input::-moz-placeholder{color:transparent}.vue-ui-input.show-suggestion>.content>.input-wrapper>.input:-ms-input-placeholder{color:transparent}.vue-ui-input.show-suggestion>.content>.input-wrapper>.input::-ms-input-placeholder{color:transparent}.vue-ui-input.show-suggestion>.content>.input-wrapper>.input::placeholder{color:transparent}.vue-ui-input>.content>.border{background:#42b983}.vue-ui-input.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#42b983;border-bottom-color:#42b983}.vue-ui-input.focused>.content>.input-icon svg{fill:rgba(66,185,131,.8)}.vue-ui-input.accent>.content>.border{background:#a44cf6}.vue-ui-input.accent.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#a44cf6;border-bottom-color:#a44cf6}.vue-ui-input.accent.focused>.content>.input-icon svg{fill:rgba(164,76,246,.8)}.vue-ui-dark-mode .vue-ui-input.accent>.content>.border{background:#c88eff}.vue-ui-dark-mode .vue-ui-input.accent.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#c88eff;border-bottom-color:#c88eff}.vue-ui-dark-mode .vue-ui-input.accent.focused>.content>.input-icon svg{fill:rgba(200,142,255,.8)}.vue-ui-input.danger>.content>.border,.vue-ui-input.status-danger>.content>.border{background:#e83030}.vue-ui-input.danger.focused>.content>.vue-ui-loading-indicator .animation,.vue-ui-input.status-danger.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#e83030;border-bottom-color:#e83030}.vue-ui-input.danger.focused>.content>.input-icon svg,.vue-ui-input.status-danger.focused>.content>.input-icon svg{fill:rgba(232,48,48,.8)}.vue-ui-input.status-warning>.content>.border,.vue-ui-input.warning>.content>.border{background:#ea6e00}.vue-ui-input.status-warning.focused>.content>.vue-ui-loading-indicator .animation,.vue-ui-input.warning.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#ea6e00;border-bottom-color:#ea6e00}.vue-ui-input.status-warning.focused>.content>.input-icon svg,.vue-ui-input.warning.focused>.content>.input-icon svg{fill:rgba(234,110,0,.8)}.vue-ui-input.info>.content>.border,.vue-ui-input.status-info>.content>.border{background:#03c2e6}.vue-ui-input.info.focused>.content>.vue-ui-loading-indicator .animation,.vue-ui-input.status-info.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#03c2e6;border-bottom-color:#03c2e6}.vue-ui-input.info.focused>.content>.input-icon svg,.vue-ui-input.status-info.focused>.content>.input-icon svg{fill:rgba(3,194,230,.8)}.vue-ui-input.status-success>.content>.border,.vue-ui-input.success>.content>.border{background:#42b983}.vue-ui-input.status-success.focused>.content>.vue-ui-loading-indicator .animation,.vue-ui-input.success.focused>.content>.vue-ui-loading-indicator .animation{border-right-color:#42b983;border-bottom-color:#42b983}.vue-ui-input.status-success.focused>.content>.input-icon svg,.vue-ui-input.success.focused>.content>.input-icon svg{fill:rgba(66,185,131,.8)}.vue-ui-input.focused:not(.flat)>.content>.border{left:0;right:0;opacity:1}.vue-ui-input.focused:not(.flat).round>.content>.border{display:none}.vue-ui-input.flat>.content{border-color:transparent}.vue-ui-input.flat>.content>.border{display:none}.vue-ui-input.big>.content{padding:0 14px}.vue-ui-input.big>.content>.input-wrapper>.input{font-size:16px}.vue-ui-input.big>.content>.input-wrapper>.input:not(textarea){height:42px}.vue-ui-input.big>.content>.input-wrapper>textarea.input{padding:14px 0}.vue-ui-input.big>.content>.input-icon{width:20px;height:20px}.vue-ui-input.big>.content>.input-icon.left{margin-right:10px}.vue-ui-input.big>.content>.input-icon.right{margin-left:10px}.vue-ui-input.round>.content{border-radius:17px}.vue-ui-input.round.big>.content{border-radius:22px}.vue-ui-input:not(.disabled){cursor:text}.vue-ui-input.disabled{opacity:.5}.vue-ui-dropdown-content>.vue-ui-input{min-width:200px;padding:0 4px 4px}.vue-ui-high-contrast .vue-ui-input>.content{border-width:2px;border-style:dashed;background:#000!important}@-webkit-keyframes vue-ui-slide-from-bottom{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}100%{-webkit-transform:none;transform:none}}@keyframes vue-ui-slide-from-bottom{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes vue-ui-slide-to-bottom{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes vue-ui-slide-to-bottom{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes vue-ui-slide-from-top{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:none;transform:none}}@keyframes vue-ui-slide-from-top{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes vue-ui-slide-to-top{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes vue-ui-slide-to-top{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes vue-ui-slide-from-left{0%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}100%{-webkit-transform:none;transform:none}}@keyframes vue-ui-slide-from-left{0%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes vue-ui-slide-to-left{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}@keyframes vue-ui-slide-to-left{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}}@-webkit-keyframes vue-ui-slide-from-right{0%{-webkit-transform:translateX(6px);transform:translateX(6px)}100%{-webkit-transform:none;transform:none}}@keyframes vue-ui-slide-from-right{0%{-webkit-transform:translateX(6px);transform:translateX(6px)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes vue-ui-slide-to-right{0%{-webkit-transform:none;transform:none}100%{-webkit-transform:translateX(6px);transform:translateX(6px)}}@keyframes vue-ui-slid