.step-picker-native{display:none}.step-picker{display:block;margin:1.6rem 0 .4rem}.step-picker__step{min-width:0;margin:0 0 1.6rem;padding:0;border:0}.step-picker__step[hidden]{display:none}.step-picker__legend{margin-bottom:.8rem;padding:0;font-weight:600}.step-picker__legend span{font-weight:400}.step-picker__grid{display:grid;gap:.8rem}.step-picker__grid--material{grid-template-columns:repeat(2,minmax(0,1fr))}.step-picker__grid--frame{--swatch-input--size: 100%;grid-template-columns:repeat(min(var(--step-count, 4),4),minmax(0,1fr));gap:1rem .8rem}.step-picker__grid--size{grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr))}.step-picker__option{position:relative;display:flex;min-width:0}.step-picker__input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.step-picker__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;min-width:0;padding:.8rem .6rem;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);background-color:transparent;color:rgb(var(--color-foreground));text-align:center;line-height:1.3;cursor:pointer;transition:border-color var(--duration-short) ease}.step-picker .step-picker__card--swatch,.step-picker .step-picker__card--swatch:hover,.step-picker .step-picker__input:checked+.step-picker__card--swatch{justify-content:flex-start;padding:.3rem .3rem .4rem;border-color:transparent;box-shadow:none;background-color:transparent}.step-picker__card--swatch .swatch{width:100%;margin-bottom:.2rem;border:0;outline:.1rem solid transparent;outline-offset:.2rem}.step-picker__card--swatch:hover .swatch{outline-color:rgba(var(--color-foreground),.35)}.step-picker__input:checked+.step-picker__card--swatch .swatch{outline:.2rem solid rgb(var(--color-foreground))}.step-picker__card--swatch .step-picker__name{white-space:nowrap;overflow-wrap:normal}.step-picker__input:checked+.step-picker__card--swatch .step-picker__name{font-weight:600}.step-picker__card:hover{border-color:rgb(var(--color-foreground))}.step-picker__input:checked+.step-picker__card{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground));background-color:rgb(var(--color-background))}.step-picker__input:focus-visible+.step-picker__card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.step-picker__input:disabled+.step-picker__card{border-style:dashed;color:rgba(var(--color-foreground),.45);cursor:not-allowed}.step-picker__input:disabled+.step-picker__card .step-picker__name{text-decoration:line-through}.step-picker__name{font-size:1.4rem;overflow-wrap:anywhere}.step-picker__note{margin:.8rem 0 0}.step-picker__note[hidden]{display:none}.step-picker__guide{display:inline-block;margin-top:.8rem}
/*# sourceMappingURL=/cdn/shop/t/33/assets/product-step-picker.css.map */