body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.buttons,h1{margin:15px}.buttons button{padding:10px;font-size:16px;border:1px solid #000}.buttons button:not(last-child){margin-right:15px}header{max-width:300px}header,main{margin:15px auto}main{max-width:270px}.tomato{height:200px;width:200px;position:relative;margin-bottom:15px}.tomato .body{height:100%;width:100%;-webkit-clip-path:ellipse(50% 42% at 50% 50%);clip-path:ellipse(50% 42% at 50% 50%);background:radial-gradient(ellipse at 80% 20%,#fff,red 50%);transform:translateY(8%)}.tomato .stem{height:20%;width:50%;position:absolute;top:0;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse at 80% 20%,#fff,green 50%);-webkit-clip-path:polygon(35% 100%,0 60%,30% 55%,8% 10%,41% 38%,67% 3%,60% 55%,100% 38%,61% 100%);clip-path:polygon(35% 100%,0 60%,30% 55%,8% 10%,41% 38%,67% 3%,60% 55%,100% 38%,61% 100%)}.tomato figcaption{font-size:40px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#fff}.tomato.break .body{background:radial-gradient(ellipse at 80% 20%,#fff,green 50%)}.pomodoro button{padding:10px;background-color:#fff;-webkit-appearance:none;width:100px;text-align:center}.pomodoro button:not(:last-child){margin-right:15px}.pomodoro button.primary{font-size:20px;width:215px}.pomodoro .secondary{margin-top:15px}.pomodoro.pomodoro button.primary{background-color:green;color:#fff}.pomodoro.break button.primary{background-color:red;color:#fff}.mute{margin:15px 60px}.coffee{height:200px;width:200px;position:relative;margin-bottom:15px;-webkit-clip-path:polygon(20% 100%,80% 100%,100% 0,0 0);clip-path:polygon(20% 100%,80% 100%,100% 0,0 0);background:radial-gradient(circle at 90% 10%,#fff,#5f4108 40%)}.coffee figcaption{font-size:40px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#5f4108;background:radial-gradient(circle at 50% 50%,#fff,#5f4108 110%);width:100%;padding:15px;text-align:center}.coffee.continue{transform:scale(.8)}.coffee.wrapup{transform:scale(.6)}figure{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}.leanCoffee button{padding:10px;background-color:#fff;-webkit-appearance:none;width:100px;text-align:center}.leanCoffee button:not(:last-child){margin-right:15px}.leanCoffee button.primary{font-size:20px;width:215px;background-color:green;color:#fff}.leanCoffee .secondary{margin-top:15px}.leanCoffee .secondary.full-width button{width:215px}
/*# sourceMappingURL=main.5dfbfa44.chunk.css.map */