@layer components{.c-input{--input-border:solid 1px var(--color-quinary);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--input-border);cursor:text;display:flex;order:1;padding:calc(var(--space-scale-2xs) - 3px) var(--space-scale-xl) calc(var(--space-scale-2xs) - 3px) var(--space-scale-l)}.c-input,.c-input__icon{grid-column:1;grid-row:2}.c-input__icon{--icon-size:2em;align-self:center;justify-self:end;padding-right:var(--space-scale-xs);z-index:1}.c-input:focus{box-shadow:var(--shadow-focus-s)}.c-input[disabled]{background-color:var(--color-neutral-100);color:var(--color-neutral-500)}.c-input[disabled]+.c-label{pointer-events:none}.c-input__outer-container{display:flex;flex:1}.c-input__outer-container--shrink{flex:0 1 auto}.c-input__outer-container .c-btn--quaternary{color:var(--color-neutral-0,var(--color-secondary))}.c-input__container{display:grid;width:100%}.c-input__container .c-label{grid-column:1;grid-row:1}.c-input__container--secondary .c-input{border-radius:calc(var(--space-scale-2xs)/2)}.c-input__container--quaternary,.c-input__container--tertiary{position:relative}.c-input__container--quaternary .c-label,.c-input__container--tertiary .c-label{align-items:center;display:flex;grid-row:2;pointer-events:none;transform-origin:top left;transition:.15s ease-in-out}.c-input__container--quaternary .c-label.c-label--filled,.c-input__container--tertiary .c-label.c-label--filled{top:10px;transform:translateY(-1.25em) scale(.8)}.c-input__container--quaternary .c-input,.c-input__container--tertiary .c-input{border:none;border-bottom:3px solid var(--color-neutral-0,var(--color-secondary));font-size:var(--autocomplete-input-font-size)}.c-input__container--quaternary .c-input[disabled],.c-input__container--tertiary .c-input[disabled]{background:none;border-bottom:3px solid var(--color-neutral-500);pointer-events:cursor}.c-input__container--quaternary .c-input[disabled]+.c-label,.c-input__container--tertiary .c-input[disabled]+.c-label{color:var(--color-neutral-500)}.c-input__container--quaternary .c-input__text--is-white,.c-input__container--tertiary .c-input__text--is-white{border-color:var(--color-tertiary);color:var(--color-tertiary)}.c-input__container--quaternary .c-input__text--is-white+.c-label,.c-input__container--tertiary .c-input__text--is-white+.c-label{color:var(--color-tertiary)}.c-input__container--quaternary .c-input:focus,.c-input__container--tertiary .c-input:focus{box-shadow:none}.c-input__container--quaternary .c-input:focus+.c-label,.c-input__container--tertiary .c-input:focus+.c-label{transform:translateY(-1.25em) scale(.8)}.c-input__container--quaternary .c-input{color:var(--color-neutral-0,var(--color-neutral-700));padding:calc(var(--space-scale-2xs) - 3px) 0 calc(var(--space-scale-2xs) - 3px) var(--space-scale-2xs)}.c-input__container--quaternary .c-input::-moz-placeholder{color:var(--color-neutral-0);font-size:var(--font-scale-s)}.c-input__container--quaternary .c-input::placeholder{color:var(--color-neutral-0);font-size:var(--font-scale-s)}.c-input__container--quaternary .c-input:focus::-moz-placeholder{color:transparent}.c-input__container--quaternary .c-input:focus::placeholder{color:transparent}.c-input__container--quaternary+.c-input__button{cursor:pointer}.c-input__container--quaternary+.c-input__button svg{height:2em;width:2em}.c-input__container--quinary .c-input{background-color:var(--color-neutral-200);border:none;border-radius:999em}.c-input__container--error .c-input{background-color:var(--color-error-20);border:1px solid var(--color-error);box-shadow:var(--shadow-error)}.c-input__container--error .c-input__error-message{color:var(--color-error);display:flex;grid-column:1;grid-row:3;order:2}.c-input__container--error .c-input__icon--error{color:var(--color-error)}.c-input__container--error.c-input__container--tertiary .c-input{background:none;border:none;border-bottom:.125em solid var(--color-error);box-shadow:none}.c-input__container--is-white .c-input__error-message{color:var(--color-tertiary)}.c-input .c-label{cursor:text}}