@layer components{.search-form{align-items:center;gap:var(--spacing-2);max-inline-size:50rem;padding:var(--spacing-1-5) var(--spacing-1-5) var(--spacing-1-5) var(--spacing-4);border:var(--border-width) solid var(--color-border-emphasized);border-radius:var(--radius-container);background:var(--color-background-card);box-shadow:var(--shadow-med);display:flex}.search-form:focus-within{box-shadow:var(--shadow-med);outline:var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);outline-offset:var(--focus-outline-offset)}.search-form{flex-wrap:wrap}.search-form__input{flex-basis:8rem}.search-form>svg{block-size:1.25rem;inline-size:1.25rem;color:var(--color-text-secondary);flex:none}.search-form__input{min-inline-size:0;min-block-size:var(--size-element-lg);color:var(--color-text-primary);font-size:var(--font-size-base);background:0 0;border:0;flex:1}.search-form__input::placeholder{color:var(--color-text-secondary);opacity:1}.search-form__input:focus-visible{outline:none}.search-form .button{padding-inline:var(--spacing-4)}@media (width>=640px){.search-form .button{padding-inline:var(--spacing-6)}}}