.app-field{width:100%;--bg: #eeeeee;--height: 40px;--mx: 10px;--px: 14px;--py: calc((var(--height) - (var(--font-size) * var(--line-height))) / 2);--color: var(--theme-color);--font-size: 14px;--line-height: 1.5}.app-field .q-field__native,.app-field .q-field__prefix,.app-field .q-field__suffix{padding-top:var(--py)!important;padding-bottom:var(--py)!important}.app-field .q-field__native,.app-field .q-field__prefix,.app-field .q-field__suffix,.app-field .q-field__input{color:var(--color)!important;line-height:var(--line-height)!important;transition:color var(--trs-1)!important}.app-field .q-field__input{min-height:calc(var(--height) - var(--py) * 2)}.app-field .q-field__native[type=password]{letter-spacing:.25em}.app-field .q-field__native::placeholder{letter-spacing:normal}.app-field .q-field__native:-webkit-autofill,.app-field .q-field__native:-webkit-autofill:hover,.app-field .q-field__native:-webkit-autofill:focus,.app-field .q-field__native:-webkit-autofill:active{-webkit-animation-name:initial!important;-webkit-animation-fill-mode:initial!important;-webkit-text-fill-color:var(--color)!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.app-field .q-field__native>span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.app-field .q-field .q-field__prepend,.app-field .q-field .q-field__before{padding-right:var(--mx)!important}.app-field .q-field .q-field__after,.app-field .q-field .q-field__append{padding-left:var(--mx)!important}.app-field .q-field .q-field__control,.app-field .q-field .q-field__marginal{height:var(--height)}.app-field .q-field__marginal{font-size:18px!important;color:var(--theme-color-muted)!important;transition:color var(--trs-1)!important}.app-field .q-field__marginal>*+*{margin-left:var(--mx)}.app-field .q-field__control{transition:background-color var(--trs-1)!important;border-radius:var(--sm)!important;padding:0 14px!important;background-color:var(--bg)!important}.app-field .q-field__control:before{background-color:var(--color)!important;opacity:0!important;transition:opacity var(--trs-1),background-color var(--trs-1)!important}.app-field .q-field__control:after{display:none}.app-field .q-field--readonly .q-field__native{cursor:default!important}.app-field .q-field:not(.q-field--readonly) .q-field__control:hover:before{opacity:.05!important}.app-field .q-field--highlighted:not(.q-field--readonly) .q-field__control{box-shadow:none!important;background-color:var(--bg)!important}.app-field .q-field--rounded .q-field__control{border-radius:calc(var(--height) / 2)!important}.app-field .q-textarea .q-field__control-container{padding:0!important}.app-field .q-textarea .q-field__native,.app-field .q-textarea .q-field__prefix,.app-field .q-textarea .q-field__suffix{line-height:var(--line-height)!important}.app-field .q-textarea .q-field__native{--min-rows: 4;min-height:var(--height)!important}.app-field .q-textarea .q-field__control{height:auto!important;min-height:var(--height)!important}.app-field .q-select .q-field__marginal{color:var(--color)!important}.app-field--light{--bg: var(--theme-color-light)}.body--dark .app-field{--bg: #616161}