.view-as{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.view-as__label{white-space:nowrap;color:rgb(var(--color-foreground))}.view-as__buttons{display:flex;gap:.5rem}.view-as__button{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.2);background:transparent;cursor:pointer;color:rgba(var(--color-foreground),.55)}.view-as__button svg{width:1.8rem;height:1.8rem}.view-as__button:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.55)}.view-as__button.active{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}@media screen and (min-width:990px){.product-grid.view-as-2 .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.product-grid.view-as-3 .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}.product-grid.view-as-4 .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.product-grid.view-as-5 .grid__item{width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);max-width:calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5)}.product-grid.view-as-list .grid__item{width:100%;max-width:100%}.product-grid.view-as-list .card__inner{flex:0 0 24rem;max-width:24rem}.product-grid.view-as-list .card__content{flex:1 1 auto}}@media screen and (max-width:749px){.product-grid.view-as-mobile-list .grid__item{width:100%;max-width:100%}.product-grid.view-as-mobile-2 .grid__item{width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) / 2)}.product-grid.view-as-mobile-3 .grid__item{width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)}.product-grid.view-as-mobile-list .card__inner{flex:0 0 12rem;max-width:12rem}.product-grid.view-as-mobile-list .card__content{flex:1 1 auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-view-as.css.map */