:root {
	--grain-scale: 1;
}

* {
	box-sizing: border-box;
}

html {
	background-color: hsl(0, 0%, 100%);
	color: hsl(0, 0%, 14%);
}

body, div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

html, body, button, code, div, h1, h2, h3, h4, h5, img, input, li, ol, p, pre, textarea, ul, video {
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

li {
	margin-left: 1em;
}

pre code {
	white-space: pre-wrap;
	word-break: break-word;
}

/* Typography */

h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.3;
}

button, code, h5, input, p, pre, textarea {
	font-weight: 400;
	line-height: 1.5;
}

h1 {
	font-size: calc(36px * var(--grain-scale));
}

h2 {
	font-size: calc(28px * var(--grain-scale));
}

h3 {
	font-size: calc(21px * var(--grain-scale));
}

html, h4, p {
	font-size: calc(15px * var(--grain-scale));
}

button, code, h5, input, pre, textarea {
	font-size: calc(10px * var(--grain-scale));
}

a {
	color: hsl(206, 100%, 14%);
	background-color: hsl(206, 100%, 94%);
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-radius: 3px;
	text-decoration: none;
}

/* Sizing */

.s-x-i {width: 100%;}
.s-x-0 {width: calc(0px * var(--grain-scale));}
.s-x-1 {width: calc(1px * var(--grain-scale));}
.s-x-2 {width: calc(3px * var(--grain-scale));}
.s-x-3 {width: calc(6px * var(--grain-scale));}
.s-x-4 {width: calc(10px * var(--grain-scale));}
.s-x-5 {width: calc(15px * var(--grain-scale));}
.s-x-6 {width: calc(21px * var(--grain-scale));}
.s-x-7 {width: calc(28px * var(--grain-scale));}
.s-x-8 {width: calc(36px * var(--grain-scale));}
.s-x-9 {width: calc(45px * var(--grain-scale));}
.s-x-10 {width: calc(55px * var(--grain-scale));}
.s-x-11 {width: calc(66px * var(--grain-scale));}
.s-x-12 {width: calc(78px * var(--grain-scale));}
.s-x-13 {width: calc(91px * var(--grain-scale));}
.s-x-14 {width: calc(105px * var(--grain-scale));}
.s-x-15 {width: calc(120px * var(--grain-scale));}
.s-x-16 {width: calc(136px * var(--grain-scale));}
.s-x-17 {width: calc(153px * var(--grain-scale));}
.s-x-18 {width: calc(171px * var(--grain-scale));}
.s-x-19 {width: calc(190px * var(--grain-scale));}
.s-x-20 {width: calc(210px * var(--grain-scale));}
.s-x-21 {width: calc(231px * var(--grain-scale));}
.s-x-22 {width: calc(253px * var(--grain-scale));}
.s-x-23 {width: calc(276px * var(--grain-scale));}
.s-x-24 {width: calc(300px * var(--grain-scale));}
.s-x-25 {width: calc(325px * var(--grain-scale));}
.s-x-26 {width: calc(351px * var(--grain-scale));}
.s-x-27 {width: calc(378px * var(--grain-scale));}
.s-x-28 {width: calc(406px * var(--grain-scale));}
.s-x-29 {width: calc(435px * var(--grain-scale));}
.s-x-30 {width: calc(465px * var(--grain-scale));}
.s-x-31 {width: calc(496px * var(--grain-scale));}
.s-x-32 {width: calc(528px * var(--grain-scale));}
.s-x-33 {width: calc(561px * var(--grain-scale));}
.s-x-34 {width: calc(595px * var(--grain-scale));}
.s-x-35 {width: calc(630px * var(--grain-scale));}
.s-x-36 {width: calc(666px * var(--grain-scale));}
.s-x-37 {width: calc(703px * var(--grain-scale));}
.s-x-38 {width: calc(741px * var(--grain-scale));}
.s-x-39 {width: calc(780px * var(--grain-scale));}
.s-x-40 {width: calc(820px * var(--grain-scale));}
.s-x-41 {width: calc(861px * var(--grain-scale));}
.s-x-42 {width: calc(903px * var(--grain-scale));}
.s-x-43 {width: calc(946px * var(--grain-scale));}
.s-x-44 {width: calc(990px * var(--grain-scale));}
.s-x-45 {width: calc(1035px * var(--grain-scale));}
.s-x-46 {width: calc(1081px * var(--grain-scale));}
.s-x-47 {width: calc(1128px * var(--grain-scale));}
.s-x-48 {width: calc(1176px * var(--grain-scale));}
.s-x-49 {width: calc(1225px * var(--grain-scale));}

.s-y-i {height: 100%;}
.s-y-0 {height: calc(0px * var(--grain-scale));}
.s-y-1 {height: calc(1px * var(--grain-scale));}
.s-y-2 {height: calc(3px * var(--grain-scale));}
.s-y-3 {height: calc(6px * var(--grain-scale));}
.s-y-4 {height: calc(10px * var(--grain-scale));}
.s-y-5 {height: calc(15px * var(--grain-scale));}
.s-y-6 {height: calc(21px * var(--grain-scale));}
.s-y-7 {height: calc(28px * var(--grain-scale));}
.s-y-8 {height: calc(36px * var(--grain-scale));}
.s-y-9 {height: calc(45px * var(--grain-scale));}
.s-y-10 {height: calc(55px * var(--grain-scale));}
.s-y-11 {height: calc(66px * var(--grain-scale));}
.s-y-12 {height: calc(78px * var(--grain-scale));}
.s-y-13 {height: calc(91px * var(--grain-scale));}
.s-y-14 {height: calc(105px * var(--grain-scale));}
.s-y-15 {height: calc(120px * var(--grain-scale));}
.s-y-16 {height: calc(136px * var(--grain-scale));}
.s-y-17 {height: calc(153px * var(--grain-scale));}
.s-y-18 {height: calc(171px * var(--grain-scale));}
.s-y-19 {height: calc(190px * var(--grain-scale));}
.s-y-20 {height: calc(210px * var(--grain-scale));}
.s-y-21 {height: calc(231px * var(--grain-scale));}
.s-y-22 {height: calc(253px * var(--grain-scale));}
.s-y-23 {height: calc(276px * var(--grain-scale));}
.s-y-24 {height: calc(300px * var(--grain-scale));}
.s-y-25 {height: calc(325px * var(--grain-scale));}
.s-y-26 {height: calc(351px * var(--grain-scale));}
.s-y-27 {height: calc(378px * var(--grain-scale));}
.s-y-28 {height: calc(406px * var(--grain-scale));}
.s-y-29 {height: calc(435px * var(--grain-scale));}
.s-y-30 {height: calc(465px * var(--grain-scale));}
.s-y-31 {height: calc(496px * var(--grain-scale));}
.s-y-32 {height: calc(528px * var(--grain-scale));}
.s-y-33 {height: calc(561px * var(--grain-scale));}
.s-y-34 {height: calc(595px * var(--grain-scale));}
.s-y-35 {height: calc(630px * var(--grain-scale));}
.s-y-36 {height: calc(666px * var(--grain-scale));}
.s-y-37 {height: calc(703px * var(--grain-scale));}
.s-y-38 {height: calc(741px * var(--grain-scale));}
.s-y-39 {height: calc(780px * var(--grain-scale));}
.s-y-40 {height: calc(820px * var(--grain-scale));}
.s-y-41 {height: calc(861px * var(--grain-scale));}
.s-y-42 {height: calc(903px * var(--grain-scale));}
.s-y-43 {height: calc(946px * var(--grain-scale));}
.s-y-44 {height: calc(990px * var(--grain-scale));}
.s-y-45 {height: calc(1035px * var(--grain-scale));}
.s-y-46 {height: calc(1081px * var(--grain-scale));}
.s-y-47 {height: calc(1128px * var(--grain-scale));}
.s-y-48 {height: calc(1176px * var(--grain-scale));}
.s-y-49 {height: calc(1225px * var(--grain-scale));}

