.search-field{--_input-space: var(--spacing-s);--_input-grid-column: 1 / 3;--_input-padding-start: calc(1.125rem + (var(--_input-space) * 2));--_input-padding-end: var(--_input-space);--_input-offset-start: var(--_input-space);--_input-offset-end: 0;--_submit-align-self: stretch;display:grid;grid-template-columns:auto 1fr auto;gap:var(--_input-space);align-items:center}.search-field--compact{--_input-grid-column: 1 / -1;--_input-padding-start: var(--_input-space);--_input-padding-end: calc(2rem + (var(--_input-space) * 2));--_input-offset-end: var(--_input-space);--_submit-align-self: auto}.search-field__input{grid-column:var(--_input-grid-column);grid-row:1;padding:0 var(--_input-padding-end) 0 var(--_input-padding-start);font-size:var(--font-size-md)}.search-field__input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.search-field__icon{display:inline-flex;grid-column:1;grid-row:1;z-index:2;pointer-events:none;margin-left:var(--_input-offset-start)}.search-field__submit{align-self:var(--_submit-align-self);display:inline-flex;grid-column:3;grid-row:1;margin-right:var(--_input-offset-end)}