.kw-seek{position:relative;border-top:1px solid var(--kw-ink-3)}.kw-seek[hidden]{display:none}@keyframes kw-seek-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.kw-seek__band{background:var(--kw-ink);animation:kw-seek-drop .17s cubic-bezier(.4,0,.2,1)}.kw-seek__form{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s4);margin:0}.kw-seek__key{flex:none;color:var(--kw-steel);padding-top:.15em}.kw-seek__field{flex:1 1 auto;min-width:0;appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;padding:0;color:var(--kw-sheet);font-family:var(--kw-face);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500;letter-spacing:-.015em;line-height:1.25;caret-color:var(--kw-signal)}.kw-seek .kw-seek__field,.kw-seek .kw-seek__field:hover,.kw-seek .kw-seek__field:focus,.kw-seek .kw-seek__field:focus-visible,.kw-seek .kw-seek__field:active{background-color:transparent;box-shadow:none}.kw-seek .kw-seek__field:-webkit-autofill,.kw-seek .kw-seek__field:-webkit-autofill:hover,.kw-seek .kw-seek__field:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--kw-ink) inset;box-shadow:0 0 0 100px var(--kw-ink) inset;-webkit-text-fill-color:var(--kw-sheet);caret-color:var(--kw-signal)}.kw-seek__field::placeholder{color:var(--kw-steel);opacity:1}.kw-seek__field:focus{outline:0}.kw-seek__field::-webkit-search-cancel-button,.kw-seek__field::-webkit-search-decoration{-webkit-appearance:none;display:none}.kw-seek__hint{flex:none;margin:0;color:var(--kw-steel);white-space:nowrap}.kw-seek__hint kbd{font-family:inherit;font-size:inherit;color:var(--kw-steel-2)}.kw-seek__close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;background:none;border:0;border-radius:2px;cursor:pointer;color:var(--kw-sheet)}.kw-seek__close svg{width:1.125rem;height:1.125rem;display:block;opacity:.7;transition:opacity var(--kw-snap)}.kw-seek__close:hover svg,.kw-seek__close:focus-visible svg{opacity:1}.kw-seek__close:focus-visible{outline:2px solid var(--kw-sheet);outline-offset:2px}.kw-seek__panel{display:none;position:absolute;inset-inline:0;top:100%;background:var(--kw-coated);color:var(--kw-ink);border-top:1px solid var(--kw-ink-3);box-shadow:var(--kw-lift-3);max-height:min(70dvh,38rem);overflow-y:auto;overscroll-behavior:contain;z-index:2}.kw-seek.has-panel .kw-seek__panel{display:block}.kw-seek__in{max-width:var(--kw-max);margin-inline:auto}.kw-seek__tally{display:flex;align-items:center;gap:var(--s3);margin:0;padding:var(--s3) var(--kw-gutter);color:var(--kw-steel);background:var(--kw-sheet);border-bottom:1px solid var(--kw-sheet-3)}.kw-seek__n{flex:none}.kw-seek__term{font-family:var(--kw-mono);text-transform:none;letter-spacing:0;color:var(--kw-ink);background:var(--kw-coated);border:1px solid var(--kw-sheet-3);padding:.1rem .4rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kw-seek__jump{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--kw-gutter);background:var(--kw-ink);text-decoration:none}.kw-seek__jump-key{flex:none;color:var(--kw-steel)}.kw-seek__jump-val{flex:1 1 auto;min-width:0;color:var(--kw-sheet);font-weight:600}.kw-seek__jump svg{flex:none;width:1.125rem;height:1.125rem;color:var(--kw-steel-2);transition:transform var(--kw-snap)}.kw-seek__jump:hover{background:var(--kw-ink-2)}.kw-seek__jump:hover svg,.kw-seek__jump.is-on svg{transform:translate(3px);color:var(--kw-sheet)}.kw-seek__jump.is-on{background:var(--kw-ink-2)}.kw-seek__row{position:relative;display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;align-items:center;column-gap:var(--s4);padding:var(--s3) var(--kw-gutter);text-decoration:none;border-bottom:1px solid var(--kw-sheet-2);background:var(--kw-coated);transition:background var(--kw-snap)}.kw-seek__row:last-child{border-bottom:0}.kw-seek__tick{position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--fam, var(--kw-sheet-3));transition:width var(--kw-snap)}.kw-seek__row:hover,.kw-seek__row.is-on{background:var(--kw-sheet);background:color-mix(in oklab,var(--fam, var(--kw-sheet-3)) 8%,var(--kw-coated))}.kw-seek__row:hover .kw-seek__tick,.kw-seek__row.is-on .kw-seek__tick{width:7px}.kw-seek__plate{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--kw-sheet-3);background:var(--kw-sheet-2);background:color-mix(in oklab,var(--fam, var(--kw-sheet-3)) 11%,var(--kw-coated))}.kw-seek__plate img{width:100%;height:100%;display:block;object-fit:contain;padding:.2rem}.kw-seek__plate.is-photo{background:var(--kw-sheet-2)}.kw-seek__plate.is-photo img{object-fit:cover;padding:0}.kw-seek__read{min-width:0;display:block}.kw-seek__head{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap}.kw-seek__code{font-size:.6875rem;color:var(--fam-text, var(--kw-steel))}.kw-seek__name{font-weight:600;font-size:.9375rem;letter-spacing:-.01em;color:var(--kw-ink);min-width:0}.kw-seek__notes{display:block;margin-top:.2rem;color:var(--kw-steel);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kw-seek__price{flex:none;font-size:.8125rem;color:var(--kw-ink)}.kw-seek__hit{background:color-mix(in oklab,var(--kw-signal) 20%,transparent);color:inherit;padding:0 .1em;border-radius:1px}.kw-seek__panel .kw-seek__all{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--kw-gutter);font-family:var(--kw-mono);font-size:var(--kw-spec);font-weight:500;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--kw-ink);background:var(--kw-sheet);border-top:1px solid var(--kw-sheet-3)}.kw-seek__all svg{flex:none;width:1.125rem;height:1.125rem;transition:transform var(--kw-snap)}.kw-seek__panel .kw-seek__all:hover,.kw-seek__panel .kw-seek__all.is-on{background:var(--kw-sheet-2)}.kw-seek__all:hover svg,.kw-seek__all.is-on svg{transform:translate(4px)}.kw-seek__none{padding:var(--s5) var(--kw-gutter)}.kw-seek__none-txt{margin:0 0 var(--s4);max-width:44ch;color:var(--kw-ink-2)}.kw-seek__none .kw-seek__all{margin:0 calc(var(--kw-gutter) * -1) calc(var(--s5) * -1)}.kw-seek__row:focus-visible,.kw-seek__jump:focus-visible,.kw-seek__panel .kw-seek__all:focus-visible{outline:2px solid var(--kw-ink);outline-offset:-2px}@media(max-width:48rem){.kw-seek__form{gap:var(--s3);padding-block:var(--s3)}.kw-seek__hint{display:none}.kw-seek__field{font-size:1.125rem}.kw-seek__close{width:2.5rem;height:2.5rem}.kw-seek__row{grid-template-columns:2.75rem minmax(0,1fr) auto;column-gap:var(--s3)}.kw-seek__panel{max-height:min(76dvh,34rem)}}@media(prefers-reduced-motion:reduce){.kw-seek__band{animation:none}.kw-seek__tick,.kw-seek__row,.kw-seek__all svg,.kw-seek__jump svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/kw-seek.css.map */
