: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);white-space:nowrap;box-shadow:0 4px 6px #0000004d;font-family:Roboto Mono,monospace}.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}.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);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}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%}}.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}