@import "https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Trade+Winds&display=swap";@import "https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Trade+Winds&display=swap";@import "https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Trade+Winds&display=swap";:root{--blue-dark:#17253b;--grey-dark:#3d4b5a;--yellow-light:#f3e3b9;--yellow-dark:#f9d0a8;--orange:#daa792;--grey:#a3adcd;--blue:#a4c0ed;--blue-light:#d3dbe9;--cyan:#c5ebf8}.title-font{font-family:Trade Winds,system-ui;font-weight:400;font-style:bold;color:#fff;margin:0;font-size:50px}p,.base-font,input{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Sour Gummy,sans-serif;font-style:normal}input{box-sizing:border-box;background:var(--blue-light);width:100%;max-width:300px;box-shadow:0 4px 12px var(--blue-dark), inset 0 1px 0 var(--blue-light);color:var(--blue-dark);border:none;border-radius:999px;padding:14px 18px;font-size:1rem;transition:all .25s}input:focus{box-shadow:0 0 0 3px var(--cyan), 0 8px 20px var(--blue-dark);transform:scale(1.03)}.foreground{background:var(--blue-dark);border:1px solid var(--grey-dark);width:22vw;min-width:340px;box-shadow:0 5px 5px var(--blue-dark), 0 0 5px var(--blue-light);opacity:.85;border-radius:50px;flex-direction:column;align-items:center;gap:18px;padding:32px;display:flex;position:absolute;top:30%}input{width:100%;padding:14px 18px}.buttons{background:var(--grey-dark);color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;padding:14px;font-size:1.1rem;font-weight:600;transition:all .2s}.buttons:hover{background:var(--blue);color:var(--blue-dark);transform:translateY(-2px)}.background{overflow:hidden}.main{place-items:center;padding:5%}.b-google{width:100%;color:var(--grey-dark);cursor:pointer;box-shadow:0 4px 12px var(--blue-dark);background:#fff;border:none;border-radius:50px;padding:14px;font-size:1.1rem;font-weight:600;transition:all .2s}.b-google:hover{background:var(--blue-light);transform:translateY(-2px)}.login{background-image:url(/assets/Sync-bg-DmXz-pBt.png);background-position:50%;background-size:cover;width:100vw;height:100vh;overflow:hidden}.logo{background-image:url(/assets/Sync-logo-CUXFMeSl.png);background-position:50%;background-size:cover;justify-self:center;width:25%;min-width:340px;height:35%;position:absolute;top:0%}.cloud{width:auto;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes catcloud1{0%{left:-25%}to{left:100%}}.cat-cloud-1{opacity:.6;height:25%;animation-name:catcloud1;animation-duration:200s;top:5vh}@keyframes catcloud2{0%{left:125%}to{left:-25%}}.cat-cloud-2{opacity:.5;height:20%;animation-name:catcloud2;animation-duration:180s;animation-timing-function:linear;animation-iteration-count:infinite;top:10vh}@keyframes catcloud3{0%{left:100%}to{left:-25%}}.cat-cloud-3{opacity:.75;height:30%;animation-name:catcloud3;animation-duration:150s;top:30vh}@keyframes gencloud1{0%{left:-25%}to{left:100%}}.gen-cloud-1{opacity:.33;height:25%;animation-name:gencloud1;animation-duration:200s;top:2vh}@keyframes gencloud2{0%{left:100%}to{left:-33%}}.gen-cloud-2{opacity:.38;height:30%;animation-name:gencloud2;animation-duration:200s;top:25vh}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float2{0%,to{transform:translate(0)rotate(-3deg)}25%{transform:translate(4px,-8px)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}75%{transform:translate(-4px,-6px)rotate(0)}}@keyframes float3{0%{transform:translate(0)}25%{transform:translate(6px,-8px)}50%{transform:translateY(-14px)}75%{transform:translate(-6px,-8px)}to{transform:translate(0)}}@keyframes flapLeft{0%,to{transform:translate(-100%)rotate(-20deg)}50%{transform:translate(-100%)rotate(-35deg)}}@keyframes flapRight{0%,to{transform:rotate(20deg)}50%{transform:rotate(35deg)}}.bird{opacity:.7;z-index:1;width:24px;height:12px;position:absolute}.bird:before{content:"";border:2px solid var(--blue-dark);border-color:var(--blue-dark) transparent transparent transparent;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:2px}.bird:after{content:"";border:2px solid var(--blue-dark);border-color:var(--blue-dark) transparent transparent transparent;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:2px}.bird-1{animation:20s ease-in-out infinite float1;top:20%;left:15%;scale:1}.bird-2{animation:30s ease-in-out infinite float2;top:12%;right:20%;scale:.8}.bird-3{animation:25s ease-in-out infinite float3;top:35%;left:75%;scale:1.2}.timer-count{font-family:Sour Gummy,sans-serif;font-size:100px;font-style:normal}:root{--blue-dark:#17253b;--grey-dark:#3d4b5a;--yellow-light:#f3e3b9;--yellow-dark:#f9d0a8;--orange:#daa792;--grey:#a3adcd;--blue:#a4c0ed;--cyan:#c5ebf8}.runMain{background:var(--blue);min-height:100vh;color:var(--blue-dark);font-optical-sizing:auto;background-image:url(/assets/Sync-bg-DmXz-pBt.png);background-position:50%;background-size:cover;justify-content:center;place-items:center;width:100vw;height:100vh;font-family:Sour Gummy,sans-serif;font-style:normal;display:flex;overflow:hidden}.runForeground{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.runButtons{gap:2%;display:flex}.runButton,.b-past{background-color:var(--grey-dark);color:#fff;border:0;border-radius:10%;padding:1%}p,.runButton,.b-past{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Sour Gummy,sans-serif;font-size:20px;font-style:normal}.runButton{font-size:18px}.b-past{cursor:pointer;z-index:100;border-radius:8px;padding:10px 16px;position:absolute;top:20px;left:20px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}.map{z-index:0;width:100vw;height:65vh;position:absolute;top:0;left:0}.run-stats,.spodify,.paceInput{z-index:1;flex-direction:column;place-items:center;display:flex;position:relative}.runButtons{z-index:1;place-items:center;position:relative}.b-connectS{color:var(--grey-dark);cursor:pointer;box-shadow:0 4px 12px var(--blue-dark);background:#fff;border:none;border-radius:50px;padding:10px;font-size:1rem;font-weight:600;transition:all .2s}.b-connectS:hover{background:var(--blue-light);transform:translateY(-2px)}.pace-input{background-color:var(--grey-dark);color:#fff;border-radius:8px;padding:10px}.Maps_Box{width:100%;height:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000004d 70%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000004d 70%,#0000 100%)}.b-playlist{width:100%;color:var(--grey-dark);cursor:pointer;box-shadow:0 4px 12px var(--blue-dark);background:#fff;border:none;border-radius:50px;padding:10px;font-size:1rem;font-weight:600;transition:all .2s}.b-playlist:hover{background:var(--blue-light);transform:translateY(-2px)}.pastRunsContainer{width:100%;max-width:900px;color:var(--blue-dark);margin:0 auto;padding:20px}.pastRunsTitle{text-align:center;color:var(--blue-dark);margin-bottom:25px;font-size:2rem;font-weight:700}.runsList{flex-direction:column;gap:15px;display:flex}.runCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.8;background:#ffffffbf;border:1px solid #17253b26;border-radius:16px;padding:18px 24px;transition:all .2s;box-shadow:0 4px 12px #0000001f}.runCard:hover{opacity:1;background:#ffffffe6;transform:translateY(-2px)}.runDistance{color:var(--blue-dark);margin-bottom:8px;font-size:1.4rem;font-weight:700}.runDate{color:var(--grey-dark);opacity:.9;font-size:.95rem}.emptyRuns{text-align:center;color:var(--blue-dark);margin-top:40px;font-size:1.1rem}.loadingRuns{text-align:center;color:var(--blue-dark);margin-top:40px;font-size:1.2rem}.runStats{justify-content:space-between;align-items:center;display:flex}.runStat{text-align:center}.runStatLabel{color:var(--grey-dark);margin-bottom:4px;font-size:.8rem}.runStatValue{color:var(--blue-dark);font-size:1.1rem;font-weight:600}.past{background-image:url(/assets/Sync-bg-DmXz-pBt.png);background-position:50%;background-size:cover;width:100vw;height:100vh;padding:20px;position:relative;overflow-y:auto}.backgroundMap{z-index:0;opacity:.35;filter:blur(2px);pointer-events:none;position:fixed;inset:0}.pastRunsContainer{z-index:1;width:100%;max-width:900px;margin:0 auto;padding:20px;position:relative}.runCard{min-height:220px;position:relative;overflow:hidden}.runCardMap{z-index:0;position:absolute;inset:0}.runCardContent{z-index:1;color:#fff;flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.runDistance{margin-bottom:6px;font-size:1.5rem;font-weight:700}.runDate{opacity:.95;font-size:.95rem}