.hn-subcats{background:var(--hn-subcats-bg,#000);color:var(--hn-subcats-fg,#fff);padding-inline:40px}.hn-subcats__list,.hn-subcats__chips{display:flex;flex-wrap:wrap;margin:0;padding:0}.hn-subcats__list{gap:.5rem 0;align-items:center}.hn-subcats__clip{overflow:hidden;padding:4px 0 4px 4px;margin:-4px 0 -4px -4px}.hn-subcats__list{margin-inline-start:calc(-1.25rem - 1px)}.hn-subcats__chips{gap:.375rem}.hn-subcats__group{margin-inline-start:.625rem;padding-inline-start:.625rem;border-inline-start:1px solid color-mix(in srgb,currentColor 35%,transparent)}.hn-subcats__item{display:flex}.hn-subcats__chip{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.35rem .75rem;border:1px solid color-mix(in srgb,currentColor 50%,transparent);color:inherit;text-decoration:none;font-family:var(--font-body--family);font-size:.9375rem;line-height:1.2;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease}.hn-subcats__group--main .hn-subcats__chip{border-color:color-mix(in srgb,currentColor 75%,transparent)}.hn-subcats__count{font-size:.8125rem;font-variant-numeric:tabular-nums;opacity:.65}.hn-subcats__chip:hover{border-color:var(--hn-subcats-accent);box-shadow:inset 0 0 0 1px var(--hn-subcats-accent);background:color-mix(in srgb,var(--hn-subcats-accent) 25%,transparent)}.hn-subcats__chip.is-current{border-color:var(--hn-subcats-accent);background:var(--hn-subcats-accent)}.hn-subcats__chip:hover .hn-subcats__count,.hn-subcats__chip.is-current .hn-subcats__count{opacity:1}.hn-subcats__chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:1199px){.hn-subcats{padding-inline:0}.hn-subcats__clip{overflow:visible;padding:0;margin:0}.hn-subcats__list{margin-inline-start:0}.hn-subcats__group:first-child{margin-inline-start:0;padding-inline-start:0;border-inline-start:0}.hn-subcats__list{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--hn-subcats-inset,16px);padding-inline:var(--hn-subcats-inset,16px);padding-block:5px;margin-block:-3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hn-subcats__list.is-overflowing{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}.hn-subcats__list::-webkit-scrollbar{display:none}.hn-subcats__group,.hn-subcats__chips{flex:0 0 auto;flex-wrap:nowrap}.hn-subcats__list.is-overflowing>.hn-subcats__group:last-child{padding-inline-end:40px}}@media screen and (min-width:750px)and (max-width:989px){.hn-subcats{--hn-subcats-inset:28px}}@media screen and (min-width:990px)and (max-width:1199px){.hn-subcats{--hn-subcats-inset:40px}}@media(forced-colors:active){.hn-subcats__chip{border-color:CanvasText}.hn-subcats__chip:hover,.hn-subcats__chip.is-current{border-color:Highlight}}@media(prefers-reduced-motion:reduce){.hn-subcats__chip{transition:none}}.hn-subcats__thumb{flex:0 0 auto;width:32px;height:32px;overflow:hidden;background:color-mix(in srgb,currentColor 12%,transparent)}.hn-subcats__thumb img{display:block;width:100%;height:100%;object-fit:cover}.hn-subcats__chip:has(.hn-subcats__thumb){padding-inline-start:5px}.hn-subcats__chip--size.is-current{background:transparent;border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.hn-subcats__chip--size.is-current:hover{border-color:var(--hn-subcats-accent);box-shadow:inset 0 0 0 1px var(--hn-subcats-accent)}.hn-subcats__clear{width:10px;height:10px;flex:0 0 auto}.hn-subcats__sizes{display:flex;align-items:center;gap:.75rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}.hn-subcats__sizes-heading{flex:0 0 auto;font-family:var(--font-body--family);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.hn-subcats__list--sizes{gap:.375rem;margin:0;flex:1 1 auto;min-width:0}.hn-subcats__chip--size{min-width:44px;justify-content:center;padding-inline:.6rem}@media screen and (max-width:1199px){.hn-subcats__sizes{gap:0;margin-inline:var(--hn-subcats-inset,16px);padding-top:.375rem;margin-top:.375rem}.hn-subcats__sizes-heading{padding-inline-end:.5rem}.hn-subcats__list--sizes{margin-inline-end:calc(-1 * var(--hn-subcats-inset,16px));padding-inline:2px var(--hn-subcats-inset,16px)}.hn-subcats__list--sizes.is-overflowing>.hn-subcats__item:last-child{padding-inline-end:40px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/hn-subcategories.css.map */