input.input,#search-input{width:100%;border:0 none;background:var(--grey-5);color:var(--black);border-radius:var(--radius-1);&::placeholder{color:var(--black)}}.input-group{position:relative;align-content:flex-start;display:flex;flex-wrap:wrap;gap:var(--gap-2) var(--gap-3);align-items:baseline}.input-field-group{flex:1 1 170px;max-width:350px}.input-label{display:block;width:120px;font-weight:300}.input-field:not([type=radio]):not([type=checkbox]):not([type=file]){padding:var(--size-3);flex:1 1 170px;max-width:350px;min-height:47px;font:inherit;font-weight:300;line-height:1.2;border:1px solid var(--blue-1);border-radius:var(--radius-1);background-color:var(--grey-6)}.input-summary{display:none;.input-field~&,.input-field-group~&{display:block;max-width:400px;align-self:flex-start;grid-column:3;flex:1 1 200px;color:var(--grey-3);font-size:var(--text-2);line-height:1.5}}.input--invalid{input{border-color:var(--red-0);box-shadow:0 0 1.5px 1px var(--red-0)}}.input--error{grid-column:2;padding:var(--size-2) 0;font-size:var(--text-2);color:var(--red-1)}.input{&[type=color]{min-height:50px}}.input-group--checkable{display:grid;grid-template-columns:20px auto;grid-auto-columns:auto;grid-template-areas:"check label";grid-gap:8px 10px;width:auto}.input--checkbox{--fill: var(--blue-1);--fill-2: var(--blue-1);&:focus{--fill: var(--blue-2);--fill-2: var(--blue-2)}.checked{display:var(--display, block);--fill: var(--blue-1);--fill-2: var(--dark-blue-1)}}.input--checkable{position:absolute;z-index:-1;opacity:0;&:focus~.input--checkbox{--fill: var(--blue-3);--fill-2: var(--dark-blue-3)}&:not(:checked)~.input--checkbox{--display: none}}::placeholder{font-weight:200;color:var(--grey-3)}