*{box-sizing:border-box;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,sans-serif;font-style:normal;text-decoration:none;list-style:none}::selection{background-color:#00ff7f}html,body{color:#000;background-color:#fff}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:24px;display:flex}.title{font-size:32px;font-weight:900;line-height:32px}.new-task{gap:12px;display:flex}.new-task__input{appearance:none;color:#000;background-color:#fff;border:2px solid #000;border-radius:4px;flex:100%;padding:0 8px;font-size:16px;font-weight:600;line-height:36px;transition-property:transform,box-shadow;transition-duration:.2s}.new-task__input:-moz-focusring{outline:none}.new-task__input::placeholder{opacity:1;color:gray}.new-task__input:focus-visible{outline-offset:3px;outline:3px solid #ff1493}.new-task__input:hover,.new-task__input:focus-visible{transform:translateY(-2px);box-shadow:0 4px 8px #d3d3d3}.new-task__button{cursor:pointer;color:#fff;text-align:center;background-color:#000;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2024%2024'%3e%3cpath%20stroke='%23fff'%20stroke-linecap='square'%20stroke-linejoin='round'%20stroke-width='2'%20d='M12%206v12M18%2012H6'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:70%;border:2px solid #000;border-radius:4px;flex:0 0 40px;width:40px;height:40px;transition-property:transform,box-shadow;transition-duration:.2s;display:block;position:relative}.new-task__button:focus-visible{outline-offset:3px;outline:3px solid #ff1493}.new-task__button:hover,.new-task__button:focus-visible{transform:translateY(-2px);box-shadow:0 4px 8px #d3d3d3}.group{flex-direction:column;display:flex}.group__heading{flex-wrap:nowrap;justify-content:space-between;display:flex}.group__heading__title{flex:none;font-size:16px;font-weight:600;line-height:16px;display:block}.group__heading__button{cursor:pointer;text-underline-offset:2px;background-color:#0000;border:none;border-radius:4px;flex:none;font-size:16px;font-weight:600;line-height:16px;text-decoration:underline;text-decoration-thickness:2px;display:block}.group__heading__button:focus-visible{outline-offset:3px;outline:3px solid #ff1493}.group__list{flex-direction:column;display:flex}.group__list__task>label{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #000;border-radius:4px;flex:100%;gap:8px;margin:12px 0 0;padding:8px;font-size:16px;font-weight:600;line-height:20px;transition-property:transform,box-shadow;transition-duration:.2s;display:flex;position:relative}.group__list__task>label:hover{transform:translateY(-2px);box-shadow:0 4px 8px #d3d3d3}.group__list__task>label>input{opacity:0;border-radius:none;width:20px;height:20px;display:block;position:absolute}.group__list__task>label>input:focus-visible+.checkbox{outline-offset:3px;outline:3px solid #ff1493}.group__list__task>label>input:checked+.checkbox{background-color:#000}.group__list__task>label>input:checked~.text>span{color:gray;background-size:100% 20px}.group__list__task>label>.checkbox{z-index:1;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%20-1.5%2011%2011'%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M11%201.6%204.232%208l-.001-.001V8L0%204l1.692-1.6%202.539%202.4L9.308%200z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:70%;border:2px solid #000;border-radius:4px;flex:0 0 20px;width:20px;height:20px;transition-property:background-color;transition-duration:.4s;display:block;position:relative}.group__list__task>label>.text>span{background:repeating-linear-gradient(#0000 0 10px,currentColor 10px 12px,#0000 12px 20px) 0 0/0% 20px repeat-y;transition-property:background-size,color;transition-duration:.4s}.notifications{pointer-events:none;background-color:#0000;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:24px;display:flex;position:fixed;bottom:0;right:0}.notifications__item{pointer-events:all;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #000;border-radius:4px;width:fit-content;margin:12px 0 0;padding:8px;font-size:16px;font-weight:600;line-height:20px;display:block;position:relative;box-shadow:0 4px 8px #d3d3d3}