.collection__view-toggle{display:flex;gap:.6rem;align-items:center;justify-content:flex-end;margin-bottom:1.6rem}.collection__view-btn{background:none;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--buttons-radius, .4rem);cursor:pointer;padding:.6rem;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.4);transition:border-color .2s,color .2s;line-height:0}.collection__view-btn svg{width:1.6rem;height:1.6rem}.collection__view-btn:hover{border-color:rgba(var(--color-foreground),.5);color:rgba(var(--color-foreground),.7)}.collection__view-btn.active{border-color:rgba(var(--color-foreground),.8);color:rgb(var(--color-foreground))}.product-grid.list-view{display:flex!important;flex-direction:column;gap:0}.product-grid.list-view>.grid__item{width:100%!important;max-width:100%!important;padding:0}.product-grid.list-view .card-wrapper,.product-grid.list-view .card:not(.ratio){width:100%}.product-grid.list-view .card:not(.ratio){flex-direction:row;align-items:center;gap:2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);padding:1.2rem 0;height:auto}.product-grid.list-view .card__inner{flex-shrink:0;width:8rem;height:8rem}.product-grid.list-view .card__inner.ratio:before{padding-bottom:0}.product-grid.list-view .card__inner .media{height:8rem}.product-grid.list-view .card__inner .media img{width:8rem;height:8rem;object-fit:cover}.product-grid.list-view .card__inner .card__content{display:none}.product-grid.list-view .card:not(.ratio)>.card__content{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:2rem;padding:0;margin:0}.product-grid.list-view .card__information{flex:1;min-width:0}.product-grid.list-view .card__heading{margin:0 0 .4rem;white-space:normal}.product-grid.list-view .quick-add,.product-grid.list-view .card--card .quick-add{flex-shrink:0;width:auto;margin:0;grid-row-start:unset}.product-grid.list-view .card>.card__content>.card__badge{display:none}@media screen and (max-width:749px){.product-grid.list-view .card:not(.ratio){gap:1.2rem}.product-grid.list-view .card__inner,.product-grid.list-view .card__inner .media,.product-grid.list-view .card__inner .media img{width:6rem;height:6rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/collection-view-toggle.css.map */