swift-search{--ss-min-w: 15rem;--ss-font-size: 15px;--ss-radius: 8px;--ss-gap: 10px;--ss-pad-x: 12px;--ss-pad-y: 9px;--ss-height: 42px;--ss-thumb: 40px;--ss-dur: .12s;--ss-input-bg: #fff;--ss-input-fg: #16181d;--ss-input-border: #d3d7de;--ss-placeholder: #767b85;--ss-focus: #2563eb;--ss-btn-bg: #2563eb;--ss-btn-fg: #fff;--ss-btn-bg-hover: #1d4ed8;--ss-trigger-bg: transparent;--ss-trigger-fg: currentcolor;--ss-trigger-fg-hover: var(--ss-focus);--ss-panel-bg: #fff;--ss-panel-fg: #16181d;--ss-panel-border: #e3e6eb;--ss-panel-shadow: 0 8px 28px rgb(0 0 0 / 12%);--ss-panel-max-h: 70vh;--ss-opt-hover-bg: #f4f6f9;--ss-opt-active-bg: #e8effd;--ss-opt-active-fg: #16181d;--ss-muted: #5b6170;--ss-head-fg: #5b6170;--ss-sep: #eef0f4;--ss-price-fg: #16181d;--ss-mark-bg: transparent;--ss-mark-fg: inherit;--ss-mark-weight: 700;--ss-backdrop: rgb(0 0 0 / 45%);--ss-sheet-bg: #fff;container-type:inline-size;display:block;position:relative;font-size:var(--ss-font-size);inline-size:100%;min-inline-size:var(--ss-min-w)}swift-search.ss--compact{--ss-min-w: 11rem;--ss-height: 36px;--ss-font-size: 14px}@media (prefers-color-scheme: dark){swift-search:not([data-scheme=light]){--ss-input-bg: #14161a;--ss-input-fg: #e8eaee;--ss-input-border: #333842;--ss-placeholder: #8b919b;--ss-panel-bg: #14161a;--ss-panel-fg: #e8eaee;--ss-panel-border: #2a2f38;--ss-panel-shadow: 0 8px 28px rgb(0 0 0 / 50%);--ss-opt-hover-bg: #1c1f26;--ss-opt-active-bg: #1e293b;--ss-opt-active-fg: #e8eaee;--ss-muted: #9aa2b1;--ss-head-fg: #9aa2b1;--ss-sep: #23272f;--ss-price-fg: #e8eaee;--ss-mark-bg: transparent;--ss-mark-fg: #fff;--ss-sheet-bg: #14161a;color-scheme:dark}}swift-search[data-scheme=dark]{--ss-input-bg: #14161a;--ss-input-fg: #e8eaee;--ss-input-border: #333842;--ss-placeholder: #8b919b;--ss-panel-bg: #14161a;--ss-panel-fg: #e8eaee;--ss-panel-border: #2a2f38;--ss-panel-shadow: 0 8px 28px rgb(0 0 0 / 50%);--ss-opt-hover-bg: #1c1f26;--ss-opt-active-bg: #1e293b;--ss-opt-active-fg: #e8eaee;--ss-muted: #9aa2b1;--ss-head-fg: #9aa2b1;--ss-sep: #23272f;--ss-price-fg: #e8eaee;--ss-mark-bg: transparent;--ss-mark-fg: #fff;--ss-sheet-bg: #14161a;color-scheme:dark}swift-search[data-scheme=light]{color-scheme:light}.ss__form{display:flex;align-items:stretch;gap:0;margin:0}.ss__input{flex:1 1 auto;min-inline-size:0;block-size:var(--ss-height);padding-inline:var(--ss-pad-x);padding-block:var(--ss-pad-y);font:inherit;color:var(--ss-input-fg);background:var(--ss-input-bg);border:1px solid var(--ss-input-border);border-start-start-radius:var(--ss-radius);border-end-start-radius:var(--ss-radius);border-inline-end:0;appearance:none}.ss__input::placeholder{color:var(--ss-placeholder)}.ss__input::-webkit-search-cancel-button{appearance:none}.ss__input:focus-visible,.ss__submit:focus-visible,.ss__opt:focus-visible{outline:2px solid var(--ss-focus);outline-offset:-1px}.ss__submit,.ss__trigger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--ss-height) + 6px);block-size:var(--ss-height);color:var(--ss-btn-fg);background:var(--ss-btn-bg);border:0;border-start-end-radius:var(--ss-radius);border-end-end-radius:var(--ss-radius);cursor:pointer;transition:background var(--ss-dur)}.ss__submit:hover{background:var(--ss-btn-bg-hover)}.ss__submit svg,.ss__trigger svg{inline-size:18px;block-size:18px;fill:currentcolor}.ss__trigger{display:none;inline-size:var(--ss-height);color:var(--ss-trigger-fg);background:var(--ss-trigger-bg);border-radius:var(--ss-radius)}.ss__trigger:hover{color:var(--ss-trigger-fg-hover);background:var(--ss-opt-hover-bg)}.ss__trigger:focus-visible{outline:2px solid var(--ss-focus);outline-offset:2px}swift-search:defined[data-layout=icon]{inline-size:var(--ss-height);min-inline-size:var(--ss-height)}swift-search:defined[data-layout=icon]>.ss__form{display:none}swift-search:defined[data-layout=icon] .ss__trigger{display:inline-flex}swift-search:defined[data-layout=icon] .ss__panel{inset-inline:auto 0}@media (max-width: 781px){swift-search:defined[data-layout=auto]{inline-size:var(--ss-height);min-inline-size:var(--ss-height)}swift-search:defined[data-layout=auto]>.ss__form{display:none}swift-search:defined[data-layout=auto] .ss__trigger{display:inline-flex}swift-search:defined[data-layout=auto] .ss__panel{inset-inline:auto 0}}swift-search:defined[data-open]>.ss__form{display:flex;position:absolute;inset-block-start:0;inset-inline:auto 0;inline-size:min(340px,92vw);z-index:91;box-shadow:var(--ss-panel-shadow)}swift-search:defined[data-open]>.ss__panel{inset-block-start:100%;z-index:91}swift-search:defined[data-open]:has(>.ss__panel:not([hidden]))>.ss__form .ss__input{border-end-start-radius:0}swift-search:defined[data-open]:has(>.ss__panel:not([hidden]))>.ss__form .ss__submit{border-end-end-radius:0}swift-search:defined[data-open]>.ss__panel:not([hidden]){border-start-start-radius:0;border-start-end-radius:0;border-block-start:0}.ss__panel{position:absolute;inset-inline-start:0;inset-block-start:calc(100% + 4px);z-index:90;inline-size:max(100%,min(340px,92vw));max-block-size:var(--ss-panel-max-h);overflow-y:auto;overscroll-behavior:contain;color:var(--ss-panel-fg);background:var(--ss-panel-bg);border:1px solid var(--ss-panel-border);border-radius:var(--ss-radius);box-shadow:var(--ss-panel-shadow)}.ss__panel[hidden]{display:none}.ss__head{padding:12px var(--ss-pad-x) 6px;margin-block-end:4px;font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ss-head-fg);border-block-end:1px solid var(--ss-sep)}.ss__opt{display:flex;align-items:center;gap:var(--ss-gap);padding:var(--ss-pad-y) var(--ss-pad-x);color:inherit;text-decoration:none}.ss__opt:hover{background:var(--ss-opt-hover-bg)}.ss__opt[aria-selected=true]{background:var(--ss-opt-active-bg);color:var(--ss-opt-active-fg)}.ss__thumb{flex:0 0 auto;inline-size:var(--ss-thumb);block-size:var(--ss-thumb);object-fit:contain;background:#fff;border:1px solid var(--ss-sep);border-radius:3px}.ss__body{flex:1 1 auto;min-inline-size:0}.ss__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:.95em}.ss__opt--taxonomy .ss__name:first-letter{text-transform:uppercase}.ss__sku{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss__sku,.ss__none,.ss__dym{color:var(--ss-muted);font-size:.85em}.ss__price{flex:0 0 auto;color:var(--ss-price-fg);font-weight:600}.ss__none{padding:14px var(--ss-pad-x)}.ss__dym{padding:10px var(--ss-pad-x);border-block-end:1px solid var(--ss-sep)}.ss__fix{font:inherit;color:var(--ss-focus);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}.ss__opt mark{background:var(--ss-mark-bg);color:var(--ss-mark-fg);font-weight:var(--ss-mark-weight);padding:0}.ss__all{justify-content:center;padding-block:12px;font-size:.76em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ss-head-fg);border-block-start:1px solid var(--ss-sep)}.ss__sheet{inline-size:min(680px,100vw);max-block-size:100svh;margin:0 auto auto;padding:12px;color:var(--ss-panel-fg);background:var(--ss-sheet-bg);border:0;border-end-start-radius:var(--ss-radius);border-end-end-radius:var(--ss-radius);overscroll-behavior:contain}.ss__sheet::backdrop{background:var(--ss-backdrop)}.ss__sheet .ss__panel{position:static;box-shadow:none;border:0;margin-block-start:10px}.ss__sheet .ss__panel[hidden]{display:none}.ss__sheet-head{display:flex;align-items:center;gap:8px}.ss__sheet-head .ss__form{flex:1 1 auto;min-inline-size:0}.ss__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--ss-height);block-size:var(--ss-height);padding:0;color:inherit;background:none;border:0;border-radius:var(--ss-radius);cursor:pointer}.ss__close:hover{background:var(--ss-opt-hover-bg)}.ss__close:focus-visible{outline:2px solid var(--ss-focus);outline-offset:-2px}.ss__close svg{inline-size:20px;block-size:20px;fill:currentcolor}html:has(dialog.ss__sheet[open]){overflow:hidden}@container (inline-size < 340px){.ss__thumb{--ss-thumb: 32px}.ss__price{display:none}.ss__head{padding-block:6px 2px}}.ss-sr,.ss__label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){swift-search{--ss-dur: 0ms}}
