@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;1,700&display=swap";:root{--color-bright-blue: hsl(220, 98%, 61%);--color-check-background: hsl(192, 100%, 67%), hsl(280, 87%, 65%);--color-shadow: hsla(0, 0%, 0%, .1);--color-white: hsl(0, 0%, 100%);--color-very-light-gray: hsl(0, 0%, 98%);--color-very-light-grayish-blue: hsl(236, 33%, 92%);--color-light-grayish-blue: hsl(233, 11%, 84%);--color-dark-grayish-blue: hsl(236, 9%, 61%);--color-very-dark-grayish-blue: hsl(235, 19%, 35%);--color-very-dark-blue: hsl(235, 21%, 11%);--color-very-dark-desaturated-blue: hsl(235, 24%, 19%);--color-light-grayish-blue-2: hsl(234, 39%, 85%);--color-light-grayish-blue-hover: hsl(236, 33%, 92%);--color-dark-grayish-blue-2: hsl(234, 11%, 52%);--color-very-dark-grayish-blue-2: hsl(233, 14%, 35%);--color-very-dark-grayish-blue-3: hsl(237, 14%, 26%);--font-size-default: 18px;--font-josefin-sans: "Josefin Sans", sans-serif;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{height:100%;min-height:100vh}li{list-style:none}a{text-decoration:none}input[type=text]{flex-grow:1;background:none;border:none;font-family:inherit;color:inherit;font-size:inherit;outline:none}button{background:none;border:none;color:var(--color-very-dark-grayish-blue-2);font-family:inherit;font-weight:700;cursor:pointer;transition:var(--transition)}button:hover{color:var(--color-light-grayish-blue-hover)}#root{min-height:100vh}.complete{cursor:pointer;width:18px;height:18px;display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%;overflow:hidden}.complete:hover input{border-color:transparent;border-style:double;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(45deg,var(--color-very-dark-desaturated-blue),var(--color-very-dark-desaturated-blue)),linear-gradient(45deg,var(--color-check-background))}.complete:hover input:checked{background-image:linear-gradient(45deg,var(--color-check-background))}.complete input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:1px solid var(--color-very-dark-grayish-blue-3);border-radius:50%;transition:var(--transition)}.complete input:checked{background-image:linear-gradient(45deg,var(--color-check-background))}.complete input:checked~img{opacity:1}.complete img{position:absolute;inset:auto;opacity:0;transition:var(--transition)}.complete.light input{border-color:var(--color-light-grayish-blue)}.complete.light:hover input{background-image:linear-gradient(45deg,var(--color-white),var(--color-white)),linear-gradient(45deg,var(--color-check-background))}.app{font-family:var(--font-josefin-sans);font-size:var(--font-size-default);color:var(--color-light-grayish-blue-2);background-color:var(--color-very-dark-blue);position:relative;min-height:100vh;transition:var(--transition)}.app.light{background-color:var(--color-white);color:var(--color-very-dark-grayish-blue)}.app.light button:hover{color:var(--color-very-dark-grayish-blue-3)}._background_2k8l8_1{width:100%;height:30%;background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;top:0;left:0;z-index:1;transition:var(--transition)}._container_xfe3x_1{max-width:600px;margin-inline:auto;padding-inline:20px}._attribution_toqkz_1{font-size:11px;text-align:center}._attribution_toqkz_1 a{color:var(--color-bright-blue)}._attribution_toqkz_1 a:hover{text-decoration:underline}._header_1k16n_1{width:100%;position:relative;z-index:2}._header__container_1k16n_7{padding-block:60px 40px;display:flex;justify-content:space-between;align-items:center}._header__title_1k16n_14 h1{font-size:1.4em;color:var(--color-white);text-transform:uppercase;letter-spacing:.4em}._header__switchTheme_1k16n_21{cursor:pointer}@media screen and (min-width: 1440px){._header__container_1k16n_7{padding-top:120px}}._taskForm_14yix_1{display:flex;align-items:center;gap:10px}._tasks_1vmyw_1{background-color:var(--color-very-dark-desaturated-blue);border-radius:5px 5px 0 0;overflow:hidden;box-shadow:0 10px 10px var(--color-shadow);position:relative;z-index:2;transition:var(--transition)}._tasks__form_1vmyw_11{margin-bottom:20px;padding:20px;background-color:var(--color-very-dark-desaturated-blue);border-radius:5px;font-size:.8em;position:relative;z-index:2;transition:var(--transition)}._tasks__empty_1vmyw_22{text-align:center;padding:20px;color:var(--color-very-dark-grayish-blue-2)}._tasks__dragndrop_1vmyw_28{padding-block:10px 40px;text-align:center;font-size:1rem;color:var(--color-very-dark-grayish-blue-2)}._tasks_1vmyw_1._light_1vmyw_35,._tasks__form_1vmyw_11._light_1vmyw_35{background-color:var(--color-white)}._task_1wson_1{padding:20px;font-size:.7em;border-bottom:1px solid var(--color-very-dark-grayish-blue-3);background-color:var(--color-very-dark-desaturated-blue);transition:var(--transition)}._task_1wson_1:hover ._task__delete_1wson_9{opacity:1}._task_1wson_1._completed_1wson_13 ._task__container_1wson_13:not(:has(form)){color:var(--color-very-dark-grayish-blue-2);text-decoration:line-through}._task__container_1wson_13{display:flex;align-items:center;gap:10px}._task__content_1wson_24{flex-grow:1;cursor:default}._task_1wson_1 input[type=text]{border-bottom:1px solid var(--color-light-grayish-blue-2)}._task_1wson_1._light_1wson_33{background-color:var(--color-white);border-color:var(--color-very-light-grayish-blue)}._task_1wson_1._light_1wson_33._completed_1wson_13 ._task__container_1wson_13:not(:has(form)){color:var(--color-light-grayish-blue)}@media screen and (min-width: 992px){._task__delete_1wson_9{opacity:0}}._actions_1gyro_1{padding:20px;background-color:var(--color-very-dark-desaturated-blue);box-shadow:0 10px 10px var(--color-shadow);border-radius:0 0 5px 5px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;transition:var(--transition)}._actions__count_1gyro_14{font-size:.7em;color:var(--color-very-dark-grayish-blue-2)}._actions__clear_1gyro_19{font-weight:400}._actions_1gyro_1._light_1gyro_23{background-color:var(--color-white);color:var(--color-dark-grayish-blue)}._actions_1gyro_1._light_1gyro_23 ._actions__count_1gyro_14,._actions_1gyro_1._light_1gyro_23 ._actions__clear_1gyro_19{color:var(--color-dark-grayish-blue)}._filter_1yu1m_1{padding:20px;background-color:var(--color-very-dark-desaturated-blue);box-shadow:0 0 10px var(--color-shadow);margin-bottom:60px;border-radius:5px;margin-top:20px;display:flex;justify-content:center;align-items:center;gap:20px;position:relative;z-index:2}._filter_1yu1m_1 button._active_1yu1m_16{color:var(--color-bright-blue)}._filter_1yu1m_1._light_1yu1m_20{background-color:var(--color-white)}._filter_1yu1m_1._light_1yu1m_20 button{color:var(--color-dark-grayish-blue)}._filter_1yu1m_1._light_1yu1m_20 button._active_1yu1m_16{color:var(--color-bright-blue)}@media screen and (min-width: 576px){._filter_1yu1m_1{width:fit-content;padding-inline:0;margin-inline:auto;background:none;margin-top:0;transform:translateY(-100%);margin-bottom:0;box-shadow:none}._filter_1yu1m_1 button{font-size:1em}._filter_1yu1m_1._light_1yu1m_20{background:none}}