@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Josefin Sans,sans-serif}img{display:block}ul{list-style:none}a{text-decoration:none}:root{--selected-text-blue:hsl(220, 98%, 61%);--gradient-background:linear-gradient(to bottom right, hsl(192, 100%, 67%), hsl(280, 87%, 65%));--weight-400:400;--weight-700:700;--background-color:white;--list-background:hsl(0, 0%, 98%);--list-text:hsl(235, 19%, 35%);--input-text:hsl(236, 9%, 61%);--crossed-text:hsl(233, 11%, 84%);--heading-text:hsl(0, 0%, 98%);--filter-active-color:hsl(235, 19%, 35%)}.dark{--background-color:hsl(235, 21%, 11%);--list-background:hsl(235, 24%, 19%);--input-text:hsl(235, 16%, 43%);--list-text:hsl(236, 9%, 61%);--crossed-text:hsl(237, 14%, 26%);--filter-active-color:hsl(236, 33%, 92%)}button:hover{cursor:pointer}.d-flex{display:flex}body{background-color:var(--gray-50)}._headingSection_1fer7_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8em}._headingSection_1fer7_1>h1{font-size:1.8em;font-weight:var(--weight-700);color:var(--heading-text);letter-spacing:.4em}._themeButton_1fer7_15{background-color:transparent;border:none}._itemForm_1fer7_19{background-color:var(--list-background);display:flex;align-items:center;padding:1.1em;border-radius:6px;transition:background-color 1s ease-in-out}._submitButton_1fer7_28{width:22px;height:22px;border-radius:100%;background-color:transparent;border:1px solid var(--crossed-text);flex-shrink:0}._submitButton_1fer7_28:hover{border:1px solid transparent;background:linear-gradient(var(--list-background),var(--list-background)) padding-box,var(--gradient-background)}._itemInput_1fer7_46{border:none;background-color:var(--list-background);margin-left:.9em;caret-color:#00f;font-size:.9rem;font-weight:var(--weight-400);width:100%;color:var(--list-text);transition:background-color 1s ease-in-out}._itemInput_1fer7_46:focus{outline:none}._itemInput_1fer7_46::placeholder{color:var(--input-text)}@media all and (min-width:1000px){._headingSection_1fer7_1>h1{font-size:2.5rem}._headingSection_1fer7_1{margin-bottom:2.5em}._itemInput_1fer7_46{font-size:1.1rem}._itemForm_1fer7_19{padding:1.5em 1.3em}}._utilitySection_pm86i_1{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:7.5em;padding:1.1em;background-color:var(--list-background);box-shadow:0 30px 50px 10px #00000017;border-radius:0 0 6px 6px;transition:background-color 1s ease-in-out}._utilitySection_pm86i_1>p{color:var(--input-text);font-weight:var(--weight-400);font-size:.8rem}._utilitySection_pm86i_1>button{border:none;background-color:transparent;color:var(--input-text);font-weight:var(--weight-400);font-size:.8rem}._utilitySection_pm86i_1>button:hover{color:var(--filter-active-color)}._filterButtonList_pm86i_29{width:100%;position:absolute;top:130%;left:0;display:flex;border-radius:6px;justify-content:center;background-color:var(--list-background);box-shadow:0 30px 50px 10px #00000017;transition:background-color 1s ease-in-out}._stateButtons_pm86i_41{border:none;background-color:transparent;padding:1.1em .6em;font-size:.95rem;color:var(--input-text);font-weight:var(--weight-700)}._stateButtons_pm86i_41:hover{color:var(--filter-active-color)}._stateButtons_pm86i_41._active_pm86i_56{color:var(--selected-text-blue)}._instruction_pm86i_60{text-align:center;font-weight:var(--weight-700);color:var(--input-text);font-size:.85rem}@media(min-width:1000px){._filterButtonList_pm86i_29{position:static;box-shadow:none;width:auto}._stateButtons_pm86i_41{padding:0 .6em;font-size:.8rem}._utilitySection_pm86i_1{margin-bottom:4.2em;box-shadow:0 40px 40px 30px #00000017;padding:1.4em 1.1em}}._listSection_4fes0_2{background-color:var(--list-background);border-radius:6px 6px 0 0;margin-top:1.1em;box-shadow:0 30px 20px 10px #00000017;transition:background-color 1s ease-in-out}._listItems_4fes0_11{display:flex;padding:1.1em;align-items:center;border-radius:6px 6px 0 0;border-bottom:1px solid var(--crossed-text);background-color:var(--list-background);transition:background-color 1s ease-in-out}._checkbox_4fes0_23{border:1px solid var(--crossed-text);width:22px;height:22px;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:transparent;position:relative}._checkbox_4fes0_23:hover{border:1px solid transparent;background:linear-gradient(var(--list-background),var(--list-background)) padding-box,var(--gradient-background)}._checkbox_4fes0_23._active_4fes0_41{border:none}._checkbox_4fes0_23:before{content:"";width:100%;height:100%;display:block;border-radius:100%;position:absolute;transform:scale(0);transition:transform .5s ease-in-out;background:var(--gradient-background)}._checkbox_4fes0_23._active_4fes0_41:before{transform:scale(1)}._itemText_4fes0_63{position:relative;align-self:center;margin-left:.9em;width:90%;color:var(--list-text);font-size:.8rem;font-weight:var(--weight-700)}._itemText_4fes0_63._active_4fes0_41{color:var(--crossed-text);text-decoration:line-through}._checkedImage_4fes0_85{width:50%;transform:scale(0);transition:transform .5s ease-in-out}._checkedImage_4fes0_85._active_4fes0_41{transform:scale(1)}._crossButton_4fes0_95{border:none;background-color:transparent;margin-left:auto;width:15px;height:15px}._crossImage_4fes0_103{width:100%}@media(min-width:1000px){._crossButton_4fes0_95{display:none}._listItems_4fes0_11:hover{cursor:pointer}._listItems_4fes0_11:hover ._crossButton_4fes0_95{display:block}._itemText_4fes0_63{font-size:1.1rem;font-weight:var(--weight-400)}._listItems_4fes0_11{padding:1.5em 1.3em}}._heroParent_gjv1h_1{display:block;width:100%;max-height:295px;position:absolute;left:0;top:0;z-index:-1;overflow:hidden}._heroImage_gjv1h_13{width:100%;transition:opacity 1s ease-in-out}._heroImage_gjv1h_13._dark_gjv1h_20{opacity:0}.background{background-color:var(--background-color);padding:4em 1.8em 0;width:100%;position:absolute;z-index:-1;min-height:100vh;transition:background-color 1s ease-in-out}.dataSection{max-width:550px;margin:auto}