.s-b-i {border-radius: 50%;}
.s-b-0 {border-radius: calc(0px * var(--grain-scale));}
.s-b-1 {border-radius: calc(1px * var(--grain-scale));}
.s-b-2 {border-radius: calc(3px * var(--grain-scale));}
.s-b-3 {border-radius: calc(6px * var(--grain-scale));}
.s-b-4 {border-radius: calc(10px * var(--grain-scale));}
.s-b-5 {border-radius: calc(15px * var(--grain-scale));}
.s-b-6 {border-radius: calc(21px * var(--grain-scale));}
.s-b-7 {border-radius: calc(28px * var(--grain-scale));}
.s-b-8 {border-radius: calc(36px * var(--grain-scale));}
.s-b-9 {border-radius: calc(45px * var(--grain-scale));}
.s-b-10 {border-radius: calc(55px * var(--grain-scale));}
.s-b-11 {border-radius: calc(66px * var(--grain-scale));}
.s-b-12 {border-radius: calc(78px * var(--grain-scale));}
.s-b-13 {border-radius: calc(91px * var(--grain-scale));}
.s-b-14 {border-radius: calc(105px * var(--grain-scale));}
.s-b-15 {border-radius: calc(120px * var(--grain-scale));}
.s-b-16 {border-radius: calc(136px * var(--grain-scale));}
.s-b-17 {border-radius: calc(153px * var(--grain-scale));}
.s-b-18 {border-radius: calc(171px * var(--grain-scale));}
.s-b-19 {border-radius: calc(190px * var(--grain-scale));}
.s-b-20 {border-radius: calc(210px * var(--grain-scale));}
.s-b-21 {border-radius: calc(231px * var(--grain-scale));}
.s-b-22 {border-radius: calc(253px * var(--grain-scale));}
.s-b-23 {border-radius: calc(276px * var(--grain-scale));}
.s-b-24 {border-radius: calc(300px * var(--grain-scale));}
.s-b-25 {border-radius: calc(325px * var(--grain-scale));}
.s-b-26 {border-radius: calc(351px * var(--grain-scale));}
.s-b-27 {border-radius: calc(378px * var(--grain-scale));}
.s-b-28 {border-radius: calc(406px * var(--grain-scale));}
.s-b-29 {border-radius: calc(435px * var(--grain-scale));}
.s-b-30 {border-radius: calc(465px * var(--grain-scale));}
.s-b-31 {border-radius: calc(496px * var(--grain-scale));}
.s-b-32 {border-radius: calc(528px * var(--grain-scale));}
.s-b-33 {border-radius: calc(561px * var(--grain-scale));}
.s-b-34 {border-radius: calc(595px * var(--grain-scale));}
.s-b-35 {border-radius: calc(630px * var(--grain-scale));}
.s-b-36 {border-radius: calc(666px * var(--grain-scale));}
.s-b-37 {border-radius: calc(703px * var(--grain-scale));}
.s-b-38 {border-radius: calc(741px * var(--grain-scale));}
.s-b-39 {border-radius: calc(780px * var(--grain-scale));}
.s-b-40 {border-radius: calc(820px * var(--grain-scale));}
.s-b-41 {border-radius: calc(861px * var(--grain-scale));}
.s-b-42 {border-radius: calc(903px * var(--grain-scale));}
.s-b-43 {border-radius: calc(946px * var(--grain-scale));}
.s-b-44 {border-radius: calc(990px * var(--grain-scale));}
.s-b-45 {border-radius: calc(1035px * var(--grain-scale));}
.s-b-46 {border-radius: calc(1081px * var(--grain-scale));}
.s-b-47 {border-radius: calc(1128px * var(--grain-scale));}
.s-b-48 {border-radius: calc(1176px * var(--grain-scale));}
.s-b-49 {border-radius: calc(1225px * var(--grain-scale));}

/* Layout */

