.khs-cats{--k-ink: #0e0e0f;--k-paper: #ffffff;--k-photo: var(--khs-gl-band, #f3f3f3);--k-signal: #002bff;--k-hair: #e4e4e1;--k-glass: rgba(255, 255, 255, .72);--k-line: rgba(14, 14, 15, .06);--k-edge: rgba(14, 14, 15, .08);--k-gut: 15px;--k-gap: 8px;--k-h: 44px;--k-go: 22px;--k-fs: 12px;--k-fs-s: 10.5px;--k-cnt: 9.5px;container-type:inline-size;display:block;max-width:var(--page-width, 120rem);margin:0 auto;padding:14px var(--k-gut) 18px;color:var(--k-ink);font-family:Archivo,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}@media screen and (min-width:750px){.khs-cats{--k-gut: 5rem;--k-gap: 14px;--k-h: 52px;--k-go: 26px;--k-fs: 14px;--k-fs-s: 12px;--k-cnt: 10.5px;padding-top:24px;padding-bottom:28px}.khs-cats--mobile-only{display:none}}.khs-cats__title{margin:0 0 12px!important}.khs-cats--rule:after{content:"";display:block;height:1px;margin-top:18px;background:var(--k-hair)}@media screen and (min-width:750px){.khs-cats--rule:after{margin-top:24px}}.khs-cats__rail{display:flex;gap:var(--k-gap)}.khs-cats__item{position:relative;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-width:0}.khs-cats__item:focus-visible{outline:2px solid var(--k-signal);outline-offset:2px}.khs-cats__item[aria-disabled=true]{opacity:.45;pointer-events:none}.khs-cats__txt{display:flex;align-items:baseline;gap:5px;min-width:0}.khs-cats__lab{font-family:Archivo,Helvetica Neue,Arial,sans-serif;font-variation-settings:"wght" 850,"wdth" 112;font-weight:850;font-size:var(--k-fs);line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.khs-cats__cnt{font-family:Space Mono,ui-monospace,Menlo,Consolas,monospace;font-weight:700;font-size:var(--k-cnt);line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.5}.khs-cats--nocount .khs-cats__cnt{display:none}.khs-cats__glass{background-color:var(--k-glass);background-image:linear-gradient(var(--k-line) 1px,transparent 1px),linear-gradient(90deg,var(--k-line) 1px,transparent 1px);background-size:8px 8px;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 0 0 1px var(--k-edge),0 6px 14px -10px #00000073}.khs-cats--nogrid .khs-cats__glass{background-image:none}.khs-cats__go{flex:none;width:var(--k-go);height:var(--k-go);border-radius:50%;background:var(--k-ink);color:var(--k-paper);display:grid;place-items:center}.khs-cats__go .icon-arrow{display:block;width:11px;height:8px}.khs-cats__go--plain{width:auto;height:auto;background:none;color:inherit;border-radius:0}.khs-cats__go--plain .icon-arrow{width:16px;height:10px}.khs-cats__pic{position:relative;display:block;overflow:hidden;background:var(--k-photo)}.khs-cats__pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:749px){.khs-cats--black .khs-cats__rail,.khs-cats--story .khs-cats__rail,.khs-cats--thumb .khs-cats__rail{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--k-gut);margin:-4px calc(-1 * var(--k-gut)) -12px;padding:4px 0 12px var(--k-gut)}.khs-cats--black .khs-cats__rail::-webkit-scrollbar,.khs-cats--story .khs-cats__rail::-webkit-scrollbar,.khs-cats--thumb .khs-cats__rail::-webkit-scrollbar{display:none}.khs-cats--black .khs-cats__rail:after,.khs-cats--story .khs-cats__rail:after,.khs-cats--thumb .khs-cats__rail:after{content:"";flex:none;width:max(1px,calc(var(--k-gut) - var(--k-gap)))}.khs-cats--black .khs-cats__item,.khs-cats--story .khs-cats__item,.khs-cats--thumb .khs-cats__item{flex:none;scroll-snap-align:start}}.khs-cats--black .khs-cats__item{min-width:150px;height:64px;border-radius:12px;background:var(--k-ink);color:var(--k-paper);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px 0 16px}.khs-cats--black .khs-cats__txt{display:grid;justify-items:start;gap:5px}.khs-cats--black .khs-cats__lab{font-variation-settings:"wght" 900,"wdth" 125;font-weight:900;font-size:14px}.khs-cats--black .khs-cats__cnt{opacity:.55}.khs-cats--black.khs-cats--invert .khs-cats__item:active,.khs-cats--black .khs-cats__item.is-current{background:transparent;color:var(--k-ink);box-shadow:inset 0 0 0 1.5px var(--k-ink)}@media screen and (min-width:750px){.khs-cats--black .khs-cats__rail{flex-wrap:wrap}.khs-cats--black .khs-cats__item{flex:1 1 0;min-width:auto;height:76px;padding:0 20px 0 22px}}@media screen and (min-width:990px){.khs-cats--black .khs-cats__lab{font-size:17px}}.khs-cats--grid .khs-cats__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.khs-cats--grid.khs-cats--n1 .khs-cats__rail{grid-template-columns:minmax(0,1fr)}.khs-cats--grid .khs-cats__item{min-height:56px;border-radius:14px;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 16px}.khs-cats--grid .khs-cats__txt{flex:1;flex-wrap:wrap;row-gap:4px;column-gap:6px}.khs-cats--grid .khs-cats__lab{white-space:normal;min-width:0;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.khs-cats--grid.khs-cats--invert .khs-cats__item:active,.khs-cats--grid .khs-cats__item.is-current{background:var(--k-ink);color:var(--k-paper);box-shadow:none}.khs-cats--grid.khs-cats--invert .khs-cats__item:active .khs-cats__go,.khs-cats--grid .khs-cats__item.is-current .khs-cats__go{background:var(--k-paper);color:var(--k-ink)}@media screen and (max-width:749px){.khs-cats--grid .khs-cats__item:last-child:nth-child(odd){grid-column:1 / -1}}@media screen and (min-width:750px){.khs-cats--grid .khs-cats__item{min-height:64px;padding-left:20px}}@media screen and (min-width:990px){.khs-cats--grid.khs-cats--n3 .khs-cats__rail{grid-template-columns:repeat(3,minmax(0,1fr))}.khs-cats--grid.khs-cats--n4 .khs-cats__rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:750px)and (max-width:989px){.khs-cats--grid .khs-cats__item:last-child:nth-child(odd){grid-column:1 / -1}}.khs-cats--seg .khs-cats__rail{display:block}.khs-cats--seg .khs-cats__bar{display:flex;min-height:var(--k-h);padding:4px;border-radius:calc(var(--k-h) / 2);overflow-x:auto;scrollbar-width:none}.khs-cats--seg .khs-cats__bar::-webkit-scrollbar{display:none}.khs-cats--seg .khs-cats__item{flex:1 0 auto;display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:calc((var(--k-h) - 8px) / 2)}.khs-cats--seg .khs-cats__item+.khs-cats__item:before{content:"";position:absolute;left:0;top:30%;bottom:30%;width:1px;background:#0e0e0f24}.khs-cats--seg .khs-cats__txt{align-items:flex-start;gap:3px}.khs-cats--tabs .khs-cats__txt,.khs-cats--story .khs-cats__txt,.khs-cats--quad .khs-cats__txt{gap:3px}.khs-cats--seg .khs-cats__lab{font-size:var(--k-fs-s)}.khs-cats--seg.khs-cats--invert .khs-cats__item:active,.khs-cats--seg .khs-cats__item.is-current{background:var(--k-ink);color:var(--k-paper)}.khs-cats--seg.khs-cats--invert .khs-cats__item:active:before,.khs-cats--seg.khs-cats--invert .khs-cats__item:active+.khs-cats__item:before,.khs-cats--seg .khs-cats__item.is-current:before,.khs-cats--seg .khs-cats__item.is-current+.khs-cats__item:before{opacity:0}@media screen and (min-width:750px){.khs-cats--seg .khs-cats__bar{max-width:640px;margin-inline:auto}}.khs-cats--story .khs-cats__rail{--k-gap: 14px}.khs-cats--story .khs-cats__item{min-width:70px;display:grid;justify-items:center;align-content:start;gap:7px}.khs-cats--story .khs-cats__pic{width:66px;height:66px;padding:3px;border-radius:50%;background:var(--k-ink);overflow:visible}.khs-cats--story .khs-cats__ring{position:relative;display:block;width:100%;height:100%;border-radius:50%;border:2px solid var(--k-paper);background:var(--k-photo);overflow:hidden}.khs-cats--story .khs-cats__lab{font-size:10px}.khs-cats--story .khs-cats__cnt{font-size:8.5px}.khs-cats--story.khs-cats--invert .khs-cats__item:active .khs-cats__pic,.khs-cats--story .khs-cats__item.is-current .khs-cats__pic{background:var(--k-signal)}@media screen and (min-width:750px){.khs-cats--story .khs-cats__rail{flex-wrap:wrap;justify-content:center;--k-gap: 34px}.khs-cats--story .khs-cats__item{min-width:96px}.khs-cats--story .khs-cats__pic{width:92px;height:92px}.khs-cats--story .khs-cats__lab{font-size:12px}.khs-cats--story .khs-cats__cnt{font-size:10px}}.khs-cats--tabs .khs-cats__rail{gap:0;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -1px 0 var(--k-hair)}.khs-cats--tabs .khs-cats__rail::-webkit-scrollbar{display:none}.khs-cats--tabs .khs-cats__item{flex:1 0 auto;display:flex;justify-content:center;padding:12px 8px 13px}.khs-cats--tabs .khs-cats__item:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:2px;background:transparent}.khs-cats--tabs.khs-cats--invert .khs-cats__item:active:after,.khs-cats--tabs .khs-cats__item.is-current:after{background:var(--k-ink)}.khs-cats--tabs.khs-cats--rule:after{display:none}.khs-cats--thumb .khs-cats__item{height:var(--k-h);padding:0 16px 0 5px;border-radius:calc(var(--k-h) / 2);display:flex;align-items:center;gap:8px}.khs-cats--thumb .khs-cats__pic{flex:none;width:calc(var(--k-h) - 10px);height:calc(var(--k-h) - 10px);border-radius:50%;box-shadow:0 0 0 1px var(--k-edge)}.khs-cats--thumb.khs-cats--invert .khs-cats__item:active,.khs-cats--thumb .khs-cats__item.is-current{background:var(--k-ink);color:var(--k-paper);box-shadow:none}@media screen and (min-width:750px){.khs-cats--thumb .khs-cats__rail{flex-wrap:wrap}.khs-cats--thumb .khs-cats__item{padding-right:20px}}.khs-cats--quad .khs-cats__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--k-gap)) / 4);overflow-x:auto;scrollbar-width:none}.khs-cats--quad .khs-cats__rail::-webkit-scrollbar{display:none}.khs-cats--quad.khs-cats--n1 .khs-cats__rail{grid-auto-columns:minmax(0,1fr)}.khs-cats--quad.khs-cats--n2 .khs-cats__rail{grid-auto-columns:calc((100% - var(--k-gap)) / 2)}.khs-cats--quad.khs-cats--n3 .khs-cats__rail{grid-auto-columns:calc((100% - 2 * var(--k-gap)) / 3)}.khs-cats--quad .khs-cats__item{display:grid;align-content:start;gap:8px}.khs-cats--quad .khs-cats__pic{aspect-ratio:1 / 1;border-radius:11px}.khs-cats--quad .khs-cats__txt{justify-content:center;flex-wrap:wrap;text-align:center}.khs-cats--quad .khs-cats__lab{font-size:10.5px;white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.khs-cats--quad .khs-cats__cnt{font-size:8.5px}.khs-cats--quad.khs-cats--invert .khs-cats__item:active .khs-cats__pic,.khs-cats--quad .khs-cats__item.is-current .khs-cats__pic{background:var(--k-ink)}.khs-cats--quad.khs-cats--invert .khs-cats__item:active .khs-cats__pic img,.khs-cats--quad .khs-cats__item.is-current .khs-cats__pic img{filter:grayscale(1) invert(1) contrast(1.1)}@media screen and (min-width:750px){.khs-cats--quad .khs-cats__rail{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,180px));grid-auto-columns:auto;justify-content:center;overflow:visible}.khs-cats--quad.khs-cats--n1 .khs-cats__rail{grid-template-columns:minmax(0,180px)}.khs-cats--quad.khs-cats--n2 .khs-cats__rail{grid-template-columns:repeat(2,minmax(0,180px))}.khs-cats--quad.khs-cats--n3 .khs-cats__rail{grid-template-columns:repeat(3,minmax(0,180px))}.khs-cats--quad .khs-cats__lab{font-size:13px}.khs-cats--quad .khs-cats__cnt{font-size:10px}}@media screen and (max-width:749px){.khs-cats--many.khs-cats--tabs .khs-cats__rail,.khs-cats--many.khs-cats--quad .khs-cats__rail{display:flex;margin-inline:calc(-1 * var(--k-gut));padding-left:var(--k-gut);scroll-snap-type:x proximity;scroll-padding-inline:var(--k-gut);box-shadow:none}.khs-cats--many.khs-cats--tabs .khs-cats__rail:after,.khs-cats--many.khs-cats--quad .khs-cats__rail:after{content:"";flex:none;width:max(1px,calc(var(--k-gut) - var(--k-gap)))}.khs-cats--many.khs-cats--tabs .khs-cats__item,.khs-cats--many.khs-cats--quad .khs-cats__item{scroll-snap-align:start}.khs-cats--many.khs-cats--tabs .khs-cats__item{flex:none;padding-inline:12px;box-shadow:inset 0 -1px 0 var(--k-hair)}.khs-cats--many.khs-cats--tabs .khs-cats__item:first-child{padding-left:0}.khs-cats--many.khs-cats--tabs .khs-cats__item:first-child:after{left:0}.khs-cats--many.khs-cats--quad .khs-cats__item{flex:0 0 calc((100cqi - 3 * var(--k-gap)) / 4.4)}.khs-cats--many.khs-cats--seg .khs-cats__rail{position:relative}.khs-cats--many.khs-cats--seg .khs-cats__rail:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;width:40px;border-radius:0 calc(var(--k-h) / 2) calc(var(--k-h) / 2) 0;background:linear-gradient(90deg,#fff0,#fff 80%);pointer-events:none}.khs-cats--many.khs-cats--seg .khs-cats__bar:after{content:"";flex:0 0 28px}}@media(hover:hover)and (pointer:fine){.khs-cats--black.khs-cats--invert .khs-cats__item:hover{background:transparent;color:var(--k-ink);box-shadow:inset 0 0 0 1.5px var(--k-ink)}.khs-cats--grid.khs-cats--invert .khs-cats__item:hover,.khs-cats--seg.khs-cats--invert .khs-cats__item:hover,.khs-cats--thumb.khs-cats--invert .khs-cats__item:hover{background:var(--k-ink);color:var(--k-paper);box-shadow:none}.khs-cats--grid.khs-cats--invert .khs-cats__item:hover .khs-cats__go{background:var(--k-paper);color:var(--k-ink)}.khs-cats--seg.khs-cats--invert .khs-cats__item:hover:before,.khs-cats--seg.khs-cats--invert .khs-cats__item:hover+.khs-cats__item:before{opacity:0}.khs-cats--story.khs-cats--invert .khs-cats__item:hover .khs-cats__pic{background:var(--k-signal)}.khs-cats--tabs.khs-cats--invert .khs-cats__item:hover:after{background:var(--k-ink)}.khs-cats--quad.khs-cats--invert .khs-cats__item:hover .khs-cats__pic{background:var(--k-ink)}.khs-cats--quad.khs-cats--invert .khs-cats__item:hover .khs-cats__pic img{filter:grayscale(1) invert(1) contrast(1.1)}}@container (max-width: 320px){.khs-cats__rail{--k-fs: 11px;--k-fs-s: 9.5px;--k-cnt: 8.5px}.khs-cats--quad .khs-cats__lab{font-size:9.5px}.khs-cats--quad .khs-cats__cnt{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/359/assets/khs-cat-styles.css.map */