/* Remove margins from all elements */
* {
	margin: unset;
	padding: unset;
	box-sizing: border-box;
}
/* To solve issue of footer content not being fixed to bottom */
html {
	height: 100%;
}
body {
	min-height: 100%;
}
a {
	display: inline;
}
code {
	vertical-align: inherit; /* Because vertical baseline needs to match paragrah */
	font-size: 0.9em; /* Because monospace usually appears bigger than non monospaced fonts */
}
div>code {
	display: block; /* When code is used as a block? */
}
pre>code {
	display: block;
}
iframe {
	display: block;
}
/* Remove border from hr */
hr {
	border: none;
}
/* If used inside code then it will inherit it's font-family */
pre {
	font-family: inherit;
}
/* Give inline elements nested in links a pointer cursor */
a code {
	cursor: pointer;
}
/* Images automatically calculate height from ratio of dimensions on html tag */
img {
	width: 100%;
	height: auto;
}
/* leading-trim.css */
* {
	--leading-trim-over-adjustment: 0em;
	--leading-trim-under-adjustment: 0em;
	--line-height: var(--line-ratio);

	--unset: unset;
	--leading-trim: var(--unset);
  	--leading-trim-over: var(--unset);
  	--leading-trim-under: var(--unset);
}
::before, ::after {
	display: block;
}
::before {
	content: var(--leading-trim, var(--leading-trim-over, unset));
	margin-bottom: calc((var(--cap-height) - var(--line-height, 1)) * 0.5em - var(--leading-trim-over-adjustment));
}
::after {
	content: var(--leading-trim, var(--leading-trim-under, unset));
	margin-top: calc((var(--cap-height) - var(--line-height, 1)) * 0.5em - var(--leading-trim-under-adjustment));
}
/* @-moz-document url-prefix() {} */
.type-guide blockquote, .type-guide p, .type-guide ul, .type-guide ol, .type-guide h1, .type-guide h2, .type-guide h3, .type-guide h4, .type-guide h5, .type-guide h6, .type-guide nav, .type-guide div > code, .type-guide div > a, .type-guide .Button, .type-guide pre  {
	display: flow-root;
	/* padding-top: 0.02px; */
	/* padding-bottom: 0.02px; */
	background-color: hsla(187, 100%, 76%, 0.12);
}
/* Font sizes and spacing scales */
:root {
    --font-size--2: calc(1rem * (1 / (var(--font-ratio) * var(--font-ratio))));
    --font-size--1: calc(1rem * (1 / (var(--font-ratio))));
    --font-size-0: calc(1rem * 1);
    --font-size-1: calc(1rem * (var(--font-ratio)));
    --font-size-2: calc(1rem * (var(--font-ratio) * var(--font-ratio)));
    --font-size-3: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-4: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-5: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-6: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-7: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-8: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-9: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --font-size-10: calc(1rem * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em--2: calc(1em * (1 / (var(--font-ratio) * var(--font-ratio))));
	--font-size-em--1: calc(1em * (1 / (var(--font-ratio))));
	--font-size-em-0: calc(1em * 1);
	--font-size-em-1: calc(1em * (var(--font-ratio)));
	--font-size-em-2: calc(1em * (var(--font-ratio) * var(--font-ratio)));
	--font-size-em-3: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-4: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-5: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-6: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-7: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-8: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-9: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
	--font-size-em-10: calc(1em * (var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio) * var(--font-ratio)));
    --em--2: calc(1em * (1 / (var(--line-ratio) * var(--line-ratio))));
    --em--1: calc(1em * (1 / (var(--line-ratio))));
    --em-0: calc(1em * 1);
    --em-1: calc(1em * (var(--line-ratio)));
    --em-2: calc(1em * (var(--line-ratio) * var(--line-ratio)));
    --em-3: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-4: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-5: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-6: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-7: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-8: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-9: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
    --em-10: calc(1em * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem--2: calc(1rem * var(--spacing-ratio) * (1 / (var(--line-ratio) * var(--line-ratio))));
	--rem--1: calc(1rem * var(--spacing-ratio) * (1 / (var(--line-ratio))));
	--rem-0: calc(1rem * var(--spacing-ratio) * 1);
	--rem-1: calc(1rem * var(--spacing-ratio) * (var(--line-ratio)));
	--rem-2: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio)));
	--rem-3: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-4: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-5: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-6: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-7: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-8: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-9: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)));
	--rem-10: calc(1rem * var(--spacing-ratio) * (var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio) * var(--line-ratio)))
}
html {
    font-size: var(--font-base);
}
body {
	font-size: var(--font-size-body);
	line-height: var(--line-ratio);
	-moz-tab-size: var(--tab-size);
	  -o-tab-size: var(--tab-size);
	     tab-size: var(--tab-size);
	font-family: var(--font-family-body);
	letter-spacing: var(--letter-spacing-body);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-family-heading);
	letter-spacing: var(--letter-spacing-heading);
	font-weight: var(--font-weight-heading);
}
code {
	font-family: var(--font-family-code);
}
h1 {
	font-size: var(--font-size-h1);
}
h2 {
	font-size: var(--font-size-h2);
}
h3 {
	font-size: var(--font-size-h3);
}
h4 {
	font-size: var(--font-size-h4);
}
h5 {
	font-size: var(--font-size-h5);
}
h6 {
	font-size: var(--font-size-h6);
}
blockquote {
	font-size: var(--font-size-blockquote);
}
small {
	font-size: var(--font-size-small);
}
/* Gap prop */
[gap] {
	--gap: var(--rem-1);
}
[gap]>*>* {
	--gap: initial;
}
[gap]>*+* {
	margin-top: var(--gap);
}
[gap="1"] {
	--gap: var(--rem-1);
}
[gap="2"] {
	--gap: var(--rem-2);
}
[gap="3"] {
	--gap: var(--rem-3);
}
[gap="4"] {
	--gap: var(--rem-4);
}
[gap="5"] {
	--gap: var(--rem-5);
}
/* Defaults */
:root {
	--font-base: 1rem;
	--font-ratio: 1;
	--line-ratio: 1;
	--spacing-ratio: 1;
	--cap-height: 0.75;
}