.twp-sizing-tool{margin-top:var(--spacing-md)}.twp-sizing-tool__container{gap:1.2rem;border:.1rem solid rgb(var(--color-border));padding:1.5rem 1.6rem;margin-bottom:var(--spacing-md)}@media (min-width: 767.98px){.twp-sizing-tool__container{margin-bottom:0}}.twp-sizing-tool__button{color:#000;border:none;font-size:1.6rem;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:5px;font-family:var(--font-heading-family)}.twp-sizing-tool__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.twp-sizing-tool__overlay.active{display:flex;opacity:1}.twp-sizing-tool__popup{background-color:#fff;border-radius:.8rem;box-shadow:var(--shadow);width:90%;max-width:35rem;position:relative;max-height:90vh;overflow-y:auto}.twp-sizing-tool__close{position:absolute;right:1.6rem;top:.8rem;background:none;border:none;font-size:2.4rem;cursor:pointer;color:#999;z-index:10;padding:0}.twp-sizing-tool__close:hover{color:var(--text-color)}.twp-sizing-tool__slide{display:none}.twp-sizing-tool__slide.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.twp-sizing-tool__heading{margin-bottom:1.6rem;color:var(--text-color);font-size:2.5rem;font-weight:500;text-align:left;padding:1.6rem;border-bottom:1px solid rgba(0,0,0,.1)}.twp-sizing-tool__body__content ul{list-style-position:inside;margin-bottom:0;text-align:left;width:60%}.twp-sizing-tool__body__content li{margin-bottom:2rem;font-size:1.3rem;font-style:normal;font-weight:400;line-height:1.4}.twp-sizing-tool__footer{border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center}.twp-sizing-tool__footer .twp-sizing-tool__button:nth-child(2){margin-left:0}.twp-sizing-tool__input-group{display:flex;align-items:center;margin-bottom:2.4rem;justify-content:space-between;border-radius:.8rem;border:1px solid rgba(0,0,0,.1);background:#fff;padding:1.6rem}.twp-sizing-tool__error-message{margin-bottom:var(--spacing-sm);font-size:1.2rem;color:var(--color-red)}.twp-sizing-tool__input{width:3rem;padding:0;border:0;border-radius:.4rem;font-size:1.6rem;transition:border-color .3s ease}.twp-sizing-tool__input::-webkit-outer-spin-button,.twp-sizing-tool__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.twp-sizing-tool__input{-moz-appearance:textfield}.twp-sizing-tool__input:focus{outline:none;border-color:var(--primary-color)}.twp-sizing-tool__label{font-weight:500}.twp-sizing-tool__next,.twp-sizing-tool__continue,.twp-sizing-tool__restart{margin:1.6rem;width:calc(100% - 3.2rem);border-radius:.8rem;background:#0a84ff;color:#fff;text-decoration:none;font-size:1.8rem;font-style:normal;font-weight:500}.twp-sizing-tool__results{background-color:var(--secondary-color);border-radius:.6rem;padding:1.6rem;margin-top:3rem}.twp-sizing-tool__result-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color)}.twp-sizing-tool__result-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.twp-sizing-tool__result-label{font-weight:600}.twp-sizing-tool__result-value{font-weight:400}.twp-sizing-tool__restart{background-color:#fff;color:var(--text-color);border:1px solid rgba(0,0,0,.1);width:auto;padding:2.4rem}.twp-sizing-tool__visual-scale{display:flex;gap:1rem;margin:3rem 0 7rem;align-items:center}.twp-sizing-tool__visual-scale__item{width:25%;padding:1rem 2rem;background-color:transparent;border-radius:.5rem;border:2px solid #ccc;text-align:center;position:relative;transition:background-color .3s ease,transform .3s ease;border-radius:.8rem;border:1px solid rgba(0,0,0,.1);background:#fff;line-height:1;display:flex;justify-content:center;align-items:center;font-weight:500;height:5rem}.twp-sizing-tool__visual-scale__item svg{position:absolute;bottom:-2px;width:100%;transform:scale(1.8)}.twp-sizing-tool__visual-scale__item.highlight svg{bottom:0;transform:scale(1)}.twp-sizing-tool__visual-scale__item:not(.highlight){overflow:hidden}.twp-sizing-tool__visual-scale .twp-sizing-tool__visual-scale__item:first-child.highlight{margin-left:auto}.twp-sizing-tool__visual-scale__item.highlight{z-index:1;width:50%;transform:scale(1.2);font-size:3.5rem;font-style:normal;font-weight:500;height:7rem}.twp-sizing-tool__marker-element{position:absolute;bottom:-3rem;left:50%;transform:translate(-50%);display:none;flex-direction:column;align-items:center;width:5rem;transition:left .5s ease-out}.twp-sizing-tool__visual-scale__item.highlight .twp-sizing-tool__marker-element{display:flex;left:var(--marker-position, 50%)}.twp-sizing-tool__marker-element:before{content:"";width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5rem solid #dc241e;margin-bottom:0}.twp-sizing-tool__marker-element:after{content:"Your Size";color:#dc241e;white-space:nowrap;letter-spacing:0;margin-top:.5rem;font-size:1.3rem;font-style:normal;font-weight:700}.hidden-variant{display:none!important}.twp-sizing-tool__fallback-message{padding:0 1.6rem;margin-bottom:2rem;text-align:left}.twp-sizing-tool__fallback-message p{margin-bottom:1rem;margin-top:0;font-size:1.3rem}.twp-sizing-tool__fallback-message strong{font-weight:600}.twp-sizing-tool__fallback-message a{color:#dc241e;text-decoration:underline;font-weight:600}.twp-sizing-tool__fallback-message a:hover{text-decoration:underline}.size-tool-suggestion-description{text-align:left;margin:0;font-size:1.3rem;font-style:normal;font-weight:400;line-height:1.4}.twp-sizing-tool__results{display:none}.twp-sizing-tool__body{padding:0 1.6rem}.twp-sizing-tool__subheading{font-size:1.8rem;font-style:normal;font-weight:500;line-height:1.2;margin-bottom:2.4rem}.twp-sizing-tool__body__content{display:flex;justify-content:space-between}.twp-sizing-tool__scale-range{margin-top:2.4rem;display:flex;justify-content:space-between;align-items:center}.twp-sizing-tool__scale-range span{font-size:1.1rem;font-style:normal;font-weight:400;opacity:.5}@media (max-width: 76.8rem){.twp-sizing-tool__popup{width:95%;max-height:80vh}.twp-sizing-tool__heading{font-size:2rem}}.twp-sizing-tool__summary.fallback .twp-sizing-tool__summary__inner{background-color:#d9d9d9}.twp-sizing-tool__summary__inner{margin-top:2rem;padding:.8rem;border-radius:.5rem;background-color:#ccdec7;text-align:left;display:flex;justify-content:space-between;align-items:flex-start}.twp-sizing-tool__summary-heading{font-size:1.8rem;font-weight:600;margin-bottom:0;color:#333}.twp-sizing-tool__summary-text{margin:0;color:#555}.twp-sizing-tool__details{background-color:#fff;color:#000;border:1px solid #000;border-radius:1rem;padding:1rem 2rem;line-height:normal;height:auto;font-size:1.4rem}#ProductGridContainer .twp-sizing-tool{margin-bottom:var(--spacing-xl)}#changeMeasurementsLink{text-decoration:underline;margin-left:var(--spacing-xs)}@media (max-width: 76.8rem){#changeMeasurementsLink{margin-left:0}}.twp-sizing-tool .switch-slider{display:inline-block;width:40px;height:20px;background-color:#c5301c87;border-radius:10px;position:relative;cursor:pointer;transition:background-color .3s ease;vertical-align:middle;margin-left:10px;flex-shrink:0}.twp-sizing-tool .switch-slider:before{content:"";position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s ease}.twp-sizing-tool .switch-slider.is-active{background-color:var(--color-red)}.twp-sizing-tool .switch-slider.is-active:before{transform:translate(20px)}
/*# sourceMappingURL=/cdn/shop/t/81/assets/99-bike-sizing-tool.css.map */
