.kpg-tile{min-width:0;color:inherit;flex-direction:column;gap:.625rem;display:flex;position:relative}.kpg-shot{aspect-ratio:4/5;background:var(--color-ink-900);border-radius:.75rem;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.kpg-shot>img{object-fit:cover;width:100%;height:100%;display:block}a.kpg-tile:hover .kpg-shot,a.kpg-shot:hover{box-shadow:0 0 0 1px rgb(var(--kpg-rgb,147 197 253) / .75);transform:translateY(-3px)}a.kpg-tile:focus-visible,a.kpg-shot:focus-visible,a.kpg-name:focus-visible{outline-offset:3px;border-radius:.75rem;outline:2px solid #93c5fd}a.kpg-name:focus-visible{border-radius:.25rem}.kpg-text{gap:.25rem;min-width:0;display:grid}.kpg-name{color:#fff;overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.25}a.kpg-name{width:fit-content;position:relative}a.kpg-name:before{content:"";position:absolute;inset:-.75rem -.25rem}a.kpg-name:hover,a.kpg-tile:hover .kpg-name{text-underline-offset:3px;text-decoration:underline #fff6}.kpg-meta{color:#9ca3af;align-items:center;gap:.375rem;min-width:0;font-size:.8125rem;line-height:1.3;display:flex}.kpg-head{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;min-width:0;display:flex}.kpg-tag{color:#d1d5db;white-space:nowrap;background:#ffffff12;border-radius:.3125rem;padding:.125rem .4375rem;font-size:.6875rem;font-weight:600;line-height:1.4}.kpg-row{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-auto-columns:62%;grid-auto-flow:column;gap:1rem;padding-block:.375rem .75rem;scroll-padding-inline:1rem;display:grid;overflow-x:auto}.kpg-row>li{scroll-snap-align:start;min-width:0}@media (width>=480px){.kpg-row{grid-auto-columns:44%}}@media (width>=640px){.kpg-row{grid-auto-columns:30%;scroll-padding-inline:0}}@media (width>=1024px){.kpg-row{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:2rem 1.5rem;padding-block:0;overflow:visible}.kpg-row[data-one-row]>li:nth-child(n+5){display:none}}.kpg-all{color:#9ca3af;flex-wrap:wrap;align-items:center;gap:.5rem .625rem;font-size:.875rem;display:flex}.kpg-all-link{color:#e5e7eb;border-radius:.625rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;font-weight:600;display:inline-flex}.kpg-all-link:hover{color:#fff}.kpg-all-link:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.kpg-peek{color:#e5e7eb;border-radius:.75rem;align-items:center;gap:.75rem;max-width:100%;min-height:2.75rem;padding:.375rem .875rem .375rem .5rem;font-size:.875rem;font-weight:600;line-height:1.3;display:inline-flex}.kpg-peek:hover{color:#fff}.kpg-peek:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.kpg-fan{flex:none;width:2rem;height:2.5rem;margin-inline:.375rem .25rem;display:block;position:relative}.kpg-fan:before,.kpg-fan:after,.kpg-fan>img{background:var(--color-ink-800);border-radius:.25rem;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:0 0 0 1px #fff3}.kpg-fan:before,.kpg-fan:after{content:""}.kpg-fan:before{transform:rotate(-9deg)translate(-.25rem)}.kpg-fan:after{transform:rotate(8deg)translate(.25rem)}.kpg-fan>img{z-index:1;object-fit:cover}.kpg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .5rem;display:grid}.kpg-grid>li{content-visibility:auto;contain-intrinsic-size:auto 13rem auto 19rem;min-width:0;padding:.25rem}@media (width>=640px){.kpg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem .75rem}}@media (width>=1024px){.kpg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1rem}}@media (width>=1280px){.kpg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.kpg-grid a.kpg-shot:focus-visible{outline-offset:1px}.kpg-filter{gap:.5rem;display:grid}.kpg-set{align-items:center;gap:.75rem;min-width:0;display:flex}.kpg-set>legend{float:inline-start;color:#9ca3af;flex:none;min-width:4.5rem;padding:0;font-size:.8125rem;font-weight:600}.kpg-picks{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;gap:.5rem;min-width:0;padding-block:.25rem;display:flex;overflow-x:auto}.kpg-picks::-webkit-scrollbar{display:none}@media (width>=640px){.kpg-picks{flex-wrap:wrap;overflow:visible}}.kpg-pick{flex:none;position:relative}.kpg-pick>input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.kpg-pick>span{color:#e5e7eb;white-space:nowrap;border-radius:9999px;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.kpg-pick>input:checked+span{--k-press-fill:.14;--k-press-ring:.42;color:#fff;transform:translateY(1px);box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff6b,inset 0 -1px #0000006b}.kpg-pick>input:focus-visible+span{outline-offset:2px;outline:2px solid #93c5fd}.kpg-empty,.kpg-row>li[data-tdy-extra]{display:none}@media (width>=1024px){.kpg-row[data-narrow]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.kpg-shot{transition:none}a.kpg-tile:hover .kpg-shot,a.kpg-shot:hover{transform:none}}
