ReactMarkap/src/assets/scss/base/_layout.scss

html {
	height: -webkit-fill-available;
}

body {
	font-family: $base-font-family;
	font-size: $base-font-size;
	color: $primary-color;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: -webkit-fill-available;
}

.main-wrapper {
	flex: 1;
}

.wrapper {
	max-width: 1304px;
	width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: auto;
	margin-right: auto;

	@include for-laptop-up {
		padding-left: 24px;
		padding-right: 24px;
	}
}

.disabled-scroll {
	overflow-y: hidden;
}

.visually-hidden:not(:focus):not(:active) {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}