@media screen and (min-width: 750px){.collection .collection-list.grid--4-col-tablet>.grid__item{max-width:calc(25% - var(--grid-horizontal-spacing) * 3 / 4)}.collection .collection-list.grid--3-col-tablet>.grid__item{max-width:calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3)}}@media screen and (min-width: 990px){.collection .collection-list.grid--3-col-desktop>.grid__item,.collection .collection-list.grid--4-col-desktop>.grid__item,.collection .collection-list.grid--5-col-desktop>.grid__item,.collection .collection-list.grid--6-col-desktop>.grid__item,.collection .collection-list.grid--7-col-desktop>.grid__item,.collection .collection-list.grid--8-col-desktop>.grid__item{max-width:180px;width:auto}}@media screen and (max-width: 749px){.collection-list--horizontal-mobile{margin:0}.collection-list--horizontal-mobile .card{display:flex;align-items:center;column-gap:1rem}.collection-list--horizontal-mobile .card .media-wrapper{width:4.4rem;height:4.4rem;border-radius:50%;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 0 0 .1rem rgb(var(--color-border))}.collection-list--horizontal-mobile .card .media{padding-bottom:0;width:100%;height:100%}.collection-list--horizontal-mobile .card .card__text-spacing{position:static;padding:0;color:rgb(var(--color-heading))}.collection-list--horizontal-mobile .card .card__text-spacing:after{display:none}[data-lazy-image] .collection-list--horizontal-mobile .media-wrapper.loading:before{width:3rem;margin-left:-1.5rem}}@media screen and (hover: hover){.collection-list__item .card-information__text{display:inline;background-image:linear-gradient(to top,currentColor 0px,currentColor 0px),linear-gradient(to top,transparent 0px,transparent 0px);background-repeat:no-repeat;background-position:right bottom,right bottom;background-size:0% .1rem,100% .1rem;transition-property:background-size;transition-timing-function:ease;transition-duration:var(--duration-default)}.collection-list__item .card:hover .card-information__text{background-position:left bottom,left bottom;background-size:100% .1rem,100% .1rem}}.collection button.button--small{background-color:transparent;border-radius:24px;border-color:#4353644d;color:#435364;transition:all .3s ease;height:auto;min-height:4.3rem;display:flex;align-items:center;justify-content:center;font-size:11px}.collection button.button--small.button--active{background-color:#435364;color:#fff;border-color:#435364}.collection .collection-list{padding:0 1.5rem;--grid-horizontal-spacing: 1.2rem;--grid-vertical-spacing: 1.2rem;gap:1.2rem;overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.collection .collection-list::-webkit-scrollbar{height:4px}.collection .collection-list::-webkit-scrollbar-track{background:#0000000d}.collection .collection-list::-webkit-scrollbar-thumb{background:#4353644d;border-radius:2px}.collection .collection-list__item{flex:0 0 auto}.collection .collection-list__item a{display:block;width:100%}.collection .collection-list__item button{width:100%;white-space:normal;word-wrap:break-word;padding-left:0;padding-right:0}@media screen and (max-width: 749px){.collection .collection-list{padding:0 .8rem;--grid-horizontal-spacing: .8rem;--grid-vertical-spacing: .8rem;gap:.8rem}.collection .collection-list__item{min-width:calc(50% - var(--grid-horizontal-spacing) / 2)}.collection .collection-list.grid--3-col-mobile>.grid__item{min-width:calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3)}.collection .collection-list.grid--4-col-mobile>.grid__item{min-width:calc(25% - var(--grid-horizontal-spacing) * 3 / 4)}.collection button.button--small{min-width:auto}}@media screen and (max-width: 375px){.collection .collection-list{--grid-horizontal-spacing: .8rem;--grid-vertical-spacing: .8rem;gap:.8rem}}@media screen and (min-width: 750px) and (max-width: 989px){.collection .collection-list.grid--4-col-tablet>.grid__item,.collection .collection-list.grid--3-col-tablet>.grid__item{max-width:none;min-width:160px;width:auto}}@media screen and (hover: hover){.collection button.button--small:hover{border-color:#435364;background-color:#435364;color:#fff}.collection button.button--small.button--active:hover{background-color:#435364}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-collection-subs.css.map */