.product-form__input--image-swatch{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.8rem;max-width:52rem}.product-form__input--image-swatch>legend{grid-column:1 / -1;margin-bottom:.2rem}.product-form__input--image-swatch .ais-image-swatch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-form__input--image-swatch .ais-image-swatch__label{min-width:0;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;margin:0;padding:.55rem;border:1px solid rgba(var(--color-foreground),.24);border-radius:.8rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.product-form__input--image-swatch .ais-image-swatch__media{width:100%;aspect-ratio:1 / 1;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.03)}.product-form__input--image-swatch .ais-image-swatch__media img{width:100%;height:100%;object-fit:contain;display:block}.product-form__input--image-swatch .ais-image-swatch__media .swatch{width:100%;height:100%;max-width:none;max-height:none;border-radius:.4rem}.product-form__input--image-swatch .ais-image-swatch__name{width:100%;font-size:1.2rem;line-height:1.25;text-align:center;overflow-wrap:anywhere}.product-form__input--image-swatch .ais-image-swatch__input:checked+.ais-image-swatch__label{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.product-form__input--image-swatch .ais-image-swatch__input:focus-visible+.ais-image-swatch__label{outline:2px solid currentColor;outline-offset:3px}.product-form__input--image-swatch .ais-image-swatch__input.disabled+.ais-image-swatch__label{opacity:.45}.ais-image-swatch__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:2rem}@media screen and (max-width:749px){.product-form__input--image-swatch{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;max-width:none}.product-form__input--image-swatch .ais-image-swatch__label{min-height:96px;padding:.4rem}.product-form__input--image-swatch .ais-image-swatch__name{font-size:1.1rem}}@media screen and (max-width:374px){.product-form__input--image-swatch{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ais-visual-color-picker.css.map */