header,
aside,
footer {
	&.io {
		nav li {
			margin: 0;
		}

		nav>div:not(.spacer),
		nav>span,
		.a_button {
			@extend %basic;
			@extend %size_io_button;
		}

		.a_button {
			@extend .button_io;
		}

		input {
			@extend .input_io;
		}

		select {
			@extend .io_select;
		}

		button {
			@extend .button_io;
		}
	}
}

header,
aside {
	&.io {
		padding: $space_basic;

		input,
		button,
		textarea,
		select {
			margin-inline: $space_half;
		}

		textarea {
			@extend .io_textarea;
		}
	}
}

header,
footer {
	&.io {
		@extend %flex-inline;
		align-items: stretch;
	}
}