._ControlsLayout_19227_1{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:1rem;align-items:baseline;box-shadow:0 2rem 6rem -2rem #0003;font-size:1.2rem}@media only screen and (min-width: 37.5rem){._ControlsLayout_19227_1{display:flex}}._ControlsLayout___dark_19227_14 ._CompletionStatus_19227_14,._ControlsLayout___dark_19227_14 ._ClearCompleted_19227_15,._ControlsLayout___dark_19227_14 ._Filter_19227_16{background-color:#25273c;color:#8e8ea2}._ControlsLayout___dark_19227_14 ._Filter_button_19227_20{color:#8e8ea2}._ControlsLayout___dark_19227_14 ._Filter_button_19227_20:hover,._ControlsLayout___dark_19227_14 ._ClearCompleted_19227_15 button:hover{color:#cdcfe8}._ControlsLayout___light_19227_29 ._CompletionStatus_19227_14,._ControlsLayout___light_19227_29 ._ClearCompleted_19227_15,._ControlsLayout___light_19227_29 ._Filter_19227_16{background-color:#fff;color:#94939b}._ControlsLayout___light_19227_29 ._Filter_button_19227_20{color:#94939b}._ControlsLayout___light_19227_29 ._Filter_button_19227_20:hover,._ControlsLayout___light_19227_29 ._ClearCompleted_19227_15 button:hover{color:#343339}._CompletionStatus_19227_14,._ClearCompleted_19227_15,._Filter_19227_16{padding:1.5rem 2rem}@media only screen and (min-width: 37.5rem){._CompletionStatus_19227_14,._ClearCompleted_19227_15,._Filter_19227_16{flex:1}}._CompletionStatus_19227_14{grid-row:1/span 1;grid-column:1/span 1;padding-right:0}._ClearCompleted_19227_15{grid-row:1/span 1;grid-column:2/span 1;display:flex;justify-content:end;padding-left:0}@media only screen and (min-width: 37.5rem){._ClearCompleted_19227_15{flex:1;order:2}}._ClearCompleted_19227_15 button{background-color:transparent;outline:none;border:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer}._Filter_19227_16{grid-row:2/span 1;grid-column:1/span 2;display:flex;align-items:baseline;justify-content:center}._Filter_item_19227_94{list-style:none;padding:0 2rem}._Filter_item___active_19227_98 ._Filter_button_19227_20{color:#2c6eef}._Filter_button_19227_20{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600}._Header_yfnwf_1{margin-top:4rem;margin-bottom:3rem;color:#fff;display:flex;align-items:baseline}._Header_title_yfnwf_8{margin-right:auto;font-weight:700;letter-spacing:.8rem;font-size:2.4rem}._Header_themeToggle_yfnwf_14{cursor:pointer}._Input_1vx5t_1{position:relative}._Input___dark_1vx5t_4>._Input_field_1vx5t_4{background-color:#25273c;color:#cdcfe8}._Input___light_1vx5t_8>._Input_field_1vx5t_4{background-color:#fff;color:#343339}._Input_field_1vx5t_4{width:100%;padding:1.8rem 2.5rem 1.8rem 5.7rem;border:none;border-radius:.5rem;font-family:inherit;font-size:1.2rem;caret-color:#8a2be2}._Input_field_1vx5t_4:focus{outline:none}._Input_leadingIcon_1vx5t_25{position:absolute;left:2rem;top:50%;transform:translateY(-55%)}._BlankCircle_8r732_1{display:block;width:1.7rem;height:1.7rem;border:2px solid rgba(142,142,162,.2);border-radius:100%}._TodoList_sj2b2_1{margin-top:1.8rem;box-shadow:0 2rem 6rem -2rem #0003}._TodoList_item_sj2b2_5{list-style:none}._TodoList_sj2b2_1 li{border-bottom:1px solid rgba(142,142,162,.3)}._TodoList_sj2b2_1 li:first-child{border-radius:.5rem .5rem 0 0;overflow:hidden}._TodoItem_c3215_1{padding:1.5rem 2rem;display:grid;grid-template-columns:min-content 1fr min-content;grid-column-gap:2rem;align-items:center;user-select:none}._TodoItem___dark_c3215_9{background-color:#25273c;color:#cdcfe8}._TodoItem___light_c3215_13{background-color:#fff;color:#343339}._TodoItem___light_c3215_13 ._TodoItem_name___complete_c3215_17{color:#94939b}._TodoItem___dark_c3215_9 ._TodoItem_name___complete_c3215_17{color:#8e8ea2}._TodoItem_check_c3215_23{cursor:pointer}._TodoItem_name_c3215_17{font-size:1.2rem;cursor:default}._TodoItem_name___complete_c3215_17{text-decoration:line-through}._TodoItem_delete_c3215_33{width:2rem;height:2rem;padding:.4rem;cursor:pointer}@media only screen and (min-width: 37.5rem){._TodoItem_delete_c3215_33{display:none;visibility:hidden}._TodoItem_c3215_1:hover ._TodoItem_delete_c3215_33{display:block;visibility:visible}}._CheckCircle_1hq6w_1{display:block;width:1.7rem;height:1.7rem;border-radius:100%;background-image:linear-gradient(to right bottom,#71bdf9,#996fdd);display:flex;align-items:center;justify-content:baseline}._CheckCircle_1hq6w_1:after{content:"";display:block;width:1rem;height:1rem;background-image:url(icon-check.svg);background-size:cover;background-repeat:no-repeat}._App_1lg8q_1{grid-column:center-start/center-end}._App_container_1lg8q_4{display:grid;grid-template-columns:minmax(3rem,1fr) [center-start] minmax(min-content,54rem) [center-end] minmax(3rem,1fr)}._App_1lg8q_1:before{content:"";width:100%;height:25%;position:fixed;top:0;left:0;background-size:cover;z-index:-1}@media only screen and (min-width: 37.5rem){._App_1lg8q_1:before{height:30%}}._App_1lg8q_1:after{content:"";width:100%;height:75%;position:fixed;bottom:0;left:0;z-index:-1}@media only screen and (min-width: 37.5rem){._App_1lg8q_1:after{height:70%}}._App___dark_1lg8q_37{color:#cdcfe8}._App___dark_1lg8q_37:before{background-image:url(/bg-mobile-dark.jpg)}@media only screen and (min-width: 37.5rem){._App___dark_1lg8q_37:before{background-image:url(/bg-desktop-dark.jpg)}}._App___dark_1lg8q_37:after{background-color:#181824}._App___light_1lg8q_51{color:#343339}._App___light_1lg8q_51:before{background-image:url(/bg-mobile-light.jpg)}@media only screen and (min-width: 37.5rem){._App___light_1lg8q_51:before{background-image:url(/bg-desktop-light.jpg)}}._App___light_1lg8q_51:after{background-color:#fafafa}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (min-width: 37.5rem){html{font-size:75%}}body{box-sizing:border-box;font-family:Josefin Sans,sans-serif}