html.jgk-search-open{overflow:hidden}.jgk-so{--z-search: 60;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-search);display:grid;align-content:start;justify-items:center;padding-block:var(--space-xl) var(--space-l);padding-inline:var(--container-gap);background:#f5efe6db;backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out-expo),visibility 0s linear var(--duration-normal)}.jgk-so.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--duration-normal) var(--ease-out-expo),visibility 0s}.jgk-so__panel{display:flex;flex-direction:column;gap:var(--space-xs);width:min(68rem,100%);min-width:0;transform:translateY(-1rem);transition:transform var(--duration-normal) var(--ease-out-expo)}.jgk-so.is-open .jgk-so__panel{transform:translateY(0)}.jgk-so__bar{display:flex;align-items:center;gap:var(--space-xxs);padding-block:var(--space-3xs);padding-inline:var(--space-xs) var(--space-3xs);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-pill);background:var(--white);box-shadow:var(--shadow-raised)}.jgk-so__bar:focus-within{border-color:var(--charcoal)}.jgk-so__glass{flex:none;width:var(--icon-m);height:var(--icon-m);color:var(--ink-muted)}.jgk-so__input{flex:1 1 auto;min-width:0;min-height:var(--tap-target);padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:var(--text-l);font-weight:600;line-height:1.3}.jgk-so__input::placeholder{color:var(--ink-muted);font-weight:500;opacity:1}.jgk-so__input:focus{outline:none}.jgk-so__input::-webkit-search-decoration,.jgk-so__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.jgk-so__iconbtn{display:grid;flex:none;place-items:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);cursor:pointer;transition:background-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.jgk-so__iconbtn:hover{background:var(--sand);color:var(--ink)}.jgk-so__iconbtn[hidden]{display:none}.jgk-so__close{flex:none;min-height:var(--tap-target);padding-inline:var(--space-xs);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.jgk-so__close:hover{border-color:var(--charcoal);color:var(--ink)}.jgk-so :is(.jgk-so__iconbtn,.jgk-so__close,.jgk-so__result,.jgk-so__chip,.jgk-so__all,.jgk-so__clear-recents):focus-visible{outline:var(--border-thick) solid var(--focus-ring);outline-offset:var(--border-hairline)}.jgk-so__results{max-height:min(64vh,52rem);padding:var(--space-xxs);overflow-y:auto;overscroll-behavior:contain;border:var(--border-hairline) solid var(--sand-deep);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-raised)}.jgk-so__results:empty{display:none}.jgk-so__results[aria-busy=true]{opacity:.6}.jgk-so__group{display:flex;flex-direction:column;gap:var(--space-3xs);padding-block:var(--space-xxs)}.jgk-so__group+.jgk-so__group{border-top:var(--border-hairline) solid var(--sand-deep)}.jgk-so__group-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-xs);padding-inline:var(--space-xxs)}.jgk-so__group-head{margin:0;padding-inline:var(--space-xxs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--strap-on-light)}.jgk-so__group-row .jgk-so__group-head{padding-inline:0}.jgk-so__clear-recents{padding:0;border:0;background:transparent;color:var(--rust-on-sand);font-size:var(--text-xs);font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.jgk-so__result{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-3xs) var(--space-xxs);border-radius:var(--radius-md);color:var(--ink);text-decoration:none;transition:background-color var(--duration-fast) ease-out}.jgk-so__result:hover,.jgk-so__result:focus-visible{background:var(--sand)}.jgk-so__thumb{flex:none;width:4.8rem;height:4.8rem;border-radius:var(--radius-md);background:var(--sand-deep);object-fit:contain}.jgk-so__thumb--ph{display:block}.jgk-so__result-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.jgk-so__result-title{overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.jgk-so__result-sub{overflow:hidden;font-size:var(--text-s);font-variant-numeric:tabular-nums;color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis}.jgk-so__all{display:block;padding:var(--space-xs) var(--space-xxs);border-top:var(--border-hairline) solid var(--sand-deep);border-radius:var(--radius-md);color:var(--rust-on-sand);font-weight:600;text-align:center;text-decoration:none}.jgk-so__all:hover{background:var(--sand)}.jgk-so__chips{display:flex;flex-wrap:wrap;gap:var(--space-3xs);padding-inline:var(--space-xxs)}.jgk-so__chip{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--sand);color:var(--ink);font-size:var(--text-s);font-weight:600;text-decoration:none;transition:background-color var(--duration-fast) ease-out}.jgk-so__chip:hover{background:var(--sand-deep)}.jgk-so__hint,.jgk-so__empty{margin:0;padding:var(--space-s) var(--space-xs);color:var(--ink-muted);font-size:var(--text-s);text-align:center}.jgk-so__empty strong{color:var(--ink)}@media(min-width:48em){.jgk-so{padding-block-start:var(--space-xxl)}}@media(prefers-reduced-motion:reduce){.jgk-so,.jgk-so__panel,.jgk-so__iconbtn,.jgk-so__close,.jgk-so__result,.jgk-so__chip{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/jgk-search-overlay.css.map */