.cnc-shop>.cnc-subnav{margin-top:var(--sp-lg)}.cnc-subnav__over{margin:0 0 var(--sp-sm);font-size:var(--fs-caption);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}.cnc-subnav__rail{display:flex;gap:var(--sp-md);margin:0;padding:3px var(--gutter) 5px;margin-inline:calc(var(--gutter) * -1);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-ms-overflow-style:none}.cnc-subnav__rail::-webkit-scrollbar{display:none}.cnc-subnav__rail>li{scroll-snap-align:start;flex:0 0 calc((100% - (var(--sp-md) * 2.4)) / 3.4);min-width:0}.cnc-subnav__t{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}.cnc-subnav__art{position:relative;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:var(--c-white);box-shadow:var(--sh-soft);transition:transform .18s ease,box-shadow .18s ease}.cnc-subnav__art img{display:block;width:100%;height:100%;object-fit:cover}.cnc-subnav__ic{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--c-blue-light)}.cnc-subnav__lbl{font-size:var(--fs-label);font-weight:700;line-height:1.25;text-align:center;color:var(--c-dark);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cnc-subnav__n{margin-top:-3px;font-size:var(--fs-micro);font-weight:600;text-align:center;color:var(--c-muted);font-variant-numeric:tabular-nums}.cnc-subnav__t.is-on .cnc-subnav__art{box-shadow:0 0 0 2px var(--c-white),0 0 0 4px var(--c-blue),var(--sh-tile)}.cnc-subnav__t.is-on .cnc-subnav__lbl{color:var(--c-blue);font-weight:800}.cnc-subnav__t.is-on .cnc-subnav__n{color:var(--c-blue-light)}@media(hover:hover){.cnc-subnav__t:hover .cnc-subnav__art{transform:translateY(-2px);box-shadow:var(--sh-tile)}.cnc-subnav__t.is-on:hover .cnc-subnav__art{box-shadow:0 0 0 2px var(--c-white),0 0 0 4px var(--c-blue),var(--sh-tile)}.cnc-subnav__t:hover .cnc-subnav__lbl{color:var(--c-blue)}}.cnc-subnav__t:focus-visible{outline:none}.cnc-subnav__t:focus-visible .cnc-subnav__art{box-shadow:0 0 0 2px var(--c-white),0 0 0 4px var(--c-gold),var(--sh-tile)}@media(min-width:768px){.cnc-shop>.cnc-subnav{margin-top:var(--sp-xl)}.cnc-subnav__rail{gap:var(--sp-lg);margin-inline:0;padding-inline:0;scroll-padding-inline:0}.cnc-subnav__rail>li{flex:0 0 132px}.cnc-subnav__lbl{font-size:var(--fs-body)}.cnc-subnav__n{font-size:var(--fs-caption)}}@media(prefers-reduced-motion:reduce){.cnc-subnav__art{transition:none}.cnc-subnav__t:hover .cnc-subnav__art{transform:none}}.cnc-subnav__t--glyph .cnc-subnav__art{background:linear-gradient(150deg,var(--c-blue-pale),#EDF7FF)}.cnc-subnav__t--glyph .cnc-subnav__ic,.cnc-subnav__t--all .cnc-subnav__ic{color:var(--c-blue)}@media(min-width:1024px){.cnc-shop{position:relative;--cnc-side-w: 236px;--cnc-side-gap: 28px}.cnc-shop>.cnc-subnav{position:absolute;top:calc(var(--cnc-frail-h, 60px) + var(--sp-md));bottom:0;left:0;right:0;margin-top:0;pointer-events:none;z-index:3}.cnc-shop>.cnc-subnav .cnc-subnav__inner{position:sticky;top:calc(var(--cnc-hd-h, 0px) + var(--cnc-frail-h, 60px) + var(--sp-lg));width:var(--cnc-side-w);max-height:calc(100vh - var(--cnc-hd-h, 0px) - var(--cnc-frail-h, 60px) - var(--sp-3xl));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto}.cnc-shop--side>.cnc-shop__main{padding-left:calc(var(--gutter) + var(--cnc-side-w) + var(--cnc-side-gap))}.cnc-shop>.cnc-subnav .cnc-subnav__rail{flex-direction:column;gap:0;margin:0;padding:0;overflow:hidden;scroll-snap-type:none;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-soft)}.cnc-shop>.cnc-subnav .cnc-subnav__rail>li{flex:0 0 auto;scroll-snap-align:none}.cnc-shop>.cnc-subnav .cnc-subnav__rail>li+li{border-top:1px solid var(--c-border)}.cnc-shop>.cnc-subnav .cnc-subnav__t{position:relative;flex-direction:row;align-items:center;gap:var(--sp-md);padding:10px var(--sp-md);transition:background-color .15s ease}.cnc-shop>.cnc-subnav .cnc-subnav__art{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-border);box-shadow:none;transform:none}.cnc-shop>.cnc-subnav .cnc-subnav__ic svg{width:20px;height:20px}.cnc-shop>.cnc-subnav .cnc-subnav__lbl{flex:1 1 auto;min-width:0;text-align:left;font-size:var(--fs-h3);font-weight:700}.cnc-shop>.cnc-subnav .cnc-subnav__n{flex:0 0 auto;margin:0;font-size:var(--fs-label)}.cnc-shop>.cnc-subnav .cnc-subnav__t.is-on{background:var(--c-blue-pale)}.cnc-shop>.cnc-subnav .cnc-subnav__t.is-on:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--c-blue)}.cnc-shop>.cnc-subnav .cnc-subnav__t.is-on .cnc-subnav__art,.cnc-shop>.cnc-subnav .cnc-subnav__t:focus-visible .cnc-subnav__art{box-shadow:none}.cnc-shop>.cnc-subnav .cnc-subnav__t.is-on .cnc-subnav__art{border-color:var(--c-blue-pale2)}.cnc-shop>.cnc-subnav .cnc-subnav__t:focus-visible{background:var(--c-gold-pale);outline:2px solid var(--c-gold);outline-offset:-2px}.cnc-shop--side .cnc-shop__main .cnc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px)and (hover:hover){.cnc-shop>.cnc-subnav .cnc-subnav__t:hover{background:var(--c-bg)}.cnc-shop>.cnc-subnav .cnc-subnav__t.is-on:hover{background:var(--c-blue-pale)}.cnc-shop>.cnc-subnav .cnc-subnav__t:hover .cnc-subnav__art{transform:none;box-shadow:none}}@media(min-width:1280px){.cnc-shop--side .cnc-shop__main .cnc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cnc-subnav--drawer .cnc-subnav__over{margin:0 0 6px;font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:.06em}.cnc-subnav--drawer .cnc-subnav__rail{flex-direction:column;gap:0;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.cnc-subnav--drawer .cnc-subnav__rail>li{flex:0 0 auto;scroll-snap-align:none}.cnc-subnav--drawer .cnc-subnav__rail>li+li{border-top:1px solid var(--c-border)}.cnc-subnav--drawer .cnc-subnav__t{flex-direction:row;align-items:center;gap:var(--sp-md);padding:9px 0;min-height:44px}.cnc-subnav--drawer .cnc-subnav__art{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:1px solid var(--c-border);box-shadow:none;transform:none}.cnc-subnav--drawer .cnc-subnav__ic svg{width:17px;height:17px}.cnc-subnav--drawer .cnc-subnav__lbl{flex:1 1 auto;min-width:0;text-align:left;font-size:var(--fs-h3);font-weight:700}.cnc-subnav--drawer .cnc-subnav__n{flex:0 0 auto;margin:0;font-size:var(--fs-label)}.cnc-subnav--drawer .cnc-subnav__go{flex:0 0 auto;display:inline-flex;color:var(--c-light)}.cnc-subnav--drawer .cnc-subnav__t.is-on .cnc-subnav__lbl,.cnc-subnav--drawer .cnc-subnav__t.is-on .cnc-subnav__go{color:var(--c-blue)}.cnc-subnav--drawer .cnc-subnav__t.is-on .cnc-subnav__art{border-color:var(--c-blue-pale2)}.cnc-subnav--drawer .cnc-subnav__t.is-on .cnc-subnav__art,.cnc-subnav--drawer .cnc-subnav__t:focus-visible .cnc-subnav__art{box-shadow:none}@media(hover:hover){.cnc-subnav--drawer .cnc-subnav__t:hover .cnc-subnav__art{transform:none;box-shadow:none}.cnc-subnav--drawer .cnc-subnav__t:hover .cnc-subnav__go{color:var(--c-blue)}}.cnc-subnav--drawer .cnc-subnav__t:focus-visible{outline:2px solid var(--c-gold);outline-offset:2px;border-radius:var(--r-sm)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/cnc-subnav.css.map */