.p-x-0 {padding-left: calc(0px * var(--grain-scale)); padding-right: calc(0px * var(--grain-scale));}
.p-x-1 {padding-left: calc(1px * var(--grain-scale)); padding-right: calc(1px * var(--grain-scale));}
.p-x-2 {padding-left: calc(3px * var(--grain-scale)); padding-right: calc(3px * var(--grain-scale));}
.p-x-3 {padding-left: calc(6px * var(--grain-scale)); padding-right: calc(6px * var(--grain-scale));}
.p-x-4 {padding-left: calc(10px * var(--grain-scale)); padding-right: calc(10px * var(--grain-scale));}
.p-x-5 {padding-left: calc(15px * var(--grain-scale)); padding-right: calc(15px * var(--grain-scale));}
.p-x-6 {padding-left: calc(21px * var(--grain-scale)); padding-right: calc(21px * var(--grain-scale));}
.p-x-7 {padding-left: calc(28px * var(--grain-scale)); padding-right: calc(28px * var(--grain-scale));}
.p-x-8 {padding-left: calc(36px * var(--grain-scale)); padding-right: calc(36px * var(--grain-scale));}
.p-x-9 {padding-left: calc(45px * var(--grain-scale)); padding-right: calc(45px * var(--grain-scale));}
.p-x-10 {padding-left: calc(55px * var(--grain-scale)); padding-right: calc(55px * var(--grain-scale));}
.p-x-11 {padding-left: calc(66px * var(--grain-scale)); padding-right: calc(66px * var(--grain-scale));}
.p-x-12 {padding-left: calc(78px * var(--grain-scale)); padding-right: calc(78px * var(--grain-scale));}
.p-x-13 {padding-left: calc(91px * var(--grain-scale)); padding-right: calc(91px * var(--grain-scale));}
.p-x-14 {padding-left: calc(105px * var(--grain-scale)); padding-right: calc(105px * var(--grain-scale));}
.p-x-15 {padding-left: calc(120px * var(--grain-scale)); padding-right: calc(120px * var(--grain-scale));}
.p-x-16 {padding-left: calc(136px * var(--grain-scale)); padding-right: calc(136px * var(--grain-scale));}
.p-x-17 {padding-left: calc(153px * var(--grain-scale)); padding-right: calc(153px * var(--grain-scale));}
.p-x-18 {padding-left: calc(171px * var(--grain-scale)); padding-right: calc(171px * var(--grain-scale));}
.p-x-19 {padding-left: calc(190px * var(--grain-scale)); padding-right: calc(190px * var(--grain-scale));}
.p-x-20 {padding-left: calc(210px * var(--grain-scale)); padding-right: calc(210px * var(--grain-scale));}
.p-x-21 {padding-left: calc(231px * var(--grain-scale)); padding-right: calc(231px * var(--grain-scale));}
.p-x-22 {padding-left: calc(253px * var(--grain-scale)); padding-right: calc(253px * var(--grain-scale));}
.p-x-23 {padding-left: calc(276px * var(--grain-scale)); padding-right: calc(276px * var(--grain-scale));}
.p-x-24 {padding-left: calc(300px * var(--grain-scale)); padding-right: calc(300px * var(--grain-scale));}
.p-x-25 {padding-left: calc(325px * var(--grain-scale)); padding-right: calc(325px * var(--grain-scale));}
.p-x-26 {padding-left: calc(351px * var(--grain-scale)); padding-right: calc(351px * var(--grain-scale));}
.p-x-27 {padding-left: calc(378px * var(--grain-scale)); padding-right: calc(378px * var(--grain-scale));}
.p-x-28 {padding-left: calc(406px * var(--grain-scale)); padding-right: calc(406px * var(--grain-scale));}
.p-x-29 {padding-left: calc(435px * var(--grain-scale)); padding-right: calc(435px * var(--grain-scale));}
.p-x-30 {padding-left: calc(465px * var(--grain-scale)); padding-right: calc(465px * var(--grain-scale));}
.p-x-31 {padding-left: calc(496px * var(--grain-scale)); padding-right: calc(496px * var(--grain-scale));}
.p-x-32 {padding-left: calc(528px * var(--grain-scale)); padding-right: calc(528px * var(--grain-scale));}
.p-x-33 {padding-left: calc(561px * var(--grain-scale)); padding-right: calc(561px * var(--grain-scale));}
.p-x-34 {padding-left: calc(595px * var(--grain-scale)); padding-right: calc(595px * var(--grain-scale));}
.p-x-35 {padding-left: calc(630px * var(--grain-scale)); padding-right: calc(630px * var(--grain-scale));}
.p-x-36 {padding-left: calc(666px * var(--grain-scale)); padding-right: calc(666px * var(--grain-scale));}
.p-x-37 {padding-left: calc(703px * var(--grain-scale)); padding-right: calc(703px * var(--grain-scale));}
.p-x-38 {padding-left: calc(741px * var(--grain-scale)); padding-right: calc(741px * var(--grain-scale));}
.p-x-39 {padding-left: calc(780px * var(--grain-scale)); padding-right: calc(780px * var(--grain-scale));}
.p-x-40 {padding-left: calc(820px * var(--grain-scale)); padding-right: calc(820px * var(--grain-scale));}
.p-x-41 {padding-left: calc(861px * var(--grain-scale)); padding-right: calc(861px * var(--grain-scale));}
.p-x-42 {padding-left: calc(903px * var(--grain-scale)); padding-right: calc(903px * var(--grain-scale));}
.p-x-43 {padding-left: calc(946px * var(--grain-scale)); padding-right: calc(946px * var(--grain-scale));}
.p-x-44 {padding-left: calc(990px * var(--grain-scale)); padding-right: calc(990px * var(--grain-scale));}
.p-x-45 {padding-left: calc(1035px * var(--grain-scale)); padding-right: calc(1035px * var(--grain-scale));}
.p-x-46 {padding-left: calc(1081px * var(--grain-scale)); padding-right: calc(1081px * var(--grain-scale));}
.p-x-47 {padding-left: calc(1128px * var(--grain-scale)); padding-right: calc(1128px * var(--grain-scale));}
.p-x-48 {padding-left: calc(1176px * var(--grain-scale)); padding-right: calc(1176px * var(--grain-scale));}
.p-x-49 {padding-left: calc(1225px * var(--grain-scale)); padding-right: calc(1225px * var(--grain-scale));}

