.subcategory-nav{padding-block:1rem}.subcategory-nav__wrapper{position:relative}.subcategory-nav__list{display:flex;gap:.5rem;list-style:none;margin:0;padding:0;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.subcategory-nav__list::-webkit-scrollbar{display:none}.subcategory-nav__item{flex-shrink:0}.subcategory-nav__link{display:inline-block;padding:var(--btn-padding-y, 12px) 1.25rem;font-size:inherit;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .2s ease;cursor:pointer;border:none;background:none;font-family:inherit;line-height:inherit;color:inherit}.subcategory-nav--pills .subcategory-nav__link{border-radius:var(--btn-border-radius, 0);background-color:rgba(var(--btn-alt-text-color, 0 0 0) / .08);color:rgb(var(--btn-alt-text-color, 0 0 0));border:var(--btn-border-width, 1px) solid transparent}.subcategory-nav--pills .subcategory-nav__link:hover{background-color:rgba(var(--btn-alt-text-color, 0 0 0) / .15)}.subcategory-nav--pills .subcategory-nav__link.is-active{background-color:rgb(var(--btn-bg-color, 0 0 0));color:rgb(var(--btn-text-color, 255 255 255));border-color:rgb(var(--btn-bg-color, 0 0 0))}.subcategory-nav--pills .subcategory-nav__link:focus-visible{outline:2px solid rgb(var(--btn-bg-color, 0 0 0));outline-offset:2px}.subcategory-nav--underline .subcategory-nav__list{border-block-end:1px solid rgba(var(--text-color, 0 0 0) / .1);gap:0}.subcategory-nav--underline .subcategory-nav__link{padding:var(--btn-padding-y, 12px) 1.5rem;color:rgba(var(--text-color, 0 0 0) / .6);border-block-end:2px solid transparent;margin-block-end:-1px}.subcategory-nav--underline .subcategory-nav__link:hover{color:rgb(var(--text-color, 0 0 0))}.subcategory-nav--underline .subcategory-nav__link.is-active{color:rgb(var(--btn-bg-color, 0 0 0));border-block-end-color:rgb(var(--btn-bg-color, 0 0 0))}.subcategory-nav--underline .subcategory-nav__link:focus-visible{outline:2px solid rgb(var(--btn-bg-color, 0 0 0));outline-offset:-2px}.subcategory-nav--images .subcategory-nav__list{gap:12px;padding-block-end:16px}.subcategory-nav--images .subcategory-nav__link{display:flex;flex-direction:column;align-items:center;padding:4px;min-width:80px;max-width:95px}.subcategory-nav--images .subcategory-nav__link:hover{transform:translateY(-2px)}.subcategory-nav__image-wrapper{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid transparent;background:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease}.subcategory-nav--images .subcategory-nav__link:hover .subcategory-nav__image-wrapper,.subcategory-nav--images .subcategory-nav__link.is-active .subcategory-nav__image-wrapper{border-color:rgb(var(--btn-bg-color, 10 92 54));box-shadow:0 2px 8px #00000026}.subcategory-nav--images .subcategory-nav__link.is-active .subcategory-nav__image-wrapper{border-width:3px}.subcategory-nav__image{width:100%;height:100%;object-fit:cover}.subcategory-nav__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(var(--text-color, 0 0 0) / .4)}.subcategory-nav--images .subcategory-nav__label{margin-top:6px;font-size:10px;font-weight:500;text-align:center;line-height:1.3;color:rgb(var(--text-color, 51 51 51));white-space:normal;max-height:2.6em;overflow:hidden;word-break:break-word;overflow-wrap:break-word;max-width:100%;width:100%}.subcategory-nav--images .subcategory-nav__link.is-active .subcategory-nav__label{color:rgb(var(--btn-bg-color, 10 92 54));font-weight:600}.subcategory-nav--banners .subcategory-nav__list{gap:10px;padding:4px;padding-block-end:12px}.subcategory-nav--banners .subcategory-nav__link{display:flex;flex-direction:column;align-items:center;padding:0;width:160px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 4px #0000001a;transition:transform .2s,box-shadow .2s}.subcategory-nav--banners .subcategory-nav__link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.subcategory-nav--banners .subcategory-nav__link.is-active{box-shadow:0 0 0 2px rgb(var(--btn-bg-color, 10 92 54)),0 2px 8px #00000026}.subcategory-nav__banner-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f5f5f5}.subcategory-nav__banner-wrapper--square{aspect-ratio:1 / 1}.subcategory-nav__banner-wrapper--contain{display:flex;align-items:center;justify-content:center}.subcategory-nav__banner-wrapper--contain .subcategory-nav__banner-img{object-fit:contain}.subcategory-nav__banner-img{width:100%;height:100%;object-fit:cover;object-position:left center}[dir=rtl] .subcategory-nav__banner-img{object-position:right center}.subcategory-nav--banners .subcategory-nav__label{padding:6px 8px;font-size:10px;font-weight:600;text-align:center;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.subcategory-nav--banners .subcategory-nav__link.is-active .subcategory-nav__label{color:rgb(var(--btn-bg-color, 10 92 54))}.subcategory-nav.is-loading .subcategory-nav__link{pointer-events:none;opacity:.5}.subcategory-nav.color-1{--btn-bg-color: var(--color-scheme-1-btn-bg);--btn-text-color: var(--color-scheme-1-btn-text)}.subcategory-nav.color-2{--btn-bg-color: var(--color-scheme-2-btn-bg);--btn-text-color: var(--color-scheme-2-btn-text)}.subcategory-nav.color-3{--btn-bg-color: var(--color-scheme-3-btn-bg);--btn-text-color: var(--color-scheme-3-btn-text)}@media screen and (min-width:750px){.subcategory-nav{padding-block:1.25rem}.subcategory-nav__list{gap:.75rem}.subcategory-nav--underline .subcategory-nav__list{gap:0}.subcategory-nav--images .subcategory-nav__list{gap:16px}.subcategory-nav--images .subcategory-nav__link{min-width:85px;max-width:105px}.subcategory-nav__image-wrapper{width:72px;height:72px}.subcategory-nav--images .subcategory-nav__label{font-size:12px;margin-top:8px}}@media screen and (min-width:990px){.subcategory-nav__list{justify-content:flex-start;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.subcategory-nav__list::-webkit-scrollbar{display:block;height:6px}.subcategory-nav__list::-webkit-scrollbar-track{background:transparent}.subcategory-nav__list::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.subcategory-nav__list::-webkit-scrollbar-thumb:hover{background-color:#00000080}.subcategory-nav--images .subcategory-nav__list{gap:20px}.subcategory-nav--images .subcategory-nav__link{min-width:90px;max-width:110px}.subcategory-nav__image-wrapper{width:80px;height:80px}.subcategory-nav--images .subcategory-nav__label{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/subcategory-nav.css.map */