:root{--black: #151515FF}html,body{margin:0;padding:0;width:100vw;height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-family:Roboto Mono,monospace;background-color:var(--black)}.homeContainer{background-color:var(--black);font-optical-sizing:auto;margin:0;padding:0;line-height:1;vertical-align:baseline;color:#fff;gap:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100svh}.configContainer{height:55px;align-items:center;gap:10px;display:flex;flex-direction:row}input,button,div{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:link{color:#d7e14f;transition:.1s}a:visited{color:#707529;transition:.1s}a:hover{color:#d6a814;transition:.1s}a:active{color:#dced05;transition:.1s}@media screen and (max-width: 640px){.homeContainer{gap:20px}.icon{height:25px}.configContainer{width:85vw;overflow-x:auto;justify-content:flex-start;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.configContainer::-webkit-scrollbar{display:none}.configContainer:before,.configContainer:after{content:"";flex:0 0 10px}.configButton{flex-shrink:0;width:auto;min-width:50px}.strava-button{padding:0 15px}.paceToElevationButton{width:50px}}/*!* Background *!*/.configButton{padding:10px;color:#f5f5f5;background-color:#25252554;border-radius:10px;font-size:1rem;transition:background-color .1s,rotate .3s cubic-bezier(0,0,.07,1.14);cursor:pointer;height:50px;width:50px;display:flex;justify-content:center;align-items:center;border:4px solid rgba(124,124,124,.01);filter:brightness(100%);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.configButton:active{filter:brightness(135%);transition:background-color .1s,rotate .3s cubic-bezier(0,0,.07,1.14)}@media (hover: hover){.configButton:hover{filter:brightness(115%);transition:background-color .1s,rotate .3s cubic-bezier(0,0,.07,1.14)}}.configButton img,.configButton svg{height:25px;transition:background-color .1s,rotate .3s cubic-bezier(0,0,.07,1.14);pointer-events:none}.custom-tooltip{position:fixed;background-color:#252525f2;color:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:.9rem;pointer-events:none;z-index:2000;border:1px solid rgba(124,124,124,.2);max-width:min(320px,calc(100vw - 32px));overflow-wrap:break-word;white-space:normal;box-shadow:0 4px 6px #0000004d;font-family:Roboto Mono,monospace;line-height:1.35}.swapBtn img{width:33px}.resetBtn img{transform-origin:14px 16.3px;width:30px;height:30px}.resetRotate{animation:rotation .5s infinite ease-out alternate}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cls-1,.inner-rubbish,.cls-3{stroke-miterlimit:10}.cls-1,.cls-3{fill:none}.inner-rubbish{z-index:0;fill:#58595b;stroke:#58595b;stroke-width:40px}.cls-3{stroke:#d1d3d4;stroke-width:163px}.clearButton{z-index:1;padding:7px!important}.clearButton svg{height:50px;width:30px}.lid{transition:.2s;z-index:1;transform:rotate(0);transform-origin:5px 500px}.rubbish{transform:scaleY(1) translateY(0);transition:.2s}.raceTimeBtn{padding:0}.raceTimeBtn svg{height:38px}.cls-1{stroke-width:125px}.cls-1,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6{fill:none;stroke:#d1d3d4;stroke-miterlimit:10}.cls-2{stroke-width:100px}.cls-3{stroke-width:163px}.cls-4{stroke-width:106.79px}.cls-5,.cls-6{stroke-width:139.01px}.infoButton{position:fixed;top:15px;right:15px;z-index:100;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),background-color .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.infoButton.expanded{width:220px;height:300px;background-color:#252525;cursor:default;border-color:#7c7c7c33}.info-icon-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .2s;pointer-events:none}.infoButton.expanded .info-icon-container{opacity:0}#info-icon{width:25px;height:25px}.info-i,.info-rect{fill:#868687;transition:fill .2s}.info-circle{fill:none;stroke:#868687;stroke-width:163px;transition:stroke .2s}.infoButton:hover .info-i,.infoButton:hover .info-rect{fill:#d1d3d4}.infoButton:hover .info-circle{stroke:#d1d3d4}.info-content{opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility 0s linear .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box;text-align:center;min-width:220px}.infoButton.expanded .info-content{opacity:1;visibility:visible;transition:opacity .3s ease-in-out .1s,visibility 0s linear 0s}.close-btn{position:absolute;top:5px;right:5px;background:none;border:none;color:#b8b8b8;font-size:1.5rem;cursor:pointer;padding:5px;line-height:1;display:none}.info-text{margin-bottom:15px;font-size:.9rem;line-height:1.4;color:#f5f5f5}.info-logo{height:18px;vertical-align:middle;margin:0 2px}.kofi-btn{display:block;width:100%;margin-bottom:15px;transition:filter .2s}.kofi-btn:hover{filter:brightness(.9)}.kofi-btn img{width:100%;height:auto;display:block;border-radius:8px}.restart-onboarding-btn{background:none;border:1px solid #868687;color:#868687;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;margin-bottom:15px;transition:all .2s;font-family:inherit}.restart-onboarding-btn:hover{border-color:#d1d3d4;color:#d1d3d4;background-color:#ffffff0d}.dev-link{color:#868687;font-size:.8rem;text-decoration:none;transition:color .2s}.dev-link:hover{color:#d1d3d4}@media screen and (max-width: 640px){.infoButton.expanded{width:92vw;height:350px;right:4vw}.info-content{min-width:92vw}.close-btn{display:block}}.cls-1{stroke:#e6e7e8;stroke-width:139px}.cls-1,.cls-2{fill:none;stroke-miterlimit:10}.cls-2{stroke:#d1d3d4;stroke-width:163px}.runningManCls{fill:none;stroke:#d1d3d4;stroke-miterlimit:10;stroke-width:163px}.paceToElevationButton svg{width:38px}.stravaButton{color:#fff;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;text-align:center;text-decoration:none;gap:10px;font-size:16px;cursor:pointer}.stravaButton img{width:30px;height:30px}.segmentLeaderboardBtn{padding:9px}.segmentLeaderboardBtn img{height:27px;width:27px;object-fit:contain}.paceContainer{width:100vw;font-size:4rem;display:flex;flex-direction:row;justify-content:center;align-items:center}.unitText{min-width:calc(var(--convertIndex)*-30 + 125)px;margin-left:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}.leftInputContainer{transition:width .25s ease-in-out var(--wDelay),opacity .25s ease-in-out var(--oDelay);display:flex;flex-direction:row;align-items:center;opacity:var(--nOpacity);overflow:hidden;width:var(--dWidth)}@media screen and (max-width: 640px){.paceContainer{font-size:2.5rem}.unitText{min-width:calc(var(--convertIndex)*-30 + 80)px;margin-left:15px}.leftInputContainer{width:var(--mWidth)}}input{font-family:Roboto Mono,monospace;font-optical-sizing:auto;min-width:110px;color-scheme:dark;color:#fff;cursor:pointer;font-size:4.5rem;padding-left:24px;border-radius:10px;background-color:#25252570;border:4px solid rgba(255,255,255,.01);transition:.1s;line-height:1;vertical-align:baseline;padding-bottom:0!important;padding-top:0!important;padding-right:0!important;touch-action:none}input:focus{outline:none}@media screen and (max-width: 640px){input{padding-left:13px;min-width:75px;font-size:3.3rem}}.historyContainer{width:fit-content;overflow-y:auto;height:200px;display:flex;flex-direction:column;font-size:2rem;gap:10px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;transition:height .35s ease-in-out,opacity .35s}.conversion{display:flex;flex-direction:row;gap:10px;align-items:center;color:#ffffff1a;cursor:pointer;background-color:#27272740;padding:10px 15px;border-radius:15px;transition:.2s}.conversion:active{color:#fffc;background-color:#272727bf;transition:.2s}@media (hover: hover){.conversion:hover{color:#fffc;background-color:#272727bf;transition:.2s}}.historyContainer>div:active{opacity:1;transition:.2s}@media (hover: hover){.historyContainer>div:hover{opacity:1;transition:.2s}}::-webkit-scrollbar{width:0px}.star{width:auto;fill:#50492b00;stroke:#50492b;opacity:.5;stroke-miterlimit:10;stroke-width:150px;transition:.2s}.star:active{fill:#50492b;transition:.2s}@media (hover: hover){.star:hover{fill:#50492b;transition:.2s}}.starContainer{height:25px}@media screen and (max-width: 640px){.historyContainer{font-size:1.5rem;gap:12px;height:20svh}.star{stroke-width:125px}}.raceTimesContainer{display:flex;flex-direction:column;max-width:500px;width:50svw;transition:.35s;overflow-y:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;padding-top:15px;margin-top:-10px;padding-bottom:50px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 7%,black 87%,transparent);mask-image:linear-gradient(to bottom,transparent,black 7%,black 87%,transparent)}.distanceContainer{gap:15px;justify-content:space-between;display:flex;flex-direction:row}.distanceContainer div{-webkit-user-select:all!important;user-select:all!important;font-size:1.4rem;width:100%;padding:10px;border:#373737 2px solid}.customDistanceInput{text-align:end;padding:0;font-size:1.4rem;width:100%}.customDistanceConversion{color:#c5c5c5;font-size:1.2rem;position:relative;top:6px;right:-4px}@media screen and (max-width: 640px){.raceTimesContainer{width:85svw}.kofiBtn img{width:90%;height:100%}}.segmentLeaderboardContainer{display:flex;flex-direction:column;max-width:none;width:88svw;position:relative;transition:.35s;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;padding-top:15px;margin-top:-10px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 7%,black 87%,transparent);mask-image:linear-gradient(to bottom,transparent,black 7%,black 87%,transparent)}.segmentLeaderboardContainer:after{background:linear-gradient(to bottom,rgba(21,21,21,0),var(--black) 85%);bottom:0;content:"";flex:0 0 48px;height:48px;margin-top:-48px;pointer-events:none;position:sticky;width:100%;z-index:2}.segmentLeaderboardStatus{color:#ffffffa6;display:flex;gap:12px;align-items:center;justify-content:center;font-size:1rem;padding:16px 0}.segmentLeaderboardStatus button{background-color:#4b4b4b54;border:2px solid rgba(124,124,124,.2);border-radius:8px;color:#f5f5f5;cursor:pointer;font-family:Roboto Mono,monospace;padding:8px 12px}.segmentLeaderboardNotice{color:#ffffff6b;font-size:.9rem;padding-top:0}.segmentLeaderboardTableScroller{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-top:2px}.segmentLeaderboardTable{min-width:820px;width:100%;display:flex;flex-direction:column}.segmentLeaderboardRow{display:grid}.segmentLeaderboardRow div,.segmentLeaderboardRow button,.segmentLeaderboardRow a{background-color:transparent;border-left:2px solid #373737;border-top:2px solid #373737;box-sizing:border-box;color:#ffffffc7;font-family:Roboto Mono,monospace;font-size:1rem;overflow:hidden;padding:9px 6px;text-overflow:ellipsis;white-space:nowrap}.segmentLeaderboardRow div:last-child,.segmentLeaderboardRow button:last-child{border-right:2px solid #373737}.segmentLeaderboardRow a:last-child{border-right:2px solid #373737}.segmentLeaderboardRow:last-child div,.segmentLeaderboardRow:last-child a{border-bottom:2px solid #373737}.segmentLeaderboardRow a{line-height:1.25;text-decoration:none;white-space:normal;overflow-wrap:anywhere}.segmentLeaderboardRow a:visited{color:#ffffff94}.segmentLeaderboardRow a:hover{color:#ffffffeb}.segmentLeaderboardHeader button{align-items:center;background-color:#2727272e;border-left:2px solid #373737;border-top:2px solid #373737;border-bottom:0;color:#ffffff6b;cursor:pointer;display:flex;gap:.35ch;font-weight:700;justify-content:flex-start;text-align:left;transition:.2s}.segmentLeaderboardHeader button:last-child{border-right:2px solid #373737}.segmentLeaderboardRow div:not(:first-child),.segmentLeaderboardHeader button:not(:first-child){justify-content:center;text-align:center}.segmentLeaderboardColumnControls{align-items:flex-end;display:flex;flex-direction:column;position:relative;padding-bottom:8px}.segmentLeaderboardColumnToggle,.segmentLeaderboardColumnReset,.segmentLeaderboardColumnMoves button{background-color:#25252554;border:1px solid rgba(124,124,124,.18);border-radius:8px;color:#ffffffb8;cursor:pointer;font-family:Roboto Mono,monospace;transition:.15s}.segmentLeaderboardColumnToggle{font-size:.85rem;padding:7px 10px}.segmentLeaderboardColumnMenu{background-color:#151515f5;border:1px solid rgba(124,124,124,.18);border-radius:8px;box-shadow:0 10px 20px #00000040;display:grid;gap:6px;padding:8px;position:absolute;right:0;top:36px;width:min(260px,82vw);z-index:5}.segmentLeaderboardColumnOption{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.segmentLeaderboardColumnOption label{align-items:center;color:#ffffffbd;display:flex;gap:8px;font-size:.85rem;min-width:0}.segmentLeaderboardColumnOption input{accent-color:rgba(215,225,79,.8)}.segmentLeaderboardColumnMoves{display:flex;gap:4px}.segmentLeaderboardColumnMoves button{align-items:center;display:flex;font-size:.8rem;height:28px;justify-content:center;padding:0;width:28px}.segmentLeaderboardColumnReset{font-size:.8rem;justify-self:end;margin-top:2px;padding:6px 9px}.segmentLeaderboardColumnToggle:hover,.segmentLeaderboardColumnReset:hover,.segmentLeaderboardColumnMoves button:hover{color:#ffffffeb;filter:brightness(115%)}.segmentLeaderboardColumnMoves button:disabled,.segmentLeaderboardColumnOption input:disabled,.segmentLeaderboardColumnReset:disabled{cursor:default;filter:brightness(70%);opacity:.55}.segmentLeaderboardHeaderLabel{min-width:0;overflow:hidden;text-overflow:ellipsis}.segmentLeaderboardSortArrow{display:inline-block;flex:0 0 1ch;text-align:center}.segmentLeaderboardHeader button:active{color:#ffffffd1}@media (hover: hover){.segmentLeaderboardHeader button:hover{color:#ffffffd1}}.segmentLeaderboardRow:first-child button:first-child{border-radius:8px 0 0}.segmentLeaderboardRow:first-child button:last-child{border-radius:0 8px 0 0}.segmentLeaderboardRow:last-child a:first-child{border-radius:0 0 0 8px}.segmentLeaderboardRow:last-child div:last-child{border-radius:0 0 8px}@media screen and (max-width: 640px){.segmentLeaderboardContainer{width:85svw}.segmentLeaderboardTable{min-width:680px}.segmentLeaderboardStatus{align-items:stretch;flex-direction:column;font-size:.9rem;text-align:center}.segmentLeaderboardRow{grid-template-columns:minmax(120px,1fr) 8.5ch 6ch 6ch 9.5ch 4ch 6.5ch 4.5ch}.segmentLeaderboardRow div,.segmentLeaderboardRow a,.segmentLeaderboardRow button{font-size:.72rem;padding:7px 3px}}.navbarContainer{position:absolute;top:20px;height:35px;justify-content:center;display:flex;z-index:10;width:100%}.iconAndName{gap:10px;transition:.2s}button{font-family:Roboto Mono,monospace!important}#rcc-decline-button{margin-right:0!important}@media screen and (max-width: 640px){.CookieConsent{justify-content:center!important;text-align:center}.CookieConsent div:first-child{margin-bottom:0!important}}.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-highlight{position:absolute;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 9999px #000000b3;pointer-events:none}.onboarding-tooltip{position:absolute;background:#fff;color:#000;padding:15px;border-radius:8px;width:250px;pointer-events:auto;z-index:1001}.onboarding-tooltip h3{margin-top:0;margin-bottom:10px}.onboarding-buttons{display:flex;justify-content:space-between;margin-top:15px}.onboarding-buttons button{padding:5px 10px;cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:4px}.onboarding-buttons button:first-child{background:#6c757d}