.race-clock{background-color:#000;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6))),url(/static/media/img_background.f255743c.webp);background-image:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/static/media/img_background.f255743c.webp);background-size:cover;color:#3ac4e7;font-family:Century Gothic,monospace;padding:40px;text-align:center;position:relative;overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:50px;gap:50px}.race-clock-logo-rp3{background-image:url(/static/media/logo_rp3.5db78ea9.svg);background-repeat:no-repeat;background-size:contain;background-position:50%;height:5em;width:100%;display:block}.race-clock-title{color:#fff;opacity:.4;font-size:5em;text-transform:uppercase;font-weight:lighter}.time-display{margin:60px 0;padding:30px 0;grid-gap:30px;gap:30px;width:80vw;border-top:3px dashed #333;border-bottom:3px dashed #333}.time-display .label{font-size:1.5em;color:#ccc}.time-value{font-size:12em;font-weight:200;letter-spacing:-10px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.start-animation{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(58,196,231,.2);z-index:1000;-webkit-animation:fade-in .5s forwards,hide-after 0s 1.5s forwards;animation:fade-in .5s forwards,hide-after 0s 1.5s forwards;will-change:opacity,visibility;pointer-events:none}.start-text{font-size:8em;color:#fff;background-color:#3ac4e7;padding:20px 40px;border-radius:10px;z-index:1001;font-weight:900;text-shadow:0 0 20px #000;-webkit-animation:scale-up .4s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:scale-up .4s cubic-bezier(.68,-.55,.27,1.55) forwards}.start-circle{position:absolute;width:80%;height:80%;border-radius:50%;border:15px solid #3ac4e7;box-shadow:0 0 50px #3ac4e7;opacity:0}.finish-animation{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(58,196,231,.2);z-index:1000;-webkit-animation:fade-in .5s forwards,hide-after 0s 1.5s forwards;animation:fade-in .5s forwards,hide-after 0s 1.5s forwards;will-change:opacity,visibility;pointer-events:none}.finish-text{font-size:8em;color:#fff;background-color:#3ac4e7;padding:20px 40px;border-radius:10px;z-index:1001;font-weight:900;text-shadow:0 0 20px #000;-webkit-animation:scale-up .4s cubic-bezier(.68,-.55,.27,1.55) forwards;animation:scale-up .4s cubic-bezier(.68,-.55,.27,1.55) forwards}.finish-circle{position:absolute;width:80%;height:80%;border-radius:50%;border:15px solid #3ac4e7;box-shadow:0 0 50px #3ac4e7;opacity:0}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:.7;border-width:10px}to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0;border-width:1px}}@keyframes pulse{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}50%{opacity:.7;border-width:10px}to{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0;border-width:1px}}.pulse{-webkit-animation:pulse 1s cubic-bezier(.25,.46,.45,.94);animation:pulse 1s cubic-bezier(.25,.46,.45,.94)}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(.1);transform:scale(.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hide-after{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@keyframes hide-after{0%{visibility:visible;opacity:1}to{visibility:hidden;opacity:0}}@font-face{font-family:Century Gothic;src:url(/static/media/CenturyGothic.4276491c.woff2) format("woff2"),url(/static/media/CenturyGothic.ca061bb3.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{background-color:#ededed;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}a{cursor:pointer}@media print{body{background-color:#fff}@page{size:auto;margin:0}}
/*# sourceMappingURL=main.b35fe0e8.chunk.css.map */