.ccc{--ccc-gap: 18px;--ccc-row-gap: 26px;--ccc-max: 1840px;--ccc-ink: #221018;--ccc-soft: #6B5058;--ccc-maroon: #8E2B4C;--ccc-plate: #F9EFF2;--ccc-font: Jost, "Jost Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;background:#fff;padding:30px 0;font-family:var(--ccc-font);overflow-x:hidden;overflow-x:clip}.ccc-in{max-width:var(--ccc-max);margin:0 auto;padding:0 32px}.ccc-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:26px;text-align:center}.ccc-head h2{margin:0;font:700 30px/1.15 var(--ccc-font);letter-spacing:-.015em;color:var(--ccc-ink);text-wrap:balance}.ccc-all{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--ccc-font);color:var(--ccc-maroon);text-decoration:none}.ccc-all svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.ccc-all:hover svg{transform:translate(3px)}.ccc-wrap{position:relative}.ccc-rail{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--ccc-rows),auto);grid-auto-columns:calc((100% - (var(--ccc-per) - 1) * var(--ccc-gap)) / var(--ccc-per));gap:var(--ccc-row-gap) var(--ccc-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ccc-rail::-webkit-scrollbar{display:none}.ccc-rail:focus-visible{outline:2px solid var(--ccc-maroon);outline-offset:4px;border-radius:14px}.ccc-tile{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none}.ccc-plate{position:relative;width:100%;aspect-ratio:var(--ccc-ratio);background:var(--ccc-plate);border-radius:12px;overflow:hidden;transition:background .25s ease}.ccc-tile:hover .ccc-plate{background:#f3e2e8}.ccc-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.ccc[data-fit=contain] .ccc-img{top:9%;right:9%;bottom:9%;left:9%;width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}.ccc-tile:hover .ccc-img{transform:scale(1.05)}.ccc[data-frame=circle] .ccc-plate{aspect-ratio:1 / 1;border-radius:50%;overflow:visible}.ccc[data-frame=circle] .ccc-plate--clip{overflow:hidden}.ccc[data-frame=circle] .ccc-plate--clip .ccc-img{object-fit:cover}.ccc[data-frame=circle] .ccc-img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.ccc-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ccc-mark svg{width:42%;height:42%;stroke:var(--ccc-maroon);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.ccc-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:42px;height:42px;display:grid;place-items:center;border:none;border-radius:50%;background:#fff;box-shadow:0 3px 16px #4a142633;cursor:pointer;color:var(--ccc-ink);transition:transform .2s ease}.ccc-nav:hover{transform:translateY(-50%) scale(1.08)}.ccc-nav[hidden]{display:none}.ccc-prev{left:-16px}.ccc-next{right:-16px}.ccc-nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ccc-name{font:600 15px/1.25 var(--ccc-font);color:var(--ccc-ink);text-align:center;transition:color .2s ease}.ccc-tile:hover .ccc-name{color:var(--ccc-maroon)}@media(max-width:1024px){.ccc{padding:30px 0 26px}.ccc-in{padding:0 16px}.ccc-rail{grid-auto-columns:30%}.ccc-nav{display:none}.ccc-head h2{font-size:23px}.ccc-head{margin-bottom:20px}}@media(max-width:600px){.ccc{padding:24px 0 20px}.ccc-rail{grid-auto-columns:42%;--ccc-row-gap: 20px}.ccc-head h2{font-size:20px}.ccc-name{font-size:13.5px}.ccc-tile{gap:9px}}@media(prefers-reduced-motion:reduce){.ccc-rail{scroll-behavior:auto}.ccc-tile,.ccc-img,.ccc-plate,.ccc-nav,.ccc-all svg{transition:none}}@media(max-width:600px){html body .ccc-rail{scroll-snap-type:x mandatory;grid-auto-columns:calc((100% - 2 * var(--ccc-gap)) / 2.5)}html body .ccc-tile{scroll-snap-stop:always}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/cc-category-rail.css.map */