/* MARK: Main Styles */

.tablet-font-primary,
.tablet-font-primary-child > *,
.tablet-font-primary-grand > * > * {
	font-family: Arial, Helvetica, sans-serif;
}

.tablet-margin-none,
.tablet-margin-none-child > *,
.tablet-margin-none-grand > * > * {
	margin: 0;
}

.tablet-background-black,
.tablet-background-black-child > *,
.tablet-background-black-grand > * > * {
	background-color: black;
}

.tablet-text-white,
.tablet-text-white-child > *,
.tablet-text-white-grand > * > * {
	color: white;
}

.tablet-decoration-none,
.tablet-decoration-none-child > *,
.tablet-decoration-none-grand > * > *  {
	text-decoration: none;
}

.tablet-display-block,
.tablet-display-block-child > *,
.tablet-display-block-grand > * > * {
	display: block;
}

.tablet-display-none,
.tablet-display-none-child > *,
.tablet-display-none-grand > * > * {
	display: none;
}

.tablet-font-size-small,
.tablet-font-size-small-child > *,
.tablet-font-size-small-grand > * > * {
	font-size: 0.75rem;
}

.tablet-font-size-one,
.tablet-font-size-one-child > *,
.tablet-font-size-one-grand > * > * {
	font-size: 1rem;
}

.tablet-font-size-two,
.tablet-font-size-two-child > *,
.tablet-font-size-two-grand > * > * {
	font-size: 2rem;
}

.tablet-font-size-three,
.tablet-font-size-three-child > *,
.tablet-font-size-three-grand > * > * {
	font-size: 3rem;
}

.tablet-font-size-four,
.tablet-font-size-four-child > *,
.tablet-font-size-four-grand > * > * {
	font-size: 4rem;
}

.tablet-padding-half,
.tablet-padding-half-child > *,
.tablet-padding-half-grand > * > * {
	padding: 0.5rem;
}

.tablet-padding-one,
.tablet-padding-one-child > *,
.tablet-padding-one-grand > * > * {
	padding: 1rem;
}

.tablet-padding-two,
.tablet-padding-two-child > *,
.tablet-padding-two-grand > * > * {
	padding: 2rem;
}

.tablet-hight-screen,
.tablet-hight-screen-child > *,
.tablet-hight-screen-grand > * > * {
	min-height: 100vh;
}

/* MARK: Experimental Styles */

.tablet-stack-vertical,
.tablet-stack-vertical-child > *,
.tablet-stack-vertical-grand > * > * {
	display: grid;
	grid-template-rows: auto 1fr;
}

.tablet-stack-horizontal,
.tablet-stack-horizontal-child > *,
.tablet-stack-horizontal-grand > * > * {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto;
}

.tablet-center-vertical,
.tablet-center-vertical-child > *,
.tablet-center-vertical-grand > * > * {
	display: grid;
	align-items: center;
}

.tablet-center-horizontal,
.tablet-center-horizontal-child > *,
.tablet-center-horizontal-grand > * > * {
	margin: auto;
}

.tablet-hight-mini,
.tablet-hight-mini-child > *,
.tablet-hight-mini-grand > * > * {
	height: 256px;
}

.tablet-hight-small,
.tablet-hight-small-child > *,
.tablet-hight-small-grand > * > * {
	height: 384px;
}

.tablet-hight-normal,
.tablet-hight-normal-child > *,
.tablet-hight-normal-grand > * > * {
	min-height: 512px;
}

.tablet-hight-big,
.tablet-hight-big-child > *,
.tablet-hight-big-grand > * > * {
	min-height: 768px;
}

.tablet-width-small,
.tablet-width-small-child > *,
.tablet-width-small-grand > * > * {
	max-width: 1024px;
}

.tablet-width-normal,
.tablet-width-normal-child > *,
.tablet-width-normal-grand > * > * {
	max-width: 1280px;
}

.tablet-width-big,
.tablet-width-big-child > *,
.tablet-width-big-grand > * > * {
	max-width: 1920px;
}

.tablet-width-screen,
.tablet-width-screen-child > *,
.tablet-width-screen-grand > * > * {
	width: 100vw;
	box-sizing: border-box;
}

.tablet-text-dim,
.tablet-text-dim-child > *,
.tablet-text-dim-grand > * > * {
	opacity: 0.5;
}

.tablet-foreground,
.tablet-foreground-child > *,
.tablet-foreground-grand > * > * {
	background: rgba(255, 255, 255, 0.05);
}

.tablet-wrap-none,
.tablet-wrap-none-child > *,
.tablet-wrap-none-grand > * > * {
	white-space: nowrap;
}

.tablet-display-grid,
.tablet-display-grid-child > *,
.tablet-display-grid-grand > * > * {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.tablet-corner-curved,
.tablet-corner-curved-child > *,
.tablet-corner-curved-grand > * > * {
	overflow: hidden;
	border-radius: 0.5rem;
}

.tablet-box-shadow,
.tablet-box-shadow-child > *,
.tablet-box-shadow-grand > * > * {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.tablet-section-divider,
.tablet-section-divider-child > *,
.tablet-section-divider-grand > * > * {
	padding: 32px 0px;
}

.tablet-display-table {
	display: table;
}

.tablet-display-table > * {
	display: table-cell;
}

.tablet-column-equal,
.tablet-column-equal-child > *,
.tablet-column-equal-grand > * > * {
	table-layout: fixed;
}

.tablet-background-blur,
.tablet-background-blur-child > *,
.tablet-background-blur-grand > * > * {
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.tablet-width-fill,
.tablet-width-fill-child > *,
.tablet-width-fill-grand > * > * {
	width: 100%;
}

.tablet-text-right,
.tablet-text-right-child > *,
.tablet-text-right-grand > * > * {
	text-align: right;
}

.tablet-text-center,
.tablet-text-center-child > *,
.tablet-text-center-grand > * > * {
	text-align: center;
}

.tablet-ellipsis-one,
.tablet-ellipsis-one-child > *,
.tablet-ellipsis-one-grand > * > * {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}