.p-y-0 {padding-top: calc(0px * var(--grain-scale)); padding-bottom: calc(0px * var(--grain-scale));}
.p-y-1 {padding-top: calc(1px * var(--grain-scale)); padding-bottom: calc(1px * var(--grain-scale));}
.p-y-2 {padding-top: calc(3px * var(--grain-scale)); padding-bottom: calc(3px * var(--grain-scale));}
.p-y-3 {padding-top: calc(6px * var(--grain-scale)); padding-bottom: calc(6px * var(--grain-scale));}
.p-y-4 {padding-top: calc(10px * var(--grain-scale)); padding-bottom: calc(10px * var(--grain-scale));}
.p-y-5 {padding-top: calc(15px * var(--grain-scale)); padding-bottom: calc(15px * var(--grain-scale));}
.p-y-6 {padding-top: calc(21px * var(--grain-scale)); padding-bottom: calc(21px * var(--grain-scale));}
.p-y-7 {padding-top: calc(28px * var(--grain-scale)); padding-bottom: calc(28px * var(--grain-scale));}
.p-y-8 {padding-top: calc(36px * var(--grain-scale)); padding-bottom: calc(36px * var(--grain-scale));}
.p-y-9 {padding-top: calc(45px * var(--grain-scale)); padding-bottom: calc(45px * var(--grain-scale));}
.p-y-10 {padding-top: calc(55px * var(--grain-scale)); padding-bottom: calc(55px * var(--grain-scale));}
.p-y-11 {padding-top: calc(66px * var(--grain-scale)); padding-bottom: calc(66px * var(--grain-scale));}
.p-y-12 {padding-top: calc(78px * var(--grain-scale)); padding-bottom: calc(78px * var(--grain-scale));}
.p-y-13 {padding-top: calc(91px * var(--grain-scale)); padding-bottom: calc(91px * var(--grain-scale));}
.p-y-14 {padding-top: calc(105px * var(--grain-scale)); padding-bottom: calc(105px * var(--grain-scale));}
.p-y-15 {padding-top: calc(120px * var(--grain-scale)); padding-bottom: calc(120px * var(--grain-scale));}
.p-y-16 {padding-top: calc(136px * var(--grain-scale)); padding-bottom: calc(136px * var(--grain-scale));}
.p-y-17 {padding-top: calc(153px * var(--grain-scale)); padding-bottom: calc(153px * var(--grain-scale));}
.p-y-18 {padding-top: calc(171px * var(--grain-scale)); padding-bottom: calc(171px * var(--grain-scale));}
.p-y-19 {padding-top: calc(190px * var(--grain-scale)); padding-bottom: calc(190px * var(--grain-scale));}
.p-y-20 {padding-top: calc(210px * var(--grain-scale)); padding-bottom: calc(210px * var(--grain-scale));}
.p-y-21 {padding-top: calc(231px * var(--grain-scale)); padding-bottom: calc(231px * var(--grain-scale));}
.p-y-22 {padding-top: calc(253px * var(--grain-scale)); padding-bottom: calc(253px * var(--grain-scale));}
.p-y-23 {padding-top: calc(276px * var(--grain-scale)); padding-bottom: calc(276px * var(--grain-scale));}
.p-y-24 {padding-top: calc(300px * var(--grain-scale)); padding-bottom: calc(300px * var(--grain-scale));}
.p-y-25 {padding-top: calc(325px * var(--grain-scale)); padding-bottom: calc(325px * var(--grain-scale));}
.p-y-26 {padding-top: calc(351px * var(--grain-scale)); padding-bottom: calc(351px * var(--grain-scale));}
.p-y-27 {padding-top: calc(378px * var(--grain-scale)); padding-bottom: calc(378px * var(--grain-scale));}
.p-y-28 {padding-top: calc(406px * var(--grain-scale)); padding-bottom: calc(406px * var(--grain-scale));}
.p-y-29 {padding-top: calc(435px * var(--grain-scale)); padding-bottom: calc(435px * var(--grain-scale));}
.p-y-30 {padding-top: calc(465px * var(--grain-scale)); padding-bottom: calc(465px * var(--grain-scale));}
.p-y-31 {padding-top: calc(496px * var(--grain-scale)); padding-bottom: calc(496px * var(--grain-scale));}
.p-y-32 {padding-top: calc(528px * var(--grain-scale)); padding-bottom: calc(528px * var(--grain-scale));}
.p-y-33 {padding-top: calc(561px * var(--grain-scale)); padding-bottom: calc(561px * var(--grain-scale));}
.p-y-34 {padding-top: calc(595px * var(--grain-scale)); padding-bottom: calc(595px * var(--grain-scale));}
.p-y-35 {padding-top: calc(630px * var(--grain-scale)); padding-bottom: calc(630px * var(--grain-scale));}
.p-y-36 {padding-top: calc(666px * var(--grain-scale)); padding-bottom: calc(666px * var(--grain-scale));}
.p-y-37 {padding-top: calc(703px * var(--grain-scale)); padding-bottom: calc(703px * var(--grain-scale));}
.p-y-38 {padding-top: calc(741px * var(--grain-scale)); padding-bottom: calc(741px * var(--grain-scale));}
.p-y-39 {padding-top: calc(780px * var(--grain-scale)); padding-bottom: calc(780px * var(--grain-scale));}
.p-y-40 {padding-top: calc(820px * var(--grain-scale)); padding-bottom: calc(820px * var(--grain-scale));}
.p-y-41 {padding-top: calc(861px * var(--grain-scale)); padding-bottom: calc(861px * var(--grain-scale));}
.p-y-42 {padding-top: calc(903px * var(--grain-scale)); padding-bottom: calc(903px * var(--grain-scale));}
.p-y-43 {padding-top: calc(946px * var(--grain-scale)); padding-bottom: calc(946px * var(--grain-scale));}
.p-y-44 {padding-top: calc(990px * var(--grain-scale)); padding-bottom: calc(990px * var(--grain-scale));}
.p-y-45 {padding-top: calc(1035px * var(--grain-scale)); padding-bottom: calc(1035px * var(--grain-scale));}
.p-y-46 {padding-top: calc(1081px * var(--grain-scale)); padding-bottom: calc(1081px * var(--grain-scale));}
.p-y-47 {padding-top: calc(1128px * var(--grain-scale)); padding-bottom: calc(1128px * var(--grain-scale));}
.p-y-48 {padding-top: calc(1176px * var(--grain-scale)); padding-bottom: calc(1176px * var(--grain-scale));}
.p-y-49 {padding-top: calc(1225px * var(--grain-scale)); padding-bottom: calc(1225px * var(--grain-scale));}

