.search-box{--form-border: none;--form-border-radius: var(--border-radius-l);--search-box-border: 1px solid currentColor;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-border-radius:var(--form-border-radius);-moz-border-radius:var(--form-border-radius);border-radius:var(--form-border-radius);border:var(--search-box-border)}.search-box svg{color:var(--color-primary);width:1.125rem;height:1.125rem}.search-box__input:focus,.search-box__input:focus-visible{outline:none}:has(.search-box__input:focus-visible) .search-box{outline:auto}.search-box__button{-webkit-border-radius:var(--border-radius-l);-moz-border-radius:var(--border-radius-l);border-radius:var(--border-radius-l);padding:0 var(--spacing-xs);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;outline-offset:-.375rem}