.subnav{--subnav-red: #d2222d;--subnav-ink: #0f1115;--subnav-muted: #3a424e;--subnav-line: #c7ccd3;--subnav-soft: #eef0f3;position:relative;margin:18px 0 22px}.subnav-header{margin:24px 0 6px}.subnav-header__title{margin:0;font-family:var(--heading-font-family);color:var(--heading-color)}.subnav-header__description{margin-top:8px;max-width:70ch;color:var(--text-color)}.subnav__heading{margin:0 0 12px;font-family:var(--heading-font-family);font-size:1.25rem;font-weight:600;color:var(--heading-color)}.subnav__list{list-style:none;margin:0;padding:0}.subnav__item{margin:0;padding:0}.subnav__tile{text-decoration:none!important;color:var(--subnav-ink)}.subnav__tile:focus-visible{outline:2px solid var(--subnav-red);outline-offset:-2px}.subnav__image{display:block;flex:none;overflow:hidden;background:#fff}.subnav__image img,.subnav__image svg{display:block;width:100%;height:100%;object-fit:contain}.subnav__text{display:flex;flex-direction:column;gap:2px;min-width:0}.subnav__label{font-family:var(--heading-font-family);font-weight:700;font-size:1.125rem;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--subnav-ink)}.subnav__count{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--subnav-muted)}.subnav__bar{display:flex;align-items:stretch;background:#fff;border:1px solid var(--subnav-line);border-bottom:3px solid var(--subnav-ink);border-radius:4px 4px 0 0}.subnav--carousel .subnav__list{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subnav--carousel .subnav__list::-webkit-scrollbar{display:none}.subnav--carousel .subnav__item{flex:none;display:flex}.subnav--carousel .subnav__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:136px;min-height:176px;padding:14px 10px 10px;border-right:1px solid var(--subnav-soft);border-bottom:4px solid transparent;background:#fff;text-align:center}.subnav--carousel .subnav__text{align-items:center}.subnav--carousel .subnav__tile:hover{border-bottom-color:var(--subnav-line)}.subnav--carousel .subnav__tile.is-current{border-bottom-color:var(--subnav-red)}.subnav--carousel .subnav__image{width:84px;height:84px}.subnav--carousel .subnav__label{font-size:.9375rem;white-space:normal}.subnav--carousel .subnav__count-word{display:none}.subnav__arrow{flex:none;display:flex;align-items:center;justify-content:center;width:48px;padding:0;border:0;cursor:pointer}.subnav__arrow--prev{border-left:1px solid var(--subnav-line);background:#fff;color:var(--subnav-ink)}.subnav__arrow--next{background:var(--subnav-ink);color:#fff}.subnav__arrow:disabled{cursor:default}.subnav__arrow--prev:disabled{color:var(--subnav-line)}.subnav__arrow--next:disabled{background:var(--subnav-line)}.subnav--fits .subnav__arrow{display:none}@media screen and (max-width:640px){.subnav--carousel .subnav__image,.subnav__arrow{display:none}.subnav--carousel .subnav__tile{width:auto;max-width:160px;min-height:64px;padding:8px 14px 4px}.subnav--carousel .subnav__label{font-size:.9375rem}}.subnav--tiles .subnav__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subnav--tiles .subnav__item{display:flex}.subnav--tiles .subnav__tile{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:14px 10px 10px;background:#fff;border:1px solid var(--subnav-line);border-bottom:4px solid var(--subnav-ink);border-radius:4px 4px 0 0;text-align:center}.subnav--tiles .subnav__tile:hover,.subnav--tiles .subnav__tile:focus-visible{border-bottom-color:var(--subnav-red)}.subnav--tiles .subnav__image{width:104px;height:104px;max-width:100%}.subnav--tiles .subnav__text{align-items:center}.subnav--tiles .subnav__label{display:flex;align-items:center;min-height:40px}@media screen and (min-width:641px){.subnav--tiles .subnav__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media screen and (min-width:1000px){.subnav--tiles .subnav__list{grid-template-columns:repeat(var(--subnav-columns, 5),minmax(0,1fr))}}.subnav-is-loading{opacity:.45;pointer-events:none;transition:opacity .15s ease}@media(prefers-reduced-motion:reduce){.subnav--carousel .subnav__list{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/subcollection-nav.css.map */