input.input,#search-input{width:100%;border:0 none;background:var(--grey-5);color:var(--grey-0);&::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)}