@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Noto+Color+Emoji&display=swap");

/* Main Boilerplate */

* {
	font-family: "DM Sans", "Kanit", "Noto Color Emoji", Arial, "Helvetica Neue", Helvetica,
		sans-serif;
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

body {
	text-rendering: optimizeLegibility;
}

textarea {
	resize: vertical;
}

/* Font Weight */

.fw-100 {
	font-weight: 100;
}

.fw-200 {
	font-weight: 200;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 700;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

/* Font Size */

.fsz-1 {
	font-size: calc(6rem + 1.5vw) !important;
}

.fsz-2 {
	font-size: calc(3.75rem + 1.5vw) !important;
}

.fsz-3 {
	font-size: calc(3rem + 1.5vw) !important;
}

.fsz-4 {
	font-size: calc(2.125rem + 1.5vw) !important;
}

.fsz-5 {
	font-size: calc(1.5rem + 1.5vw) !important;
}

.fsz-6 {
	font-size: calc(1.25rem + 1.5vw) !important;
}

.fsz-7 {
	font-size: calc(1rem + 1.5vw) !important;
}

.fsz-8 {
	font-size: calc(0.875rem + 1.5vw) !important;
}

.fsz-9 {
	font-size: calc(0.75rem + 1.5vw) !important;
}

.fsz-10 {
	font-size: calc(0.625rem + 1.5vw) !important;
}

.sl-none {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-ms-user-select: none;
}

.sl-default {
	cursor: default;
}

.bd768 {
	max-width: 768px !important;
}

.bg-glass {
	/* From https://css.glass */
	/* background: rgba(255, 255, 255, 0); */
	/* border-radius: 16px; */
	/* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
	backdrop-filter: blur(9.1px) !important;
	-webkit-backdrop-filter: blur(9.1px) !important;
}