@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%)}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_1uhvs_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_1uhvs_11{display:flex;padding:0 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}._listItems_1uhvs_11:hover{cursor:pointer}._checkbox_1uhvs_27{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_1uhvs_27:hover{border:1px solid transparent;background:linear-gradient(var(--list-background),var(--list-background)) padding-box,var(--gradient-background)}._checkbox_1uhvs_27._active_1uhvs_45{border:none}._checkbox_1uhvs_27: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_1uhvs_27._active_1uhvs_45:before{transform:scale(1)}._itemText_1uhvs_67{position:relative;align-self:center;margin-left:.9em;width:85%;color:var(--list-text);font-size:.8rem;font-weight:var(--weight-700);cursor:grab;padding:1.1em 0}._itemText_1uhvs_67._active_1uhvs_45{color:var(--crossed-text);text-decoration:line-through}._itemText_1uhvs_67:active{cursor:grabbing}._checkedImage_1uhvs_95{width:50%;transform:scale(0);transition:transform .5s ease-in-out}._checkedImage_1uhvs_95._active_1uhvs_45{transform:scale(1)}._crossButton_1uhvs_105{border:none;background-color:transparent;margin-left:auto;width:15px;height:15px}._crossImage_1uhvs_113{width:100%}@media(min-width:1000px){._crossButton_1uhvs_105{display:none}._listItems_1uhvs_11:hover ._crossButton_1uhvs_105{display:block}._itemText_1uhvs_67{font-size:1.1rem;font-weight:var(--weight-400);padding:1.5em 0}._listItems_1uhvs_11{padding:0 1.3em}}._heroParent_1ag52_1{display:block;width:100%;max-height:295px;position:absolute;left:0;top:0;z-index:-1;overflow:hidden}._heroImage_1ag52_13{width:100%;transition:opacity 1s ease-in-out}._heroImage_1ag52_13._dark_1ag52_20{opacity:0}._background_1ag52_24{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}._dark_1ag52_20{--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%)}._dataSection_1ag52_47{max-width:550px;margin:auto}