.cf-tc{background:var(--cs-bg);color:var(--cs-text);font-family:Barlow,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cf-tc__inner{max-width:1440px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media(min-width:1200px){.cf-tc__inner{padding:16px 48px}}.cf-tc__label{font-family:Barlow,Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--cs-text) 65%,transparent);white-space:nowrap;flex-shrink:0}.cf-tc__rail-wrap{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.cf-tc__rail{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}.cf-tc__rail::-webkit-scrollbar{display:none;height:0;width:0}.cf-tc__chip{scroll-snap-align:start}.cf-tc__nav{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.cf-tc__nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--cs-text) 20%,transparent);background:var(--cs-bg);color:var(--cs-text);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.cf-tc__nav-btn:hover:not(:disabled){background:var(--cs-text);color:var(--cs-bg);border-color:var(--cs-text)}.cf-tc__nav-btn:disabled{opacity:.3;cursor:not-allowed}.cf-tc__nav-btn:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cf-tc__nav-btn[hidden]{display:none}.cf-tc__nav-btn svg{width:12px;height:12px}@media(max-width:749px){.cf-tc__inner{flex-direction:column;align-items:flex-start;gap:8px}.cf-tc__rail-wrap{width:100%}.cf-tc__rail{padding-bottom:4px}}.cf-tc__chip{display:inline-flex;align-items:center;font-family:Barlow,Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;text-decoration:none;padding:8px 14px;min-height:32px;border-radius:3px;background:color-mix(in srgb,var(--cs-text) 6%,transparent);color:color-mix(in srgb,var(--cs-text) 78%,transparent);white-space:nowrap;transition:background-color .18s ease,color .18s ease}.cf-tc__chip:hover{background:color-mix(in srgb,var(--cs-text) 12%,transparent);color:var(--cs-text)}.cf-tc__chip--active{background:color-mix(in srgb,var(--cs-accent) 18%,transparent);color:var(--cs-accent-strong)}.cf-tc__chip:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/116/assets/chaos-type-chips.css.map */