collection-tabs{display:block}.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__panel--active{--panel-radius: 0px}.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__header,.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__tabs,.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__footer{padding-left:2.4rem;padding-right:2.4rem}@media screen and (min-width:990px){.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__header,.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__tabs,.collection-list-with-image .collection-list-with-image__inner--full-width .collection-list-with-image__footer{padding-left:5.5rem;padding-right:5.5rem}}.collection-list-with-image .collection-list-with-image__header{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:1.6rem}.collection-list-with-image .collection-list-with-image__heading{margin:0}.collection-list-with-image .collection-list-with-image__view-all-link--desktop{flex-shrink:0;font-size:1.4rem;color:rgb(var(--color-link))}.collection-list-with-image .collection-list-with-image__header--center{justify-content:center}.collection-list-with-image .collection-list-with-image__header--center .collection-list-with-image__heading{text-align:center;flex:none}.collection-list-with-image .collection-list-with-image__header--center .collection-list-with-image__view-all-link--desktop{display:none}.collection-list-with-image .collection-list-with-image__header--center~.collection-list-with-image__footer{display:block}.collection-list-with-image .collection-list-with-image__tabs--center{justify-content:center}.collection-list-with-image .collection-list-with-image__tabs{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.collection-list-with-image .collection-list-with-image__tab{padding:.6rem 1.6rem;border-radius:10rem;border:1px solid rgba(var(--color-foreground),.15);background:transparent;font-size:1.4rem;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:border-color .2s,color .2s,background-color .2s;white-space:nowrap}.collection-list-with-image .collection-list-with-image__tab--active{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));font-weight:600}.collection-list-with-image .collection-list-with-image__tab:hover:not(.collection-list-with-image__tab--active){border-color:rgba(var(--color-foreground),.4);color:rgba(var(--color-foreground),.8)}.collection-list-with-image .collection-list-with-image__panel{display:none}.collection-list-with-image .collection-list-with-image__panel--active{display:flex;align-items:stretch;gap:0;border-radius:var(--panel-radius, 1.2rem);overflow:hidden}@media screen and (min-width:750px){.collection-list-with-image .collection-list-with-image__panel--image-right .collection-list-with-image__featured{order:1}}.collection-list-with-image .collection-list-with-image__featured{flex:0 0 30%;overflow:hidden;line-height:0;padding:10px;position:relative;aspect-ratio:4 / 3}.collection-list-with-image .collection-list-with-image__featured-overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0}.collection-list-with-image .collection-list-with-image__featured-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--panel-radius, 12px) * .75)}.collection-list-with-image .collection-list-with-image__featured-placeholder{width:100%;height:100%;min-height:28rem;opacity:.2;border-radius:calc(var(--panel-radius, 12px) * .75)}.collection-list-with-image .collection-list-with-image__slider{flex:1;min-width:0;display:flex;align-items:center;gap:.8rem;padding:2.4rem 1.6rem;align-self:center}.collection-list-with-image .collection-list-with-image__slider-viewport{flex:1;min-width:0;overflow:hidden}.collection-list-with-image .collection-list-with-image__slider-track{display:flex;list-style:none;margin:0;padding:0;gap:1.2rem;will-change:transform}.collection-list-with-image .collection-list-with-image__item{flex-shrink:0;padding:5px 5px 15px;background-color:var(--item-bg, transparent);border-radius:var(--item-radius, 8px)}.collection-list-with-image .collection-list-with-image__item a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:rgb(var(--color-foreground));gap:.8rem}.collection-list-with-image .collection-list-with-image__item-image-wrapper{width:100%;aspect-ratio:1 / 1;border-radius:calc(var(--item-radius, 8px) * .75);overflow:hidden;background-color:rgba(var(--color-foreground),.06)}.collection-list-with-image .collection-list-with-image__item-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collection-list-with-image .collection-list-with-image__item a:hover .collection-list-with-image__item-image{transform:scale(1.05)}.collection-list-with-image .collection-list-with-image__item-placeholder{width:100%;height:100%;opacity:.2}.collection-list-with-image .collection-list-with-image__item-label{font-size:1.3rem;font-weight:500;text-align:center;line-height:1.3;color:var(--item-label-color, rgb(var(--color-foreground)))}.collection-list-with-image .collection-list-with-image__slider-btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:8px;border:1px solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));cursor:pointer;transition:border-color .2s,opacity .2s}.collection-list-with-image .collection-list-with-image__slider-btn:hover{border-color:rgba(var(--color-foreground),.5)}.collection-list-with-image .collection-list-with-image__slider-btn:disabled{opacity:.3;cursor:default}.collection-list-with-image .collection-list-with-image__slider-btn .svg-wrapper{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem}.collection-list-with-image .collection-list-with-image__slider-btn--prev .svg-wrapper{transform:rotate(90deg)}.collection-list-with-image .collection-list-with-image__slider-btn--next .svg-wrapper{transform:rotate(-90deg)}@media screen and (min-width:750px){.collection-list-with-image .collection-list-with-image__slider{position:relative;gap:0}.collection-list-with-image .collection-list-with-image__slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.collection-list-with-image .collection-list-with-image__slider-btn--prev{left:2.4rem}.collection-list-with-image .collection-list-with-image__slider-btn--next{right:2.4rem}}.collection-list-with-image .collection-list-with-image__footer{display:none;margin-top:2rem;text-align:center}@media screen and (max-width:749px){.collection-list-with-image .collection-list-with-image__view-all-link--desktop{display:none}.collection-list-with-image .collection-list-with-image__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.4rem}.collection-list-with-image .collection-list-with-image__tabs::-webkit-scrollbar{display:none}.collection-list-with-image .collection-list-with-image__panel--active{flex-direction:column}.collection-list-with-image .collection-list-with-image__featured{flex:none;width:100%;aspect-ratio:4 / 3}.collection-list-with-image .collection-list-with-image__slider{align-self:stretch;padding:10px;gap:0}.collection-list-with-image .collection-list-with-image__slider-btn{display:none}.collection-list-with-image .collection-list-with-image__slider-viewport{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;align-self:stretch}.collection-list-with-image .collection-list-with-image__slider-viewport::-webkit-scrollbar{display:none}.collection-list-with-image .collection-list-with-image__slider-track{transform:none!important}.collection-list-with-image .collection-list-with-image__item{flex-shrink:0;scroll-snap-align:start}.collection-list-with-image .collection-list-with-image__footer{display:block}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/section-collection-list-with-image.css.map */