@import url(https://use.typekit.net/fpp3tou.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{--bodyFontColor:#000;--border:2px solid #000;--borderHover:2px solid #222;--buttonBorderRadius:40px;--buttonFontSize:20px;--buttonFontWeight:bold;--buttonHoverColor:#fff;--buttonHoverFontColor:#222;--buttonTextTransform:none;--fontType:"brandon-grotesque";--headerAlignment:right;--headerBackgroundColor:#222;--headerIconHeight:18px;--headerMarginTop:20px;--primaryButtonColor:#222;--primaryButtonFontColor:#fff;--titlesFontColor:#000}.app{text-align:center;flex-direction:column;justify-content:center;color:#000;color:var(--titlesFontColor);font-family:"brandon-grotesque";font-family:var(--fontType,Arial,Helvetica,sans-serif)}.app,.container{display:flex;align-items:center}.container{flex:1 1;flex-direction:column;justify-content:flex-start;min-height:812px;padding-left:12px!important;padding-right:12px!important}#header{width:100%;background-color:#222;background-color:var(--headerBackgroundColor);position:fixed;z-index:1;text-align:right;text-align:var(--headerAlignment)}#header img{height:18px;height:var(--headerIconHeight);margin-top:20px;margin-top:var(--headerMarginTop)}#footer{margin-top:10px;width:100%;position:fixed;bottom:0;background-color:#fff}#footer img{height:28px;width:28px;margin-left:4px}.shadowTop{box-shadow:0 -2px 3px #d3d3d3}.inputFile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputFile+label,.submitButton,input[type=submit]{background-color:#222;background-color:var(--primaryButtonColor);color:#fff;color:var(--primaryButtonFontColor);border-radius:40px;border-radius:var(--buttonBorderRadius);font-size:20px;font-size:var(--buttonFontSize);border:2px solid #000;border:var(--border)}.inputFile+label,.submitButton,.submitButtonInverted,input[type=submit]{text-transform:none;text-transform:var(--buttonTextTransform);font-family:"brandon-grotesque";font-family:var(--fontType,Arial,Helvetica,sans-serif);font-weight:700;font-weight:var(--buttonFontWeight);padding:8px 0;text-align:center;text-decoration:none;display:block;width:100%;letter-spacing:.1px;line-height:24px}.submitButtonInverted{background-color:#fff;background-color:var(--buttonHoverColor);border:2px solid #000;color:#222;color:var(--buttonHoverFontColor);border-radius:40px;border-radius:var(--buttonBorderRadius)}#emailForm input[type=submit]{background-color:#222;background-color:var(--primaryButtonColor);border:2px solid #222;border:2px solid var(--primaryButtonColor);color:#fff;color:var(--primaryButtonFontColor);border-radius:40px;border-radius:var(--buttonBorderRadius);text-transform:none;text-transform:var(--buttonTextTransform);font-size:20px;font-size:var(--buttonFontSize);font-family:"brandon-grotesque";font-family:var(--fontType,Arial,Helvetica,sans-serif);font-weight:700;font-weight:var(--buttonFontWeight);padding:8px 0;text-align:center;width:100%;text-decoration:none;display:block;letter-spacing:.1px;line-height:24px}#emailForm input[type=submit]:hover{background-color:#fff;background-color:var(--buttonHoverColor);color:#222;color:var(--buttonHoverFontColor);border:2px solid #000}.submitButtonInverted:hover{background-color:#222;background-color:var(--primaryButtonColor);border:2px solid #222;border:2px solid var(--primaryButtonColor);color:#fff;color:var(--primaryButtonFontColor)}#emailForm .submitButton{width:100%}@media (max-width:768px){.bikeMatchButton{width:46vw;margin-left:auto;margin-right:auto}}#footer a,.resultsButton a,.resultsButton a:hover{text-decoration:none;color:#000}.noUnderline a:hover{text-decoration:none}.externalLinkButtonInverted a:hover{color:#fff}.dualButtonsDivider{margin-top:24px}.underFormButtonWrapper{margin-left:12px;margin-right:12px;margin-bottom:12px}.inputFile+label:hover,.inputFile:focus+label{background-color:#fff;background-color:var(--buttonHoverColor);color:#222;color:var(--buttonHoverFontColor);border:2px solid #222;border:var(--borderHover)}.footerButtonWrapper{padding-top:12px;align-items:center;padding-left:3.5%;padding-right:3.5%}.dualButtonsWrapper{display:grid;grid-template-columns:1fr 1fr}.dualButtonsWrapper .submitButton{width:46vw;margin-left:auto;margin-right:auto}.dualButtonsWrapper .photoButton{margin-top:8px}.dualButtonsWrapper .photoButton,.dualButtonsWrapper a{margin-left:auto;margin-right:auto}.dualButtonsWrapper .inputFile+label{width:44vw;background-color:#fff;background-color:var(--buttonHoverColor);color:#222;color:var(--buttonHoverFontColor);border:2px solid #000;border-radius:40px;border-radius:var(--buttonBorderRadius)}.dualButtonsWrapper .inputFile+label:focus,.dualButtonsWrapper .inputFile+label:hover{background-color:#222;background-color:var(--primaryButtonColor);border-color:#222;border-color:var(--primaryButtonColor);color:#fff;color:var(--primaryButtonFontColor)}.submitButton:focus,.submitButton:hover,input[type=submit]:hover{background-color:#fff;background-color:var(--buttonHoverColor);color:#222;color:var(--buttonHoverFontColor);border:2px solid #222;border:var(--borderHover)}.footerTagline{font-size:14px;font-weight:700;letter-spacing:0;line-height:20px;margin-top:8px;margin-bottom:12px}.content{display:flex;flex-direction:column;align-items:center;padding-top:60px;padding-bottom:110px;width:100%}.title{font-size:25px;letter-spacing:0;line-height:36px;width:100%}.titleContainer{width:100%;padding:12px 0 24px}.smallTitleContainer{text-align:left;width:100%;line-height:26px;padding-left:22px;padding-top:8px}.titleContainerLessPadding{padding:12px 10px;width:100%}.titleContainerNoBackButton{padding:12px 0 24px}.headlineAndButtonContainer{width:100%;display:inline-flex}.headlineAndButtonContainer [type=button]{align-items:center}.subTitle{font-size:18px;letter-spacing:0;line-height:26px;width:100%;padding-top:8px;color:#000;color:var(--bodyFontColor)}button .subTitle{padding-top:4px;padding-left:11px;width:unset}.backbutton{background-color:transparent;border-width:0;padding:0;display:contents}.backbuttonimg{height:30px;width:30px}.fullWidthImage{width:100%}.bikeNameAndImageContainer{width:100%;margin-top:8px}.bikeResultImage{max-height:200px;max-width:100%;margin-left:auto;margin-right:auto;margin-bottom:12px}.bikeName{font-size:32px;line-height:32px;margin-top:15px;font-weight:300;text-align:left}.headerdiv{height:30px;width:30px}.takepicturediv{height:80vh;align-items:flex-end;display:flex}.photoimg{border:1px solid #fff;height:300px;width:95vw;object-fit:contain}.dropdowns{width:100%;text-align:left;margin-top:7px}.dropdowns ul{-webkit-padding-start:0;padding-inline-start:0}.dropdowns h2{font-size:18px;font-weight:700;letter-spacing:0;line-height:26px;margin:0}.dropdownItem{border-bottom:1px solid #eaeaea;align-items:baseline;padding-bottom:16px;padding-top:16px}ul{list-style:none;-webkit-padding-start:0;padding-inline-start:0}.checkmark{padding-right:12px}.card-body{max-width:560px;padding:1.25rem 0}#accordion .card{border:none}.card-header{font-size:18px;font-weight:700;line-height:26px;display:flex}#accordion .card .card-header{margin-bottom:0;border-bottom:1px solid #eaeaea;padding:16px 0;background-color:inherit}#accordion .card-body{color:#000;color:var(--bodyFontColor)}.cardOptionsList ul{-webkit-padding-start:0;padding-inline-start:0}.cardOptionsList ul li:before{content:url(/static/media/green_check.af252c8e.svg);font-size:1em}.cardOptionsList ul li.badCard:before{content:url(/static/media/red_x.8a06b219.svg)}.bikeResultsList ul li:before{content:url(/static/media/checkmark.d87250c6.svg)}.bikeResultsList li,.cardOptionsList li{color:#000;color:var(--bodyFontColor);display:grid;grid-template-columns:0 1fr;grid-gap:1.5em;align-items:start}.bikeResultsList li{margin-bottom:12px}.cardOptionsList li{margin-bottom:8px}.bikeResultsList{margin-top:24px}.dropdownTextWrapper{display:flex;align-items:center}.dropdownExpanded{font-size:18px;line-height:26px;margin-bottom:12px;margin-top:12px;max-width:560px}.textLeftWrapper{text-align:left;width:100%}.bodyText{font-size:18px;line-height:26px}.viewBikeName{font-size:22px;text-align:left}.whatCard{text-align:left;margin-bottom:12px;margin-top:24px}.reviewPictureList{margin-top:8px}.secondHalfContentWrapper{margin-top:24px;text-align:left}.viewBikeContentWrapper{text-align:left;margin-top:20px}.whyCard{margin-top:24px;margin-bottom:24px}.errorCard{margin-top:12px;margin-bottom:24px}.whyQuestionWrapper{margin-bottom:12px}.errorQuestionWrapper{margin-bottom:12px;display:flex}.sideBySideListWrapper{display:flex;justify-content:space-evenly}@media (max-width:768px){.sideBySideListWrapper{display:inline-flex}.sideBySideListWrapper ul{margin-right:40px}}.caretIcon.open{transition:transform .2s ease-in-out;transform:rotate(180deg)}.photoInstructionsImage{max-height:315px;width:auto}.errorMessageContainer{border:1px solid #ea0713;border-radius:6px}.errorMessageTextWrapper{padding:12px}.errorIcon{height:24px;width:24px;margin-right:10px}.caretIcon{background:url(/static/media/caret.8e7478cd.svg) no-repeat 50%;background-size:18px 18px;transition:transform .2s ease-in-out}.caretBack,.caretIcon{height:24px;width:24px}.caretBack{background:url(/static/media/caret.8e7478cd.svg) no-repeat 50%;background-size:20px 20px;margin-top:5px;transform:rotate(90deg)}.dropdowns .caretIcon{margin-left:auto}.resultsContainer{margin-bottom:24px;width:100%}.resultsTagline{text-align:left;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #eaeaea;font-size:18px}.resultsNameAndPrice{margin-top:12px;margin-bottom:12px;font-size:20px}.loadingContainer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:hsla(0,0%,97.3%,.68)}.loadingIcon{left:50%;top:50%;transform:translate(-50%,-50%);z-index:1000;position:absolute}#emailForm .modal-body{padding:0 0 1rem}#emailForm .modal-header{border-bottom:none!important;padding:28px 1rem 0}#emailSent .modal-header{border-bottom:none}#emailForm .modal-header .close:after,#emailSent .modal-header .close:after{content:url(/static/media/close_x.8fa55b68.svg)}#emailForm .modal-header .close span,#emailSent .modal-header .close span{display:none}#emailForm .modal-title,#emailSent .modal-title{margin:0 12px 24px;font-size:18px;font-weight:700;line-height:26px;font-family:"brandon-grotesque",Arial,Helvetica,sans-serif;max-width:72%}#emailForm input[type=submit]{margin-top:24px}#emailForm .form-control{background-color:rgba(9,19,33,.06)}form{margin:0 12px;font-family:"brandon-grotesque",Arial,Helvetica,sans-serif}form label{font-size:14px;font-weight:700;letter-spacing:0;line-height:20px;display:block;margin-bottom:5px;margin-right:10px;text-align:left;margin-left:1%}form input[type=text]{width:100%;border:none;font-size:36px;margin-bottom:15px;border-radius:4px;background-color:rgba(9,19,33,.06);outline:0;padding:0 12px}.emailSentWrapper{margin-top:57px;margin-bottom:24px;text-align:center}.emailResultsTextWrapper{margin-bottom:57px;font-size:25px;font-weight:700;letter-spacing:0;line-height:36px}.emailResultsEmojiWrapper{font-size:36px;margin-bottom:36px}.bikePriceContainer{font-size:24px;font-weight:700;line-height:46px}.bikeTagline{font-weight:700;border-bottom:1px solid #eaeaea;padding-bottom:11.5px}.passwordFeedback{color:red}@media (min-width:768px){.titleContainer{margin-top:24px;width:100%}.content{max-width:540px}.headlineAndButtonContainer{width:100%}.titleContainerNoBackButton{padding:12px 24px 24px}.backbutton{position:inherit}#emailForm .submitButton,#emailForm input[type=submit],.inputFile+label,.submitButton,.submitButtonInverted,input[type=submit]{margin-left:auto;margin-right:auto;width:300px}.dualButtonsWrapper .submitButton{margin-left:6px;width:300px}.dualButtonsWrapper .photoButton{margin-right:6px}.dualButtonsWrapper .inputFile+label{width:300px}}.demoContainer{display:flex;flex-direction:column;padding-top:45px;padding-bottom:160px;width:100%}.demoFormItem{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:1rem;margin-left:12;width:100%}.demoResultsContainer{margin-top:1.5rem}.demoFormSelect{background-color:#fff;border:2px solid #000;border:var(--border);color:#000;border-radius:40px;border-radius:var(--buttonBorderRadius);text-transform:none;text-transform:var(--buttonTextTransform);font-size:20px;font-size:var(--buttonFontSize);font-family:"brandon-grotesque";font-family:var(--fontType,Arial,Helvetica,sans-serif);font-weight:700;font-weight:var(--buttonFontWeight);padding:8px;text-decoration:none;display:block;width:100%;letter-spacing:.1px;line-height:24px}
/*# sourceMappingURL=main.64b08c00.chunk.css.map */