.variant-step{margin-top:3.2rem;border:0;padding:0;min-width:0}.variant-step:first-of-type{margin-top:0}.variant-step__header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem 1.2rem;margin-bottom:1.4rem;padding:0}.variant-step__eyebrow{display:inline-flex;align-items:center;gap:.9rem}.variant-step__number{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;flex:0 0 auto;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-heading-family);font-size:1.4rem;line-height:1;font-weight:600}.variant-step__title{font-family:var(--font-heading-family);font-size:1.9rem;letter-spacing:.02rem;font-weight:600;text-transform:uppercase}.variant-step__selected{color:rgba(var(--color-foreground),.7);font-size:1.3rem;font-weight:400;text-transform:none;letter-spacing:normal}.variant-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.2rem}.variant-card__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.variant-card{display:flex;flex-direction:column;align-items:center;gap:1rem;height:100%;padding:1.4rem;text-align:center;cursor:pointer;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, .6rem);background:rgb(var(--color-background));transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.variant-card:hover{border-color:rgba(var(--color-foreground),.5)}.variant-card__input:checked+.variant-card{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.variant-card__input:focus-visible+.variant-card{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.variant-card__media{display:block;width:100%;max-width:14rem;aspect-ratio:1 / 1;overflow:hidden;border-radius:calc(var(--inputs-radius, .6rem) / 1.5);background:rgba(var(--color-foreground),.04)}.variant-card__media img{width:100%;height:100%;object-fit:cover;display:block}.variant-card__media--color{aspect-ratio:1 / 1;max-width:6rem}.variant-card__body{display:flex;flex-direction:column;gap:.4rem}.variant-card__label{font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;line-height:1.25}.variant-card__help{font-size:1.2rem;line-height:1.35;color:rgba(var(--color-foreground),.7)}.variant-card__price{margin-top:.2rem;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.product-form__input--card[data-option-name=Size] .variant-card{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-variant-steps.css.map */