/* Only loaded when JavaScript is off (<noscript> in <head>). Each submit
   control sits transparently over the thing a person would click, so the
   page looks the same as with JavaScript and the click does the same
   thing: a form post and a page load. */
.todoapp .nojs {
	display: block;
	position: absolute;
	z-index: 1;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.todoapp .nojs span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Over the round checkbox at the start of the item. */
.todo-list li .toggle-submit {
	top: 0;
	bottom: 0;
	left: 0;
	width: 40px;
}

/* Over the ❯ beside the new-todo field. */
.main .toggle-all-submit {
	top: -65px;
	left: 0;
	width: 45px;
	height: 65px;
}

/* Over the title: a click opens the editor, as a double-click does with
   JavaScript. The delete button, later in the item, stays on top. */
.todo-list li .edit-link {
	top: 0;
	bottom: 0;
	left: 40px;
	right: 60px;
	cursor: text;
}

.todo-list li .destroy {
	z-index: 2;
}