.product-form__input--image-swatch{--isw-size: 6.2rem;--isw-gap: 1rem;--isw-aspect: 3 / 4;--isw-radius: .3rem;--isw-border: .1rem;--isw-pad: 0rem;--isw-name-size: 1.1rem;--isw-top-margin: 1rem}.product-form__input--image-swatch .image-swatch__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--isw-size, 6.2rem),1fr));gap:var(--isw-gap, 1rem);margin-top:var(--isw-top-margin, 1rem)}.image-swatch__item{position:relative}.image-swatch__input{position:absolute;width:.1rem;height:.1rem;padding:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.image-swatch__label{display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;padding:var(--isw-pad, 0rem)}.image-swatch__thumb{position:relative;display:block;width:100%;aspect-ratio:var(--isw-aspect, 3 / 4);overflow:hidden;border-radius:var(--isw-radius, .3rem);border:var(--isw-border, .1rem) solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.05);transition:border-color .1s ease,box-shadow .1s ease}.image-swatch__thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-swatch__name{font-size:var(--isw-name-size, 1.1rem);line-height:1.2;text-align:center;color:rgb(var(--color-foreground));word-break:break-word}.image-swatch__input:checked+.image-swatch__label .image-swatch__thumb{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 var(--isw-border, .1rem) rgb(var(--color-foreground))}.image-swatch__input:focus-visible+.image-swatch__label .image-swatch__thumb{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.image-swatch__input:focus:not(:focus-visible)+.image-swatch__label .image-swatch__thumb{outline:0}.image-swatch__item--soldout .image-swatch__label{opacity:.55}.image-swatch__item--soldout .image-swatch__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top left,transparent calc(50% - .1rem),rgba(var(--color-foreground),.35) 50%,transparent calc(50% + .1rem))}.image-swatch__item--text .image-swatch__thumb{display:none}.image-swatch__item--text .image-swatch__label{min-height:4rem;justify-content:center;padding:.8rem 1.2rem;border:var(--isw-border, .1rem) solid rgba(var(--color-foreground),.2);border-radius:var(--isw-radius, .3rem)}.image-swatch__item--text .image-swatch__input:checked+.image-swatch__label{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 var(--isw-border, .1rem) rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-image-swatch.css.map */