.app-field{position:relative;padding-bottom:1em}.app-field label{width:100%}.app-field-container{position:relative}.app-field-input{padding:0.5em 1em;width:100%;border-radius:4px;border:1px solid var(--color-gray2);-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.app-field-input:focus-visible{background-color:hsla(0,0%,50.2%,0.2);border:1px solid var(--color4);outline:0}.app-field-input:active+.app-field-label{top:-28px;opacity:1;font-size:large}.app-field-textarea{position:relative}.app-field-label{-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;left:0;font-size:smaller;-webkit-transition:all 0.35s ease;transition:all 0.35s ease;padding:5px;padding-left:1em;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;opacity:0}.app-field-label-big{font-size:large;padding:0;margin-top:0.4em;margin-left:1em;opacity:1;color:var(--bs-gray-500)}.app-field-label-focus{font-weight:bolder}