body{margin:0;background-color:#ddd}.noscroll{overflow:hidden}.cursor{cursor:pointer}.authButtonContainer{transform:translateY(-50%);display:flex;justify-content:center;width:100%;flex-wrap:wrap}.authLink{color:#000;text-decoration:none}.authButton{border:1px solid #000;border-radius:15px;padding:5px 10px;color:#000;cursor:pointer;background-color:#fff}.authButtonP{width:90%;text-align:center}.connect{background-image:url(/_next/static/media/connect_with_strava.136db675.png);width:225px;height:35px}.stravaLogoLandingContainer{position:absolute;bottom:2%;width:100%;display:flex;justify-content:center}.stravaLogoLanding{width:40%;max-width:175px}.scrollableElement{height:100vh;overflow-y:scroll}.homeBackground{background-image:url(/_next/static/media/routeviewer_home_background_v2.f37191e3.png);background-size:cover;display:flex;align-items:center;overflow-y:hidden!important;&.main{justify-content:center}}.titleBox{width:100%;font-size:40px;font-weight:700;text-align:center}.titleBoxText{margin-top:0;margin-bottom:18px}.loginContainer{display:flex;justify-content:center;align-content:center;flex-wrap:wrap}.loginScopeAuthText{width:90%;margin:10px auto;text-align:center}.loginInputContainer{width:100%;display:flex;justify-content:center;padding-bottom:5px;flex-wrap:wrap}.loginInputLabel{min-width:55%;max-width:300px}.loginInputLabelP{margin-top:2px;margin-bottom:3px;font-weight:500}.loginInput{border:1px solid #000;border-radius:0;min-width:55%;font-size:18px;padding:5px;max-width:300px}.loginButtonContainer{width:100%;display:flex;justify-content:center;padding-top:5px}.logoutContainerOld{position:absolute;top:5px;right:5px;border:1px solid #000;border-radius:15px;padding:2.5px 5px;background:#fff;cursor:pointer}.logoutTextOld{margin:5px 3px;font-size:15px}.logoutContainer{position:absolute;bottom:10px;right:10px;border-radius:15px;padding:5px 10px;background:#fff;cursor:pointer;z-index:104}.logoutText{margin:0}.formSubmitError{width:80%}.formSubmitErrorText{text-align:center;color:red;margin-top:0;margin-bottom:1px}.loginInputError{width:100%}.formInputError{text-align:center;color:red;margin-top:1px;margin-bottom:0}.homeFloatingButton{position:absolute;top:5px;right:10px;border-radius:50%;text-align:center;background-color:#fff;height:50px;width:50px;padding:10px;display:flex;align-items:center;cursor:pointer;&:active{background-color:#c2c2c2}}.homeButtonText{margin:0}.verticalStack{overflow-wrap:anywhere}.buttonShadowFloat{box-shadow:0 0 3px #7d7d7d;:active{box-shadow:none!important;background-color:#c2c2c2}}.buttonShadowFloatOptions{box-shadow:0 0 8px 1px #1a1a1a}.shadowOff{box-shadow:none!important;background-color:#fff}.buttonShadowFloat :active{box-shadow:none!important;background-color:#c2c2c2}.mapButton{border:1px solid #000;border-radius:15px;padding:5px 10px;display:inline-block;cursor:pointer;max-height:20px;&.right{float:right}&.help{border:none}&:active{background-color:#c2c2c2}}.bottom{position:fixed;left:5px;bottom:10px;z-index:102;background-color:#fff}#genImage{position:absolute;z-index:99}#genImageBig{opacity:0;z-index:1234;position:absolute}.emptyActivityDisplay{text-align:center;margin-top:25vh}.helpText{padding-top:0;display:inline-block;max-width:35%;text-align:center}.helpModalContainer{display:flex;position:absolute;width:100%;justify-content:center;z-index:102;left:0;top:15%}.helpModalContent{text-align:center;max-width:90%;background-color:#fff;border:1px solid #000;padding:5px;position:relative;border-radius:20px}.helpModalContentMain{padding:10px}.helpModalContentP{padding:0 30px;margin-top:2.5px;margin-bottom:0}.helpModalContentPWide{padding:0;margin-top:3.5px;margin-bottom:0}.helpModalContentSubDiv{width:-moz-fit-content;width:fit-content;margin:0 auto;text-align:left;padding:0 5px}.helpModalContentPSpan{font-weight:700}.textOptionModalOuter{z-index:101;position:absolute;width:100%;height:100vh;background-color:#000;opacity:.7;top:0;left:0;&.top{z-index:103}}.textOptionsModalContainer{display:flex;position:absolute;width:100%;justify-content:center;z-index:105;left:0;top:5%}.textOptionsModalContent{text-align:center;align-items:center;max-width:80%;background-color:#fff;border:1px solid #000;padding:10px;position:relative;border-radius:20px}.textOptionLabel{display:inline-block;width:50%;text-align:end;padding-right:10px}.textOptionLabelGrid{display:inline-block;width:100%}.textOptionLabelGrid p{margin-bottom:2px}.disabledLabel{color:grey}.textOptionInput{width:50%}.textOptionInput,.textOptionInputGrid{display:inline-block;display:flex;align-items:center}.textOptionInputGrid{justify-content:center;width:100%}.textOptionInputActual{width:50px!important;cursor:pointer}.closeModal{position:absolute;right:8px;top:-10px;font-size:18px;border:1px solid #000;border-radius:15px;padding:5px 10px;cursor:pointer}.closeModalHelp{padding-top:3.5px;position:absolute;right:8px;top:-10px;font-size:18px;border:1px solid #000;border-radius:15px;justify-content:center;width:25px;height:25px;cursor:pointer;&:active{background-color:#7d7d7d}}.textOptionsOrderGrid{margin:20px 7.5px 5px}.textOptionsOrderGridRow{display:flex;justify-content:space-between}.textOptionGridItem{width:33%;height:100px;z-index:101;touch-action:none;display:flex;justify-content:center;align-items:center;cursor:pointer;&.disabled{background-color:grey}&.position1{border-color:#000;border-style:solid;border-width:2px 1px 1px 2px}&.position2{border:1px solid #000;border-top:2px solid #000}&.position3{border-color:#000;border-style:solid;border-width:2px 2px 1px 1px}&.position4{border-color:#000;border-style:solid;border-width:1px 1px 2px 2px}&.position5{border:solid #000;border-width:1px 1px 2px}&.position6{border-color:#000;border-style:solid;border-width:1px 2px 2px 1px}}.textOptionGridItem p{z-index:99}.dragOver{background-color:#000;opacity:.5}.link{text-decoration:none;color:#000}.activityListItem{margin-top:6px;margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between;box-shadow:0 1px 6px #cdcdcd;background-color:#fff;padding:5px 10px;&:active{background-color:#c2c2c2;box-shadow:inset 0 0 3px #a1a1a1}}.grayBackground{background-color:#ddd}.activityListItemText,.activityListMap{display:inline-block}.activityListMap{width:25%}.ActivityListItemDetailTextContainer{margin-bottom:5px;padding:5px 5px 0;box-shadow:0 1px 5px #afafaf;border-bottom-left-radius:15px;border-bottom-right-radius:15px;background-color:#fff}.activityListItemTextBox{margin-bottom:5px;padding:6px 5px 5px;text-align:center}.activityListButtonP{margin:2.5px 0;&.last{margin-bottom:9px;padding-top:3px}&.name{font-size:18px;font-weight:500}&.nameBig{font-size:20px;font-weight:600}&.date,&.distance{font-size:15px}}.spanLeft{width:70%;display:inline-block;font-size:15px}.spanRight{width:30%;display:inline-block;text-align:right}.activityListButtonPLink,.activityListButtonPLink2{font-size:12px;color:#000;padding-top:5px}.activityListButtonPLink2{position:fixed;bottom:10px;right:5px;z-index:1100}.controlContainer{display:flex;justify-content:space-between}.buttonsContainer{display:inline-block}.buttonContainer{margin-top:4px}.optionsDivider{width:100%;display:inline-block;border:.5px solid #000;margin-left:11px;margin-right:11px}.textOptionsTitle{font-size:24px;margin-bottom:0;margin-top:15px;min-height:10px;min-width:100%}.textOptionsTitle p{margin-bottom:0;font-weight:700}.shortTop{margin-top:5px}.slidersContainer{display:inline-block;width:50px;margin:0 auto}.slidersContainerTextOption{display:flex;justify-content:space-around;flex-wrap:wrap}.sliderContainerRow{display:flex;justify-content:space-between;width:100%;&.bottomPadding{padding-bottom:5px}}.sliderContainerRowItem{width:50%;text-align:center}.slidersContainerTextOptionInner,.slidersContainerTextOptionInnerGrid{width:100%;display:flex;justify-content:center}.slidersContainerTextOptionInnerGrid{flex-wrap:wrap}.slider{-webkit-appearance:none;width:100%;height:24px;border:1px solid #000;border-radius:30px;background:#fff;outline:none;opacity:.7;transition:opacity .2s;&.black,&.on{background:#000}&.disabled{background:grey}}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:50%;&.black{background:#000}}.slider::-webkit-slider-thumb .white{background:#fff}.slider::-webkit-slider-thumb .black{background:#000}.slider::-moz-range-thumb{width:26px;height:26px;cursor:pointer;background-color:#fff;border:1px solid #000;border-radius:50%;&.black{background:#000}}.spinnerContainer{width:100%;height:100vh;top:0;position:absolute;z-index:105;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;&.map{background-color:#fff}}.spinnerContainerOuter{&.active{width:100%}}.spinnerSubContainer{text-align:center}.spinnerOptionText{width:100%;text-align:center;margin-bottom:10px}.lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.lds-spinner{color:currentColor;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3.2px;left:36.8px;width:6.4px;height:17.6px;border-radius:20%;background:currentColor}.lds-spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}