div.collection-filters div.intro-wrapper{margin:0 auto 4em;text-align:center;max-width:800px}div.collection-filters div.intro-wrapper h2{margin:0}div.collection-filters ul.filter-links{list-style-type:none;padding:0;margin:0 auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:20px;width:90%}div.collection-filters ul.filter-links li a{display:inline-block;background-color:#fff;color:rgb(var(--color-base-text));font-weight:var(--font-body-weight-bold);padding:15px;border-radius:4px;font-size:24px;line-height:15px;white-space:nowrap;text-decoration:none;transition:all .2s ease-in-out}div.collection-filters div.filter-links{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;width:90%;max-width:1400px;margin:0 auto}div.collection-filters div.filter-links div.filter-links__link{position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:calc(33.3333333% - 10px);min-width:250px;min-height:150px}div.collection-filters div.filter-links div.filter-links__link a{display:flex;justify-content:center;align-items:center;height:100%;width:100%;text-decoration:none}div.collection-filters div.filter-links div.filter-links__link a:hover span.title{background-color:rgb(var(--color-base-text));color:#fff}div.collection-filters div.filter-links div.filter-links__link img,div.collection-filters div.filter-links div.filter-links__link svg{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}div.collection-filters div.filter-links div.filter-links__link svg{background-color:#c9c7d0}div.collection-filters div.filter-links div.filter-links__link span.title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-block;color:#fff;margin:0;background-color:#fff;color:rgb(var(--color-base-text));font-weight:var(--font-body-weight-bold);padding:15px;border-radius:4px;font-size:24px;line-height:15px;white-space:nowrap;transition:all .2s ease-in-out;z-index:1}.no-touchevents div.collection-filters ul.filter-links li a:hover{background-color:rgb(var(--color-base-text));color:#fff}@media screen and (max-width: 600px){div.collection-filters div.intro-wrapper{margin:0 auto 2em}div.collection-filters ul.filter-links{gap:10px}div.collection-filters div.filter-links div.filter-links__link{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-collection-filters.css.map */