.u-singles-nav,.u-col-singles{--u-bg: #f9fafb;--u-surface: #fff;--u-fg: #111827;--u-muted: #6b7280;--u-line: #d1d5db;--u-line-soft: #e5e7eb;--u-ink: #111827;--u-ink-fg: #fff}.dark .u-singles-nav,.dark .u-col-singles{--u-bg: #161616;--u-surface: #1f1f1f;--u-fg: #f3f4f6;--u-muted: #a3a3a3;--u-line: #3f3f46;--u-line-soft: #2e2e2e;--u-ink: #f3f4f6;--u-ink-fg: #111827}.u-singles-nav{display:grid;gap:16px;padding:20px;margin:0 0 24px;background:var(--u-bg);border:1px solid var(--u-line-soft);border-radius:16px;color:var(--u-fg)}.u-singles-nav .u-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.u-singles-nav__search form{display:flex;gap:8px}.u-singles-nav__input{flex:1;min-width:0;min-height:46px;padding:0 16px;border:1px solid var(--u-line);border-radius:999px;background:var(--u-surface);font-size:1rem;color:var(--u-fg)}.u-singles-nav__input:focus-visible,.u-singles-nav__filter:focus-visible,.u-singles-nav__sort select:focus-visible{outline:3px solid var(--u-ink);outline-offset:1px}.u-singles-nav__submit,.u-singles-nav__apply{min-height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--u-ink);color:var(--u-ink-fg);font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.u-singles-nav__apply{min-height:36px;padding:0 14px;font-size:.75rem}.u-singles-nav__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.u-singles-nav__chips li[hidden]{display:none}body.tcg-layout a.u-singles-nav__chip,a.u-singles-nav__chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--u-line);border-radius:999px;background:var(--u-surface);color:var(--u-fg)!important;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .15s ease}body.tcg-layout a.u-singles-nav__chip:hover,body.tcg-layout a.u-singles-nav__chip:focus-visible{border-color:var(--u-ink);color:var(--u-fg)!important}body.tcg-layout a.u-singles-nav__chip.is-active,body.tcg-layout a.u-singles-nav__chip.is-active:hover,a.u-singles-nav__chip.is-active{background:var(--u-ink);border-color:var(--u-ink);color:var(--u-ink-fg)!important}a.u-singles-nav__chip:focus-visible{outline:3px solid var(--u-ink);outline-offset:2px}.u-singles-nav__filters{display:grid;gap:14px}.u-singles-nav__group{display:grid;grid-template-columns:110px 1fr;align-items:start;gap:8px 14px}.u-singles-nav__group--set .u-singles-nav__label{grid-row:span 2}.u-singles-nav__label{margin:8px 0 0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted)}.u-singles-nav__sets-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.u-singles-nav__filter{min-height:36px;min-width:200px;padding:0 14px;border:1px solid var(--u-line);border-radius:999px;background:var(--u-surface);color:var(--u-fg);font-size:.9rem}.u-singles-nav__toggle{min-height:36px;padding:0 14px;border:1px dashed var(--u-muted);border-radius:999px;background:transparent;color:var(--u-fg);font-size:.85rem;font-weight:700;cursor:pointer}.u-singles-nav__filters-toggle{display:none}.u-singles-nav__active,.u-singles-nav__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.u-singles-nav__active-label,.u-singles-nav__sort label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--u-muted)}body.tcg-layout a.u-singles-nav__clear,a.u-singles-nav__clear{font-size:.85rem;font-weight:600;color:var(--u-fg)!important;text-decoration:underline;text-underline-offset:3px}.u-singles-nav__sort{display:inline-flex;align-items:center;gap:8px;margin:0}.u-singles-nav__sort select{min-height:36px;padding:0 32px 0 12px;border:1px solid var(--u-line);border-radius:999px;background-color:var(--u-surface);color:var(--u-fg);font-size:.85rem}body.tcg-layout a.u-singles-nav__all,a.u-singles-nav__all{justify-self:start;padding-bottom:2px;border-bottom:2px solid currentColor;font-weight:700;color:var(--u-fg)!important;text-decoration:none}.u-col-singles{padding-top:8px}.u-col-singles__count{margin:0 0 14px;font-size:.85rem;color:var(--u-muted)}.u-col-singles__grid{display:grid;grid-template-columns:repeat(var(--u-cols-desktop, 6),minmax(0,1fr));gap:16px}.u-col-singles__cell{min-width:0}.u-col-singles__empty{padding:40px 16px;text-align:center;border:1.5px dashed var(--u-line);border-radius:16px;color:var(--u-muted)}body.tcg-layout .u-col-singles__empty a{font-weight:700;color:var(--u-fg)!important}.u-col-singles__pagination{display:flex;justify-content:center;margin:28px 0 8px}.u-col-singles__pagination>*{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}body.tcg-layout .u-col-singles__pagination a,.u-col-singles__pagination span.current,.u-col-singles__pagination span.deco{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;border:1px solid var(--u-line-soft);border-radius:10px;color:var(--u-fg)!important;text-decoration:none;font-weight:600}.u-col-singles__pagination span.current{background:var(--u-ink);border-color:var(--u-ink);color:var(--u-ink-fg)!important}@media(max-width:989px){.u-col-singles__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:749px){.u-singles-nav{gap:12px;padding:14px;border-radius:12px}.u-singles-nav__submit{padding:0 16px}.u-singles-nav__group{grid-template-columns:1fr;gap:6px}.u-singles-nav__label{grid-row:auto;margin:0}.u-singles-nav__filter{min-width:0;flex:1}.u-singles-nav__filters-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border:1px solid var(--u-line);border-radius:999px;background:var(--u-surface);color:var(--u-fg);font-weight:700;font-size:.9rem;cursor:pointer}u-singles-filters:defined:not(.is-open) .u-singles-nav__filters{display:none}u-singles-filters.is-open .u-singles-nav__filters{margin-top:12px}u-singles-filters:not(:defined) .u-singles-nav__filters-toggle{display:none}.u-singles-nav__group:not(.is-expanded) .u-singles-nav__chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.u-col-singles__grid{grid-template-columns:repeat(var(--u-cols-mobile, 2),minmax(0,1fr));gap:10px}}@media(prefers-reduced-motion:reduce){a.u-singles-nav__chip{transition:none}}.tcg-collection-banner__title-sub{font-size:.55em;font-weight:600;opacity:.7;white-space:nowrap}.dark .hub .u-singles-nav,.dark .hub .u-col-singles{--u-bg: #f9fafb;--u-surface: #fff;--u-fg: #111827;--u-muted: #6b7280;--u-line: #d1d5db;--u-line-soft: #e5e7eb;--u-ink: #111827;--u-ink-fg: #fff}.u-singles-nav{--u-chip: #f4f4f5;--u-chip-hover: #e4e4e7;--u-accent: var(--color-accent-brand, #7c4d8a);background:var(--u-surface);border-color:var(--u-line-soft);box-shadow:0 1px 2px #1118270a,0 8px 24px -12px #1118271f;padding:24px;gap:18px}.dark .u-singles-nav{--u-chip: #27272a;--u-chip-hover: #3f3f46}.u-singles-nav__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.u-singles-nav__title{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--u-fg)}.u-singles-nav__sub{margin:0;font-size:.85rem;color:var(--u-muted)}.u-singles-nav__field{position:relative;flex:1;min-width:0;display:flex;align-items:center}.u-singles-nav__icon{position:absolute;left:16px;color:var(--u-muted);pointer-events:none}.u-singles-nav .u-singles-nav__input{width:100%;min-height:52px;padding:0 44px 0 46px;border:1.5px solid var(--u-line);background:var(--u-bg);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.u-singles-nav .u-singles-nav__input:hover{border-color:var(--u-muted)}.u-singles-nav .u-singles-nav__input:focus-visible{outline:none;border-color:var(--u-accent);background:var(--u-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--u-accent) 18%,transparent)}.u-singles-nav__input::-webkit-search-cancel-button{display:none}.u-singles-nav__clear-q{position:absolute;right:10px;width:30px;height:30px;border:0;border-radius:999px;background:var(--u-chip);color:var(--u-fg);font-size:.8rem;cursor:pointer}.u-singles-nav__clear-q[hidden]{display:none}.u-singles-nav .u-singles-nav__submit{min-height:52px;padding:0 24px;background:var(--u-accent);color:#fff;transition:filter .15s ease}.u-singles-nav .u-singles-nav__submit:hover{filter:brightness(1.08)}.u-singles-nav__live{margin-top:14px}.u-singles-nav__live[hidden]{display:none}.u-singles-nav__live[aria-busy=true]{min-height:120px;background:linear-gradient(90deg,var(--u-chip) 25%,var(--u-bg) 50%,var(--u-chip) 75%) 0 0/200% 100%;border-radius:12px;animation:u-sn-shimmer 1.2s linear infinite}.u-singles-nav__live[aria-busy=true]>*{opacity:.35}@keyframes u-sn-shimmer{to{background-position:-200% 0}}.u-sl__count{margin:0 0 10px;font-size:.85rem;font-weight:700;color:var(--u-muted)}.u-sl__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.u-sl__cell{min-width:0}body.tcg-layout a.u-sl__all,a.u-sl__all{display:inline-flex;margin-top:14px;font-weight:700;color:var(--u-fg)!important;text-decoration:none;border-bottom:2px solid currentColor}.u-sl__empty{margin:0;padding:22px 16px;text-align:center;border:1.5px dashed var(--u-line);border-radius:12px;color:var(--u-muted)}.u-singles-nav.is-searching .u-singles-nav__filters-wrap,.u-singles-nav.is-searching .u-singles-nav__all{display:none}body.tcg-layout a.u-singles-nav__chip,a.u-singles-nav__chip{gap:8px;min-height:38px;border-color:transparent;background:var(--u-chip);transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}body.tcg-layout a.u-singles-nav__chip:hover,body.tcg-layout a.u-singles-nav__chip:focus-visible{background:var(--u-surface);border-color:var(--u-line);box-shadow:0 2px 6px #11182714;transform:translateY(-1px)}body.tcg-layout a.u-singles-nav__chip.is-active,body.tcg-layout a.u-singles-nav__chip.is-active:hover,a.u-singles-nav__chip.is-active{background:var(--u-ink);border-color:var(--u-ink);color:var(--u-ink-fg)!important;box-shadow:none;transform:none}a.u-singles-nav__chip.is-active:before{content:"\2713";font-weight:800}.u-sn-x{opacity:.7;font-size:.75em}.u-singles-nav__toggle{border-style:solid;border-color:var(--u-line);background:var(--u-surface)}.u-singles-nav__filter{background:var(--u-bg)}.u-singles-nav__label{display:flex;align-items:center;gap:6px;margin-top:10px}.u-sn-dot{flex:none;width:10px;height:10px;border-radius:999px;background:#a1a1aa;box-shadow:inset 0 0 0 1px #0000001f}.u-sn-dot--common{background:#a1a1aa}.u-sn-dot--uncommon{background:#16a34a}.u-sn-dot--rare,.u-sn-dot--base{background:#2563eb}.u-sn-dot--promo{background:#0d9488}.u-sn-dot--ultra{background:#ea580c}.u-sn-dot--ir{background:#9333ea}.u-sn-dot--sir{background:linear-gradient(135deg,#ec4899,#f59e0b)}.u-sn-dot--secret{background:linear-gradient(135deg,#facc15,#b45309)}.u-sn-dot--cond-top{background:#16a34a}.u-sn-dot--cond-high{background:#84cc16}.u-sn-dot--cond-mid{background:#f59e0b}.u-sn-dot--cond-low{background:#dc2626}.u-sn-code{flex:none;min-width:24px;padding:2px 5px;border-radius:5px;background:var(--u-ink);color:var(--u-ink-fg);font-size:.65rem;font-weight:800;letter-spacing:.04em;text-align:center}a.u-singles-nav__chip.is-active .u-sn-code{background:var(--u-ink-fg);color:var(--u-ink)}@media(max-width:989px){.u-sl__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:749px){.u-singles-nav{padding:16px;gap:14px}.u-singles-nav__title{font-size:1.1rem}.u-singles-nav .u-singles-nav__input,.u-singles-nav .u-singles-nav__submit{min-height:48px}.u-singles-nav .u-singles-nav__submit{padding:0 14px}.u-sl__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.u-singles-nav__group:not(.is-expanded) .u-singles-nav__chips{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}@media(prefers-reduced-motion:reduce){a.u-singles-nav__chip,.u-singles-nav__input{transition:none}body.tcg-layout a.u-singles-nav__chip:hover{transform:none}.u-singles-nav__live[aria-busy=true]{animation:none}}.u-singles-nav__filters{position:relative;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.u-singles-nav .u-singles-nav__group{display:block;position:static}.u-singles-nav__group>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:0 14px;border:1.5px solid var(--u-line);border-radius:999px;background:var(--u-surface);color:var(--u-fg);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:border-color .15s ease,background .15s ease}.u-singles-nav__group>summary::-webkit-details-marker{display:none}.u-singles-nav__group>summary:hover{border-color:var(--u-muted)}.u-singles-nav__group>summary:focus-visible{outline:3px solid var(--u-accent);outline-offset:2px}.u-singles-nav__group[open]>summary,.u-singles-nav__group.has-active>summary{border-color:var(--u-ink);background:var(--u-ink);color:var(--u-ink-fg)}.u-sn-caret{transition:transform .15s ease}.u-singles-nav__group[open] .u-sn-caret{transform:rotate(180deg)}.u-sn-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--u-accent);color:#fff;font-size:.7rem;line-height:20px;text-align:center;letter-spacing:0}.u-sn-panel{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);display:grid;gap:10px;max-height:min(60vh,420px);overflow:auto;padding:16px;border:1px solid var(--u-line-soft);border-radius:14px;background:var(--u-surface);box-shadow:0 18px 40px -16px #11182759}.u-sn-panel .u-singles-nav__chips{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.u-singles-nav__all{margin-top:2px}@media(max-width:749px){.u-singles-nav__filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.u-singles-nav__filters::-webkit-scrollbar{display:none}.u-singles-nav__group>summary{min-height:38px;padding:0 12px;white-space:nowrap}.u-sn-panel{position:fixed;left:8px;right:8px;top:auto;bottom:8px;max-height:70vh;border-radius:18px}}@media(prefers-reduced-motion:reduce){.u-sn-caret{transition:none}}.u-singles-nav .u-singles-nav__group>summary.u-singles-nav__label{margin:0;color:var(--u-fg)}.u-singles-nav .u-singles-nav__group[open]>summary.u-singles-nav__label,.u-singles-nav .u-singles-nav__group.has-active>summary.u-singles-nav__label{color:var(--u-ink-fg)}@media(max-width:749px){u-singles-filters:defined:not(.is-open) .u-singles-nav__filters{display:flex}u-singles-filters.is-open .u-singles-nav__filters{margin-top:0}.u-singles-nav .u-singles-nav__group{grid-template-columns:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/u-singles-nav.css.map */