.cc-category-rail{display:block;position:relative;margin-top:calc(-1 * var(--cc-radius-lg));border-radius:var(--cc-radius-lg) var(--cc-radius-lg) 0 0;padding:4rem 2rem var(--cc-section-space)}.cc-category-rail__inner{max-width:var(--cc-content-max, 120rem);margin:0 auto}.cc-category-rail__nav{display:flex;align-items:center;justify-content:center;gap:2.4rem}.cc-category-rail__clusters{display:flex;justify-content:center;min-width:0}.cc-category-rail__track{display:none}.cc-category-rail__track--active{display:inline-flex}@media(prefers-reduced-motion:no-preference){.cc-category-rail__track--active{animation:cc-cluster-in var(--cc-duration) var(--cc-ease)}@keyframes cc-cluster-in{0%{opacity:0;transform:translate(calc(var(--cc-dir, 1) * 16px))}}}.cc-category-rail__side--prev:before{content:"\2039\a0\a0"}.cc-category-rail__side--next:after{content:"\a0\a0\203a"}.cc-category-rail__side{-webkit-appearance:none;appearance:none;margin:0;padding:.8rem .4rem;border:0;background:transparent;font-family:var(--cc-font-body);font-size:1.4rem;font-weight:400;color:var(--cc-text-light);cursor:pointer;white-space:nowrap;max-width:14rem;overflow:hidden;text-overflow:ellipsis;transition:color var(--cc-duration) var(--cc-ease)}.cc-category-rail__side:hover{color:var(--cc-text-secondary)}.cc-category-rail__arrow{display:none!important}.cc-category-rail__arrow-legacy{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:0;padding:0;border:0;border-radius:var(--cc-radius-full);background:transparent;color:var(--cc-text-light);cursor:pointer;transition:color var(--cc-duration) var(--cc-ease),background var(--cc-duration) var(--cc-ease)}.cc-category-rail__arrow:hover{color:var(--cc-text);background:#1111110d}.cc-category-rail__arrow svg{width:1.4rem;height:1.4rem}@media screen and (max-width:749px){.cc-category-rail{overflow-x:clip}.cc-category-rail__nav{justify-content:center;width:100%;gap:.4rem;touch-action:pan-y}.cc-category-rail__arrow,.cc-category-rail__side{display:none}.cc-category-rail__clusters{flex:0 1 auto;min-width:0;overflow:visible;position:relative}.cc-category-rail__track--active{transform-origin:50% 340%}.cc-category-rail__nav--wheeling .cc-category-rail__track--active{transform-origin:center;transform:translate(var(--wx, 0px),var(--wy, 0px)) rotate(var(--wr, 0deg));opacity:var(--wo, 1);animation:none}.cc-category-rail__nav--wheeling .cc-category-rail__track--staged{display:inline-flex;position:absolute;left:50%;top:0;transform:translate(calc(var(--wx, 0px) - 50%),var(--wy, 0px)) rotate(var(--wr, 0deg));transform-origin:center;opacity:var(--wo, .55)}@media(prefers-reduced-motion:no-preference){.cc-category-rail__nav--wheeling .cc-category-rail__track--active,.cc-category-rail__nav--wheeling .cc-category-rail__track--staged{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1)}}.cc-category-rail__nav--dragging .cc-category-rail__track--active,.cc-category-rail__nav--dragging .cc-category-rail__track--staged{transition:none}.cc-category-rail__nav--wheeling .cc-category-rail__thumb{display:none}.cc-category-rail__nav--wheeling .cc-category-rail__track{background:transparent;padding:0}.cc-category-rail__nav--wheeling .cc-category-rail__track--staged{max-width:none}.cc-category-rail__nav--wheeling .cc-category-rail__track--staged .cc-category-rail__pill{background:#1111110d;border:1px solid transparent;border-radius:var(--cc-radius-full)}.cc-category-rail__nav--wheeling .cc-category-rail__track--active .cc-category-rail__pill,.cc-category-rail__nav--wheeling .cc-category-rail__track--arriving .cc-category-rail__pill{background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius-full);box-shadow:var(--cc-shadow-card);transition:background .3s var(--cc-ease)}.cc-category-rail__pill{padding:1rem 1.6rem;font-size:1.4rem}.cc-category-rail__track .cc-category-rail__pill:nth-of-type(n+2){display:none}@media(prefers-reduced-motion:no-preference){.cc-category-rail__track--active{animation:cc-wheel-in .32s var(--cc-ease)}}@keyframes cc-wheel-in{0%{opacity:0;transform:rotate(calc(var(--cc-dir, 1) * 12deg))}to{opacity:1;transform:rotate(0)}}}.cc-category-rail__track{position:relative;max-width:100%;overflow-x:auto;scrollbar-width:none;background:#1111110f;border-radius:var(--cc-radius-full);padding:.5rem}.cc-category-rail__track::-webkit-scrollbar{display:none}.cc-category-rail__thumb{position:absolute;top:.5rem;bottom:.5rem;left:0;width:0;background:var(--cc-bg);border-radius:var(--cc-radius-full);opacity:0}.cc-category-rail__thumb--on{opacity:1}@media(prefers-reduced-motion:no-preference){.cc-category-rail__thumb{transition:left var(--cc-duration) var(--cc-ease),width var(--cc-duration) var(--cc-ease),opacity var(--cc-duration) var(--cc-ease)}}.cc-category-rail__pill{-webkit-appearance:none;appearance:none;position:relative;z-index:1;flex:0 0 auto;margin:0;border:0;background:transparent;box-shadow:none;padding:1rem 2rem;border-radius:var(--cc-radius-full);font-family:var(--cc-font-body);font-size:1.5rem;font-weight:500;line-height:1;color:var(--cc-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--cc-duration) var(--cc-ease)}.cc-category-rail__pill:hover,.cc-category-rail__pill[aria-selected=true]{color:var(--cc-text)}.cc-category-rail__grid{display:grid;grid-template-columns:repeat(var(--cc-rail-cols-mobile, 2),1fr);align-items:start;gap:1.5rem;margin-top:3rem;min-height:20rem}@media screen and (min-width:750px){.cc-category-rail__grid{grid-template-columns:repeat(var(--cc-rail-cols, 4),1fr);gap:2rem}}.cc-category-rail__grid--cols{display:flex;align-items:flex-start}.cc-category-rail__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width:750px){.cc-category-rail__col{gap:2rem}}@media(prefers-reduced-motion:no-preference){.cc-category-rail__card--enter{opacity:0;transform:translateY(12px)}.cc-category-rail__card--in{opacity:1;transform:none;transition:opacity .3s var(--cc-ease),transform .3s var(--cc-ease)}}.cc-category-rail__more{display:flex;justify-content:center;margin-top:2.4rem}.cc-category-rail__more-link{font-family:var(--cc-font-body);font-size:1.5rem;font-weight:500}.cc-category-rail__pill{display:inline-flex;align-items:center;gap:.7rem}.cc-category-rail__pill .cc-nav-icon{flex:0 0 auto;width:1.8rem;height:1.8rem}@media screen and (min-width:750px){.cc-category-rail__track--solo{background:transparent;padding:.5rem 0}.cc-category-rail__track--solo .cc-category-rail__thumb{display:none}.cc-category-rail__track--solo .cc-category-rail__pill{padding:1rem .6rem;color:var(--cc-text)}}@media screen and (min-width:750px){.cc-category-rail__track--solo .cc-category-rail__pill{font-size:1.9rem;font-weight:700;letter-spacing:-.01em;gap:.9rem}.cc-category-rail__track--solo .cc-category-rail__pill .cc-nav-icon{width:2.3rem;height:2.3rem}}@media screen and (max-width:749px){.cc-category-rail__track{background:transparent;padding:0}.cc-category-rail__thumb{display:none}.cc-category-rail__pill{font-weight:700;transition:transform .3s var(--cc-ease),color .3s var(--cc-ease)}.cc-category-rail__pill .cc-nav-icon{width:2rem;height:2rem}.cc-category-rail__nav--wheeling .cc-category-rail__track--staged .cc-category-rail__pill{background:transparent;border:1px solid transparent;box-shadow:none;color:var(--cc-text-light);transform:scale(.88)}.cc-category-rail__nav--wheeling .cc-category-rail__track--active .cc-category-rail__pill,.cc-category-rail__nav--wheeling .cc-category-rail__track--arriving .cc-category-rail__pill{background:transparent;border:1px solid transparent;box-shadow:none;color:var(--cc-text);transform:scale(1.15)}}@media(prefers-reduced-motion:no-preference){.cc-category-rail__card--enter{opacity:0;transform:translateY(20px) scale(.98)}.cc-category-rail__card--in{opacity:1;transform:none;transition:opacity .55s var(--cc-ease-out, var(--cc-ease)),transform .55s var(--cc-ease-out, var(--cc-ease))}}@media screen and (max-width:749px){.cc-category-rail__track{overflow:visible;max-width:none}.cc-category-rail__pill{transition:transform .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1)}.cc-category-rail__nav--dragging .cc-category-rail__pill{transition:none}}@media screen and (max-width:749px){.cc-category-rail__nav--wheeling .cc-category-rail__track--active .cc-category-rail__pill,.cc-category-rail__nav--wheeling .cc-category-rail__track--arriving .cc-category-rail__pill,.cc-category-rail__nav--wheeling .cc-category-rail__track--staged .cc-category-rail__pill{transition:transform .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1),background .3s var(--cc-ease)}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/cc-category-rail.css.map */