*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#363636;color:#fff}._settings_dvc7x_1{background-color:inherit;cursor:pointer;border:none;display:flex;justify-content:center;align-items:center}._icon_dvc7x_10{color:#fff;transition:transform 1s}._icon_dvc7x_10:hover{transform:rotate(180deg)}._title_dvc7x_19{font-size:3rem;text-transform:uppercase;letter-spacing:5px;display:flex;gap:10px;justify-content:center;align-items:center}._content_dvc7x_29{display:flex;flex-direction:column;gap:50px}@media screen and (max-width: 600px){._title_dvc7x_19{font-size:2rem}._settings_dvc7x_1{transform:scale(.8)}}._controlButton_1n8fb_1{background-color:#31638f;border:none;cursor:pointer;width:70px;height:70px;display:flex;justify-content:center;align-items:center;box-shadow:2px 2px 8px #313131;border-radius:6px}._controls_1n8fb_15{display:flex;gap:20px;justify-content:center;align-items:center}._icon_1n8fb_22{color:#fff}._timer_1n8fb_26{width:520px;height:520px;display:grid;grid-template-rows:2fr 1fr 2fr;border-radius:50%;box-shadow:8px 8px 16px #272727}._time_1n8fb_26{font-size:6rem;display:flex;justify-content:center;align-items:center}._labels_1n8fb_52{display:flex;gap:20px;box-shadow:2px 2px 8px #313131;padding:10px;border-radius:8px}._labels_1n8fb_52._pomodoro_1n8fb_61,._controlButton_1n8fb_1._pomodoro_1n8fb_61{background-color:#9c3d3d}._labels_1n8fb_52._shortBreak_1n8fb_66,._controlButton_1n8fb_1._shortBreak_1n8fb_66{background-color:#477988}._labels_1n8fb_52._longBreak_1n8fb_71,._controlButton_1n8fb_1._longBreak_1n8fb_71{background-color:#205786}._controlButton_1n8fb_1._pomodoro_1n8fb_61:hover{background-color:#b15555}._controlButton_1n8fb_1._shortBreak_1n8fb_66:hover{background-color:#508596}._controlButton_1n8fb_1._longBreak_1n8fb_71:hover{background-color:#2c6597}._separator_1n8fb_88{font-weight:900}._activeLabel_1n8fb_92{font-weight:900;color:#fff}._inactiveLabel_1n8fb_97{color:#fff;opacity:.5}._header_1n8fb_102{display:flex;justify-content:center;align-items:center;gap:20px;flex-direction:column;margin-top:40px}._pomodoro_1n8fb_61{background-color:#8d2b2b}._shortBreak_1n8fb_66{background-color:#14718d}._longBreak_1n8fb_71{background-color:#0a4375}@media screen and (max-width: 600px){._timer_1n8fb_26{width:300px;height:300px}._time_1n8fb_26{font-size:2rem}._controlButton_1n8fb_1{width:40px;height:40px}._icon_1n8fb_22._square_1n8fb_138{transform:scale(.7)}._labels_1n8fb_52{font-size:.5rem;padding:7px}._session_1n8fb_147{font-size:.7rem}}._settingsContainer_kwsub_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;color:#000}._settings_kwsub_1{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000004d;position:relative;display:flex;flex-direction:column;gap:10px;width:280px}._inputs_kwsub_27{display:flex;flex-direction:column;gap:10px}._input_kwsub_27{display:flex;flex-direction:column;gap:5px}._input_kwsub_27 input{width:200px}._slider_kwsub_43{display:flex;gap:10px}._closeButton_kwsub_48{width:100px;height:40px;margin:10px auto;font-size:1.2rem;font-weight:500;border:4px solid rgb(38,128,207);border-radius:12px;color:#2680cf;background-color:#fff;cursor:pointer}._closeButton_kwsub_48:hover{background-color:#2680cf;color:#fff}