.variant-shade-grid{display:block;width:100%}.variant-picker-and-buy-buttons:has(variant-shade-grid){flex-wrap:wrap}.variant-picker-and-buy-buttons:has(variant-shade-grid)>.variant-picker,.variant-picker-and-buy-buttons:has(variant-shade-grid)>.buy-buttons{flex:0 0 100%;width:100%;max-width:100%}.variant-shade-grid__fieldset{border:0;margin:0;padding:0;min-width:0}.variant-shade-grid__list{margin:0}.variant-shade-grid__item{position:relative;border:1px solid transparent}.variant-shade-grid__item[hidden]{display:none}.variant-shade-grid__item:hover{cursor:pointer}.variant-shade-grid__label{display:block;cursor:pointer}.variant-shade-grid__input:focus-visible+.variant-shade-grid__label{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;border-radius:8px}.variant-shade-grid__text-swatch{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:.4rem;font-size:1rem;line-height:1.2;text-align:center;word-break:break-word;background:rgba(var(--color-foreground),.04)}.variant-shade-grid__item--unavailable .shade-snippet,.variant-shade-grid__item--unavailable .variant-shade-grid__text-swatch{opacity:.4}.variant-shade-grid__item--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .5px),rgba(var(--color-foreground),.6) 50%,transparent calc(50% + .5px))}.variant-shade-grid--error .variant-shade-grid__selected{color:#eb001b}
/*# sourceMappingURL=/cdn/shop/t/419/assets/component-variant-shade-grid.css.map */
