:root{font-weight:400;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0}#break-increment,#break-decrement,#session-increment,#session-decrement{width:80px;height:80px;border:none;background:transparent;cursor:pointer;position:relative}#break-increment:before,#break-decrement:before,#session-increment:before,#session-decrement:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent}#break-increment:before,#session-increment:before{border-bottom:30px solid black;top:50%;transform:translate(-50%) translateY(-50%)}#break-decrement:before,#session-decrement:before{border-top:30px solid black;top:50%;transform:translate(-50%) translateY(-50%)}#break-increment:hover:before,#session-increment:hover:before{border-bottom-color:#fff}#break-decrement:hover:before,#session-decrement:hover:before{border-top-color:#fff}.icon-controls{display:flex;gap:12px;justify-content:center;margin-top:20px}.icon-controls button{width:40px;height:40px;background:transparent;border:none;position:relative;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.icon-controls button:hover{background-color:#f0f0f0}#pause:before,#pause:after{content:"";position:absolute;top:8px;width:6px;height:24px;background-color:#333}#pause:before{left:10px}#pause:after{right:10px}#resume:before{content:"";position:absolute;top:8px;left:12px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:16px solid #333}#restart:before{content:"";position:absolute;width:20px;height:20px;border:3px solid #333;border-radius:50%;top:9px;left:9px;border-right-color:transparent;border-top-color:transparent;transform:rotate(-45deg)}#restart:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-left:3px solid #333;border-bottom:3px solid #333;transform:rotate(-45deg)}.screen,.default,.timer{color:#fff}.screen{display:flex;justify-content:center;font-size:3rem;margin-top:1.5rem}.adjuster{width:auto;height:50vh;display:flex;justify-content:center;align-items:center}.break-container,.session-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:2rem}.break-container{padding-right:10rem}.countdown{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px white solid;margin-left:42%;padding:.8rem;width:11rem;border-radius:10%}#end-session{font-size:1.5rem}.timer{font-size:4rem}