.search-box-wrapper[data-astro-cid-64twkylf]{--search-padding: var(--space-4);--search-radius: var(--radius-2xl);--search-bg: var(--color-surface-container-low);--search-gap: var(--space-2);--search-border: 1px solid transparent;--search-icon-color: var(--color-muted);--search-font-size: var(--font-size-body-md);display:flex;align-items:center;gap:var(--search-gap);padding:var(--search-padding);border:var(--search-border);border-radius:var(--search-radius);background-color:var(--search-bg);position:relative;cursor:text;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);input{flex:1;min-inline-size:0;padding:0;border:none;background:transparent;font-family:inherit;font-size:var(--search-font-size);color:var(--color-text);outline:none;&::placeholder{color:var(--color-muted)}}&[data-variant=header]{--search-padding: var(--space-2);--search-radius: var(--radius-pill);--search-bg: var(--color-surface-elevated);--search-border: 1px solid var(--color-border);--search-icon-color: var(--color-muted);--search-font-size: var(--font-size-0, 16px);&:focus-within{border-color:var(--color-primary)}.search-box-close{display:none;flex-shrink:0;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);cursor:pointer;transition:background var(--transition-base),color var(--transition-base);svg{inline-size:1.25rem;block-size:1.25rem}&:hover{background:var(--color-surface-container-high);color:var(--color-text)}&:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}@container (inline-size <= 48rem){&:not([data-expanded=true]){flex:0 0 auto;inline-size:2.75rem;block-size:2.75rem;justify-content:center;padding:0;input{position:absolute;inset:0;opacity:0;inline-size:100%;block-size:100%;cursor:pointer}}&[data-expanded=true]{position:fixed;inset:0;z-index:var(--z-modal);flex-direction:column;align-items:stretch;gap:var(--space-3);inline-size:100%;max-inline-size:none;block-size:100%;padding:var(--space-3);border:none;border-radius:0;background:var(--color-surface);&:focus-within{border-color:transparent}input{flex:0 0 auto;opacity:1;position:static;inline-size:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-elevated);font-size:var(--font-size-body-lg, var(--font-size-0))}.search-box-close{display:inline-flex;order:-1;align-self:flex-end}.search-results{position:static;flex:1 1 auto;max-block-size:none;overflow-y:auto;border:none;box-shadow:none;background:transparent;padding:0}}}.search-results{position:absolute;inset-inline:0;inset-block-start:calc(100% + var(--space-1));z-index:var(--z-popover);margin:0;padding:var(--space-1);list-style:none;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-block-size:20rem;overflow-y:auto}.search-results__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base);&.is-active,&:hover{background-color:var(--color-surface-container-high)}}.search-results__logo{flex-shrink:0;inline-size:var(--space-6);block-size:var(--space-6);object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-container-high)}.search-results__logo--placeholder{display:block}.search-results__text{display:flex;flex-direction:column;gap:var(--space-0);min-inline-size:0}.search-results__name{font-size:var(--search-font-size);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results__cashback{font-size:var(--font-size-body-sm, .875rem);color:var(--color-success-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results__message{padding:var(--space-3) var(--space-4);font-size:var(--search-font-size);color:var(--color-muted);text-align:center;list-style:none}.search-results__message--error{color:var(--color-error-text, var(--color-muted))}}&[data-variant=inline]{--search-padding: var(--space-4);--search-radius: var(--radius-2xl);--search-bg: var(--color-surface-container-low);--search-gap: var(--space-2);--search-border: 1px solid transparent;--search-icon-color: var(--color-muted);--search-font-size: var(--font-size-body-md);inline-size:auto;min-inline-size:200px;&:hover{background-color:var(--color-surface-container-high)}&:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px oklch(from var(--color-primary) l c h / .35)}}&[data-variant=catalog]{--search-padding: var(--space-3);--search-radius: var(--radius-pill);--search-bg: var(--color-surface-elevated);--search-gap: var(--space-2);--search-border: 1px solid var(--color-border);--search-icon-color: var(--color-muted);--search-font-size: var(--font-size-body-md);inline-size:100%;&:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px oklch(from var(--color-primary) l c h / .2)}}&[data-variant=faq]{--search-padding: var(--space-5) var(--space-4);--search-radius: var(--radius-pill);--search-bg: var(--color-surface-elevated);--search-gap: 1ch;--search-border: none;--search-icon-color: var(--color-outline);--search-font-size: var(--font-size-body-lg);inline-size:100%;max-inline-size:42rem;box-shadow:var(--shadow-sm);padding-inline:var(--space-5);padding-block:var(--space-4);&:focus-within{box-shadow:var(--shadow-sm),0 0 0 2px oklch(from var(--color-primary) l c h / .2)}input{line-height:var(--line-height-relaxed)}}}.search-box-wrapper[data-astro-cid-64twkylf] .search-box-icon{display:block;flex-shrink:0;color:var(--search-icon-color)}.search-box-wrapper[data-astro-cid-64twkylf][data-variant=header] .search-box-icon{opacity:.6;margin-inline-end:var(--space-0)}@container (inline-size <= 48rem){.search-box-wrapper[data-astro-cid-64twkylf][data-variant=header]:not([data-expanded=true]) .search-box-icon{margin-inline-end:0;opacity:1}.search-box-wrapper[data-astro-cid-64twkylf][data-variant=header][data-expanded=true] .search-box-icon{display:none}}