.generic-input-wrapper{flex-direction:column;min-width:0;max-width:100%;display:flex}.generic-input-wrapper--compact{width:min(100%, var(--generic-compact-field-width))}.generic-input-wrapper--number,.generic-input-wrapper--float{--generic-compact-field-width:10rem}.generic-input-wrapper--date{--generic-compact-field-width:11.25rem}.generic-input-wrapper--time{--generic-compact-field-width:8.5rem}.generic-input-wrapper--month{--generic-compact-field-width:10.25rem}.generic-input-wrapper--datetime-local{--generic-compact-field-width:15rem}.generic-input-label{text-align:start;margin-bottom:.5rem;font-size:16px;font-weight:600}.generic-input-label-required{color:red;margin-left:.25rem;position:relative;top:4px}.generic-input-label-icon{top:-2px}.generic-input{box-sizing:border-box;border:1px solid #009fdb;border-radius:4px;outline:none;min-width:300px;max-width:100%;height:40px;padding:.5rem;font-size:1rem;font-weight:600}.generic-input--compact{font-variant-numeric:tabular-nums;width:100%;min-width:0}.generic-input:focus{border-color:#009fdb;box-shadow:0 0 0 3px #009fdb2e}.generic-textarea{resize:vertical;height:6rem}.generic-input-character-counter{color:#666;margin-top:.25rem;font-size:.85rem}@media (width<=767px){.generic-input{width:100%;min-width:0}}