.block-swatch-list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px;margin:0;padding:0}.block-swatch-list--grid .block-swatch{margin:0;display:block}.block-swatch-list--grid .block-swatch__item{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;text-align:center;gap:2px;border-radius:4px}.block-swatch-list--grid .block-swatch__item-primary{display:block;font-weight:700;font-size:.88rem;line-height:1.2}.block-swatch-list--grid .block-swatch__item-secondary{display:block;font-size:.82rem;line-height:1.2;opacity:.7}.block-swatch__radio:checked+.block-swatch__item .block-swatch__item-secondary,.block-swatch__item.is-selected .block-swatch__item-secondary{opacity:1}.block-swatch-list--grid .block-swatch__item-text{font-size:.88rem;line-height:1.3;word-break:break-word}.product-form__option-count{font-weight:400;font-size:.82rem;opacity:.55}@media (min-width: 700px) and (max-width: 999px){.block-swatch-list--grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:5px}.block-swatch-list--grid .block-swatch__item{min-height:46px;padding:5px 4px}.block-swatch-list--grid .block-swatch__item-primary{font-size:.86rem}.block-swatch-list--grid .block-swatch__item-secondary{font-size:.78rem}}@media (max-width: 699px){.block-swatch-list--grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.block-swatch-list--grid .block-swatch__item{min-height:50px;padding:7px 5px}.block-swatch-list--grid .block-swatch__item-primary{font-size:.9rem}.block-swatch-list--grid .block-swatch__item-secondary{font-size:.82rem}}@media (max-width: 374px){.block-swatch-list--grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:5px}.block-swatch-list--grid .block-swatch__item{min-height:46px;padding:5px 4px}.block-swatch-list--grid .block-swatch__item-primary{font-size:.84rem}.block-swatch-list--grid .block-swatch__item-secondary{font-size:.78rem}}.variant-grid-collapsible{position:relative}@media (max-width: 699px){.variant-grid-collapsible .block-swatch-list--grid{max-height:118px;overflow:hidden;transition:max-height .3s ease}.variant-grid-collapsible:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none;transition:opacity .3s ease}.variant-grid-collapsible.is-expanded .block-swatch-list--grid{max-height:2000px}.variant-grid-collapsible.is-expanded:after{opacity:0}}@media (min-width: 700px){.variant-grid-collapsible .block-swatch-list--grid{max-height:none}.variant-grid-collapsible:after{display:none}}.variant-grid-toggle{display:none;width:100%;padding:10px 16px;margin-top:8px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fafaf8;color:#333;font-size:.88rem;font-weight:600;cursor:pointer;text-align:center;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.variant-grid-toggle:active{background:#f0efe8;border-color:#0003}@media (max-width: 699px){.variant-grid-collapsible .variant-grid-toggle{display:block}.variant-grid-collapsible.is-expanded .variant-grid-toggle{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/variant-grid.css.map */