.m-x-0 {margin-left: calc(-0px * var(--grain-scale) / 2); margin-right: calc(-0px * var(--grain-scale) / 2);} .m-x-0 > * {margin-left: calc(0px * var(--grain-scale) / 2); margin-right: calc(0px * var(--grain-scale) / 2);}
.m-x-1 {margin-left: calc(-1px * var(--grain-scale) / 2); margin-right: calc(-1px * var(--grain-scale) / 2);} .m-x-1 > * {margin-left: calc(1px * var(--grain-scale) / 2); margin-right: calc(1px * var(--grain-scale) / 2);}
.m-x-2 {margin-left: calc(-3px * var(--grain-scale) / 2); margin-right: calc(-3px * var(--grain-scale) / 2);} .m-x-2 > * {margin-left: calc(3px * var(--grain-scale) / 2); margin-right: calc(3px * var(--grain-scale) / 2);}
.m-x-3 {margin-left: calc(-6px * var(--grain-scale) / 2); margin-right: calc(-6px * var(--grain-scale) / 2);} .m-x-3 > * {margin-left: calc(6px * var(--grain-scale) / 2); margin-right: calc(6px * var(--grain-scale) / 2);}
.m-x-4 {margin-left: calc(-10px * var(--grain-scale) / 2); margin-right: calc(-10px * var(--grain-scale) / 2);} .m-x-4 > * {margin-left: calc(10px * var(--grain-scale) / 2); margin-right: calc(10px * var(--grain-scale) / 2);}
.m-x-5 {margin-left: calc(-15px * var(--grain-scale) / 2); margin-right: calc(-15px * var(--grain-scale) / 2);} .m-x-5 > * {margin-left: calc(15px * var(--grain-scale) / 2); margin-right: calc(15px * var(--grain-scale) / 2);}
.m-x-6 {margin-left: calc(-21px * var(--grain-scale) / 2); margin-right: calc(-21px * var(--grain-scale) / 2);} .m-x-6 > * {margin-left: calc(21px * var(--grain-scale) / 2); margin-right: calc(21px * var(--grain-scale) / 2);}
.m-x-7 {margin-left: calc(-28px * var(--grain-scale) / 2); margin-right: calc(-28px * var(--grain-scale) / 2);} .m-x-7 > * {margin-left: calc(28px * var(--grain-scale) / 2); margin-right: calc(28px * var(--grain-scale) / 2);}
.m-x-8 {margin-left: calc(-36px * var(--grain-scale) / 2); margin-right: calc(-36px * var(--grain-scale) / 2);} .m-x-8 > * {margin-left: calc(36px * var(--grain-scale) / 2); margin-right: calc(36px * var(--grain-scale) / 2);}
.m-x-9 {margin-left: calc(-45px * var(--grain-scale) / 2); margin-right: calc(-45px * var(--grain-scale) / 2);} .m-x-9 > * {margin-left: calc(45px * var(--grain-scale) / 2); margin-right: calc(45px * var(--grain-scale) / 2);}
.m-x-10 {margin-left: calc(-55px * var(--grain-scale) / 2); margin-right: calc(-55px * var(--grain-scale) / 2);} .m-x-10 > * {margin-left: calc(55px * var(--grain-scale) / 2); margin-right: calc(55px * var(--grain-scale) / 2);}
.m-x-11 {margin-left: calc(-66px * var(--grain-scale) / 2); margin-right: calc(-66px * var(--grain-scale) / 2);} .m-x-11 > * {margin-left: calc(66px * var(--grain-scale) / 2); margin-right: calc(66px * var(--grain-scale) / 2);}
.m-x-12 {margin-left: calc(-78px * var(--grain-scale) / 2); margin-right: calc(-78px * var(--grain-scale) / 2);} .m-x-12 > * {margin-left: calc(78px * var(--grain-scale) / 2); margin-right: calc(78px * var(--grain-scale) / 2);}
.m-x-13 {margin-left: calc(-91px * var(--grain-scale) / 2); margin-right: calc(-91px * var(--grain-scale) / 2);} .m-x-13 > * {margin-left: calc(91px * var(--grain-scale) / 2); margin-right: calc(91px * var(--grain-scale) / 2);}
.m-x-14 {margin-left: calc(-105px * var(--grain-scale) / 2); margin-right: calc(-105px * var(--grain-scale) / 2);} .m-x-14 > * {margin-left: calc(105px * var(--grain-scale) / 2); margin-right: calc(105px * var(--grain-scale) / 2);}
.m-x-15 {margin-left: calc(-120px * var(--grain-scale) / 2); margin-right: calc(-120px * var(--grain-scale) / 2);} .m-x-15 > * {margin-left: calc(120px * var(--grain-scale) / 2); margin-right: calc(120px * var(--grain-scale) / 2);}
.m-x-16 {margin-left: calc(-136px * var(--grain-scale) / 2); margin-right: calc(-136px * var(--grain-scale) / 2);} .m-x-16 > * {margin-left: calc(136px * var(--grain-scale) / 2); margin-right: calc(136px * var(--grain-scale) / 2);}
.m-x-17 {margin-left: calc(-153px * var(--grain-scale) / 2); margin-right: calc(-153px * var(--grain-scale) / 2);} .m-x-17 > * {margin-left: calc(153px * var(--grain-scale) / 2); margin-right: calc(153px * var(--grain-scale) / 2);}
.m-x-18 {margin-left: calc(-171px * var(--grain-scale) / 2); margin-right: calc(-171px * var(--grain-scale) / 2);} .m-x-18 > * {margin-left: calc(171px * var(--grain-scale) / 2); margin-right: calc(171px * var(--grain-scale) / 2);}
.m-x-19 {margin-left: calc(-190px * var(--grain-scale) / 2); margin-right: calc(-190px * var(--grain-scale) / 2);} .m-x-19 > * {margin-left: calc(190px * var(--grain-scale) / 2); margin-right: calc(190px * var(--grain-scale) / 2);}
.m-x-20 {margin-left: calc(-210px * var(--grain-scale) / 2); margin-right: calc(-210px * var(--grain-scale) / 2);} .m-x-20 > * {margin-left: calc(210px * var(--grain-scale) / 2); margin-right: calc(210px * var(--grain-scale) / 2);}
.m-x-21 {margin-left: calc(-231px * var(--grain-scale) / 2); margin-right: calc(-231px * var(--grain-scale) / 2);} .m-x-21 > * {margin-left: calc(231px * var(--grain-scale) / 2); margin-right: calc(231px * var(--grain-scale) / 2);}
.m-x-22 {margin-left: calc(-253px * var(--grain-scale) / 2); margin-right: calc(-253px * var(--grain-scale) / 2);} .m-x-22 > * {margin-left: calc(253px * var(--grain-scale) / 2); margin-right: calc(253px * var(--grain-scale) / 2);}
.m-x-23 {margin-left: calc(-276px * var(--grain-scale) / 2); margin-right: calc(-276px * var(--grain-scale) / 2);} .m-x-23 > * {margin-left: calc(276px * var(--grain-scale) / 2); margin-right: calc(276px * var(--grain-scale) / 2);}
.m-x-24 {margin-left: calc(-300px * var(--grain-scale) / 2); margin-right: calc(-300px * var(--grain-scale) / 2);} .m-x-24 > * {margin-left: calc(300px * var(--grain-scale) / 2); margin-right: calc(300px * var(--grain-scale) / 2);}
.m-x-25 {margin-left: calc(-325px * var(--grain-scale) / 2); margin-right: calc(-325px * var(--grain-scale) / 2);} .m-x-25 > * {margin-left: calc(325px * var(--grain-scale) / 2); margin-right: calc(325px * var(--grain-scale) / 2);}
.m-x-26 {margin-left: calc(-351px * var(--grain-scale) / 2); margin-right: calc(-351px * var(--grain-scale) / 2);} .m-x-26 > * {margin-left: calc(351px * var(--grain-scale) / 2); margin-right: calc(351px * var(--grain-scale) / 2);}
.m-x-27 {margin-left: calc(-378px * var(--grain-scale) / 2); margin-right: calc(-378px * var(--grain-scale) / 2);} .m-x-27 > * {margin-left: calc(378px * var(--grain-scale) / 2); margin-right: calc(378px * var(--grain-scale) / 2);}
.m-x-28 {margin-left: calc(-406px * var(--grain-scale) / 2); margin-right: calc(-406px * var(--grain-scale) / 2);} .m-x-28 > * {margin-left: calc(406px * var(--grain-scale) / 2); margin-right: calc(406px * var(--grain-scale) / 2);}
.m-x-29 {margin-left: calc(-435px * var(--grain-scale) / 2); margin-right: calc(-435px * var(--grain-scale) / 2);} .m-x-29 > * {margin-left: calc(435px * var(--grain-scale) / 2); margin-right: calc(435px * var(--grain-scale) / 2);}
.m-x-30 {margin-left: calc(-465px * var(--grain-scale) / 2); margin-right: calc(-465px * var(--grain-scale) / 2);} .m-x-30 > * {margin-left: calc(465px * var(--grain-scale) / 2); margin-right: calc(465px * var(--grain-scale) / 2);}
.m-x-31 {margin-left: calc(-496px * var(--grain-scale) / 2); margin-right: calc(-496px * var(--grain-scale) / 2);} .m-x-31 > * {margin-left: calc(496px * var(--grain-scale) / 2); margin-right: calc(496px * var(--grain-scale) / 2);}
.m-x-32 {margin-left: calc(-528px * var(--grain-scale) / 2); margin-right: calc(-528px * var(--grain-scale) / 2);} .m-x-32 > * {margin-left: calc(528px * var(--grain-scale) / 2); margin-right: calc(528px * var(--grain-scale) / 2);}
.m-x-33 {margin-left: calc(-561px * var(--grain-scale) / 2); margin-right: calc(-561px * var(--grain-scale) / 2);} .m-x-33 > * {margin-left: calc(561px * var(--grain-scale) / 2); margin-right: calc(561px * var(--grain-scale) / 2);}
.m-x-34 {margin-left: calc(-595px * var(--grain-scale) / 2); margin-right: calc(-595px * var(--grain-scale) / 2);} .m-x-34 > * {margin-left: calc(595px * var(--grain-scale) / 2); margin-right: calc(595px * var(--grain-scale) / 2);}
.m-x-35 {margin-left: calc(-630px * var(--grain-scale) / 2); margin-right: calc(-630px * var(--grain-scale) / 2);} .m-x-35 > * {margin-left: calc(630px * var(--grain-scale) / 2); margin-right: calc(630px * var(--grain-scale) / 2);}
.m-x-36 {margin-left: calc(-666px * var(--grain-scale) / 2); margin-right: calc(-666px * var(--grain-scale) / 2);} .m-x-36 > * {margin-left: calc(666px * var(--grain-scale) / 2); margin-right: calc(666px * var(--grain-scale) / 2);}
.m-x-37 {margin-left: calc(-703px * var(--grain-scale) / 2); margin-right: calc(-703px * var(--grain-scale) / 2);} .m-x-37 > * {margin-left: calc(703px * var(--grain-scale) / 2); margin-right: calc(703px * var(--grain-scale) / 2);}
.m-x-38 {margin-left: calc(-741px * var(--grain-scale) / 2); margin-right: calc(-741px * var(--grain-scale) / 2);} .m-x-38 > * {margin-left: calc(741px * var(--grain-scale) / 2); margin-right: calc(741px * var(--grain-scale) / 2);}
.m-x-39 {margin-left: calc(-780px * var(--grain-scale) / 2); margin-right: calc(-780px * var(--grain-scale) / 2);} .m-x-39 > * {margin-left: calc(780px * var(--grain-scale) / 2); margin-right: calc(780px * var(--grain-scale) / 2);}
.m-x-40 {margin-left: calc(-820px * var(--grain-scale) / 2); margin-right: calc(-820px * var(--grain-scale) / 2);} .m-x-40 > * {margin-left: calc(820px * var(--grain-scale) / 2); margin-right: calc(820px * var(--grain-scale) / 2);}
.m-x-41 {margin-left: calc(-861px * var(--grain-scale) / 2); margin-right: calc(-861px * var(--grain-scale) / 2);} .m-x-41 > * {margin-left: calc(861px * var(--grain-scale) / 2); margin-right: calc(861px * var(--grain-scale) / 2);}
.m-x-42 {margin-left: calc(-903px * var(--grain-scale) / 2); margin-right: calc(-903px * var(--grain-scale) / 2);} .m-x-42 > * {margin-left: calc(903px * var(--grain-scale) / 2); margin-right: calc(903px * var(--grain-scale) / 2);}
.m-x-43 {margin-left: calc(-946px * var(--grain-scale) / 2); margin-right: calc(-946px * var(--grain-scale) / 2);} .m-x-43 > * {margin-left: calc(946px * var(--grain-scale) / 2); margin-right: calc(946px * var(--grain-scale) / 2);}
.m-x-44 {margin-left: calc(-990px * var(--grain-scale) / 2); margin-right: calc(-990px * var(--grain-scale) / 2);} .m-x-44 > * {margin-left: calc(990px * var(--grain-scale) / 2); margin-right: calc(990px * var(--grain-scale) / 2);}
.m-x-45 {margin-left: calc(-1035px * var(--grain-scale) / 2); margin-right: calc(-1035px * var(--grain-scale) / 2);} .m-x-45 > * {margin-left: calc(1035px * var(--grain-scale) / 2); margin-right: calc(1035px * var(--grain-scale) / 2);}
.m-x-46 {margin-left: calc(-1081px * var(--grain-scale) / 2); margin-right: calc(-1081px * var(--grain-scale) / 2);} .m-x-46 > * {margin-left: calc(1081px * var(--grain-scale) / 2); margin-right: calc(1081px * var(--grain-scale) / 2);}
.m-x-47 {margin-left: calc(-1128px * var(--grain-scale) / 2); margin-right: calc(-1128px * var(--grain-scale) / 2);} .m-x-47 > * {margin-left: calc(1128px * var(--grain-scale) / 2); margin-right: calc(1128px * var(--grain-scale) / 2);}
.m-x-48 {margin-left: calc(-1176px * var(--grain-scale) / 2); margin-right: calc(-1176px * var(--grain-scale) / 2);} .m-x-48 > * {margin-left: calc(1176px * var(--grain-scale) / 2); margin-right: calc(1176px * var(--grain-scale) / 2);}
.m-x-49 {margin-left: calc(-1225px * var(--grain-scale) / 2); margin-right: calc(-1225px * var(--grain-scale) / 2);} .m-x-49 > * {margin-left: calc(1225px * var(--grain-scale) / 2); margin-right: calc(1225px * var(--grain-scale) / 2);}

