@charset "utf-8";

[_nghost-ng-c3512200795] { display: flex; flex-direction: column; }

[disabled][_nghost-ng-c3512200795] { opacity: 0.5; }

label[_ngcontent-ng-c3512200795] { color: var(--standard-grey, #6c7079); order: 1; padding-bottom: 0.25rem; }

._input-container[_ngcontent-ng-c3512200795] { margin-bottom: 0.25rem; max-width: 100%; order: 2; position: relative; }

input[_ngcontent-ng-c3512200795] { appearance: none; border: .0625rem solid var(--light-grey, #c3c7cc); border-radius: 0.25rem; color: var(--very-dark-grey, #2e2e2e); flex-grow: 1; font-family: inherit; height: 2.5rem; padding: 0.875rem 0.5rem 0.75rem; vertical-align: bottom; width: 100%; }

input[_ngcontent-ng-c3512200795]:focus { border-color: var(--light-blue, #166bc8); }

input[_ngcontent-ng-c3512200795]:focus + label[_ngcontent-ng-c3512200795] { color: var(--light-blue, #166bc8); }

input.date-placeholder[_ngcontent-ng-c3512200795] { color: var(--standard-grey, #6c7079); }

input.invisible-background[_ngcontent-ng-c3512200795] { background: rgba(255, 255, 255, 0); }

._icon[_ngcontent-ng-c3512200795]:not(:empty) { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); }

._icon[_ngcontent-ng-c3512200795]:not(:empty) + input[_ngcontent-ng-c3512200795] { padding-right: 2.5rem; }

input[type="date"][_ngcontent-ng-c3512200795]::-webkit-calendar-picker-indicator { display: none; }

span[_ngcontent-ng-c3512200795] { display: none; }

span._helper[_ngcontent-ng-c3512200795] { color: var(--standard-grey, #6c7079); display: initial; order: 3; }

span._error[_ngcontent-ng-c3512200795] { order: 4; }

.ng-invalid[_nghost-ng-c3512200795] ._error[_ngcontent-ng-c3512200795] { border-color: var(--error-red, #cf2e1d); color: var(--error-red, #cf2e1d); }

.ng-invalid[_nghost-ng-c3512200795] span._error[_ngcontent-ng-c3512200795] { display: block; }