.TodoItem_item__4Qubw{border-radius:1rem;animation:TodoItem_fade-in__Frtqd .25s ease-in-out;box-shadow:0 0 .5rem rgba(0,0,0,.075);padding:1rem;display:flex;justify-content:space-between}.TodoItem_item__4Qubw svg{font-size:1.25rem;cursor:pointer}.TodoItem_delete__stCkc{animation:TodoItem_fade-out__JYxGy .25s ease-in-out forwards}@keyframes TodoItem_fade-in__Frtqd{0%{opacity:0;transform:translateX(6rem)}to{opacity:1;transform:translateX(0)}}@keyframes TodoItem_fade-out__JYxGy{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(6rem)}}.Todo_form__tFhPP{display:flex;gap:1rem;white-space:nowrap;margin-bottom:1rem}.Todo_list__mDsO8{margin:-1rem;padding:1rem;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.Todo_list__mDsO8 .Todo_item__EoCZo{border-radius:1rem;box-shadow:0 0 .5rem rgba(0,0,0,.075);padding:1rem;display:flex;justify-content:space-between}.Todo_list__mDsO8 .Todo_item__EoCZo svg{font-size:1.25rem;cursor:pointer}.Backdrop_backdrop__SUQba{position:fixed;inset:0;z-index:7;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:rgba(0,0,0,.25)}.Backdrop_backdrop__SUQba.Backdrop_open__k8LP2{animation:Backdrop_fade-in__hdtnP .25s ease-in-out forwards}.Backdrop_backdrop__SUQba.Backdrop_close__2dz4Y{animation:Backdrop_fade-out__6mr7M .25s ease-in-out forwards}@keyframes Backdrop_fade-in__hdtnP{0%{opacity:0}to{opacity:1}}@keyframes Backdrop_fade-out__6mr7M{0%{opacity:1}to{opacity:0}}.PomodoroModal_modal__db1g1{border-radius:1rem;position:fixed;top:10vh;left:50%;height:80vh;width:min(100%,45rem);transform:translateX(-50%);z-index:10;overflow-y:scroll;background-color:#fff}.PomodoroModal_modal__db1g1::-webkit-scrollbar{display:none}.PomodoroModal_modal__db1g1 header{position:-webkit-sticky;position:sticky;top:0;padding:1rem;box-shadow:0 0 1rem rgba(0,0,0,.05);background-color:#fff;display:flex;justify-content:space-between;align-items:center}.PomodoroModal_modal__db1g1 header h1{font-size:1.5rem;margin:.5rem 0}.PomodoroModal_modal__db1g1 header svg{font-size:1.5rem;cursor:pointer}.PomodoroModal_modal__db1g1 section{padding:0 1rem}.PomodoroModal_modal__db1g1 section h3{font-size:1.25rem}.PomodoroModal_modal__db1g1 section p{margin:.5rem 0}.PomodoroModal_modal__db1g1 section ol{padding-left:1.5rem}.PomodoroModal_modal__db1g1 section ol li{margin:.5rem 0}.PomodoroModal_modal__db1g1.PomodoroModal_open__1W93N{animation:PomodoroModal_pop-in__T5fw8 .25s ease-in-out forwards}.PomodoroModal_modal__db1g1.PomodoroModal_close__CVUix{animation:PomodoroModal_pop-out__q74XX .25s ease-in-out forwards}@keyframes PomodoroModal_pop-in__T5fw8{0%{opacity:0;top:5vh}to{opacity:1;top:10vh}}@keyframes PomodoroModal_pop-out__q74XX{0%{opacity:1;top:10vh}to{opacity:0;top:5vh}}.Pomodoro_pomodoro__aaByu .Pomodoro_control__Kbzh4{margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.Pomodoro_pomodoro__aaByu .Pomodoro_control__Kbzh4 h1{margin:0}.Pomodoro_pomodoro__aaByu .Pomodoro_control__Kbzh4 div svg{font-size:1.5rem;cursor:pointer}.Pomodoro_pomodoro__aaByu .Pomodoro_clock__L9nUv{cursor:pointer;background-size:200% auto;transition:all 1s;margin:auto auto 2rem;width:min(25rem,75%);aspect-ratio:1/1;outline:1rem solid hsla(0,0%,100%,.25);outline-offset:-1rem;border-radius:50%;box-shadow:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.Pomodoro_pomodoro__aaByu .Pomodoro_clock__L9nUv h1{font-size:min(7vw,3rem);margin:0}.Pomodoro_pomodoro__aaByu .Pomodoro_clock__L9nUv span{font-size:min(4vw,1rem);text-transform:uppercase;font-weight:700}.Pomodoro_pomodoro__aaByu .Pomodoro_clock__L9nUv.Pomodoro_break__Jkdiw{color:rgba(0,0,0,.7);outline-color:hsla(0,0%,100%,.5);box-shadow:0 0 2rem rgba(0,0,0,.05)}.Pomodoro_pomodoro__aaByu .Pomodoro_action__j75a3{display:flex;justify-content:center;align-items:center;gap:2rem}.Pomodoro_pomodoro__aaByu .Pomodoro_action__j75a3 svg{width:1.5rem;height:1.5rem;padding:1rem;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:background-color .25s ease-in-out}.Pomodoro_pomodoro__aaByu .Pomodoro_action__j75a3 svg:nth-child(2){width:2rem;height:2rem;font-size:2rem}.Pomodoro_pomodoro__aaByu .Pomodoro_action__j75a3 svg:hover{background-color:rgba(0,0,0,.05)}.Pomodoro_pomodoro__aaByu .Pomodoro_action__j75a3 svg:active{background-color:rgba(0,0,0,.1)}