.m-y-0 {margin-top: calc(-0px * var(--grain-scale) / 2); margin-bottom: calc(-0px * var(--grain-scale) / 2);} .m-y-0 > * {margin-top: calc(0px * var(--grain-scale) / 2); margin-bottom: calc(0px * var(--grain-scale) / 2);}
.m-y-1 {margin-top: calc(-1px * var(--grain-scale) / 2); margin-bottom: calc(-1px * var(--grain-scale) / 2);} .m-y-1 > * {margin-top: calc(1px * var(--grain-scale) / 2); margin-bottom: calc(1px * var(--grain-scale) / 2);}
.m-y-2 {margin-top: calc(-3px * var(--grain-scale) / 2); margin-bottom: calc(-3px * var(--grain-scale) / 2);} .m-y-2 > * {margin-top: calc(3px * var(--grain-scale) / 2); margin-bottom: calc(3px * var(--grain-scale) / 2);}
.m-y-3 {margin-top: calc(-6px * var(--grain-scale) / 2); margin-bottom: calc(-6px * var(--grain-scale) / 2);} .m-y-3 > * {margin-top: calc(6px * var(--grain-scale) / 2); margin-bottom: calc(6px * var(--grain-scale) / 2);}
.m-y-4 {margin-top: calc(-10px * var(--grain-scale) / 2); margin-bottom: calc(-10px * var(--grain-scale) / 2);} .m-y-4 > * {margin-top: calc(10px * var(--grain-scale) / 2); margin-bottom: calc(10px * var(--grain-scale) / 2);}
.m-y-5 {margin-top: calc(-15px * var(--grain-scale) / 2); margin-bottom: calc(-15px * var(--grain-scale) / 2);} .m-y-5 > * {margin-top: calc(15px * var(--grain-scale) / 2); margin-bottom: calc(15px * var(--grain-scale) / 2);}
.m-y-6 {margin-top: calc(-21px * var(--grain-scale) / 2); margin-bottom: calc(-21px * var(--grain-scale) / 2);} .m-y-6 > * {margin-top: calc(21px * var(--grain-scale) / 2); margin-bottom: calc(21px * var(--grain-scale) / 2);}
.m-y-7 {margin-top: calc(-28px * var(--grain-scale) / 2); margin-bottom: calc(-28px * var(--grain-scale) / 2);} .m-y-7 > * {margin-top: calc(28px * var(--grain-scale) / 2); margin-bottom: calc(28px * var(--grain-scale) / 2);}
.m-y-8 {margin-top: calc(-36px * var(--grain-scale) / 2); margin-bottom: calc(-36px * var(--grain-scale) / 2);} .m-y-8 > * {margin-top: calc(36px * var(--grain-scale) / 2); margin-bottom: calc(36px * var(--grain-scale) / 2);}
.m-y-9 {margin-top: calc(-45px * var(--grain-scale) / 2); margin-bottom: calc(-45px * var(--grain-scale) / 2);} .m-y-9 > * {margin-top: calc(45px * var(--grain-scale) / 2); margin-bottom: calc(45px * var(--grain-scale) / 2);}
.m-y-10 {margin-top: calc(-55px * var(--grain-scale) / 2); margin-bottom: calc(-55px * var(--grain-scale) / 2);} .m-y-10 > * {margin-top: calc(55px * var(--grain-scale) / 2); margin-bottom: calc(55px * var(--grain-scale) / 2);}
.m-y-11 {margin-top: calc(-66px * var(--grain-scale) / 2); margin-bottom: calc(-66px * var(--grain-scale) / 2);} .m-y-11 > * {margin-top: calc(66px * var(--grain-scale) / 2); margin-bottom: calc(66px * var(--grain-scale) / 2);}
.m-y-12 {margin-top: calc(-78px * var(--grain-scale) / 2); margin-bottom: calc(-78px * var(--grain-scale) / 2);} .m-y-12 > * {margin-top: calc(78px * var(--grain-scale) / 2); margin-bottom: calc(78px * var(--grain-scale) / 2);}
.m-y-13 {margin-top: calc(-91px * var(--grain-scale) / 2); margin-bottom: calc(-91px * var(--grain-scale) / 2);} .m-y-13 > * {margin-top: calc(91px * var(--grain-scale) / 2); margin-bottom: calc(91px * var(--grain-scale) / 2);}
.m-y-14 {margin-top: calc(-105px * var(--grain-scale) / 2); margin-bottom: calc(-105px * var(--grain-scale) / 2);} .m-y-14 > * {margin-top: calc(105px * var(--grain-scale) / 2); margin-bottom: calc(105px * var(--grain-scale) / 2);}
.m-y-15 {margin-top: calc(-120px * var(--grain-scale) / 2); margin-bottom: calc(-120px * var(--grain-scale) / 2);} .m-y-15 > * {margin-top: calc(120px * var(--grain-scale) / 2); margin-bottom: calc(120px * var(--grain-scale) / 2);}
.m-y-16 {margin-top: calc(-136px * var(--grain-scale) / 2); margin-bottom: calc(-136px * var(--grain-scale) / 2);} .m-y-16 > * {margin-top: calc(136px * var(--grain-scale) / 2); margin-bottom: calc(136px * var(--grain-scale) / 2);}
.m-y-17 {margin-top: calc(-153px * var(--grain-scale) / 2); margin-bottom: calc(-153px * var(--grain-scale) / 2);} .m-y-17 > * {margin-top: calc(153px * var(--grain-scale) / 2); margin-bottom: calc(153px * var(--grain-scale) / 2);}
.m-y-18 {margin-top: calc(-171px * var(--grain-scale) / 2); margin-bottom: calc(-171px * var(--grain-scale) / 2);} .m-y-18 > * {margin-top: calc(171px * var(--grain-scale) / 2); margin-bottom: calc(171px * var(--grain-scale) / 2);}
.m-y-19 {margin-top: calc(-190px * var(--grain-scale) / 2); margin-bottom: calc(-190px * var(--grain-scale) / 2);} .m-y-19 > * {margin-top: calc(190px * var(--grain-scale) / 2); margin-bottom: calc(190px * var(--grain-scale) / 2);}
.m-y-20 {margin-top: calc(-210px * var(--grain-scale) / 2); margin-bottom: calc(-210px * var(--grain-scale) / 2);} .m-y-20 > * {margin-top: calc(210px * var(--grain-scale) / 2); margin-bottom: calc(210px * var(--grain-scale) / 2);}
.m-y-21 {margin-top: calc(-231px * var(--grain-scale) / 2); margin-bottom: calc(-231px * var(--grain-scale) / 2);} .m-y-21 > * {margin-top: calc(231px * var(--grain-scale) / 2); margin-bottom: calc(231px * var(--grain-scale) / 2);}
.m-y-22 {margin-top: calc(-253px * var(--grain-scale) / 2); margin-bottom: calc(-253px * var(--grain-scale) / 2);} .m-y-22 > * {margin-top: calc(253px * var(--grain-scale) / 2); margin-bottom: calc(253px * var(--grain-scale) / 2);}
.m-y-23 {margin-top: calc(-276px * var(--grain-scale) / 2); margin-bottom: calc(-276px * var(--grain-scale) / 2);} .m-y-23 > * {margin-top: calc(276px * var(--grain-scale) / 2); margin-bottom: calc(276px * var(--grain-scale) / 2);}
.m-y-24 {margin-top: calc(-300px * var(--grain-scale) / 2); margin-bottom: calc(-300px * var(--grain-scale) / 2);} .m-y-24 > * {margin-top: calc(300px * var(--grain-scale) / 2); margin-bottom: calc(300px * var(--grain-scale) / 2);}
.m-y-25 {margin-top: calc(-325px * var(--grain-scale) / 2); margin-bottom: calc(-325px * var(--grain-scale) / 2);} .m-y-25 > * {margin-top: calc(325px * var(--grain-scale) / 2); margin-bottom: calc(325px * var(--grain-scale) / 2);}
.m-y-26 {margin-top: calc(-351px * var(--grain-scale) / 2); margin-bottom: calc(-351px * var(--grain-scale) / 2);} .m-y-26 > * {margin-top: calc(351px * var(--grain-scale) / 2); margin-bottom: calc(351px * var(--grain-scale) / 2);}
.m-y-27 {margin-top: calc(-378px * var(--grain-scale) / 2); margin-bottom: calc(-378px * var(--grain-scale) / 2);} .m-y-27 > * {margin-top: calc(378px * var(--grain-scale) / 2); margin-bottom: calc(378px * var(--grain-scale) / 2);}
.m-y-28 {margin-top: calc(-406px * var(--grain-scale) / 2); margin-bottom: calc(-406px * var(--grain-scale) / 2);} .m-y-28 > * {margin-top: calc(406px * var(--grain-scale) / 2); margin-bottom: calc(406px * var(--grain-scale) / 2);}
.m-y-29 {margin-top: calc(-435px * var(--grain-scale) / 2); margin-bottom: calc(-435px * var(--grain-scale) / 2);} .m-y-29 > * {margin-top: calc(435px * var(--grain-scale) / 2); margin-bottom: calc(435px * var(--grain-scale) / 2);}
.m-y-30 {margin-top: calc(-465px * var(--grain-scale) / 2); margin-bottom: calc(-465px * var(--grain-scale) / 2);} .m-y-30 > * {margin-top: calc(465px * var(--grain-scale) / 2); margin-bottom: calc(465px * var(--grain-scale) / 2);}
.m-y-31 {margin-top: calc(-496px * var(--grain-scale) / 2); margin-bottom: calc(-496px * var(--grain-scale) / 2);} .m-y-31 > * {margin-top: calc(496px * var(--grain-scale) / 2); margin-bottom: calc(496px * var(--grain-scale) / 2);}
.m-y-32 {margin-top: calc(-528px * var(--grain-scale) / 2); margin-bottom: calc(-528px * var(--grain-scale) / 2);} .m-y-32 > * {margin-top: calc(528px * var(--grain-scale) / 2); margin-bottom: calc(528px * var(--grain-scale) / 2);}
.m-y-33 {margin-top: calc(-561px * var(--grain-scale) / 2); margin-bottom: calc(-561px * var(--grain-scale) / 2);} .m-y-33 > * {margin-top: calc(561px * var(--grain-scale) / 2); margin-bottom: calc(561px * var(--grain-scale) / 2);}
.m-y-34 {margin-top: calc(-595px * var(--grain-scale) / 2); margin-bottom: calc(-595px * var(--grain-scale) / 2);} .m-y-34 > * {margin-top: calc(595px * var(--grain-scale) / 2); margin-bottom: calc(595px * var(--grain-scale) / 2);}
.m-y-35 {margin-top: calc(-630px * var(--grain-scale) / 2); margin-bottom: calc(-630px * var(--grain-scale) / 2);} .m-y-35 > * {margin-top: calc(630px * var(--grain-scale) / 2); margin-bottom: calc(630px * var(--grain-scale) / 2);}
.m-y-36 {margin-top: calc(-666px * var(--grain-scale) / 2); margin-bottom: calc(-666px * var(--grain-scale) / 2);} .m-y-36 > * {margin-top: calc(666px * var(--grain-scale) / 2); margin-bottom: calc(666px * var(--grain-scale) / 2);}
.m-y-37 {margin-top: calc(-703px * var(--grain-scale) / 2); margin-bottom: calc(-703px * var(--grain-scale) / 2);} .m-y-37 > * {margin-top: calc(703px * var(--grain-scale) / 2); margin-bottom: calc(703px * var(--grain-scale) / 2);}
.m-y-38 {margin-top: calc(-741px * var(--grain-scale) / 2); margin-bottom: calc(-741px * var(--grain-scale) / 2);} .m-y-38 > * {margin-top: calc(741px * var(--grain-scale) / 2); margin-bottom: calc(741px * var(--grain-scale) / 2);}
.m-y-39 {margin-top: calc(-780px * var(--grain-scale) / 2); margin-bottom: calc(-780px * var(--grain-scale) / 2);} .m-y-39 > * {margin-top: calc(780px * var(--grain-scale) / 2); margin-bottom: calc(780px * var(--grain-scale) / 2);}
.m-y-40 {margin-top: calc(-820px * var(--grain-scale) / 2); margin-bottom: calc(-820px * var(--grain-scale) / 2);} .m-y-40 > * {margin-top: calc(820px * var(--grain-scale) / 2); margin-bottom: calc(820px * var(--grain-scale) / 2);}
.m-y-41 {margin-top: calc(-861px * var(--grain-scale) / 2); margin-bottom: calc(-861px * var(--grain-scale) / 2);} .m-y-41 > * {margin-top: calc(861px * var(--grain-scale) / 2); margin-bottom: calc(861px * var(--grain-scale) / 2);}
.m-y-42 {margin-top: calc(-903px * var(--grain-scale) / 2); margin-bottom: calc(-903px * var(--grain-scale) / 2);} .m-y-42 > * {margin-top: calc(903px * var(--grain-scale) / 2); margin-bottom: calc(903px * var(--grain-scale) / 2);}
.m-y-43 {margin-top: calc(-946px * var(--grain-scale) / 2); margin-bottom: calc(-946px * var(--grain-scale) / 2);} .m-y-43 > * {margin-top: calc(946px * var(--grain-scale) / 2); margin-bottom: calc(946px * var(--grain-scale) / 2);}
.m-y-44 {margin-top: calc(-990px * var(--grain-scale) / 2); margin-bottom: calc(-990px * var(--grain-scale) / 2);} .m-y-44 > * {margin-top: calc(990px * var(--grain-scale) / 2); margin-bottom: calc(990px * var(--grain-scale) / 2);}
.m-y-45 {margin-top: calc(-1035px * var(--grain-scale) / 2); margin-bottom: calc(-1035px * var(--grain-scale) / 2);} .m-y-45 > * {margin-top: calc(1035px * var(--grain-scale) / 2); margin-bottom: calc(1035px * var(--grain-scale) / 2);}
.m-y-46 {margin-top: calc(-1081px * var(--grain-scale) / 2); margin-bottom: calc(-1081px * var(--grain-scale) / 2);} .m-y-46 > * {margin-top: calc(1081px * var(--grain-scale) / 2); margin-bottom: calc(1081px * var(--grain-scale) / 2);}
.m-y-47 {margin-top: calc(-1128px * var(--grain-scale) / 2); margin-bottom: calc(-1128px * var(--grain-scale) / 2);} .m-y-47 > * {margin-top: calc(1128px * var(--grain-scale) / 2); margin-bottom: calc(1128px * var(--grain-scale) / 2);}
.m-y-48 {margin-top: calc(-1176px * var(--grain-scale) / 2); margin-bottom: calc(-1176px * var(--grain-scale) / 2);} .m-y-48 > * {margin-top: calc(1176px * var(--grain-scale) / 2); margin-bottom: calc(1176px * var(--grain-scale) / 2);}
.m-y-49 {margin-top: calc(-1225px * var(--grain-scale) / 2); margin-bottom: calc(-1225px * var(--grain-scale) / 2);} .m-y-49 > * {margin-top: calc(1225px * var(--grain-scale) / 2); margin-bottom: calc(1225px * var(--grain-scale) / 2);}

@media (min-width: 512px) {
	:root {
		--grain-scale: calc(9/7);
	}
}