@layer form-row{.form-row{--warning-color:var(--yellow);--error-color:var(--red);--label-color:var(--gray-46)}.form-row__input-container{min-height:var(--input-min-height);border:var(--input-border-width) solid var(--input-border-color);border-radius:var(--border-radius-base);box-shadow:var(--shadow-small);background:#fff;grid:"unit-left label-input-icon unit-right"/auto 1fr auto;display:grid;position:relative}.form-row__input-container:focus-within{border-color:var(--input-focus-color);box-shadow:0 0 3px var(--input-focus-color)}.form-row__input-container.is-invalid{--input-focus-color:var(--error-color)}.form-row__input-container.is-valid{--input-focus-color:var(--green)}.form-row__input-container:not(.is-invalid):has([data-autofill]:not(:is(:disabled,[readonly]))){--input-border-color:var(--green);--input-focus-color:var(--green)}.form-row__input-container:has([data-datalist-open]){border-bottom-right-radius:0;border-bottom-left-radius:0}.form-row__input,.form-row__values{padding:var(--input-padding);line-height:var(--input-line-height);-moz-appearance:textfield;border-radius:calc(var(--border-radius-base) - 1px);grid-area:label-input-icon;width:100%}:is(.form-row__input,.form-row__values):where(textarea){resize:vertical}:is(.form-row__input,.form-row__values):not(textarea){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(.form-row__input,.form-row__values):is(:disabled,[readonly]){color:var(--gray-46);background:var(--gray-96)}:is(.form-row__input,.form-row__values)::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;width:auto;height:auto;position:absolute;inset:0}[autocomplete=off] :is(.form-row__input,.form-row__values)::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;display:none!important}[autocomplete=off] :is(.form-row__input,.form-row__values)::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;width:0;height:0;margin:0;display:none!important}.form-row__values{padding-inline-end:var(--input-left-padding)}.form-row__label{transform:translateY(calc(var(--input-min-height) / 2)) translateY(-50%);transform-origin:0 0;transition:all var(--transition-duration) ease-out;color:var(--label-color);pointer-events:none;grid-area:label-input-icon;line-height:1.33;display:block;position:absolute;top:0;left:1rem}textarea~.form-row__label{--shadow-distance:2px;--shadow-blur:3px;--shadow-color:white;text-shadow:calc(-1 * var(--shadow-distance)) calc(-1 * var(--shadow-distance)) var(--shadow-blur) var(--shadow-color), 0 calc(-1 * var(--shadow-distance)) var(--shadow-blur) var(--shadow-color), var(--shadow-distance) calc(-1 * var(--shadow-distance)) var(--shadow-blur) var(--shadow-color), var(--shadow-distance) 0 var(--shadow-blur) var(--shadow-color), var(--shadow-distance) var(--shadow-distance) var(--shadow-blur) var(--shadow-color), 0 var(--shadow-distance) var(--shadow-blur) var(--shadow-color), calc(-1 * var(--shadow-distance)) var(--shadow-distance) var(--shadow-blur) var(--shadow-color), calc(-1 * var(--shadow-distance)) 0 var(--shadow-blur) var(--shadow-color)}.form-row__input:not(.form-row__input--empty):where(:focus,:not(:placeholder-shown))~.form-row__label,.form-row__values:not(:empty)~.form-row__label{transform:translateY(.5rem)scale(.75)}.is-invalid>.form-row__label{color:var(--error-color)}:is(:disabled,[readonly])~.form-row__label{color:var(--gray-73)}.form-row__hint,.form-row__errors{margin-top:.5em;font-size:.75rem}.form-row__hint{color:var(--gray-46)}.form-row__hint:has(~.form-row__errors:not(:empty)){display:none}.form-row__errors{color:var(--error-color);list-style-type:disc;list-style-position:inside}.form-row__errors:has(li:only-child){list-style:none}.form-row__unit{min-width:var(--input-min-height);justify-content:center;align-items:center;gap:1ch;padding-inline:1ch;font-weight:700;line-height:1;display:flex}.form-row__unit--left{border-right:1px solid var(--input-border-color);grid-area:unit-left}.form-row__unit--right{border-left:1px solid var(--input-border-color);grid-area:unit-right}.form-row__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-row__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-row__input::-webkit-datetime-edit{padding-block:0!important}.form-row__input::-webkit-datetime-edit-fields-wrapper{padding-block:0!important}.form-row__input::-webkit-datetime-edit-day-field{padding-block:0!important}.form-row__input::-webkit-datetime-edit-month-field{padding-block:0!important}.form-row__input::-webkit-datetime-edit-year-field{padding-block:0!important}.safari .form-row__input[type=date].is-empty::-webkit-datetime-edit{display:none!important}.form-row__icon{position:absolute;inset-inline-end:calc(var(--input-icon-padding) / 2)!important;top:50%!important;translate:50% -50%!important}.form-row__icon--valid{color:var(--green)}.form-row__icon--invalid{color:var(--error-color)}.form-row__input-container:not(.is-valid) .form-row__icon--valid,.form-row__input-container:not(.is-invalid) .form-row__icon--invalid{display:none!important}}