.sub-collections{--grid-cols: 2;--grid-gap: 1.6rem;--theme-color: #A7E6D7;--text-color: var(--pure-dark-color);--theme-hover-color: var(--light-color);--text-active-color: var(--pure-dark-color);--heading-color: #505D68;padding-block:2.9rem}.sub-collections__title{margin-bottom:2.7rem}.sub-collections__list{list-style:none;display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-gap:var(--grid-gap);padding-inline:0;margin-block:0}.sub-collections__list--v2{display:flex;gap:var(--grid-gap);flex-wrap:wrap;justify-content:center}.sub-collections__list li{background-color:var(--theme-color);border:1px solid var(--theme-color);border-radius:1.2rem;text-align:center;transition:all .5s ease-in-out;display:flex;align-items:center;justify-content:center}.sub-collections__list--v2 li{flex:1 0 calc(calc(100% / var(--grid-cols)) - var(--grid-gap));max-width:calc(calc(100% / var(--grid-cols)) - var(--grid-gap))}.sub-collections__list li:hover,.sub-collections__list li.active{background-color:var(--theme-hover-color);color:var(--text-active-color);--text-color: var(--text-active-color) }.sub-collections__list a{color:var(--text-color);text-decoration:none;padding-block:1.5rem;padding-inline:1rem;display:block;font-family:var(--primary-font);font-size:1.4rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;flex-grow:1}.sub-collections--image-list li{border:0;background-color:transparent}.sub-collections--image-list img{display:block;margin-bottom:1.7rem;transition:all .25s ease-in-out}.sub-collections--image-list li:hover,.sub-collections--image-list li.active{background-color:transparent;color:var(--text-active-color)}.sub-collections.sub-collections--image-list a{--text-color: #333;text-align:center;font-family:var(--secondary-font);font-size:2rem;font-weight:500;line-height:1.5;text-transform:none}.sub-collections--image-list li:hover img{scale:1.1}@media screen and (min-width: 40em){.sub-collections__list{--grid-cols: 2}}@media screen and (min-width: 48em){.sub-collections__list{--grid-cols: 3}}@media screen and (min-width: 64em){.sub-collections__list{--grid-cols: 5}.sub-collections--image-list .sub-collections__list{--grid-cols: 4}}@media screen and (min-width: 75em){.sub-collections--image-list .sub-collections__list{--grid-cols: 6}}@media screen and (max-width: 40em){.sub-collections.sub-collections--image-list a,.sub-collections__list a{line-height:1;letter-spacing:normal}.sub-collections.sub-collections--image-list a{font-size:1.4rem}.sub-collections__list{--grid-gap: 1rem}.sub-collections--image-list img{margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-sub-collection.css.map */