:root{--codocular-color-hex:#e34c26;--codocular-color:227,76,38;--background-color:#000;--main-font-color:#fff}*{box-sizing:border-box}body{height:100vh;color:var(--main-font-color);background-color:var(--background-color);background-image:url(background.ac8b597b.svg);background-position:100px 90px;background-repeat:no-repeat;background-size:600px;margin:0;font-family:arial}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.co-btn{cursor:pointer;text-transform:uppercase;border:1px solid var(--main-font-color);color:var(--main-font-color);box-shadow:0 0 0px 0px rgba(var(--codocular-color),.8);background:0 0;border-radius:5px;align-items:center;padding:7px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.co-btn:hover{box-shadow:0 0 15px 0px rgba(var(--codocular-color),.8);border-color:rgb(var(--codocular-color))}.co-btn:active{box-shadow:0 0 15px 3px rgba(var(--codocular-color),.8);transition:all .1s}.co-btn--link{border:0;text-decoration:underline}.co-btn--link:hover{box-shadow:none;color:rgb(var(--codocular-color));border:0}.co-btn--link:after{content:" ↗";font-weight:500;text-decoration:none}.footer{width:100%;padding:20px;font-size:10px;position:absolute;bottom:0;left:0}.footer-links{justify-content:center;column-gap:10px;margin-bottom:10px;display:flex}.footer-copyright{text-align:center;font-size:12px}.footer-copyright a{color:rgb(var(--codocular-color));font-weight:600}.lil-gui{--number-color:rgb(var(--codocular-color))}:root{--timer-size:50px;--timer-color:#fff;--timer-error-color:red;--flood-opacity:.8}.timer{width:var(--timer-size);height:var(--timer-size);font-size:var(--timer-size);position:relative}.timer.turbulence-effect{filter:url(#timer-light-effect)}.timer__time-wrap{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.timer.is-paused *{animation-play-state:paused!important}.timer.is-finished,.timer.flashing{--flood-opacity:.5}.timer.flashing .timer__time{color:var(--timer-error-color);animation:1s infinite scale-text}.timer.flashing .timer__svg__progress{stroke:var(--timer-error-color);animation:1s infinite flashing}.timer.flashing .timer__svg__progress-bg{stroke:var(--timer-error-color)}.timer.is-finished .timer__time{color:var(--timer-error-color)}.timer.is-finished .timer__svg__progress,.timer.is-finished .timer__svg__progress-bg{stroke:var(--timer-error-color)}.timer__time-wrap{clip-path:circle(40%)}.timer.turbulence-effect .timer__time-wrap{filter:url(#timer-turbulence-filter)}.timer.light-effect .timer__time-wrap{filter:url(#timer-light-effect)}.timer__time{text-align:center;width:100%;color:var(--timer-color);font-size:.3em;position:absolute;top:50%;transform:translateY(-50%)}.timer.turbulence-effect .timer__time{top:48%;left:-2%}.timer__svg{width:100%;height:100%}.timer.turbulence-effect .timer__svg{filter:url(#timer-turbulence-filter)}.timer__svg__progress,.timer__svg__progress-bg{stroke-width:3px;fill:none}.timer__svg__progress{stroke:var(--timer-color)}.timer.light-effect .timer__svg__progress{filter:url(#timer-light-effect)}.timer.turbulence-effect .timer__svg__progress{stroke-width:1px;cx:48%;cy:48%;stroke-linecap:round}.timer__svg__progress-bg{stroke:var(--timer-color);opacity:.2}.timer.turbulence-effect .timer__svg__progress-bg{opacity:0}.timer.default .timer__svg__progress,.timer.default .timer__svg__progress-bg{transition:all 1s linear}.timer.scale .timer__time{animation:1s 1s infinite scale-text}.timer.down-text .timer__time{animation:1s .5s infinite down-text}.timer.right-text .timer__time{animation:1s .5s infinite right-text}@keyframes flashing{0%{opacity:1}to{opacity:.5}}@keyframes down-text{0%{filter:blur();transform:translateY(-50%)}50%{filter:blur(10px);transform:translateY(300%)}50.0001%{filter:blur(10px);transform:translateY(-300%)}to{filter:blur();transform:translateY(-50%)}}@keyframes right-text{0%{filter:blur();transform:translateY(-50%)}50%{filter:blur(10px);transform:translate(300%,-50%)}50.0001%{filter:blur(10px);transform:translate(-300%,-50%)}to{filter:blur();transform:translateY(-50%)}}@keyframes scale-text{0%{opacity:1;transform:translateY(-50%)scale(1.5)}to{opacity:.5;transform:translateY(-50%)scale(1)}}:root{--timer-size-custom:50px}#timer-custom{--timer-size:var(--timer-size-custom)}.timer-demo-buttons{gap:10px;margin-bottom:30px;display:flex}