@layer components{.c-simple-input{--input-height:56px;--input-padding-x:14px;--input-background-color:var(--brand-off-white);--input-label-x-padding:3px;--input-error-color:#aa180e;background-color:var(--input-background-color);color:var(--body-color);display:grid;gap:0;grid-template-columns:var(--input-padding-x) auto var(--input-padding-x);grid-template-rows:7px var(--input-height) auto;position:relative}.c-simple-input__label{font-size:16px;grid-column:2;grid-row:1;height:-moz-fit-content;height:fit-content;left:-3px;line-height:1;max-width:100%;overflow:hidden;padding:0 var(--input-label-x-padding);text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content;z-index:3}.c-simple-input__input,.c-simple-input__label{background-color:var(--input-background-color);font-weight:var(--font-weight-regular);position:relative}.c-simple-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;border-radius:4px;font-size:1rem;grid-column:1/span 3;grid-row:2;line-height:1.4;padding:0 var(--input-padding-x);z-index:1}.c-simple-input__input:focus{border-color:var(--brand-slate)}.c-simple-input__input::-moz-placeholder{color:var(--brand-slate);font-style:italic}.c-simple-input__input::placeholder{color:var(--brand-slate);font-style:italic}.c-simple-input:has(.c-simple-input__input:where(select)):before{background-color:currentColor;content:"";grid-column:2;grid-row:2;height:100%;margin-left:auto;-webkit-mask:url(../../../img/icons/chevron-down.svg) center/contain no-repeat;mask:url(../../../img/icons/chevron-down.svg) center/contain no-repeat;pointer-events:none;width:16px;z-index:4}.c-simple-input:has(.c-simple-input__input:where(select)) .c-simple-input__input{padding-right:30px}.c-simple-input:has(output) .c-simple-input__input{border-color:var(--input-error-color)}.c-simple-input output{color:var(--input-error-color);font-size:16px;grid-column:2;grid-row:3;line-height:1.2;margin-top:5px}}