.SearchField{width:30.8rem;max-width:100%;height:var(--header-control-height);color:var(--color-text-primary);background-color:var(--color-surface-primary);border-radius:var(--radius-pill);box-shadow:0 0 0 0 var(--color-turquoise);transition:background-color var(--transition-duration) var(--ease-out-quad), box-shadow var(--transition-duration) var(--ease-out-quad);align-items:center;gap:.6rem;padding-left:1.6rem;padding-right:.4rem;display:flex;position:relative}@media (hover:hover){.SearchField:hover{background-color:color-mix(in srgb, var(--color-surface-primary) 70%, var(--color-black-12))}}.SearchField:focus-within{background-color:var(--color-white);box-shadow:0 0 0 .2rem var(--color-turquoise), 0 0 0 .6rem var(--color-turquoise-24)}.SearchField.isLarge{width:100%;height:var(--field-height);padding-left:2rem;padding-right:.8rem}.SearchField__icon{width:var(--icon-size);height:var(--icon-size);flex:none;display:block}.SearchField__input{letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:auto;min-width:0;height:100%;font-size:1.6rem;line-height:1.2}.SearchField__input::-moz-placeholder{color:var(--color-black-50)}.SearchField__input::placeholder{color:var(--color-black-50)}.SearchField__input::-webkit-search-cancel-button{display:none}.SearchField.isLarge .SearchField__input{font-size:1.6rem}.SearchField__clear{width:3.2rem;height:3.2rem;color:var(--color-black-70);cursor:pointer;background:var(--color-surface-primary);opacity:0;pointer-events:none;transition:opacity var(--transition-duration-fast) var(--ease-out-quad), transform var(--transition-duration) var(--ease-out-back);border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex;transform:scale(.6)}.SearchField__clear .Icon{width:1.2rem;height:1.2rem}.SearchField.hasValue .SearchField__clear{opacity:1;pointer-events:auto;transform:scale(1)}@media (prefers-reduced-motion:reduce){.SearchField,.SearchField__clear{transition:none}}