.option-selectors{display:flex;flex-direction:column;gap:var(--gap-md, 1.5rem)}.option{display:flex;flex-direction:column;gap:var(--gap-xs, 1rem)}.option-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-xs, .5rem)}@media screen and (max-width: 990px){.option-title{flex-direction:column;align-items:flex-start;gap:.8rem}}.option-title .sub-heading{font-family:var(--font-h5--family);font-size:var(--font-h5--size);font-weight:var(--font-h5--weight);margin:0;text-transform:var(--font-h5--case)}.best-value{font-size:var(--font-paragraph-small--size, .875rem);color:rgb(var(--color-foreground-rgb) / .7);font-weight:500;letter-spacing:var(--letter-spacing-sm)}.best-value span{border:1px solid black;background-color:#000;color:#fff;font-weight:600;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;width:28px;height:28px}.option-range-container{width:100%}.option-container{display:flex;flex-direction:column;gap:var(--gap-xs, 1rem)}.option-range-wrapper{display:flex;gap:var(--gap-2xs, .5rem)}.option-range-container .option-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media screen and (max-width: 990px){.option-range-container .option-container{flex-direction:column;align-items:flex-start}}.option-range-wrapper.desktop{display:flex;flex-direction:row;flex-grow:1;align-items:center}.option-range-wrapper.tablet{display:none}@media (max-width: 990px){.option-range-wrapper.desktop{display:none}.option-range-wrapper.tablet{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem}}.option-range{position:relative;width:100%;padding:2.5rem 0 1.5rem}.option-range label{display:none}.range-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#dbdbdb;outline:none;cursor:pointer;position:relative;z-index:2;top:-6px}.range-slider:hover{background-color:#dbdbdb}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:rgb(var(--color-foreground));cursor:pointer;border-radius:50%;border:4px solid rgb(var(--color-background));box-shadow:0 4px 8px #00000026;transition:transform .2s ease}.range-slider::-moz-range-thumb{width:24px;height:24px;background:rgb(var(--color-foreground));cursor:pointer;border-radius:50%;border:4px solid rgb(var(--color-background));box-shadow:0 4px 8px #00000026;transition:transform .2s ease}.range-slider:active::-webkit-slider-thumb{transform:scale(1.1)}.thumb-container{left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 20px);z-index:1}.thumb-overlay{align-items:center;background:var(--color-primary);background:#000;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;left:12px;pointer-events:none;position:absolute;top:-17px;transform:translate(-50%);transition:left .05s;width:28px;z-index:4}.thumb-overlay>*{position:relative}.thumb-overlay.highlight{border:3px solid #fff;height:33px;outline:2px solid black;top:-24px;width:33px}.range-slider+label{position:absolute;left:-9999px}.steps{display:flex;justify-content:space-between;align-items:center;width:100%;height:20px;border-radius:3px;position:absolute;top:2.5rem;left:0;z-index:1;background-color:#dbdbdb}.step{display:block;background:#dbdbdb;background-color:#000;height:12px;position:relative;top:-4px;width:4px;z-index:2;border-radius:2px;transition:background .3s ease}.step:last-child{border-right:none}.step.marker{position:relative}.step.marker:after{background-color:#dbdbdb;color:#000;border-radius:50%;content:attr(data-step);display:flex;height:20px;font-size:11px;justify-content:center;align-items:center;left:50%;opacity:1;position:absolute;top:-20px;transform:translate(-50%);transition:all .1s;width:20px}.plus-more{text-align:right;font-size:var(--font-paragraph-xs--size, .75rem);color:rgb(var(--color-foreground) / .5);margin-top:var(--margin-xs, .5rem);white-space:nowrap;cursor:pointer;text-decoration:underline}.option-select{position:relative;width:100%}.option-select select[name="How Many Bikes?"]:focus{box-shadow:0 0 0 2px var(--color-primary, #000);outline:none}.option-select select{width:100%;padding:var(--padding-md) calc(var(--padding-lg) + 20px) var(--padding-md) var(--padding-md);font-size:var(--font-paragraph--size);border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .2s ease}.option-select select:disabled{opacity:.5;cursor:not-allowed}.option-select{position:relative;width:fit-content}.option-select label{position:absolute;left:-9999px}.select-icon{position:absolute;right:var(--padding-md);top:50%;transform:translateY(-50%);pointer-events:none;display:flex;flex-direction:column;gap:2px;color:rgb(var(--color-foreground) / .5)}.select-icon svg{width:10px;height:6px;fill:currentColor}.variant-info{display:flex;justify-content:space-between;align-items:center;margin-top:var(--margin-md);padding:var(--padding-md);background:rgb(var(--color-foreground) / .03);border-radius:var(--style-border-radius-inputs);border:1px solid var(--color-border)}@media screen and (max-width: 990px){.variant-info{flex-direction:column;align-items:flex-start;gap:1rem}}.storage-info{display:flex;flex-direction:column;gap:var(--gap-3xs)}.storage-info .storage span:not(.italic){font-weight:600;text-decoration:underline}.storage{font-size:var(--font-paragraph-small--size);font-weight:var(--font-weight-semibold)}.rail-length{font-size:var(--font-paragraph-xs--size);color:rgb(var(--color-foreground) / .6);display:flex;align-items:center;font-size:.7rem}.rail-length span{font-style:italic;opacity:.6}.rail-length a{display:inline-flex;align-items:center;margin-left:var(--margin-3xs)}.rail-length img{width:15px;height:15px;opacity:.6}.variant-price{font-size:var(--font-paragraph-large--size);font-size:.9rem;font-weight:var(--font-weight-bold)}.variant-price span{font-weight:600;font-size:1rem}.option-radios{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap-sm)}.option-radio{position:relative}.option-radio input[type=radio]{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;z-index:1}.option-radio label{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);padding:var(--padding-md);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;text-align:center;position:relative;height:100%}.option-radio input[type=radio]:checked+label{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .03);box-shadow:0 0 0 1px rgb(var(--color-foreground))}.option-radio input[type=radio].disabled+label{opacity:.4;cursor:not-allowed}.option-radio label:hover:not(.disabled){border-color:rgb(var(--color-foreground) / .5)}.selected-check{position:absolute;top:.65rem;right:.65rem;width:18px;height:18px;background:rgb(var(--color-foreground));border-radius:50%;display:none;align-items:center;justify-content:center;z-index:2}.option-radio input[type=radio]:checked+label .selected-check{display:flex}.selected-check svg{width:10px;height:10px;fill:rgb(var(--color-background))}.option-thumb{width:100%;max-width:120px;height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.option-thumb img{width:100%;height:100%;object-fit:contain}.single-option-title{display:flex;flex-direction:column;gap:var(--gap-3xs)}.option-price{font-weight:var(--font-weight-semibold);font-size:var(--font-paragraph--size)}.option-container.gift-card{display:flex;flex-direction:column;gap:var(--gap-sm)}.select-checkbox{display:flex;align-items:center;gap:var(--gap-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.select-checkbox input[type=checkbox]{position:absolute;opacity:0}.checkbox{width:20px;height:20px;border:1px solid var(--color-border);border-radius:var(--style-border-radius-xs);display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:rgb(var(--color-background))}.select-checkbox:hover .checkbox{border-color:rgb(var(--color-foreground) / .5)}.select-checkbox input[type=checkbox]:checked+.checkbox{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.checkbox svg{width:12px;height:12px;fill:rgb(var(--color-background));opacity:0;transition:opacity .2s ease}.select-checkbox input[type=checkbox]:checked+.checkbox svg{opacity:1}.help-me-choose{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--gap-xs);padding:var(--padding-sm);padding-left:0;background:transparent;cursor:pointer;font-size:var(--font-paragraph-small--size);font-weight:var(--font-weight-semibold);transition:all .2s ease;color:rgb(var(--color-foreground))}.help-me-choose:hover{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground) / .03)}.help-me-choose img{width:16px;height:16px}.mount-type-info{font-size:var(--font-paragraph-small--size);color:rgb(var(--color-foreground) / .6);margin:-.25rem 0 .75rem}.divider{width:100%;margin:var(--margin-md) 0}.divider hr{border:none;border-top:1px solid var(--color-border);margin:0;opacity:.5}@media (max-width: 768px){.option-radios{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--gap-xs)}.variant-info{flex-direction:column;align-items:flex-start;gap:var(--gap-xs)}}.single-option-selector{max-width:fit-content}.product-option-selector .option-selectors .option .option-container .option-range-wrapper{display:flex;gap:20px;width:100%}.product-option-selector .option-selectors .option .option-container .option-range-wrapper .plus-more{position:relative;left:-20px;top:3px}.product-option-selector .option-selectors .option .option-container .option-range-wrapper.tablet .thumb-overlay{width:34px!important;height:34px!important}.option-range{flex:1;position:relative;height:max-content}.option-range:before{content:"";position:absolute;left:2px;width:20px;height:20px;background-color:var(--color-background)}.option-range .thumb-container{left:0;pointer-events:none;position:absolute;top:50px;transform:translateY(-50%);width:100%;z-index:6}.product-option-selector .option-selectors .option .option-container .option-range .thumb-container .thumb-overlay{position:absolute;top:-17px;left:16px;width:28px;height:28px;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;pointer-events:none;z-index:1;transform:translate(-50%);font-size:18px;transition:.05s left}.product-option-selector .option-selectors .option .option-container .option-range .thumb-container .thumb-overlay *{font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}.product-option-selector .option-selectors .option .option-container .option-range .thumb-container .thumb-overlay.highlight{border:3px solid #ffffff;outline:2px solid var(--color-primary);width:33px;height:33px;top:-24px}.product-option-selector .option-selectors .option .option-container .option-range .steps{position:absolute;top:10px;display:flex;justify-content:space-between;width:calc(100% - 41px);pointer-events:none;left:22px;background:#dbdbdb;height:4px}.product-option-selector .option-selectors .option .option-container .option-range .steps .step{display:block;width:4px;height:12px;background-color:#dbdbdb;position:relative;top:-4px;border-radius:2px;transition:.3s background-color}.product-option-selector .option-selectors .option .option-container .option-range .steps .step.marker:after{content:attr(data-step);position:absolute;top:-20px;left:50%;width:20px;height:20px;background-color:#fff;display:flex;justify-content:center;align-items:center;transform:translate(-50%);border-radius:50%;transition:.1s all;opacity:1}.product-option-selector .option-selectors .option .option-container .option-range .steps .step.marker.highlight:after{opacity:0}.product-option-selector .option-selectors .option .option-container .option-range input[type=range]{width:100%;height:20px;background:transparent;cursor:pointer}.product-option-selector.option-selectors .option-range input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--color-primary);background:linear-gradient(90deg,#000 0%,#000 var(--range-progress, 0%),#dbdbdb var(--range-progress, 0%),#dbdbdb 100%);border-radius:2px}.product-option-selector.option-selectors .option-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;background:pink;border:none;border-radius:50%;cursor:pointer;position:relative;top:-20px;opacity:0}@media only screen and (max-width: 990px){.product-option-selector .option-range-wrapper.desktop{display:none}}@media only screen and (min-width: 990px){.product-option-selector .option-range-wrapper.tablet{display:none}}@media only screen and (max-width: 990px){.product-option-selector .option-selectors .option .option-container{flex-direction:column;gap:30px}.product-option-selector .option-selectors .option .option-container .option-range-wrapper .plus-more{display:none}}#quick-add-dialog .option-title{margin-top:1rem}.product-option-selector.show-slider--false .option-range-wrapper{display:none!important}.product-option-selector.show-slider--false .option-select{position:relative;width:100%}.product-option-selector.show-slider--false .single-option-selector{max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/68/assets/st-option-selector.css.map */