.step-by-step-variant-picker color-swatch{width:100%}step-indicator .steps{display:flex;justify-content:space-between;margin-bottom:25px}step-indicator .steps__step{flex:1;text-align:center;position:relative;padding:.5rem 0;color:rgba(var(--steps-color));font-weight:500;display:flex;flex-direction:column;align-items:center}step-indicator .steps__step:before{content:"";position:absolute;top:25%;right:75%;width:50%;height:3px;border-radius:30px;background-color:rgba(var(--steps-color));z-index:1}step-indicator .steps__step:first-child:before{display:none}step-indicator .steps__step.steps__step--current:before{background-color:rgba(var(--steps-color-added),.6)}step-indicator .steps__step.steps__step--done:before{background-color:rgba(var(--steps-color-added))}step-indicator .steps__step-number{width:32px;height:32px;background-color:transparent;border:2px solid rgba(var(--steps-color));border-radius:50%;display:flex;align-items:center;justify-content:center}step-indicator .steps__step-number .checkmark{width:10px;height:10px;border-radius:50%;background-color:rgba(var(--steps-color),.5);display:inline-block;position:relative;transition:all .2s ease}step-indicator .steps__step-number .checkmark:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check fa-w-16 fa-3x'%3E%3Cpath fill='%23ffffff' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z' class=''%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-position:center;transition:transform .3s ease-out;opacity:0}step-indicator .steps__step.steps__step--done .checkmark{background-color:transparent}step-indicator .steps__step.steps__step--done .checkmark:after{opacity:1;transform:translate(-50%,-50%) scale(1)}step-indicator .steps__step-name{padding-top:10px}step-indicator .steps__step--current .steps__step-number{border:2px solid rgba(var(--steps-color-added))}step-indicator .steps__step--current .checkmark{background-color:rgba(var(--steps-color-added))}step-indicator .steps__step--done .steps__step-number{border:2px solid rgba(var(--steps-color-added));background-color:rgba(var(--steps-color-added));color:#fff}step-indicator .steps__step--current .steps__step-name,step-indicator .steps__step--done .steps__step-name{color:rgba(var(--steps-color-added))}step-indicator .variant-selects .product-form__input{display:none}step-indicator:has(.steps__step--current[data-step="0"]) variant-selects .product-form__input:nth-child(1),step-indicator:has(.steps__step--current[data-step="1"]) variant-selects .product-form__input:nth-child(2),step-indicator:has(.steps__step--current[data-step="2"]) variant-selects .product-form__input:nth-child(3),step-indicator:has(.steps__step--current[data-step="3"]) variant-selects .product-form__input:nth-child(4),step-indicator:has(.steps__step:last-child.steps__step--done) variant-selects .product-step__input{display:block;width:100%}step-indicator .product-form__tab-content .product-form__label{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);flex-grow:1;flex-shrink:0;margin:0;padding:0;height:auto;overflow:unset}.btn-step-variant[data-action][aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-step-variant{display:block;width:50px;height:50px;border:1px solid transparent;box-shadow:0 0 0 var(--quantity-border-width) var(--color-foreground);background-color:var(--color-input-background);text-align:center;justify-items:center;overflow:hidden;padding:12px;border-radius:50%;cursor:pointer!important}.btn-step-variant .icon{width:100%;height:auto;fill:var(--color-input-text);vertical-align:middle}.btn-next__variant{cursor:pointer!important}.productView-prev:has(.btn-step-variant[data-action][aria-disabled=true]){display:none}step-indicator .product-form__swatch .product-form__label,step-indicator .product-form__swatch .product-form__radio:checked+.product-form__label{border-color:transparent}step-indicator .product-form__swatch .product-form__label .pattern{border:1px solid var(--swatch-border);aspect-ratio:1}step-indicator .product-form__swatch .product-form__radio:checked+.product-form__label .pattern{border:1px solid var(--swatch-border-active)}step-indicator .product-form__label .text,step-indicator .product-form__radio:checked+.product-form__label .text{color:var(--variant-color);background-color:transparent;border-color:transparent;font-size:max(calc(var(--font-body-size) - 4px),12px);height:fit-content;line-height:1.5;padding-top:5px}step-indicator .product-form__label.soldout:before{display:none}step-indicator .product-form__label.soldout .pattern:before{content:"";top:50%;left:-10px;height:1px;opacity:1;z-index:1;border:none;position:absolute;visibility:visible;width:calc(100% + 20px);background-color:var(--product-sale-price-color);transform:translateY(-50%) rotate(-45deg)}.variant-picker-wrapper .sbs-swatch-item input[type=radio]{position:absolute;opacity:0;pointer-events:none}.variant-picker-wrapper .sbs-swatch-item .variant-card-label{width:100%;height:100%;display:flex;flex-direction:column;border-width:var(--variant-card-border-width, 1px)!important;border-style:solid!important;border-color:var(--variant-card-border-color, #E5E5E5)!important;border-radius:var(--variant-card-border-radius, 8px)!important;background-color:var(--variant-card-background-color, #FFFFFF)!important;padding:var(--variant-card-padding, 12px)!important;cursor:pointer;transition:border-color var(--variant-card-transition-speed, .2s) ease,border-width var(--variant-card-transition-speed, .2s) ease!important;box-shadow:none!important}.variant-picker-wrapper .sbs-swatch-item input[type=radio]:checked+.variant-card-label{border-width:var(--variant-card-border-width-selected, 2px)!important;border-color:var(--variant-card-border-color-selected, #000000)!important}.variant-picker-wrapper .sbs-swatch-item .variant-card-content{display:flex!important;flex-direction:var(--variant-card-content-flex-direction, column)!important;flex-wrap:var(--variant-card-content-flex-wrap, nowrap)!important;align-items:var(--variant-card-content-align-items, stretch)!important;gap:var(--variant-card-content-gap, 6px)!important;height:100%;justify-content:space-between}.step-by-step-variant-picker color-swatch .swatch-list{gap:var(--card-grid-gap, 10px)!important}.step-by-step-variant-picker color-swatch .sbs-swatch-item{width:calc((100% - (var(--card-grid-gap, 10px) * (var(--cards-per-row-mobile, 2) - 1))) / var(--cards-per-row-mobile, 2))!important}@media screen and (min-width:750px)and (max-width:989px){.step-by-step-variant-picker color-swatch .sbs-swatch-item{width:calc((100% - (var(--card-grid-gap, 10px) * (var(--cards-per-row-tablet, 3) - 1))) / var(--cards-per-row-tablet, 3))!important}}@media screen and (min-width:990px){.step-by-step-variant-picker color-swatch .sbs-swatch-item{width:calc((100% - (var(--card-grid-gap, 10px) * (var(--cards-per-row-desktop, 3) - 1))) / var(--cards-per-row-desktop, 3))!important}}.variant-picker-wrapper .sbs-swatch-item .variant-card-wrapper{width:100%!important;height:var(--variant-card-height-mobile, 80px)!important;display:block!important}@media screen and (min-width:750px)and (max-width:989px){.variant-picker-wrapper .sbs-swatch-item .variant-card-wrapper{width:100%!important;height:var(--variant-card-height-tablet, 90px)!important}}@media screen and (min-width:990px){.variant-picker-wrapper .sbs-swatch-item .variant-card-wrapper{width:100%!important;height:var(--variant-card-height-desktop, 100px)!important}}.variant-picker-wrapper .sbs-swatch-item .variant-card-image{width:100%;flex-grow:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.variant-picker-wrapper .sbs-swatch-item .variant-card-image .swatch{width:100%;height:100%;display:block;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-width:var(--variant-image-border-width, 0)!important;border-style:solid!important;border-color:var(--variant-image-border-color, #E5E5E5)!important;border-radius:var(--variant-image-border-radius, 4px)!important;padding:0!important;box-shadow:none!important}.variant-picker-wrapper .sbs-swatch-item .variant-card-info{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.variant-picker-wrapper .sbs-swatch-item .variant-card-info{text-align:var(--variant-card-align-mobile, center);align-items:var(--variant-card-align-mobile, center)}@media screen and (min-width:750px)and (max-width:989px){.variant-picker-wrapper .sbs-swatch-item .variant-card-info{text-align:var(--variant-card-align-tablet, center);align-items:var(--variant-card-align-tablet, center)}}@media screen and (min-width:990px){.variant-picker-wrapper .sbs-swatch-item .variant-card-info{text-align:var(--variant-card-align-desktop, center);align-items:var(--variant-card-align-desktop, center)}}.variant-picker-wrapper .variant-card-value,.variant-picker-wrapper .sbs-swatch-item .sbs-text{font-family:var(--variant-option-font-family, inherit)!important;font-weight:var(--variant-option-font-weight, 400)!important;font-size:var(--variant-option-font-size, 14px)!important;text-transform:var(--variant-option-text-transform, none)!important;letter-spacing:var(--variant-option-letter-spacing, 0)!important;line-height:var(--variant-option-line-height, 1.4)!important;padding-top:0!important}.variant-picker-wrapper .variant-card-price{font-family:var(--variant-price-font-family, inherit)!important;font-weight:var(--variant-price-font-weight, 400)!important;font-size:var(--variant-price-font-size, 12px)!important;text-transform:var(--variant-price-text-transform, none)!important;letter-spacing:var(--variant-price-letter-spacing, 0)!important;line-height:var(--variant-price-line-height, 1.4)!important;display:block;margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-sbs-variant-picker.css.map */