quasar-framework
Version:
Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase
1 lines • 219 kB
CSS
*,:after,:before{-moz-tap-highlight-color:transparent;-webkit-box-sizing:inherit;-webkit-tap-highlight-color:transparent;box-sizing:inherit}#q-app,body,html{width:100%}[dir=ltr] #q-app,[dir=ltr] body,html[dir=ltr]{direction:ltr}[dir=rtl] #q-app,[dir=rtl] body,html[dir=rtl]{direction:rtl}body,html{-webkit-box-sizing:border-box;box-sizing:border-box}[dir] body,html[dir]{margin:0}input[type=email],input[type=password],input[type=search],input[type=text]{-moz-appearance:none;-webkit-appearance:none}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio:not([controls]){display:none;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted}[dir] abbr[title]{border-bottom:none}dfn{font-style:italic}[dir] img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}[dir] button,[dir] input,[dir] select,[dir] textarea{margin:0}optgroup{font-weight:700}button,input,select{overflow:visible}[dir] button::-moz-focus-inner,[dir] input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.q-icon{letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal}[dir=ltr] .q-icon{direction:ltr}[dir=rtl] .q-icon{direction:rtl}.material-icons,.q-icon{-moz-user-select:none;-ms-flex-align:center;-ms-flex-pack:center;-ms-user-select:none;-webkit-box-align:center;-webkit-box-pack:center;-webkit-user-select:none;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;justify-content:center;user-select:none;vertical-align:middle}[dir] .material-icons,[dir] .q-icon{cursor:inherit}.q-actionsheet-title{color:#777;color:var(--q-color-faded);min-height:56px}[dir] .q-actionsheet-title{padding:0 16px}.q-actionsheet-body{max-height:500px}[dir] .q-actionsheet-grid{padding:8px 16px}[dir] .q-actionsheet-grid .q-item-separator-component{margin:24px 0}.q-actionsheet-grid-item{transition:background .3s}[dir] .q-actionsheet-grid-item{-webkit-transition:background .3s;padding:8px 16px}.q-actionsheet-grid-item:focus,.q-actionsheet-grid-item:hover{outline:0}[dir] .q-actionsheet-grid-item:focus,[dir] .q-actionsheet-grid-item:hover{background:#d0d0d0}.q-actionsheet-grid-item i,.q-actionsheet-grid-item img{font-size:48px}[dir] .q-actionsheet-grid-item i,[dir] .q-actionsheet-grid-item img{margin-bottom:8px}.q-actionsheet-grid-item .avatar{height:48px;width:48px}.q-actionsheet-grid-item span{color:#777;color:var(--q-color-faded)}.q-loading-bar{position:fixed;transition:opacity .5s,-webkit-transform .5s cubic-bezier(0,0,.2,1);transition:transform .5s cubic-bezier(0,0,.2,1),opacity .5s;transition:transform .5s cubic-bezier(0,0,.2,1),opacity .5s,-webkit-transform .5s cubic-bezier(0,0,.2,1);z-index:9998}[dir] .q-loading-bar{-webkit-transition:opacity .5s,-webkit-transform .5s cubic-bezier(0,0,.2,1)}.q-loading-bar.top{left:0;right:0;top:0;width:100%}.q-loading-bar.bottom{bottom:0;left:0;right:0;width:100%}.q-loading-bar.right{bottom:0;height:100%;top:0}[dir=ltr] .q-loading-bar.right{right:0}[dir=rtl] .q-loading-bar.right{left:0}.q-loading-bar.left{bottom:0;height:100%;top:0}[dir=ltr] .q-loading-bar.left{left:0}[dir=rtl] .q-loading-bar.left{right:0}.q-alert{-webkit-box-shadow:none}[dir] .q-alert{border-radius:3px;box-shadow:none}.q-alert .avatar{height:32px;width:32px}.q-alert-content,.q-alert-side{font-size:16px;word-break:break-word}[dir] .q-alert-content,[dir] .q-alert-side{padding:12px}.q-alert-side{font-size:24px}[dir] .q-alert-side{background:rgba(0,0,0,.1)}[dir=ltr] .q-alert-actions{padding:12px 12px 12px 0}[dir=rtl] .q-alert-actions{padding:12px 0 12px 12px}.q-alert-detail{font-size:12px}.q-breadcrumbs .q-breadcrumbs-separator,.q-breadcrumbs .q-icon{font-size:150%}.q-breadcrumbs-last a{pointer-events:none}[dir=rtl] .q-breadcrumbs-separator .q-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.q-btn{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);color:inherit;font-size:14px;font-weight:500;min-height:2.572em;outline:0;text-decoration:none;text-transform:uppercase;transition:.3s cubic-bezier(.25,.8,.5,1);vertical-align:middle}[dir] .q-btn{-webkit-transition:.3s cubic-bezier(.25,.8,.5,1);background:transparent;border:0;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);cursor:pointer;padding:4px 16px}button.q-btn{-webkit-appearance:button}a.q-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.q-btn .q-icon,.q-btn .q-spinner{font-size:1.4em}.q-btn .q-btn-inner{transition:opacity .6s}[dir] .q-btn .q-btn-inner{-webkit-transition:opacity .6s}.q-btn .q-btn-inner--hidden{opacity:0}.q-btn .q-btn-inner:before{content:""}.q-btn.disabled{opacity:.7!important}.q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push):before{bottom:0;content:"";position:absolute;top:0;transition:.3s cubic-bezier(.25,.8,.5,1);z-index:-1}[dir] .q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push):before{-webkit-transition:.3s cubic-bezier(.25,.8,.5,1);border-radius:inherit}[dir=ltr] .q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push):before,[dir=rtl] .q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push):before{left:0;right:0}.q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push).active:before,.q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push):active:before{-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}[dir] .q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push).active:before,[dir] .q-btn:not(.disabled):not(.q-btn-flat):not(.q-btn-outline):not(.q-btn-push):active:before{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.q-btn-progress{height:100%;transition:all .3s}[dir] .q-btn-progress{-webkit-transition:all .3s;background:hsla(0,0%,100%,.25)}[dir] .q-btn-progress.q-btn-dark-progress{background:rgba(0,0,0,.2)}.q-btn-no-uppercase{text-transform:none}[dir] .q-btn-rectangle{border-radius:3px}[dir] .q-btn-outline{background:transparent!important;border:1px solid}[dir] .q-btn-push{border-bottom:3px solid rgba(0,0,0,.15);border-radius:7px}.q-btn-push.active:not(.disabled),.q-btn-push:active:not(.disabled){-webkit-box-shadow:none;-webkit-transform:translateY(3px)}[dir] .q-btn-push.active:not(.disabled),[dir] .q-btn-push:active:not(.disabled){border-bottom-color:transparent;box-shadow:none;transform:translateY(3px)}.q-btn-push .q-focus-helper,.q-btn-push .q-ripple-container{bottom:-3px;height:auto}[dir] .q-btn-rounded{border-radius:28px}.q-btn-round{height:3em;min-height:0;width:3em}[dir] .q-btn-round{border-radius:50%;padding:0}.q-btn-flat,.q-btn-outline{-webkit-box-shadow:none}[dir] .q-btn-flat,[dir] .q-btn-outline{box-shadow:none}.q-btn-dense{min-height:2em}[dir] .q-btn-dense{padding:.285em}.q-btn-dense.q-btn-round{height:2.4em;width:2.4em}[dir] .q-btn-dense.q-btn-round{padding:0}[dir=ltr] .q-btn-dense .on-left{margin-right:6px}[dir=ltr] .q-btn-dense .on-right,[dir=rtl] .q-btn-dense .on-left{margin-left:6px}[dir=rtl] .q-btn-dense .on-right{margin-right:6px}.q-btn-fab-mini .q-icon,.q-btn-fab .q-icon{font-size:24px}.q-btn-fab{height:56px;width:56px}.q-btn-fab-mini{height:40px;width:40px}.q-transition--fade-leave-active{position:absolute}.q-transition--fade-enter-active,.q-transition--fade-leave-active{transition:opacity .4s ease-out}[dir] .q-transition--fade-enter-active,[dir] .q-transition--fade-leave-active{-webkit-transition:opacity .4s ease-out}.q-transition--fade-enter,.q-transition--fade-leave,.q-transition--fade-leave-to{opacity:0}[dir] .q-btn-dropdown-split .q-btn-dropdown-arrow{padding:0 4px}[dir=ltr] .q-btn-dropdown-split .q-btn-dropdown-arrow{border-left:1px solid hsla(0,0%,100%,.3)}[dir=rtl] .q-btn-dropdown-split .q-btn-dropdown-arrow{border-right:1px solid hsla(0,0%,100%,.3)}.q-btn-group{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);vertical-align:middle}[dir] .q-btn-group{border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.q-btn-group>.q-btn-item{-webkit-box-shadow:none}[dir] .q-btn-group>.q-btn-item{box-shadow:none}[dir=ltr] .q-btn-group>.q-btn-group>.q-btn:first-child{border-bottom-left-radius:inherit;border-top-left-radius:inherit}[dir=ltr] .q-btn-group>.q-btn-group>.q-btn:last-child,[dir=rtl] .q-btn-group>.q-btn-group>.q-btn:first-child{border-bottom-right-radius:inherit;border-top-right-radius:inherit}[dir=rtl] .q-btn-group>.q-btn-group>.q-btn:last-child{border-bottom-left-radius:inherit;border-top-left-radius:inherit}[dir=ltr] .q-btn-group>.q-btn-group:not(:first-child)>.q-btn:first-child{border-left:0}[dir=ltr] .q-btn-group>.q-btn-group:not(:last-child)>.q-btn:last-child,[dir=rtl] .q-btn-group>.q-btn-group:not(:first-child)>.q-btn:first-child{border-right:0}[dir=rtl] .q-btn-group>.q-btn-group:not(:last-child)>.q-btn:last-child{border-left:0}[dir=ltr] .q-btn-group>.q-btn-item:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] .q-btn-group>.q-btn-item+.q-btn-item,[dir=rtl] .q-btn-group>.q-btn-item:not(:last-child){border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .q-btn-group>.q-btn-item+.q-btn-item{border-bottom-right-radius:0;border-top-right-radius:0}[dir] .q-btn-group-push{border-radius:7px}.q-btn-group-push>.q-btn-push .q-btn-inner{transition:.3s cubic-bezier(.25,.8,.5,1)}[dir] .q-btn-group-push>.q-btn-push .q-btn-inner{-webkit-transition:.3s cubic-bezier(.25,.8,.5,1)}.q-btn-group-push>.q-btn-push.active:not(.disabled),.q-btn-group-push>.q-btn-push:active:not(.disabled){-webkit-transform:translateY(0)}[dir] .q-btn-group-push>.q-btn-push.active:not(.disabled),[dir] .q-btn-group-push>.q-btn-push:active:not(.disabled){border-bottom-color:rgba(0,0,0,.15);transform:translateY(0)}.q-btn-group-push>.q-btn-push.active:not(.disabled) .q-btn-inner,.q-btn-group-push>.q-btn-push:active:not(.disabled) .q-btn-inner{-webkit-transform:translateY(3px)}[dir] .q-btn-group-push>.q-btn-push.active:not(.disabled) .q-btn-inner,[dir] .q-btn-group-push>.q-btn-push:active:not(.disabled) .q-btn-inner{transform:translateY(3px)}[dir] .q-btn-group-rounded{border-radius:28px}.q-btn-group-flat,.q-btn-group-outline{-webkit-box-shadow:none}[dir] .q-btn-group-flat,[dir] .q-btn-group-outline{box-shadow:none}[dir=ltr] .q-btn-group-outline>.q-btn-item+.q-btn-item{border-left:0}[dir=ltr] .q-btn-group-outline>.q-btn-item:not(:last-child),[dir=rtl] .q-btn-group-outline>.q-btn-item+.q-btn-item{border-right:0}[dir=rtl] .q-btn-group-outline>.q-btn-item:not(:last-child){border-left:0}.q-card{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);vertical-align:top}[dir] .q-card{border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}[dir=ltr] .q-card>div:first-child,[dir=rtl] .q-card>div:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}[dir=ltr] .q-card>div:last-child,[dir=rtl] .q-card>div:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}[dir] .q-card>.q-list{border:0}.q-card-separator{height:1px}[dir] .q-card-separator{background:rgba(0,0,0,.1)}[dir] .q-card-separator.inset{margin:0 16px}[dir] .q-card-container{padding:16px}.q-card-title{font-size:18px;font-weight:400;letter-spacing:normal;line-height:2rem}.q-card-title:empty{display:none}.q-card-subtitle,.q-card-title-extra{color:rgba(0,0,0,.4);font-size:14px}.q-card-subtitle .q-icon,.q-card-title-extra .q-icon{font-size:24px}.q-card-main{font-size:14px}[dir] .q-card-primary+.q-card-main{padding-top:0}[dir] .q-card-actions{padding:8px}[dir] .q-card-actions .q-btn{padding:0 8px}[dir=ltr] .q-card-actions-horiz .q-btn:not(:last-child){margin-right:8px}[dir=rtl] .q-card-actions-horiz .q-btn:not(:last-child){margin-left:8px}[dir] .q-card-actions-vert .q-btn+.q-btn{margin-top:4px}.q-card-media{overflow:hidden}.q-card-media>img{display:block;max-width:100%;width:100%}[dir] .q-card-media>img{border:0}.q-card-media-overlay{color:#fff}[dir] .q-card-media-overlay{background:rgba(0,0,0,.47)}.q-card-media-overlay .q-card-subtitle{color:#fff}[dir] .q-card-dark .q-card-separator{background:hsla(0,0%,100%,.2)}.q-card-dark .q-card-subtitle,.q-card-dark .q-card-title-extra{color:hsla(0,0%,100%,.6)}.q-carousel{overflow:hidden;position:relative}.q-carousel-inner{height:100%;position:relative}.q-carousel-slide{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%}[dir] .q-carousel-slide{margin:0;padding:18px}.q-carousel-track{-ms-flex-wrap:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;height:100%;will-change:transform}[dir] .q-carousel-track{margin:0;padding:0}.q-carousel-track.infinite-left>div:nth-last-child(2){-ms-flex-order:-1000;-webkit-box-ordinal-group:-999;order:-1000}[dir=ltr] .q-carousel-track.infinite-left>div:nth-last-child(2){margin-left:-100%}[dir=rtl] .q-carousel-track.infinite-left>div:nth-last-child(2){margin-right:-100%}.q-carousel-track.infinite-right>div:nth-child(2){-ms-flex-order:1000;-webkit-box-ordinal-group:1001;order:1000}.q-carousel-left-arrow,.q-carousel-right-arrow{-webkit-transform:translateY(-50%);top:50%}[dir] .q-carousel-left-arrow,[dir] .q-carousel-right-arrow{background:rgba(0,0,0,.3);transform:translateY(-50%)}[dir=ltr] .q-carousel-left-arrow{left:5px}[dir=ltr] .q-carousel-right-arrow,[dir=rtl] .q-carousel-left-arrow{right:5px}[dir=rtl] .q-carousel-right-arrow{left:5px}[dir] .q-carousel-quick-nav{background:rgba(0,0,0,.3);padding:2px 0}.q-carousel-quick-nav .q-icon{font-size:18px!important}.q-carousel-quick-nav .q-btn.inactive{opacity:.5}.q-carousel-quick-nav .q-btn.inactive .q-icon{font-size:14px!important}.q-carousel-thumbnails{-webkit-box-shadow:0 -3px 6px rgba(0,0,0,.16),0 -5px 6px rgba(0,0,0,.23);-webkit-transform:translateY(105%);height:auto;max-height:60%;overflow:auto;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%;will-change:transform}[dir] .q-carousel-thumbnails{-webkit-transition:-webkit-transform .3s;background:#000;box-shadow:0 -3px 6px rgba(0,0,0,.16),0 -5px 6px rgba(0,0,0,.23);padding:.5rem;text-align:center;transform:translateY(105%)}.q-carousel-thumbnails.active{-webkit-transform:translateY(0)}[dir] .q-carousel-thumbnails.active{transform:translateY(0)}.q-carousel-thumbnails img{display:block;height:auto;opacity:.5;transition:opacity .3s;width:100%;will-change:opacity}[dir] .q-carousel-thumbnails img{-webkit-transition:opacity .3s;border:1px solid #000;cursor:pointer}.q-carousel-thumbnails>div>div{-ms-flex:0 0 108px;-webkit-box-flex:0;flex:0 0 108px}.q-carousel-thumbnails>div>div.active img,.q-carousel-thumbnails>div>div img.active{opacity:1}[dir] .q-carousel-thumbnails>div>div.active img,[dir] .q-carousel-thumbnails>div>div img.active{border-color:#fff}.q-carousel-thumbnail-btn{top:5px}[dir] .q-carousel-thumbnail-btn{background:rgba(0,0,0,.3)}[dir=ltr] .q-carousel-thumbnail-btn{right:5px}[dir=rtl] .q-carousel-thumbnail-btn{left:5px}body.desktop .q-carousel-thumbnails img:hover{opacity:1}.q-message-label,.q-message-name,.q-message-stamp{font-size:small}[dir] .q-message-label{margin:24px 0}.q-message-stamp{color:inherit;display:none;opacity:.6}[dir] .q-message-stamp{margin-top:4px}.q-message-avatar{height:48px;width:48px}[dir] .q-message-avatar{border-radius:50%}[dir] .q-message{margin-bottom:8px}[dir] .q-message:first-child .q-message-label{margin-top:0}[dir=ltr] .q-message-received .q-message-avatar{margin-right:8px}[dir=rtl] .q-message-received .q-message-avatar{margin-left:8px}.q-message-received .q-message-text{color:#81c784}[dir=ltr] .q-message-received .q-message-text{border-radius:3px 3px 3px 0}[dir=rtl] .q-message-received .q-message-text{border-radius:3px 3px 0 3px}[dir] .q-message-received .q-message-text:last-child:before{border-bottom:8px solid}[dir=ltr] .q-message-received .q-message-text:last-child:before{border-left:8px solid transparent;border-right:0 solid transparent;right:100%}[dir=rtl] .q-message-received .q-message-text:last-child:before{border-left:0 solid transparent;border-right:8px solid transparent;left:100%}.q-message-received .q-message-text-content{color:#000}[dir=ltr] .q-message-sent .q-message-name{text-align:right}[dir=rtl] .q-message-sent .q-message-name{text-align:left}[dir=ltr] .q-message-sent .q-message-avatar{margin-left:8px}[dir=rtl] .q-message-sent .q-message-avatar{margin-right:8px}.q-message-sent .q-message-container{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;flex-direction:row-reverse}.q-message-sent .q-message-text{color:#e0e0e0}[dir=ltr] .q-message-sent .q-message-text{border-radius:3px 3px 0 3px}[dir=rtl] .q-message-sent .q-message-text{border-radius:3px 3px 3px 0}[dir] .q-message-sent .q-message-text:last-child:before{border-bottom:8px solid}[dir=ltr] .q-message-sent .q-message-text:last-child:before{border-left:0 solid transparent;border-right:8px solid transparent;left:100%}[dir=rtl] .q-message-sent .q-message-text:last-child:before{border-left:8px solid transparent;border-right:0 solid transparent;right:100%}.q-message-sent .q-message-text-content{color:#000}.q-message-text{-webkit-transform:translateZ(0);line-height:1.2;position:relative;word-break:break-word}[dir] .q-message-text{background:currentColor;padding:8px;transform:translateZ(0)}[dir] .q-message-text+.q-message-text{margin-top:3px}.q-message-text:last-child{min-height:48px}.q-message-text:last-child .q-message-stamp{display:block}.q-message-text:last-child:before{bottom:0;content:"";height:0;position:absolute;width:0}.q-checkbox-icon{font-size:21px;height:21px;opacity:0;width:21px}.q-chip{color:#000;font-size:14px;max-width:100%;min-height:32px;vertical-align:middle}[dir] .q-chip{background:#eee;border:#e0e0e0;border-radius:2rem;padding:0 12px}.q-chip:focus .q-chip-close{opacity:.8}.q-chip .q-icon{font-size:24px;line-height:1}.q-chip-main{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;line-height:normal}.q-chip-side{height:32px;min-width:32px;overflow:hidden;width:32px}[dir] .q-chip-side{border-radius:50%}.q-chip-side img{height:100%;width:100%}[dir=ltr] .q-chip-left{margin-left:-12px;margin-right:8px}[dir=rtl] .q-chip-left{margin-left:8px;margin-right:-12px}[dir=ltr] .q-chip-right{margin-left:2px;margin-right:-12px}[dir=rtl] .q-chip-right{margin-left:-12px;margin-right:2px}[dir] .q-chip-square{border-radius:2px}.q-chip-floating{pointer-events:none;position:absolute;top:-.3em;z-index:1}[dir=ltr] .q-chip-floating{right:-.3em}[dir=rtl] .q-chip-floating{left:-.3em}.q-chip-tag{position:relative}[dir=ltr] .q-chip-tag{padding-left:1.7rem}[dir=rtl] .q-chip-tag{padding-right:1.7rem}.q-chip-tag:after{-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);content:"";height:.5rem;position:absolute;top:50%;width:.5rem}[dir] .q-chip-tag:after{background:#fff;border-radius:50%;box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);margin-top:-.25rem}[dir=ltr] .q-chip-tag:after{left:.5rem}[dir=rtl] .q-chip-tag:after{right:.5rem}.q-chip-pointing{position:relative;z-index:0}.q-chip-pointing:before{content:"";height:16px;position:absolute;width:16px;z-index:-1}[dir] .q-chip-pointing:before{background:inherit}[dir] .q-chip-pointing-up{margin-top:.8rem}.q-chip-pointing-up:before{top:0}[dir=ltr] .q-chip-pointing-up:before{-webkit-transform:translateX(-50%) translateY(-22%) rotate(45deg);left:50%;transform:translateX(-50%) translateY(-22%) rotate(45deg)}[dir=rtl] .q-chip-pointing-up:before{-webkit-transform:translateX(50%) translateY(-22%) rotate(-45deg);right:50%;transform:translateX(50%) translateY(-22%) rotate(-45deg)}[dir] .q-chip-pointing-down{margin-bottom:.8rem}.q-chip-pointing-down:before{top:100%}[dir=ltr] .q-chip-pointing-down:before{-webkit-transform:translateX(-50%) translateY(-78%) rotate(45deg);left:50%;right:auto;transform:translateX(-50%) translateY(-78%) rotate(45deg)}[dir=rtl] .q-chip-pointing-down:before{-webkit-transform:translateX(50%) translateY(-78%) rotate(-45deg);left:auto;right:50%;transform:translateX(50%) translateY(-78%) rotate(-45deg)}[dir=ltr] .q-chip-pointing-right{margin-right:.8rem}[dir=rtl] .q-chip-pointing-right{margin-left:.8rem}.q-chip-pointing-right:before{bottom:auto;top:50%}[dir=ltr] .q-chip-pointing-right:before{-webkit-transform:translateX(33%) translateY(-50%) rotate(45deg);left:auto;right:2px;transform:translateX(33%) translateY(-50%) rotate(45deg)}[dir=rtl] .q-chip-pointing-right:before{-webkit-transform:translateX(-33%) translateY(-50%) rotate(-45deg);left:2px;right:auto;transform:translateX(-33%) translateY(-50%) rotate(-45deg)}[dir=ltr] .q-chip-pointing-left{margin-left:.8rem}[dir=rtl] .q-chip-pointing-left{margin-right:.8rem}.q-chip-pointing-left:before{bottom:auto;top:50%}[dir=ltr] .q-chip-pointing-left:before{-webkit-transform:translateX(-33%) translateY(-50%) rotate(45deg);left:2px;right:auto;transform:translateX(-33%) translateY(-50%) rotate(45deg)}[dir=rtl] .q-chip-pointing-left:before{-webkit-transform:translateX(33%) translateY(-50%) rotate(-45deg);left:auto;right:2px;transform:translateX(33%) translateY(-50%) rotate(-45deg)}.q-chip-detail{opacity:.8}[dir] .q-chip-detail{background:rgba(0,0,0,.1);border-radius:inherit;padding:0 5px}[dir=ltr] .q-chip-detail{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .q-chip-detail{border-bottom-left-radius:0;border-top-left-radius:0}.q-chip-small{min-height:26px}.q-chip-small .q-chip-main{line-height:normal}[dir] .q-chip-small .q-chip-main{padding:4px 1px}.q-chip-small .q-chip-side{height:26px;min-width:26px;width:26px}.q-chip-small .q-chip-icon{font-size:16px}.q-chip-dense{font-size:12px;min-height:1px}[dir] .q-chip-dense{padding:0 3px}[dir=ltr] .q-chip-dense.q-chip-tag{padding-left:1.3rem}[dir=rtl] .q-chip-dense.q-chip-tag{padding-right:1.3rem}.q-chip-dense.q-chip-pointing:before{height:9px;width:9px}[dir] .q-chip-dense .q-chip-main{padding:1px}.q-chip-dense .q-chip-side{font-size:14px;height:18px;min-width:16px;width:18px}[dir=ltr] .q-chip-dense .q-chip-left{margin-left:-3px;margin-right:2px}[dir=rtl] .q-chip-dense .q-chip-left{margin-left:2px;margin-right:-3px}[dir=ltr] .q-chip-dense .q-chip-right{margin-left:2px;margin-right:-2px}[dir=rtl] .q-chip-dense .q-chip-right{margin-left:-2px;margin-right:2px}.q-chip-dense .q-icon{font-size:16px}[dir] .q-input-chips{margin-bottom:-1px;margin-top:-1px}[dir] .q-input-chips .q-chip{margin:1px}.q-input-chips input.q-input-target{min-width:70px!important}[dir] .q-collapsible-sub-item{padding:8px 16px}[dir=ltr] .q-collapsible-sub-item.indent{padding-left:48px;padding-right:0}[dir=rtl] .q-collapsible-sub-item.indent{padding-left:0;padding-right:48px}[dir] .q-collapsible-sub-item .q-card{margin-bottom:0}[dir] .q-collapsible.router-link-active>.q-item{background:hsla(0,0%,74.1%,.4)}.q-collapsible{transition:padding .5s}[dir] .q-collapsible{-webkit-transition:padding .5s}[dir] .q-collapsible-popup-closed{padding:0 15px}[dir] .q-collapsible-popup-closed .q-collapsible-inner{border:1px solid #e0e0e0}[dir] .q-collapsible-popup-closed+.q-collapsible-popup-closed .q-collapsible-inner{border-top:0}[dir] .q-collapsible-popup-opened{padding:15px 0}.q-collapsible-popup-opened .q-collapsible-inner{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}[dir] .q-collapsible-popup-opened .q-collapsible-inner{box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}[dir] .q-collapsible-popup-opened+.q-collapsible-popup-opened,[dir] .q-collapsible-popup-opened:first-child{padding-top:0}[dir] .q-collapsible-popup-opened:last-child{padding-bottom:0}[dir] .q-collapsible-cursor-pointer>.q-collapsible-inner>.q-item{cursor:pointer}.q-collapsible-toggle-icon{width:1em}[dir] .q-collapsible-toggle-icon{border-radius:50%;text-align:center}.q-color{display:inline-block;max-width:100vw;width:100%}[dir] .q-color{background:#fff;border:1px solid #e0e0e0}.q-color-saturation{height:123px;width:100%}[dir=ltr] .q-color-saturation-white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}[dir=rtl] .q-color-saturation-white{background:-webkit-gradient(linear,right top,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0))}[dir] .q-color-saturation-black{background:linear-gradient(0deg,#000,transparent)}[dir=ltr] .q-color-saturation-black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent))}[dir=rtl] .q-color-saturation-black{background:-webkit-gradient(linear,right bottom,right top,from(#000),to(transparent))}.q-color-saturation-circle{-webkit-box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);height:10px;width:10px}[dir] .q-color-saturation-circle{border-radius:50%;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4)}[dir=ltr] .q-color-saturation-circle{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}[dir=rtl] .q-color-saturation-circle{-webkit-transform:translate(5px,-5px);transform:translate(5px,-5px)}[dir] .q-color-alpha .q-slider-track,[dir] .q-color-swatch{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==")!important}.q-color-swatch{height:32px;position:relative;width:32px}[dir] .q-color-swatch{background:#fff;border:1px solid #e0e0e0;border-radius:50%}.q-color-hue .q-slider-track{height:8px;opacity:1}[dir] .q-color-hue .q-slider-track{border-radius:2px}[dir=ltr] .q-color-hue .q-slider-track{background:-webkit-gradient(linear,left top,right top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}[dir=rtl] .q-color-hue .q-slider-track{background:-webkit-gradient(linear,right top,left top,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(270deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.q-color-hue .q-slider-track.active-track{opacity:0}.q-color-alpha .q-slider-track{height:8px;opacity:1;position:relative}[dir] .q-color-alpha .q-slider-track{background:#fff}.q-color-alpha .q-slider-track:after{bottom:0;content:"";position:absolute;top:0}[dir=ltr] .q-color-alpha .q-slider-track:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#757575));background:linear-gradient(90deg,hsla(0,0%,100%,0),#757575);left:0;right:0}[dir=rtl] .q-color-alpha .q-slider-track:after{background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,0)),to(#757575));background:linear-gradient(-90deg,hsla(0,0%,100%,0),#757575);left:0;right:0}.q-color-alpha .q-slider-track.active-track{opacity:0}.q-color-sliders{height:56px}.q-color-sliders .q-slider{height:20px}.q-color-sliders .q-slider-handle{-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}[dir] .q-color-sliders .q-slider-handle{box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.q-color-sliders .q-slider-ring{display:none}.q-color-inputs{color:#757575;font-size:11px}.q-color-inputs input{outline:0}[dir] .q-color-inputs input{border:1px solid #e0e0e0}[dir] .q-color-padding{padding:0 2px}[dir] .q-color-label{padding-top:4px}[dir] .q-color-dark{background:#000;border:1px solid #424242}.q-color-dark input{color:#bdbdbd;color:var(--q-color-light)}[dir] .q-color-dark input{background:#000;border:1px solid #424242;border:1px solid var(--q-color-dark)}.q-color-dark .q-color-inputs{color:#bdbdbd;color:var(--q-color-light)}[dir] .q-color-dark .q-color-swatch{border:1px solid #424242;border:1px solid var(--q-color-dark)}.q-datetime-input{min-width:70px}[dir] .q-datetime-controls{padding:0 10px 8px}.q-datetime{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;font-size:12px;line-height:normal;user-select:none}[dir] .q-datetime{text-align:center}[dir] .q-datetime .modal-buttons{padding-top:8px}[dir] .q-datetime:not(.no-border):not(.q-datetime-dark) .q-datetime-content{border:1px solid #e0e0e0}[dir] .q-datetime:not(.no-border).q-datetime-dark{border:1px solid #424242;border:1px solid var(--q-color-dark)}[dir] .q-datetime-header{background:currentColor}.q-datetime-header>div{color:#fff;width:100%}.modal-content>.q-datetime>.q-datetime-header,.q-popover>.q-datetime>.q-datetime-header{min-width:175px}.q-datetime-weekdaystring{font-size:.8rem}[dir] .q-datetime-weekdaystring{background:rgba(0,0,0,.1);padding:5px 0}.q-datetime-time{overflow:auto;will-change:scroll-position}[dir] .q-datetime-time{padding:10px 0}.q-datetime-ampm{font-size:.9rem}[dir] .q-datetime-ampm{padding:5px}[dir] .q-datetime-datestring{padding:10px 0}.q-datetime-datestring .q-datetime-link{font-size:2.7rem}.q-datetime-datestring .q-datetime-link span{width:100%}[dir] .q-datetime-datestring .q-datetime-link span{padding:0 5px}.q-datetime-datestring .q-datetime-link.small{font-size:1.2rem}[dir] .q-datetime-datestring .q-datetime-link.small{margin:0 5px}[dir] .q-datetime-datestring .q-datetime-link.small span{padding:5px}.q-datetime-link{opacity:.6}.q-datetime-link>span{display:inline-block;outline:0}[dir] .q-datetime-link>span{cursor:pointer}.q-datetime-link.active{opacity:1}.q-datetime-clockstring{direction:ltr;font-size:2.7rem;min-width:210px}.q-datetime-selector{height:310px;min-width:290px;overflow:auto}.q-datetime-view-day{color:#000;height:285px;width:250px}.q-datetime-view-month>.q-btn:not(.active),.q-datetime-view-year>.q-btn:not(.active){color:#000}.q-datetime-month-stamp{font-size:16px}[dir] .q-datetime-weekdays{margin-bottom:5px}.q-datetime-weekdays div{height:35px;line-height:35px;min-height:0;min-width:0;opacity:.6;width:35px}[dir] .q-datetime-weekdays div{background:transparent;margin:0;padding:0}.q-datetime-days div{height:33px;line-height:33px;width:33px}[dir] .q-datetime-days div{border-radius:50%;margin:1px}[dir] .q-datetime-days div.q-datetime-day-active{background:currentColor}.q-datetime-days div.q-datetime-day-active>span{color:#fff}.q-datetime-days div.q-datetime-day-today{color:currentColor;font-size:14px}[dir] .q-datetime-days div.q-datetime-day-today{border:1px solid}[dir] .q-datetime-days div:not(.q-datetime-fillerday):not(.disabled):not(.q-datetime-day-active):hover{background:#e0e0e0}.q-datetime-btn{font-weight:400}.q-datetime-btn.active{font-size:1.5rem}[dir] .q-datetime-btn.active{padding-bottom:1rem;padding-top:1rem}.q-datetime-clock{height:250px;width:250px}[dir] .q-datetime-clock{background:#e0e0e0;border-radius:50%;padding:24px}.q-datetime-clock-circle{-webkit-animation:q-pop .5s;animation:q-pop .5s;position:relative}.q-datetime-clock-center{bottom:0;height:6px;min-height:0;position:absolute;top:0;width:6px}[dir] .q-datetime-clock-center{background:currentColor;border-radius:50%;margin:auto}[dir=ltr] .q-datetime-clock-center,[dir=rtl] .q-datetime-clock-center{left:0;right:0}.q-datetime-clock-pointer{-webkit-transform-origin:top center;bottom:0;height:50%;min-height:0;position:absolute;transform-origin:top center;width:1px}[dir] .q-datetime-clock-pointer{background:currentColor;margin:0 auto}[dir=ltr] .q-datetime-clock-pointer,[dir=rtl] .q-datetime-clock-pointer{left:0;right:0}.q-datetime-clock-pointer span{bottom:-8px;height:8px;min-height:0;min-width:0;position:absolute;width:8px}[dir] .q-datetime-clock-pointer span{background:currentColor;border-radius:50%}[dir=ltr] .q-datetime-clock-pointer span{-webkit-transform:translate(-50%,-50%);left:0;transform:translate(-50%,-50%)}[dir=rtl] .q-datetime-clock-pointer span{-webkit-transform:translate(50%,-50%);right:0;transform:translate(50%,-50%)}.q-datetime-arrow{color:#757575}[dir] .q-datetime-dark{background:#424242;background:var(--q-color-dark)}.q-datetime-dark .q-datetime-arrow{color:#bdbdbd;color:var(--q-color-light)}[dir] .q-datetime-dark .q-datetime-clock,[dir] .q-datetime-dark .q-datetime-header{background:#616161}.q-datetime-dark .q-datetime-view-day,.q-datetime-dark .q-datetime-view-month>.q-btn:not(.active),.q-datetime-dark .q-datetime-view-year>.q-btn:not(.active){color:#fff}.q-datetime-dark .q-datetime-days div.q-datetime-day-active>span,.q-datetime-dark .q-datetime-days div:not(.q-datetime-fillerday):not(.disabled):not(.q-datetime-day-active):hover{color:#000}[dir] body.desktop .q-datetime-clock-position:not(.active):hover{background:#f5f5f5!important}body.desktop .q-datetime-dark .q-datetime-clock-position:not(.active):hover{color:#000}.q-datetime-clock-position{-webkit-transform:translate(-50%,-50%);font-size:12px;height:32px;line-height:32px;min-height:32px;position:absolute;transform:translate(-50%,-50%);width:32px}[dir] .q-datetime-clock-position{border-radius:50%;margin:0;padding:0}.q-datetime-clock-position:not(.active){color:#000}.q-datetime-dark .q-datetime-clock-position:not(.active){color:#fff}[dir] .q-datetime-clock-position.active{background:currentColor}.q-datetime-clock-position.active>span{color:#fff}.q-datetime-clock-pos-0{left:50%;top:0}.q-datetime-clock-pos-1{left:75%;top:6.7%}.q-datetime-clock-pos-2{left:93.3%;top:25%}.q-datetime-clock-pos-3{left:100%;top:50%}.q-datetime-clock-pos-4{left:93.3%;top:75%}.q-datetime-clock-pos-5{left:75%;top:93.3%}.q-datetime-clock-pos-6{left:50%;top:100%}.q-datetime-clock-pos-7{left:25%;top:93.3%}.q-datetime-clock-pos-8{left:6.7%;top:75%}.q-datetime-clock-pos-9{left:0;top:50%}.q-datetime-clock-pos-10{left:6.7%;top:25%}.q-datetime-clock-pos-11{left:25%;top:6.7%}.q-datetime-clock-pos-12{left:50%;top:0}.q-datetime-clock-pos-1.fmt24{left:75%;top:6.7%}.q-datetime-clock-pos-2.fmt24{left:93.3%;top:25%}.q-datetime-clock-pos-3.fmt24{left:100%;top:50%}.q-datetime-clock-pos-4.fmt24{left:93.3%;top:75%}.q-datetime-clock-pos-5.fmt24{left:75%;top:93.3%}.q-datetime-clock-pos-6.fmt24{left:50%;top:100%}.q-datetime-clock-pos-7.fmt24{left:25%;top:93.3%}.q-datetime-clock-pos-8.fmt24{left:6.7%;top:75%}.q-datetime-clock-pos-9.fmt24{left:0;top:50%}.q-datetime-clock-pos-10.fmt24{left:6.7%;top:25%}.q-datetime-clock-pos-11.fmt24{left:25%;top:6.7%}.q-datetime-clock-pos-12.fmt24{left:50%;top:0}.q-datetime-clock-pos-13.fmt24{left:67.5%;top:19.69%}.q-datetime-clock-pos-14.fmt24{left:80.31%;top:32.5%}.q-datetime-clock-pos-15.fmt24{left:85%;top:50%}.q-datetime-clock-pos-16.fmt24{left:80.31%;top:67.5%}.q-datetime-clock-pos-17.fmt24{left:67.5%;top:80.31%}.q-datetime-clock-pos-18.fmt24{left:50%;top:85%}.q-datetime-clock-pos-19.fmt24{left:32.5%;top:80.31%}.q-datetime-clock-pos-20.fmt24{left:19.69%;top:67.5%}.q-datetime-clock-pos-21.fmt24{left:15%;top:50%}.q-datetime-clock-pos-22.fmt24{left:19.69%;top:32.5%}.q-datetime-clock-pos-23.fmt24{left:32.5%;top:19.69%}.q-datetime-clock-pos-0.fmt24{left:50%;top:15%}[dir=ltr] .q-datetime-range.row .q-datetime-range-left{border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] .q-datetime-range.row .q-datetime-range-right,[dir=rtl] .q-datetime-range.row .q-datetime-range-left{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .q-datetime-range.row .q-datetime-range-right{border-bottom-right-radius:0;border-top-right-radius:0}[dir] .q-datetime-range.column>div+div{margin-top:10px}@media (max-width:767px){.q-datetime{-ms-flex-direction:column!important;-webkit-box-direction:normal!important;-webkit-box-orient:vertical!important;flex-direction:column!important}}@media (min-width:768px){.q-datetime-header{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto}.q-datetime-content{-ms-flex:2 2 auto;-webkit-box-flex:2;flex:2 2 auto}}.q-dot{height:10px;opacity:.8;position:absolute;top:-2px;width:10px}[dir] .q-dot{background:#f44336;border-radius:50%}[dir=ltr] .q-dot{right:-10px}[dir=rtl] .q-dot{left:-10px}[dir] .q-editor{border:1px solid #ccc}[dir] .q-editor.disabled{border-style:dashed}[dir] .q-editor.fullscreen{border:0!important}.q-editor-content{min-height:10em;outline:0}[dir] .q-editor-content{background:#fff;padding:10px}.q-editor-content hr{height:1px;outline:0}[dir] .q-editor-content hr{background:#ccc;border:0;margin:1px}[dir] .q-editor-toolbar-padding{padding:4px}.q-editor-toolbar{min-height:37px}[dir] .q-editor-toolbar{background:#e0e0e0;border-bottom:1px solid #ccc}.q-editor-toolbar .q-btn-group{-webkit-box-shadow:none}[dir] .q-editor-toolbar .q-btn-group{box-shadow:none}[dir=ltr] .q-editor-toolbar .q-btn-group+.q-btn-group{margin-left:5px}[dir=rtl] .q-editor-toolbar .q-btn-group+.q-btn-group{margin-right:5px}[dir=ltr] .q-editor-toolbar-separator .q-btn-group+.q-btn-group{padding-left:5px}[dir=rtl] .q-editor-toolbar-separator .q-btn-group+.q-btn-group{padding-right:5px}.q-editor-toolbar-separator .q-btn-group+.q-btn-group:before{bottom:0;content:"";height:100%;position:absolute;top:0;width:1px}[dir] .q-editor-toolbar-separator .q-btn-group+.q-btn-group:before{background:#ccc}[dir=ltr] .q-editor-toolbar-separator .q-btn-group+.q-btn-group:before{left:0}[dir=rtl] .q-editor-toolbar-separator .q-btn-group+.q-btn-group:before{right:0}.q-editor-input input{color:inherit}.q-fab{position:relative;vertical-align:middle}.z-fab{z-index:990}.q-fab-opened .q-fab-actions{-webkit-transform:scaleX(1) scaleY(1) translateX(0) translateY(0);opacity:1;pointer-events:all}[dir] .q-fab-opened .q-fab-actions{transform:scaleX(1) scaleY(1) translateX(0) translateY(0)}.q-fab-opened .q-fab-icon{opacity:0}[dir=ltr] .q-fab-opened .q-fab-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .q-fab-opened .q-fab-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.q-fab-opened .q-fab-active-icon{-webkit-transform:rotate(0deg);opacity:1}[dir] .q-fab-opened .q-fab-active-icon{transform:rotate(0deg)}.q-fab-active-icon,.q-fab-icon{transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s;transition:opacity .4s,transform .4s,-webkit-transform .4s}[dir] .q-fab-active-icon,[dir] .q-fab-icon{-webkit-transition:opacity .4s,-webkit-transform .4s}.q-fab-icon{-webkit-transform:rotate(0deg);opacity:1}[dir] .q-fab-icon{transform:rotate(0deg)}.q-fab-active-icon{opacity:0}[dir=ltr] .q-fab-active-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}[dir=rtl] .q-fab-active-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.q-fab-actions{opacity:0;pointer-events:none;position:absolute;transition:all .2s ease-in}[dir] .q-fab-actions{-webkit-transition:all .2s ease-in}[dir] .q-fab-actions .q-btn{margin:5px}.q-fab-right{bottom:0;top:0}[dir=ltr] .q-fab-right{-webkit-transform:scaleX(.4) scaleY(.4) translateX(-100%);left:120%;transform:scaleX(.4) scaleY(.4) translateX(-100%)}[dir=rtl] .q-fab-right{-webkit-transform:scaleX(.4) scaleY(.4) translateX(100%);right:120%;transform:scaleX(.4) scaleY(.4) translateX(100%)}.q-fab-left{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;bottom:0;flex-direction:row-reverse;top:0}[dir=ltr] .q-fab-left{-webkit-transform:scaleX(.4) scaleY(.4) translateX(100%);right:120%;transform:scaleX(.4) scaleY(.4) translateX(100%)}[dir=rtl] .q-fab-left{-webkit-transform:scaleX(.4) scaleY(.4) translateX(-100%);left:120%;transform:scaleX(.4) scaleY(.4) translateX(-100%)}.q-fab-up{-ms-flex-direction:column-reverse;-ms-flex-pack:center;-webkit-box-direction:reverse;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-transform:scaleX(.4) scaleY(.4) translateY(100%);bottom:120%;flex-direction:column-reverse;justify-content:center}[dir] .q-fab-up{transform:scaleX(.4) scaleY(.4) translateY(100%)}[dir=ltr] .q-fab-up,[dir=rtl] .q-fab-up{left:0;right:0}.q-fab-down{-ms-flex-direction:column;-ms-flex-pack:center;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-transform:scaleX(.4) scaleY(.4) translateY(-100%);flex-direction:column;justify-content:center;top:120%}[dir] .q-fab-down{transform:scaleX(.4) scaleY(.4) translateY(-100%)}[dir=ltr] .q-fab-down,[dir=rtl] .q-fab-down{left:0;right:0}.q-field-icon{color:#979797;font-size:28px;height:28px;min-width:28px;width:28px}[dir=ltr] .q-field-icon{margin-right:16px}[dir=rtl] .q-field-icon{margin-left:16px}.q-field-label{color:#979797}[dir=ltr] .q-field-label{padding-right:8px}[dir=rtl] .q-field-label{padding-left:8px}.q-field-label-inner{min-height:28px}[dir=ltr] .q-field-label-hint{padding-left:8px}[dir=rtl] .q-field-label-hint{padding-right:8px}.q-field-bottom{color:#979797;font-size:12px}[dir] .q-field-bottom{padding-top:8px}[dir] .q-field-no-input .q-field-bottom{border-top:1px solid rgba(0,0,0,.12);margin-top:8px}.q-field-counter{color:#979797}[dir=ltr] .q-field-counter{padding-left:8px}[dir=rtl] .q-field-counter{padding-right:8px}.q-field-dark .q-field-bottom,.q-field-dark .q-field-counter,.q-field-dark .q-field-icon,.q-field-dark .q-field-label{color:#a7a7a7}[dir] .q-field-dark .q-field-no-input .q-field-bottom{border-top:1px solid #979797}.q-field-with-error .q-field-bottom,.q-field-with-error .q-field-icon,.q-field-with-error .q-field-label{color:#db2828;color:var(--q-color-negative)}[dir] .q-field-with-error .q-field-no-input .q-field-bottom{border-top:1px solid #db2828;border-top:1px solid var(--q-color-negative)}.q-field-with-warning .q-field-bottom,.q-field-with-warning .q-field-icon,.q-field-with-warning .q-field-label{color:#f2c037;color:var(--q-color-warning)}[dir] .q-field-with-warning .q-field-no-input .q-field-bottom{border-top:1px solid #f2c037;border-top:1px solid var(--q-color-warning)}[dir] .q-field-margin{margin-top:5px}[dir] .q-field-floating .q-field-margin{margin-top:23px}[dir] .q-field-no-input .q-field-margin{margin-top:3px}[dir] .q-field-content .q-if.q-if-has-label:not(.q-if-standard){margin-top:9px}[dir] .q-field-content .q-if-standard:not(.q-if-has-label){padding-top:6px}[dir] .q-field-content .q-option-group{padding-top:0}[dir] .q-field-no-input .q-field-content{padding-top:6px}[dir] .q-field-vertical:not(.q-field-no-label) .q-field-margin{margin-top:0}[dir] .q-field-vertical:not(.q-field-no-label) .q-if-standard:not(.q-if-has-label){padding-top:0}[dir] .q-field-vertical:not(.q-field-no-label) .q-if.q-if-has-label:not(.q-if-standard){margin-top:0}.q-field-vertical.q-field-no-label .q-field-label{display:none}@media (max-width:575px){[dir] .q-field-responsive:not(.q-field-no-label) .q-field-margin{margin-top:0}[dir] .q-field-responsive:not(.q-field-no-label) .q-if-standard:not(.q-if-has-label){padding-top:0}[dir] .q-field-responsive:not(.q-field-no-label) .q-if.q-if-has-label:not(.q-if-standard){margin-top:0}.q-field-responsive.q-field-no-label .q-field-label{display:none}}[dir] .q-inner-loading{background:hsla(0,0%,100%,.6)}[dir] .q-inner-loading.dark{background:rgba(0,0,0,.4)}.q-field-bottom,.q-field-icon,.q-field-label,.q-if,.q-if-addon,.q-if-control,.q-if-label,.q-if:before{transition:all .45s cubic-bezier(.23,1,.32,1),display 0s 0s}[dir] .q-field-bottom,[dir] .q-field-icon,[dir] .q-field-label,[dir] .q-if,[dir] .q-if-addon,[dir] .q-if-control,[dir] .q-if-label,[dir] .q-if:before{-webkit-transition:all .45s cubic-bezier(.23,1,.32,1),display 0s 0s}.q-if.q-if-hide-underline:after,.q-if.q-if-hide-underline:before,.q-if.q-if-inverted:after,.q-if.q-if-inverted:before{content:none}[dir=ltr] .q-if-inverted,[dir=rtl] .q-if-inverted{padding-left:8px;padding-right:8px}[dir] .q-if-inverted .q-if-inner{margin-bottom:7px;margin-top:7px}[dir] .q-if-inverted.q-if-has-label .q-if-inner{margin-top:25px}.q-if:after,.q-if:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0}[dir] .q-if:after,[dir] .q-if:before{background:transparent;border:1px hidden;border-bottom:1px solid}[dir=ltr] .q-if:after,[dir=ltr] .q-if:before,[dir=rtl] .q-if:after,[dir=rtl] .q-if:before{left:0;right:0}.q-if:before{color:#bdbdbd;color:var(--q-color-light)}.q-if:after{-webkit-transform:scaleX(0)}[dir] .q-if:after{border-width:0;transform:scaleX(0)}[dir=ltr] .q-if:after{-webkit-transform-origin:center center 0;transform-origin:center center 0}[dir=rtl] .q-if:after{-webkit-transform-origin:center center 100%;transform-origin:center center 100%}.q-if.q-if-readonly:not(.q-if-error):not(.q-if-warning):after,.q-if:not(.q-if-disabled):not(.q-if-error):not(.q-if-warning):hover:before{color:#000}.q-if-dark.q-if.q-if-readonly:not(.q-if-error):not(.q-if-warning):after,.q-if-dark.q-if:not(.q-if-disabled):not(.q-if-error):not(.q-if-warning):hover:before{color:#fff}.q-if-focused:after{-webkit-transform:scaleX(1)}[dir] .q-if-focused:after{border-width:2px;transform:scaleX(1)}[dir=ltr] .q-if-focused:after{-webkit-transition:border-left-width 0s .45s,border-right-width 0s .45s,-webkit-transform .45s cubic-bezier(.23,1,.32,1);transition:border-left-width 0s .45s,border-right-width 0s .45s,-webkit-transform .45s cubic-bezier(.23,1,.32,1);transition:transform .45s cubic-bezier(.23,1,.32,1),border-left-width 0s .45s,border-right-width 0s .45s;transition:transform .45s cubic-bezier(.23,1,.32,1),border-left-width 0s .45s,border-right-width 0s .45s,-webkit-transform .45s cubic-bezier(.23,1,.32,1)}[dir=rtl] .q-if-focused:after{-webkit-transition:border-right-width 0s .45s,border-left-width 0s .45s,-webkit-transform .45s cubic-bezier(.23,1,.32,1);transition:border-right-width 0s .45s,border-left-width 0s .45s,-webkit-transform .45s cubic-bezier(.23,1,.32,1);transition:transform .45s cubic-bezier(.23,1,.32,1),border-right-width 0s .45s,border-left-width 0s .45s;transition:transform .45s cubic-bezier(.23,1,.32,1),border-right-width 0s .45s,border-left-width 0s .45s,-webkit-transform .45s cubic-bezier(.23,1,.32,1)}.q-if{-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:1rem;outline:0}.q-if .q-if-inner{min-height:24px}[dir] .q-if-standard{padding-bottom:7px;padding-top:7px}[dir] .q-if-standard.q-if-has-label{padding-top:25px}[dir] .q-if-hide-underline{padding-bottom:0;padding-top:0}[dir] .q-if-hide-underline.q-if-has-label{padding-top:18px}.q-if-inverted .q-if-label,.q-if-standard .q-if-label{-webkit-transform:translate(0);position:absolute}[dir] .q-if-inverted .q-if-label,[dir] .q-if-standard .q-if-label{transform:translate(0)}[dir=ltr] .q-if-inverted .q-if-label,[dir=ltr] .q-if-standard .q-if-label{-webkit-transform-origin:top left;left:0;transform-origin:top left}[dir=rtl] .q-if-inverted .q-if-label,[dir=rtl] .q-if-standard .q-if-label{-webkit-transform-origin:top right;right:0;transform-origin:top right}.q-if-inverted .q-if-label.q-if-label-above,.q-if-standard .q-if-label.q-if-label-above{-webkit-transform:translateY(-100%);font-size:.75rem;line-height:18px}[dir] .q-if-inverted .q-if-label.q-if-label-above,[dir] .q-if-standard .q-if-label.q-if-label-above{transform:translateY(-100%)}.q-if-inverted{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}[dir] .q-if-inverted{border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.q-if-inverted .q-if-label{-webkit-transform:translateY(-21px);top:50%}[dir] .q-if-inverted .q-if-label{transform:translateY(-21px)}.q-if-inverted .q-if-label.q-if-label-above{-webkit-transform:translateY(-125%);top:4px}[dir] .q-if-inverted .q-if-label.q-if-label-above{transform:translateY(-125%)}.q-if-inverted .q-input-target{color:inherit}.q-if-focused:not(.q-if-readonly) .q-if-addon,.q-if-focused:not(.q-if-readonly) .q-if-control,.q-if-focused:not(.q-if-readonly) .q-if-label{color:currentColor}.q-if-warning:after,.q-if-warning:before,.q-if-warning:not(.q-if-inverted) .q-if-label{color:#f2c037;color:var(--q-color-warning)}.q-if-warning:hover:before{color:#f8dd93;color:var(--q-color-warning-l)}.q-if-error:after,.q-if-error:before,.q-if-error:not(.q-if-inverted) .q-if-label{color:#db2828;color:var(--q-color-negative)}.q-if-error:hover:before{color:#ec8b8b;color:var(--q-color-negative-l)}.q-if-disabled{opacity:.6}[dir] .q-if-disabled,[dir] .q-if-disabled .q-chip,[dir] .q-if-disabled .q-if-control,[dir] .q-if-disabled .q-if-label,[dir] .q-if-disabled .q-input-target{cursor:not-allowed}.q-if-dark:not(.q-if-inverted-light) .q-input-target:not(.q-input-target-placeholder){color:#fff}.q-if-focusable{outline:0}[dir] .q-if-focusable{cursor:pointer}.q-if-label,.q-input-target,.q-input-target-placeholder{line-height:24px}.q-if-control{font-size:24px;height:24px;width:24px}[dir] .q-if-control{cursor:pointer}[dir=ltr] .q-if-control+.q-if-control,[dir=ltr] .q-if-control+.q-if-inner,[dir=ltr] .q-if-inner+.q-if-control{margin-left:4px}[dir=rtl] .q-if-control+.q-if-control,[dir=rtl] .q-if-control+.q-if-inner,[dir=rtl] .q-if-inner+.q-if-control{margin-right:4px}.q-if-control:hover{opacity:.7}.q-if-baseline{color:transparent;line-height:24px;width:0}.q-if-baseline,.q-if-label-inner,.q-if-label-spacer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;pointer-events:none;user-select:none}.q-if-label-spacer{height:0!important;max-width:100%;visibility:hidden;white-space:nowrap}.q-if-label{max-width:100%;overflow:hidden}[dir] .q-if-label{cursor:text}.q-if-addon,.q-if-control,.q-if-label{color:#979797;line-height:24px}.q-if-inverted .q-if-addon,.q-if-inverted .q-if-control,.q-if-inverted .q-if-label{color:#ddd}.q-if-inverted-light .q-if-addon,.q-if-inverted-light .q-if-control,.q-if-inverted-light .q-if-label{color:#6