.collection-quick-filters{margin-bottom:var(--layout-space-8);padding:var(--layout-space-6) 0;position:relative}@media screen and (min-width:750px){.collection-quick-filters{margin-bottom:var(--layout-space-16)}}.collection-quick-filters__wrapper{position:relative}.collection-quick-filters__wrapper:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:var(--layout-space-36);height:100%;background:linear-gradient(to right,rgba(255,255,255,0),var(--colour-primary-white));z-index:1}.collection-quick-filters__wrapper.scrolled:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;width:var(--layout-space-36);height:100%;background:linear-gradient(to left,rgba(255,255,255,0),var(--colour-primary-white));z-index:1}.collection-quick-filters__title{display:block;text-transform:uppercase;font-size:var(--text-size-xs);font-weight:var(--font-weight-heavy);margin-bottom:var(--layout-space-6)}.collection-quick-filters__links{display:flex;overflow:auto;gap:var(--layout-space-4);position:relative;scrollbar-width:none;-ms-overflow-style:none}.collection-quick-filters__links::-webkit-scrollbar{display:none}.collection-quick-filters__link{display:inline-block;padding:var(--layout-space-4) var(--layout-space-12);border:solid .1rem var(--colour-grey-500);border-radius:var(--layout-space-24);min-width:fit-content;text-align:center;text-decoration:none;color:var(--colour-primary-black);font-weight:var(--font-weight-bold);font-size:var(--text-size-xs);white-space:nowrap}.collection-quick-filters__link.active{background-color:var(--colour-tint-teal)}@media screen and (min-width:750px){.collection-quick-filters__link{min-width:25rem;font-size:var(--text-size-s);padding:var(--layout-space-6) var(--layout-space-12)}}.collection-quick-filters__link:last-of-type{margin-right:var(--layout-space-20)}.collection-quick-filters__icon{position:absolute;bottom:0;right:-2rem;z-index:2;width:var(--layout-space-20);height:var(--layout-space-20);padding:var(--layout-space-5);cursor:pointer}.collection-quick-filters__icon--left{left:0}@media screen and (min-width:750px){.collection-quick-filters__icon{bottom:var(--layout-space-2)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/collection-quick-filters.css.map */