.product-form__input--model-swatch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:44rem;margin:0 0 1.2rem;padding:0;border:0}.product-form__input--model-swatch .form__label{grid-column:1 / -1;margin-bottom:0}.product-form__input--model-swatch .model-swatch-input__label{--model-swatch--border-radius: .8rem;position:relative;display:block;width:100%;aspect-ratio:1 / 1;margin:0;padding:0;cursor:pointer;overflow:hidden;border-radius:var(--model-swatch--border-radius);border:.1rem solid rgba(var(--color-foreground),.15);background-color:rgb(var(--color-background));outline:.2rem solid transparent;outline-offset:.2rem;transition:outline-color var(--duration-short) ease,border-color var(--duration-short) ease;forced-color-adjust:none}.model-swatch__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.model-swatch__text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.4rem;text-align:center;font-size:1.2rem;line-height:1.2;word-break:break-word;color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.product-form__input--model-swatch .model-swatch-input__input:hover+.model-swatch-input__label,.product-form__input--model-swatch .model-swatch-input__label:hover{outline-color:rgba(var(--color-foreground),.4)}.product-form__input--model-swatch .model-swatch-input__input:checked+.model-swatch-input__label{border-color:rgb(var(--color-foreground));outline-color:rgb(var(--color-foreground))}.product-form__input--model-swatch .model-swatch-input__input:focus-visible+.model-swatch-input__label{outline-color:rgba(var(--color-foreground),.6);box-shadow:0 0 0 .5rem rgba(var(--color-foreground),.15)}.product-form__input--model-swatch .model-swatch-input__input.disabled+.model-swatch-input__label .model-swatch__img,.product-form__input--model-swatch .model-swatch-input__input.disabled+.model-swatch-input__label .model-swatch__text{opacity:.4}.product-form__input--model-swatch .model-swatch-input__input.disabled+.model-swatch-input__label:after{content:"";position:absolute;top:50%;left:-20%;width:140%;height:.1rem;background-color:rgb(var(--color-foreground));transform:rotate(-45deg);pointer-events:none}.product-form__input--model-swatch .model-swatch-input__input.disabled:not(:checked)+.model-swatch-input__label:hover{outline-color:transparent}@media screen and (max-width:339px){.product-form__input--model-swatch{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-model-swatch.css.map */