.collection-filter ul{display:flex;gap:var(--size-3xs);padding:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.collection-filter ul::-webkit-scrollbar{display:none}.collection-filter .item{display:flex;padding:var(--size-3xs);border:1px solid transparent;height:calc(var(--size-xs-xs) * 16);width:calc(var(--size-xs-xs) * 13);min-width:calc(3.25 * var(--size-l))}.collection-filter .item.selected,.collection-filter .item.selected:hover{border:1px solid var(--color-primary-3);border-radius:var(--border-radius-2xs)}.collection-filter li.item:hover{border:1px solid var(--color-gray-2);border-radius:var(--border-radius-2xs)}.collection-filter .item .collection{display:grid;position:relative;width:var(--size-100-per-100);text-decoration:none}.collection-filter .item .collection:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-to-bottom-soft);border-radius:var(--border-radius-3xs);z-index:1}.collection-filter .item .collection .image,.collection-filter .item .collection .info{grid-area:1 / 1}.collection-filter .item .collection .image{border-radius:var(--border-radius-3xs);height:var(--size-100-per-100);width:var(--size-100-per-100);object-fit:cover;object-position:center center;overflow:hidden}.collection-filter .item .collection .info{display:flex;flex-direction:column;align-self:end;justify-self:start;padding:0 var(--space-3xs) var(--space-3xs) var(--space-3xs);width:var(--size-100-per-100)}.page-collections .custom-filters .custom-filters__left{display:flex;flex-direction:column;align-self:end;justify-self:start;padding:0 var(--space-3xs) var(--space-3xs) var(--space-3xs);width:var(--size-100-per-100)}.collection-filter .item .collection .name{color:var(--color-white);font-family:var(--typo-family);font-weight:var(--font-weight-400);font-size:var(--typo-body-xxs);margin:0;padding:0;z-index:2}.collection-filter .item.selected .collection .name{font-weight:var(--font-weight-700)}@media only screen and (min-width: 750px){.collection-filter ul{gap:var(--size-xxs)}.collection-filter .item{padding:var(--size-xxs);height:calc(var(--size-xs-xs) * 17.4);width:calc(var(--size-xs-xs) * 25.3)}.collection-filter .item .collection .info{padding:0 var(--size-xxs) var(--size-xxs) var(--size-xxs)}.collection-filter .item .collection .name{font-size:var(--typo-body-s)}}@media screen and (min-width: 750px) and (max-width: 989px){.collection-filter .item .collection .name{font-size:var(--typo-body-xxs)}}@media screen and (min-width: 1440px){.collection-filter .item{height:calc(var(--size-xs-xs) * 20);width:calc(var(--size-xs-xs) * 34.6)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-filter.css.map */