.grid-size-toggle{display:flex;justify-content:flex-end;margin:0 0 1.5rem}.grid-size-toggle--inline{display:flex;justify-content:flex-start;align-self:center;flex-shrink:0;margin:0 2rem 0 0}.grid-size-toggle__group{display:flex;align-items:center;gap:.4rem}.grid-size-toggle__button{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:.1rem solid transparent;border-radius:var(--inputs-radius, 0);background:transparent;color:rgba(var(--color-foreground),.5);cursor:pointer;transition:color var(--duration-short) ease,border-color var(--duration-short) ease}.grid-size-toggle__button:hover{color:rgb(var(--color-foreground))}.grid-size-toggle__button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.grid-size-toggle__button.is-active{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.25)}.grid-size-toggle__icon{width:1.6rem;height:1.6rem;stroke-width:1}@media(forced-colors:active){.grid-size-toggle__button.is-active{border-color:Highlight;color:Highlight}}@media screen and (max-width:749px){.grid-size-toggle:not(.grid-size-toggle--inline){margin-bottom:1rem}.grid-size-toggle__button{width:4.4rem;height:4.4rem}}html[data-grid-size=small] #product-grid .card-product__info>*:not(.card-product__title),html[data-grid-size=small] #product-grid .card-product__sizes,html[data-grid-size=small] #product-grid .card-product__price,html[data-grid-size=small] #product-grid .card-product__compare,html[data-grid-size=small] #product-grid .card-product__cta{display:none}html[data-grid-size=small] #product-grid .card-product__options:not(:has(.card-product__swatches)){display:none}html[data-grid-size=small] #product-grid .card-product__swatches{flex:1 1 auto}html[data-grid-size=small] #product-grid .card-product__info{gap:0;padding:clamp(1rem,4cqi,1.4rem) 1.2rem}html[data-grid-size=small] #product-grid .card-product__title{font-size:1.3rem;line-height:1.35}html[data-grid-size=small] #product-grid .card-product__title>a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}html[data-grid-size=small] #product-grid .card__information>*:not(.card__heading){display:none}html[data-grid-size=small] #product-grid .card__information{padding-top:1rem;padding-bottom:1rem}html[data-grid-size=small] #product-grid .card__heading{font-size:1.3rem;line-height:1.35}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-grid-size-toggle.css.map */