* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: $fw-light;
	font-size: 100%;
}

body {
	min-width: rem(320px);
	overflow-x: hidden;
	font-family: $ff-primary;
	font-size: rem($rem-baseline);
	line-height: $lh-13;

	&.no-scroll {
		overflow: hidden;
	}
}

main {
	display: block;
	min-height: 100vh;
	overflow: hidden;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;

	&:not([src]) {
		visibility: hidden;
	}

	&[data-src],
	&[data-srcset] {
		display: block;
		min-height: 1px;
	}
}

input {
	border-radius: 0;
}

input[type='text'],
input[type='search'],
input[type='email'],
input[type='submit'],
input[type='button'] {
	appearance: none;
}

textarea {
	appearance: none;
	overflow: auto;
	resize: none;
	border-radius: 0;
}

button {
	background: none;
	color: inherit;
	border: none;
	outline: inherit;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-text-fill-color: black !important;
	-webkit-box-shadow: 0 0 0 1000px white inset;
	box-shadow: 0 0 0 1000px white inset;
}

@include focus();
// @include select($c-2, $c-1);
