.cs-collgrid{padding-bottom:var(--cs-s8);background:var(--band-ground, var(--cs-corn-silk));color:var(--cs-klein-blue)}.cs-collgrid__bar{position:sticky;top:0;z-index:2;padding-block:var(--cs-s3);margin-bottom:0;background:var(--bar-ground, var(--cs-corn-silk));background:color-mix(in srgb,var(--bar-ground, var(--cs-corn-silk)) 88%,transparent);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.cs-collgrid__bar:after{content:"";position:absolute;inset-inline:0;top:100%;height:var(--cs-s4);pointer-events:none;opacity:0;transition:opacity var(--cs-dur-2) var(--cs-ease);background:linear-gradient(to bottom,color-mix(in srgb,var(--bar-ground, var(--cs-corn-silk)) 85%,transparent),transparent)}.cs-collgrid__bar.is-stuck:after{opacity:1}.cs-collgrid__bar-inner{display:flex;align-items:center;justify-content:flex-start;gap:var(--cs-s4);min-height:44px}.cs-collgrid__bar-inner:has(.cs-collgrid__count){justify-content:space-between}.cs-collgrid__bar-inner{gap:var(--cs-s3)}.cs-collgrid__count{flex:0 0 auto;margin:0;font-family:var(--font-body-family);font-weight:600;font-size:var(--cs-t-small);letter-spacing:var(--cs-tracking-sub);text-transform:uppercase;color:var(--cs-klein-blue);white-space:nowrap}.cs-collgrid__sort-label{flex:0 0 auto;margin-inline-end:var(--cs-s1)}.cs-collgrid__sort{flex:0 1 auto;margin-bottom:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;margin-inline-end:calc(var(--cs-s4) * -1);padding-inline-end:var(--cs-s4);padding-block:2px}.cs-collgrid__sort::-webkit-scrollbar{display:none}.cs-collgrid__sort>li{flex:0 0 auto;display:flex}@media screen and (min-width:750px){.cs-collgrid__sort{flex-wrap:wrap;overflow-x:visible;margin-inline-end:0;padding-inline-end:0}}.cs-collgrid__sort .cs-chip{min-height:36px;padding-inline:var(--cs-s3);font-size:1.25rem;white-space:nowrap}@media screen and (max-width:749px){.cs-collgrid__sort .cs-chip{min-height:34px;font-size:1.2rem}}.cs-collgrid__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cs-s4);margin:0;padding:0;list-style:none}@media screen and (min-width:600px){.cs-collgrid__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cs-s5)}}@media screen and (min-width:900px){.cs-collgrid__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1200px){.cs-collgrid__grid,.cs-collgrid__grid[data-cs-cols="4"]{grid-template-columns:repeat(5,minmax(0,1fr))}}.cs-collgrid__pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--cs-s2);margin-top:var(--cs-s7)}.cs-collgrid__page{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:0 var(--cs-s3);border-radius:var(--cs-r-pill);font-family:var(--font-body-family);font-weight:600;font-size:var(--cs-t-small);text-decoration:none;color:var(--cs-klein-blue);transition:transform var(--cs-dur-1) var(--cs-ease),background-color var(--cs-dur-1) var(--cs-ease)}.cs-collgrid__page:hover{background:color-mix(in srgb,var(--cs-klein-blue) 10%,transparent)}.cs-collgrid__page:active{transform:scale(.94)}.cs-collgrid__page.is-current{background:var(--cs-klein-blue);color:var(--cs-corn-silk)}.cs-collgrid__page--gap{min-width:0;opacity:.5;pointer-events:none}.cs-collgrid__page:focus-visible{outline:3px solid var(--cs-coral);outline-offset:2px}.cs-collgrid__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--cs-s4);padding-block:var(--cs-s8)}.cs-collgrid__empty-mascot{width:12rem;height:auto}.cs-collgrid__empty-text{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:var(--cs-t-h3);letter-spacing:var(--cs-tracking-display);line-height:1.15;color:var(--cs-klein-blue)}.cs-collgrid__notes{margin-top:var(--cs-s8);border-top:2px solid color-mix(in srgb,var(--cs-klein-blue) 12%,transparent);padding-top:var(--cs-s5)}.cs-collgrid__notes-toggle{display:inline-flex;align-items:center;gap:var(--cs-s2);cursor:pointer;list-style:none;font-family:var(--font-body-family);font-weight:600;font-size:var(--cs-t-small);letter-spacing:var(--cs-tracking-sub);text-transform:uppercase;color:var(--cs-klein-blue)}.cs-collgrid__notes-toggle::-webkit-details-marker{display:none}.cs-collgrid__notes-toggle:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--cs-dur-2) var(--cs-ease)}.cs-collgrid__notes[open] .cs-collgrid__notes-toggle:after{transform:rotate(225deg) translate(-2px,-2px)}.cs-collgrid__notes-toggle:focus-visible{outline:3px solid var(--cs-coral);outline-offset:2px}.cs-collgrid__notes-body{max-width:68ch;margin-top:var(--cs-s4);font-size:var(--cs-t-body);line-height:1.65;color:var(--cs-klein-blue)}.cs-collgrid__notes-body :is(h2,h3){font-size:var(--cs-t-h3);margin:var(--cs-s5) 0 var(--cs-s2)}.cs-collgrid__notes-body p{margin:0 0 var(--cs-s3)}@media(prefers-reduced-motion:reduce){.cs-collgrid__sort .cs-chip,.cs-collgrid__page,.cs-collgrid__bar:after,.cs-collgrid__notes-toggle:after{transition:none}.cs-collgrid__sort .cs-chip:hover,.cs-collgrid__page:active{transform:none}}@media(prefers-reduced-transparency:reduce){.cs-collgrid__bar{background:var(--bar-ground, var(--cs-corn-silk));backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.cs-collgrid__bar{background:var(--bar-ground, var(--cs-corn-silk));backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:2px solid var(--cs-klein-blue)}.cs-collgrid__sort .cs-chip{border-color:var(--cs-klein-blue)}}.cs-collgrid__band[data-tone=light]{color:var(--cs-klein-blue)}.cs-collgrid__band{position:relative;overflow-x:clip;padding-block:var(--cs-s5);background:var(--band-ground, var(--cs-corn-silk))}@media screen and (min-width:750px){.cs-collgrid__band{padding-block:var(--cs-s6)}}.cs-collgrid__band:first-child{padding-top:var(--cs-s5)}@media screen and (min-width:750px){.cs-collgrid__band:first-child{padding-top:var(--cs-s6)}}.cs-collgrid__bar+.cs-collgrid__band{padding-top:var(--cs-s5)}.cs-collgrid__band[data-tone=dark]>.cs-wrap>.cs-sec-head h2,.cs-collgrid__band[data-tone=dark]>.cs-wrap>.cs-sec-head{color:var(--cs-corn-silk)}.cs-collgrid__band[data-tone=dark]>.cs-wrap>.cs-sec-head .cs-eyebrow,.cs-collgrid__band[data-tone=dark]>.cs-wrap>.cs-collgrid__interrupt-link{color:var(--cs-bright-amber)}.cs-collgrid__band[data-tone=dark]>.cs-wrap>.cs-sec-head .cs-eyebrow--ink:before{background:var(--cs-bright-amber)}.cs-collgrid__band .cs-pcard__title,.cs-collgrid__band .cs-pcard__title .cs-pcard__link,.cs-collgrid__band .cs-pcard__now,.cs-collgrid__band .cs-pcard__was,.cs-collgrid__band .cs-pcard__rating{color:var(--cs-klein-blue)}.cs-collgrid__band .cs-pcard{background:#fff}.cs-collgrid__band[data-tone=light] .cs-pcard{border:1px solid color-mix(in srgb,var(--cs-klein-blue) 10%,transparent)}.cs-collgrid__band .cs-pcard{border-radius:var(--cs-r-lg)}.cs-collgrid__interrupt-head{margin-bottom:var(--cs-s5)}.cs-collgrid__interrupt-head h2{font-size:var(--cs-t-h2);color:var(--cs-klein-blue);margin:0}.cs-collgrid__combos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cs-s4);max-width:76rem;margin:0 auto;padding:0;list-style:none}@media screen and (min-width:750px){.cs-collgrid__combos{gap:var(--cs-s5)}}.cs-collgrid__interrupt-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--cs-s2);margin:var(--cs-s5) auto 0;padding-inline:var(--cs-s3);font-family:var(--font-heading-family);font-weight:700;font-size:var(--cs-t-small);letter-spacing:var(--cs-tracking-display);text-transform:uppercase;text-decoration:none;color:var(--cs-klein-blue);transition:transform var(--cs-dur-1) var(--cs-ease)}.cs-collgrid__band .cs-wrap{display:flex;flex-direction:column}.cs-collgrid__interrupt-link svg{transition:transform var(--cs-dur-2) var(--cs-ease)}.cs-collgrid__interrupt-link:hover svg{transform:translate(4px)}.cs-collgrid__interrupt-link:active{transform:scale(.97)}.cs-collgrid__interrupt-link:focus-visible{outline:3px solid var(--cs-coral);outline-offset:2px;border-radius:var(--cs-r-pill)}@media(prefers-reduced-motion:reduce){.cs-collgrid__interrupt-link,.cs-collgrid__interrupt-link svg{transition:none}.cs-collgrid__interrupt-link:active{transform:none}}.cs-collgrid__combos .cs-pcard{background:#fff;border-radius:var(--cs-r-lg)}@media screen and (max-width:749px){.cs-collgrid__grid,.cs-collgrid__combos{gap:var(--cs-s3)}.cs-collgrid__band{padding-block:var(--cs-s4)}.cs-collgrid{padding-bottom:var(--cs-s6)}.cs-collgrid__bar{padding-block:var(--cs-s2);margin-bottom:0}.cs-collgrid__bar-inner{gap:var(--cs-s3)}.cs-collgrid__count{font-size:1.15rem;letter-spacing:.1em}.cs-collgrid__interrupt-head{margin-bottom:var(--cs-s4)}.cs-collgrid__interrupt-head h2{font-size:var(--cs-t-h3)}}.cs-collgrid__bar-inner{min-height:40px}@media screen and (max-width:749px){.cs-collgrid__bar-inner{min-height:36px}}.cs-collgrid__chips{position:relative;background:var(--band-ground, var(--cs-corn-silk));color:var(--cs-klein-blue);padding-block:var(--cs-s5) var(--cs-s4)}@media screen and (min-width:750px){.cs-collgrid__chips{padding-block:var(--cs-s6) var(--cs-s5)}}.cs-collgrid__chips .cs-chipgroup{margin-top:0}.cs-collgrid__chips .cs-chips{margin-bottom:0}.cs-collgrid__chips+.cs-collgrid__band{padding-top:var(--cs-s5)}.cs-pcard__tags{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.cs-pcard__tag{font-family:var(--font-body-family);font-size:1.1rem;font-weight:700;line-height:1.18;padding:5px 10px;border-radius:8px;white-space:normal;letter-spacing:.005em}.cs-pcard__tag--feat{background:#eef0f3;color:#51606e}.cs-pcard__tag--play-panels{background:#292b941a;color:#292b94}.cs-pcard__tag--little-legends{background:#c2410b21;color:#b33c0a}.cs-pcard__tag--think-smiths{background:#0d6e6421;color:#0c6e60}.cs-pcard__tag--busy-books{background:#6d28d91f;color:#6d28d9}.cs-pcard__tag--combos{background:#b4530921;color:#a9530b}
/*# sourceMappingURL=/cdn/shop/t/38/assets/cs-collgrid.css.map */