#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.tabs{height:80px;align-items:center;display:flex;position:relative;background-color:#fff;box-shadow:0 0 1px #185ee026,0 6px 12px #185ee026;padding:.75rem;border-radius:99px}.container{width:600px;height:80px!important;margin:0 auto}.tabs *{z-index:2}.container input[type=radio]{display:none}.tab{display:flex;align-items:center;justify-content:center;height:60px;width:300px;font-size:.8rem;color:#000;font-weight:500;border-radius:99px;cursor:pointer;transition:color .15s ease-in}.notification{display:flex;align-items:center;justify-content:center;width:.8rem;height:.8rem;position:absolute;top:10px;left:30%;font-size:10px;margin-left:.75rem;border-radius:50%;margin:0;background-color:#e6eef9;transition:.15s ease-in}.container input[type=radio]+label{font-size:20px}.container input[type=radio]:checked+label{color:#185ee0}.container input[type=radio]:checked+label>.notification{background-color:#185ee0;color:#fff;margin:0}.container input[id=radio-1]:checked~.glider{transform:translate(0)}.container input[id=radio-2]:checked~.glider{transform:translate(100%)}.glider{position:absolute;display:flex;height:60px;width:300px!important;background-color:#e6eef9;z-index:1;border-radius:99px;transition:.25s ease-out}@media (max-width: 700px){.tabs{transform:scale(.6)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins;height:100vh;background:#393939;color:#fff}#root{height:100%;display:flex;flex-direction:column;justify-content:space-between}#timer-box{font-size:96px}#counter{display:flex;justify-content:center;align-items:center;height:144px;transition:.5s ease}.container{height:100%;display:flex;align-items:center;justify-content:center}.container span{width:60px}.colon{margin:0 10px;vertical-align:middle!important;width:20px!important;height:fit-content}.buttons{display:flex;justify-content:center;align-items:center;gap:8px;font-size:75px;height:102px}.plus{height:50%;cursor:pointer}.play-pause{height:100%;cursor:pointer}.minus{height:50%;cursor:pointer}