:root{--bright-blue: hsl(220, 98%, 61%);--check-bg: linear-gradient(hsl(192, 100%, 67%), hsl(280, 87%, 65%));--light-bg: hsl(0, 0%, 98%);--light-grayish-blue: hsl(236, 33%, 92%);--light-grayish-blue-secondary: hsl(233, 11%, 84%);--dark-grayish-blue: hsl(236, 9%, 61%);--very-dark-grayish-blue: hsl(235, 19%, 35%);--font-family: "Josefin Sans", sans-serif;--font-size: 18px;--bg-image: url(../images/bg-desktop-light.jpg) no-repeat center center/cover}[data-theme=dark]{--light-grayish-blue: hsl(234, 39%, 85%);--light-grayish-blue-hover: hsl(236, 33%, 92%);--dark-grayish-blue: hsl(234, 11%, 52%);--very-dark-grayish-blue-primary: hsl(233, 14%, 35%);--very-dark-grayish-blue-secondary: hsl(237, 14%, 26%);--very-dark-blue: hsl(235, 21%, 11%);--very-dark-desaturated-blue: hsl(235, 24%, 19%);--bg-image: url(../images/bg-desktop-dark.jpg) no-repeat center center/cover;--light-bg: var(--very-dark-desaturated-blue);--very-dark-grayish-blue: var(--light-grayish-blue)}body{background-color:var(--light-bg)}.header[data-v-f9ec3694]{display:flex;justify-content:space-between;color:var(--light-bg)}.btn[data-v-f9ec3694]{background:none;border:none;cursor:pointer}h1[data-v-f9ec3694]{font-size:2.5rem;font-weight:700;margin:0;color:#fff}.completada[data-v-a00d5130]{text-decoration:line-through}label[data-v-a00d5130]{width:20px;height:20px;background:var(--check-bg);border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.CheckClass[data-v-a00d5130]{width:18px;height:18px;background:var(--light-bg);border-radius:50%}.contenido[data-v-a00d5130]{display:flex;align-items:center;gap:10px}li[data-v-a00d5130]{color:var(--very-dark-grayish-blue);background:var(--light-bg);border:none;border-bottom:.5px solid var(--dark-grayish-blue);box-shadow:0 3px 4px #0003}.check-todo[data-v-a00d5130]:hover{color:var(--dark-grayish-blue)}li[data-v-5684c70c]{color:var(--very-dark-grayish-blue);background:var(--light-bg);border:none;box-shadow:0 2px 4px #0003}.clear-completed[data-v-5684c70c]:hover{color:var(--dark-grayish-blue)}.btn-filter[data-v-d6d29ebe]{margin-top:40px;padding:5px;background:var(--light-bg);border:none;box-shadow:0 3px 4px #0003}button[data-v-d6d29ebe]{border:none;background:none;cursor:pointer;color:var(--very-dark-grayish-blue)}button[data-v-d6d29ebe]:hover{color:var(--dark-grayish-blue)}p[data-v-721da852]{text-align:center;margin-top:20px;color:var(--very-dark-grayish-blue)}.todo-vacio[data-v-721da852]{color:var(--very-dark-grayish-blue);list-style:none;margin:0 auto}.fondo[data-v-5661a07e]{background:var(--bg-image);width:100%;height:200px;position:relative;z-index:-1}.contenedor[data-v-5661a07e]{max-width:700px;margin:-168px auto 0;padding:20px;position:relative}