.inputContainer{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.inputLabel{font-size:var(--font-size-body);color:var(--glyph-primary);margin-bottom:8px;font-weight:var(--font-weight-body);font-family:var(--font-family-body)}.requiredAsterisk{color:var(--glyph-error);margin-left:2px}.wrapper{margin-bottom:16px;width:100%;position:relative}.inputField{height:46px;width:100%;padding:12px;border:1px solid var(--outline-default);border-radius:8px;background:var(--bg-input);color:var(--glyph-primary);font-size:var(--font-size-body);font-family:var(--font-family-body);text-align:left;box-sizing:border-box}.inputField:focus{outline:none;border-color:var(--outline-hover);box-shadow:0 0 0 1px var(--outline-hover)}.inputField.hasRightControls{border-radius:8px 0 0 8px;border-right:none}.inputField.hasRightControls[type=number]::-webkit-outer-spin-button,.inputField.hasRightControls[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inputField.hasRightControls[type=number]{-moz-appearance:textfield;appearance:textfield}.inputField.dateInput{cursor:pointer}.modernInput{height:46px;width:100%;padding:12px;border:1px solid var(--outline-default);border-radius:8px;background:var(--bg-input);color:var(--glyph-primary);font-size:var(--font-size-body);font-family:var(--font-family-body);box-sizing:border-box}.modernInput:focus{outline:none;border-color:var(--outline-hover);box-shadow:0 0 0 1px var(--outline-hover)}.textArea{width:100%;min-height:100px;padding:12px;border:1px solid var(--outline-default);border-radius:8px;background:var(--bg-input);color:var(--glyph-primary);font-size:var(--font-size-body);font-family:var(--font-family-body);resize:vertical;box-sizing:border-box}.textArea:focus{outline:none;border-color:var(--outline-hover);box-shadow:0 0 0 1px var(--outline-hover)}.textArea::-webkit-resizer{background:none;border:none;width:12px;height:12px;box-shadow:inset -2px -2px 0 0 var(--outline-subtle);opacity:.5}.textArea:hover::-webkit-resizer,.textArea:focus-visible::-webkit-resizer{box-shadow:inset -2px -2px 0 0 var(--outline-default);opacity:.75}.textArea::-moz-resizer{border:none;width:12px;height:12px;background:none;box-shadow:inset -2px -2px 0 0 var(--outline-subtle);opacity:.5}.textArea:hover::-moz-resizer,.textArea:focus-visible::-moz-resizer{box-shadow:inset -2px -2px 0 0 var(--outline-default);opacity:.75}.controlButton{padding:0 12px;height:46px;border:1px solid var(--outline-default);background:var(--bg-input-control);cursor:pointer;color:var(--glyph-primary);font-size:var(--font-size-body);font-family:var(--font-family-body);display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-left:none}.controlButton:hover{background:var(--bg-input-control-hover, var(--bg-subtle))}.controlButton:active{background:var(--bg-input-control-active, var(--bg-primary))}.rightmostButton{border-radius:0 8px 8px 0}.calendarButton{width:46px;padding:0}.inputField.hasRightControls:focus+.controlButton,.inputField.hasRightControls:focus~.controlButton{border-color:var(--outline-hover)}.innerWrapper{display:flex;align-items:stretch;width:100%}.innerWrapper>.inputField.hasRightControls{flex:1}.innerWrapper>.controlButton{flex:0 0 auto}.datePickerContainer{position:absolute;top:46px;left:0;z-index:100;background:var(--bg-raised);border:1px solid var(--outline-default);border-radius:8px;padding:8px;box-shadow:0 4px 12px #00000026;margin-top:4px}.visibleDateInput{height:46px;padding:12px;border:1px solid var(--outline-default);border-radius:8px;background:var(--bg-input);color:var(--glyph-primary);font-size:var(--font-size-body);font-family:var(--font-family-body);width:100%;min-width:240px;box-sizing:border-box}.fieldError{color:var(--glyph-error);font-size:var(--font-size-small);margin-top:4px}.searchableDropdownWrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box}.searchableDropdownInput{padding-right:40px;width:100%;max-width:100%;box-sizing:border-box}.nonSearchable .searchableDropdownInput[readonly]{cursor:pointer;caret-color:transparent}.nonSearchable .searchableDropdownInput[readonly]:focus{caret-color:transparent}.nonSearchable .searchableDropdownInput[readonly]::selection{background:transparent}.searchableDropdownArrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--glyph-secondary);font-size:var(--font-size-small);pointer-events:none;transition:transform .2s ease}.searchableDropdownArrow.open{transform:translateY(-50%) rotate(180deg)}.searchableDropdownOptions{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--bg-raised);border:1px solid var(--outline-default);border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;max-height:30vh;overflow-y:auto}.searchableDropdownOption{padding:12px;cursor:pointer;color:var(--glyph-primary);font-size:var(--font-size-body);font-family:var(--font-family-body);border-bottom:1px solid var(--outline-subtle);transition:background-color .15s ease}.searchableDropdownOption:last-child{border-bottom:none}.searchableDropdownOption:hover,.searchableDropdownOption.highlighted{background:var(--bg-subtle)}.searchableDropdownOption.selected{background:var(--bg-subtle);color:var(--glyph-primary);font-weight:var(--font-weight-body)}.searchableDropdownOption.selected:hover,.searchableDropdownOption.selected.highlighted{background:var(--bg-raised-hover, var(--bg-subtle))}.searchableDropdownStatus{padding:12px;color:var(--glyph-secondary);font-size:var(--font-size-body);font-family:var(--font-family-body);text-align:center}.searchableDropdownNoResults{padding:12px;color:var(--glyph-secondary);font-size:var(--font-size-body);font-family:var(--font-family-body);text-align:center;font-style:italic}@media (max-width: 640px){.modernInput,.textArea,.inputField,.controlButton{width:100%;border-radius:8px}.innerWrapper{flex-direction:column;height:auto;gap:8px}.datePickerContainer{width:100%}.searchableDropdownOptions{max-height:150px}}