.nt-vcards{--swatch-input--size: 100%}.nt-vcards .nt-vlabel,.nt-vswatches .nt-vlabel{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:1rem}.nt-vlabel__count{font-size:1.2rem;letter-spacing:0;text-transform:none;font-weight:400;color:rgba(var(--color-foreground),.7)}.product-form__input.nt-vcards{display:grid;grid-template-columns:repeat(var(--nt-vcards-cols, 2),minmax(0,1fr));gap:1.6rem}.product-form__input.nt-vcards>legend{grid-column:1 / -1;float:left;margin-bottom:0}.nt-vcards .swatch-input__input+.swatch-input__label{--swatch-input--border-radius: var(--nt-radius-sm, .4rem);display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%;margin:0;outline:none!important;box-shadow:none!important;border-radius:0}.nt-vcards .swatch-input__label .swatch{--swatch--size: 100%;width:100%;height:auto;aspect-ratio:1 / 1;margin:0;background:var(--swatch--background) center / cover no-repeat;background-position:var(--swatch-focal-point, center);border-radius:var(--nt-radius-sm, .4rem);border:1px solid transparent;transition:border-color var(--duration-short, .1s) ease,opacity var(--duration-short, .1s) ease}.nt-vcards--portrait .swatch-input__label .swatch{aspect-ratio:4 / 5}.nt-vcards--landscape .swatch-input__label .swatch{aspect-ratio:4 / 3}.nt-vcards .swatch-input__input:checked+.swatch-input__label .swatch{border-color:rgba(var(--color-foreground),.85)}.nt-vcards .swatch-input__input+.swatch-input__label:hover .swatch{border-color:rgba(var(--color-foreground),.35)}.nt-vcards .swatch-input__input:focus-visible+.swatch-input__label .swatch{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.nt-vcard__name{font-size:1.3rem;line-height:1.3;color:rgba(var(--color-foreground),.7);text-align:center}.nt-vcards .swatch-input__input:checked+.swatch-input__label .nt-vcard__name{color:rgb(var(--color-foreground));font-weight:500}.nt-vcards .swatch-input__input.visually-disabled+.swatch-input__label>.swatch:after{display:none}.product-form__input.nt-vcards>legend{font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/43/assets/product-variant-cards.css.map */
