body{margin:0;font-family:Neuton,-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}@font-face{font-family:Neuton Bold;src:url(/static/neuton-bold-Dtg9d4AH.ttf)}@font-face{font-family:Merit;src:url(/static/merit4-ByQTuxiB.ttf)}@font-face{font-family:Neuton;src:url(/static/neuton-regular-DHVrHKSr.ttf)}.App{text-align:center;background:linear-gradient(-45deg,#7bc9ff,#000,#7bc9ff,#fff);animation:gradient 60s infinite;background-size:400% 400%}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-up{0%{transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes logo-spin{0%{transform:rotate(0);opacity:1}to{transform:rotate(360deg);opacity:1}}@keyframes gradient{0%,to{background-position:50%}50%{background-position:0}}.DirectTimerEditing span{font-size:4em;font-family:Neuton,serif}.DirectTimerEditing input{font-size:4em;width:100px;padding:4rem 0;background-color:unset;border:unset;font-family:Neuton Bold,serif}@media(min-width:480px){.DirectTimerEditing input,.DirectTimerEditing span{font-size:7em;width:140px}}@media(min-width:767px){.DirectTimerEditing input,.DirectTimerEditing span{font-size:9em;width:180px}}.Timer{min-height:50vh}.Timer>h1{padding:3rem 0;font-size:6em;margin:0;font-family:Neuton Bold,serif;-webkit-animation:.3s popIn forwards;-o-animation:.3s popIn forwards;animation:.3s popIn forwards;cursor:pointer}.TimerButtons{display:flex;justify-content:space-evenly}.TimerButtons button{font-family:Neuton Bold,serif;margin:8px}@media(min-width:480px){.Timer>h1{padding:4rem 0;font-size:7em}.TimerButtons button{margin:8px 16px}}@media(min-width:767px){.Timer>h1{padding:4rem 0;font-size:9em}}._standard_a2qoy_1._active_a2qoy_1{background-color:#d9d9d9}._standard_a2qoy_1:hover{background-color:#f3f3f3}._accept_a2qoy_7._active_a2qoy_1{background-color:#76e88d}._accept_a2qoy_7:hover{background-color:#a2efb1;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._caution_a2qoy_14._active_a2qoy_1{background-color:#e8c676}._caution_a2qoy_14:hover{background-color:#efd7a2;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._cancel_a2qoy_22._active_a2qoy_1{background-color:#e88d76}._cancel_a2qoy_22:hover{background-color:#efb1a2;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d}._standard_a2qoy_1:active,._accept_a2qoy_7:active,._cancel_a2qoy_22:active{box-shadow:1px 1px 4px 2px #00000034 inset}._disabled_a2qoy_32{color:silver;background-color:#d9d9d9;box-shadow:unset!important;cursor:not-allowed!important}._disabled_a2qoy_32>img{filter:opacity(.3)}._Button_1b1g2_1{padding:16px;margin:8px 16px;width:150px;cursor:pointer;box-shadow:0 2px 4px 4px #00000017;border-radius:4px;border:0;font-weight:700;transition:background-color .12s;text-transform:uppercase;height:fit-content}._LabeledIconButton_ad93d_1{width:90px;height:90px;padding:16px;cursor:pointer;background-color:#fff;box-shadow:0 2px 4px 4px #00000017;border-radius:4px;border:0;color:#000;font-weight:700;transition:background-color .12s;text-transform:uppercase}._LabeledIconButton_ad93d_1>img{width:40px;height:40px}._ButtonIcon_xo07p_1{padding:6px;margin:8px;cursor:pointer;background-color:#fff;box-shadow:0 2px 4px 4px #00000017;border-radius:4px;border:0;transition:background-color .12s;height:fit-content;width:fit-content}._ButtonIcon_xo07p_1>img{width:45px;height:45px}._CloseButton_dxp2e_1{border-radius:4px;width:24px;height:24px;margin:0;border:unset;background-color:unset;font-weight:bolder;cursor:pointer;transition:background-color .12s;color:#00000068;position:absolute;top:16px;right:16px}._CloseButton_dxp2e_1:hover{background-color:#efb1a2;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d;color:#0009}._CloseButton_dxp2e_1:active{background-color:#e88d76;box-shadow:1px 1px 4px 2px #00000034 inset}._Input_1acfn_1{font-size:large;border-radius:8px;padding:16px}._InputError_1acfn_6{border:red 2px solid!important;background-color:#efb1a2}._Input_1acfn_1:not([type=range]){box-shadow:2px 2px 4px 4px #00000017;border:1px none}._InputWrapper_1acfn_14{display:block;position:relative}._Error_1acfn_18{position:relative;color:red}._SpacedLabel_1se2m_1{display:flex;justify-content:space-between;width:100%;margin:1rem 0}._SpacedLabel_1se2m_1>label{font-size:large}._SpacedLabel_1se2m_1>*{margin:auto 1rem}._FloatingLabel_17w33_1{display:block;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:0;top:0;z-index:1;padding:0 4px;transform-origin:left top 0;transform:scale(1) translate(4px,16px);pointer-events:none;color:silver;-webkit-user-select:none;user-select:none;width:fit-content;border-radius:4px 4px 0 0;background-color:#fff;transition:transform .3s,background-color .3s}._FloatingLabel_17w33_1._float_17w33_20{left:0;top:0;padding:0 4px;background-color:#fff;height:fit-content;transform:scale(.75) translate(12px,-12px);color:#8d8d8d}._FloatingLabelInput_1384t_1{width:fit-content;text-wrap:nowrap;display:inline-flex;flex-direction:column;position:relative;z-index:0;min-width:0;padding:0;margin:4px;border:0}._FloatingLabelInputButton_yopxd_1{position:absolute;right:0;top:0;transform:scale(1) translate(-8px,8px);box-shadow:0 0 1px #00000090;width:36px;height:36px;margin:0;font-size:2rem;text-align:center;padding:0 0 0 5px;display:flex;line-height:1.1}._ModalWrapper_14a9u_1{position:fixed;background:#0009;width:100vw;height:100vh;top:0;justify-content:center;left:0;z-index:1;display:inline-flex}._ModalCard_14a9u_13{position:fixed;top:25%;left:50%;transform:translate(-50%,-25%);background-color:#fff;overflow-y:auto;margin-top:1rem;border-radius:16px;min-height:300px;height:85vh;max-height:750px;min-width:300px;width:80vw;max-width:750px;padding:16px;z-index:2}._ModalContent_xcd3p_1{display:grid;grid-template-rows:auto 1fr auto;align-content:space-between;height:100%}._ModalHeader_xcd3p_8{text-align:center;color:#000;margin:0}._ModalBody_xcd3p_14{overflow-y:auto}._ModalActionGroup_xcd3p_18{display:flex;justify-content:space-between;width:100%;max-height:fit-content;border-top:1.5px solid #00000034}._ModalTabs_gtwho_1{display:flex;justify-content:space-evenly;border-bottom:1.5px solid #00000034}._ModalTabs_gtwho_1>h1:hover{background-color:#d9d9d950}._ModalTabs_gtwho_1 ._TabActive_gtwho_9{border-top:1.5px solid #00000034}._ModalTabs_gtwho_1 ._TabActive_gtwho_9:first-child{border-left:1.5px solid #00000034}._ModalTabs_gtwho_1 ._TabActive_gtwho_9:last-child{border-right:1.5px solid #00000034}._ModalTabs_gtwho_1>h1{margin:0;padding:1rem 0;cursor:pointer}._ModalTabs_gtwho_1>h1:not(:last-child){border-right:1.5px solid #00000034}._ModalTabs_gtwho_1>h1:first-child{border-top-left-radius:8px}._ModalTabs_gtwho_1>h1:last-child{border-top-right-radius:8px}.timer-elapsed{color:gray;width:90%;position:relative;justify-content:flex-end;display:flex;background-color:#e6eef5;margin:1em auto;height:1em;border-radius:10px;box-shadow:3px 4px 5px 2px #ffffff1a,1px 2px 2px 1px #c8c8c84d;overflow:hidden}.timer-elapsed>div{border-right:1px solid #00000022;border-left:1px solid #00000022;cursor:pointer;overflow:hidden}.timer-elapsed>div:first-child{border-left:unset}.timer-elapsed>div:last-child{border-right:unset}.timer-elapsed>div:hover{background-color:#6da5d877}.timer-elapsed>.grey{background-color:#72b2e6dd}.timer-elapsed>.grey:first-child{border-radius:10px 0 0 10px}.timer-elapsed>.active{background-color:#6da5d8;display:unset}.timer-elapsed>.active:hover{background-color:#6da5d8;cursor:unset}.timer-elapsed>.active:first-child{border-radius:10px 0 0 10px}.timer-elapsed>.active:last-child{border-radius:0 10px 10px 0}@media(min-width:480px){.timer-elapsed{width:70%}}@media(min-width:767px){.timer-elapsed{width:50%}}.Pomodoro button{width:145px;font-family:Neuton Bold,serif}.footer{min-height:20vh;max-height:20vh;display:flex;align-items:center;justify-content:space-evenly;background-color:#7bc9ff}.footer a{font-size:large;text-decoration:unset;color:#0007}.footer-wrapper{background-color:#7bc9ff;overflow:hidden}.footer-wrapper p{margin-bottom:0;padding-bottom:16px;color:#0004}.TodoList{background-color:#e6eef5;padding:2rem 0}.TodoList>p{position:absolute;left:16px;margin:4px;color:gray}.TodoList>form{width:100%;justify-content:center;display:flex}.TodoList>form>label,.TodoList>form>label>input{font-size:x-large}.TodoList .TodoItemGoal>input{min-width:237px;max-width:700px}.TodoList .TodoItemGoal{margin-bottom:1rem}.TodoList>form>button{margin-left:16px;border-radius:4px;padding:10px 2px;font-size:x-large;width:50px;cursor:pointer;font-weight:700}.TodoList>div{min-height:50vh;text-align:center;margin:auto}.TodoList>div::-webkit-scrollbar-thumb{border:unset;background:#d3d3d3;border-radius:25px}.TodoList>div::-webkit-scrollbar{border:unset;background:transparent;max-height:85%}@media(min-width:480px){.TodoList{border-radius:4px}.TodoList>div{max-width:60vw}}.TodoListItem{display:flex;justify-content:space-evenly;position:relative;padding:0 1rem;font-size:large;height:60px;animation:2s popIn forwards}.TodoListItem:nth-child(odd){background-color:#0002}.TodoListItem button img{width:24px;height:24px}.TodoListItem p{max-width:700px;width:30vw;min-width:201px}.TodoListItem button,.TodoListItem input[type=checkbox]{margin:auto 0;width:30px;height:30px;cursor:pointer}.TodoListItem input[type=text]{height:30px;margin:auto 0}.TodoListItemEdit{width:50vw;border-radius:8px}@media(min-width:480px){.TodoListItem{border-radius:4px}.TodoListItem p{width:50vw;min-width:225px}}.SoundSection{width:100%;flex-wrap:wrap;cursor:pointer;border-radius:1rem;display:flex;margin:auto;padding:1rem 0;justify-content:space-evenly}.SoundSection .Title{color:#6da5d8;width:fit-content;margin:0 auto;cursor:pointer}.SoundSection .Title:hover{text-decoration:underline}.SoundSection.active{background-color:#d9d9d9}.SoundButtonGroup,.SoundTitle{width:50%;margin:auto 0}@media(min-width:480px){.SoundButtonGroup,.SoundTitle,.SoundSection{width:50%}}.SoundList{display:flex;flex-wrap:wrap}.SoundButton img{width:30px;height:30px}.PresetsSection{border-radius:8px;padding:.75rem 1rem;margin:.25rem 0;cursor:pointer;position:relative}.PresetsSection.tinted{background-color:#0002}.Header{padding:16px;display:flex;justify-content:space-between}.Header h1{text-align:left;font-size:2.5em;color:#fff;text-shadow:2px 2px 3px #00000044}.Header h1 span{opacity:0}.Header h1 img{width:25px;box-shadow:1px 1px 2px #000;border-radius:100%;opacity:0}.ModalActionGroup button{width:200px;font-family:Neuton Bold,serif}.CustomPresetsModal{display:flex;flex-wrap:wrap;align-content:space-around}.CustomPresetsModalButtonWrapper>input{max-width:90px;font-family:Neuton,serif}.CustomPresetsModalButtonWrapper>button{padding:0 0 0 5px}.CustomPresetsModalButtons{display:flex;justify-content:space-evenly;width:100%;flex-wrap:wrap}.CustomPresetsModalButtons>button{margin:6px;padding:12px;font-family:Neuton Bold,serif;width:120px}.CustomPresetsModalActionGroup>button{margin:0}@media(min-width:480px){.CustomPresetsModalButtons>button{width:150px;margin:6px}.CustomPresetsModalActionGroup>button{margin:6px}.CustomPresetsModalButtonWrapper>input{max-width:128px;font-family:Neuton,serif}}.SelectUnitOfTime{display:flex;justify-content:space-evenly;width:100%}.SelectUnitOfTime>.SmallUnitOfTimeButton{width:50px;height:50px;padding:.5rem}.SelectUnitOfTime>.SmallUnitOfTimeButton>img{width:30px;height:30px}.SelectUnitOfTime>.SmallUnitOfTimeButton>span{display:none}