/*! TACHYONS v4.5.5 | http://tachyons.io */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

button,
input,
textarea {
	font-family: inherit;
	border: 0;
	margin: 0
}

button {
	cursor: pointer
}

a {
	color: inherit
}

.border-box,
article,
body,
code,
dd,
div,
dl,
dt,
fieldset,
footer,
form,
header,
html,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
li,
main,
ol,
p,
pre,
section,
textarea,
ul {
	box-sizing: border-box
}

img {
	max-width: 100%
}

img:not(.w-100) {
	border-radius: .25rem;
	border-radius: var(--border-radius)
}

.cover {
	background-size: cover!important
}

.contain {
	background-size: contain!important
}

@media screen and (min-width:40em) {
	.cover-ns {
		background-size: cover!important
	}
	.contain-ns {
		background-size: contain!important
	}
}

@media screen and (min-width:50em) {
	.cover-m {
		background-size: cover!important
	}
	.contain-m {
		background-size: contain!important
	}
}

@media screen and (min-width:60em) {
	.cover-l {
		background-size: cover!important
	}
	.contain-l {
		background-size: contain!important
	}
}

.bg-center {
	background-position: 50%
}

.bg-center,
.bg-top {
	background-repeat: no-repeat
}

.bg-top {
	background-position: top
}

.bg-right {
	background-position: 100%
}

.bg-bottom,
.bg-right {
	background-repeat: no-repeat
}

.bg-bottom {
	background-position: bottom
}

.bg-left {
	background-repeat: no-repeat;
	background-position: 0
}

@media screen and (min-width:40em) {
	.bg-center-ns {
		background-position: 50%
	}
	.bg-center-ns,
	.bg-top-ns {
		background-repeat: no-repeat
	}
	.bg-top-ns {
		background-position: top
	}
	.bg-right-ns {
		background-position: 100%
	}
	.bg-bottom-ns,
	.bg-right-ns {
		background-repeat: no-repeat
	}
	.bg-bottom-ns {
		background-position: bottom
	}
	.bg-left-ns {
		background-repeat: no-repeat;
		background-position: 0
	}
}

@media screen and (min-width:50em) {
	.bg-center-m {
		background-position: 50%
	}
	.bg-center-m,
	.bg-top-m {
		background-repeat: no-repeat
	}
	.bg-top-m {
		background-position: top
	}
	.bg-right-m {
		background-position: 100%
	}
	.bg-bottom-m,
	.bg-right-m {
		background-repeat: no-repeat
	}
	.bg-bottom-m {
		background-position: bottom
	}
	.bg-left-m {
		background-repeat: no-repeat;
		background-position: 0
	}
}

@media screen and (min-width:60em) {
	.bg-center-l {
		background-position: 50%
	}
	.bg-center-l,
	.bg-top-l {
		background-repeat: no-repeat
	}
	.bg-top-l {
		background-position: top
	}
	.bg-right-l {
		background-position: 100%
	}
	.bg-bottom-l,
	.bg-right-l {
		background-repeat: no-repeat
	}
	.bg-bottom-l {
		background-position: bottom
	}
	.bg-left-l {
		background-repeat: no-repeat;
		background-position: 0
	}
}

.outline {
	outline: 1px solid
}

.outline-transparent {
	outline: 1px solid transparent
}

.outline-0 {
	outline: 0
}

@media screen and (min-width:40em) {
	.outline-ns {
		outline: 1px solid
	}
	.outline-transparent-ns {
		outline: 1px solid transparent
	}
	.outline-0-ns {
		outline: 0
	}
}

@media screen and (min-width:50em) {
	.outline-m {
		outline: 1px solid
	}
	.outline-transparent-m {
		outline: 1px solid transparent
	}
	.outline-0-m {
		outline: 0
	}
}

@media screen and (min-width:50em) {
	.outline-l {
		outline: 1px solid
	}
	.outline-transparent-l {
		outline: 1px solid transparent
	}
	.outline-0-l {
		outline: 0
	}
}

.ba {
	border-style: solid;
	border-width: 1px
}

.bt {
	border-top-style: solid;
	border-top-width: 1px
}

.br {
	border-right-style: solid;
	border-right-width: 1px
}

.bb {
	border-bottom-style: solid;
	border-bottom-width: 1px
}

.bl {
	border-left-style: solid;
	border-left-width: 1px
}

.bn {
	border-style: none;
	border-width: 0
}

@media screen and (min-width:40em) {
	.ba-ns {
		border-style: solid;
		border-width: 1px
	}
	.bt-ns {
		border-top-style: solid;
		border-top-width: 1px
	}
	.br-ns {
		border-right-style: solid;
		border-right-width: 1px
	}
	.bb-ns {
		border-bottom-style: solid;
		border-bottom-width: 1px
	}
	.bl-ns {
		border-left-style: solid;
		border-left-width: 1px
	}
	.bn-ns {
		border-style: none;
		border-width: 0
	}
}

@media screen and (min-width:50em) {
	.ba-m {
		border-style: solid;
		border-width: 1px
	}
	.bt-m {
		border-top-style: solid;
		border-top-width: 1px
	}
	.br-m {
		border-right-style: solid;
		border-right-width: 1px
	}
	.bb-m {
		border-bottom-style: solid;
		border-bottom-width: 1px
	}
	.bl-m {
		border-left-style: solid;
		border-left-width: 1px
	}
	.bn-m {
		border-style: none;
		border-width: 0
	}
}

@media screen and (min-width:60em) {
	.ba-l {
		border-style: solid;
		border-width: 1px
	}
	.bt-l {
		border-top-style: solid;
		border-top-width: 1px
	}
	.br-l {
		border-right-style: solid;
		border-right-width: 1px
	}
	.bb-l {
		border-bottom-style: solid;
		border-bottom-width: 1px
	}
	.bl-l {
		border-left-style: solid;
		border-left-width: 1px
	}
	.bn-l {
		border-style: none;
		border-width: 0
	}
}

.br0 {
	border-radius: 0!important
}

.br1 {
	border-radius: .25rem;
	border-radius: var(--border-radius)
}

.br-100 {
	border-radius: 100%
}

.br-pill {
	border-radius: 9999px
}

.br--bottom {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.br--top {
	border-bottom-right-radius: 0
}

.br--right,
.br--top {
	border-bottom-left-radius: 0
}

.br--right {
	border-top-left-radius: 0
}

.br--left {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

@media screen and (min-width:40em) {
	.br0-ns {
		border-radius: 0
	}
	.br1-ns {
		border-radius: .25rem;
		border-radius: var(--border-radius)
	}
	.br-100-ns {
		border-radius: 100%
	}
	.br-pill-ns {
		border-radius: 9999px
	}
	.br--bottom-ns {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}
	.br--top-ns {
		border-bottom-right-radius: 0
	}
	.br--right-ns,
	.br--top-ns {
		border-bottom-left-radius: 0
	}
	.br--right-ns {
		border-top-left-radius: 0
	}
	.br--left-ns {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
}

@media screen and (min-width:50em) {
	.br0-m {
		border-radius: 0
	}
	.br1-m {
		border-radius: .25rem;
		border-radius: var(--border-radius)
	}
	.br-100-m {
		border-radius: 100%
	}
	.br-pill-m {
		border-radius: 9999px
	}
	.br--bottom-m {
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}
	.br--top-m {
		border-bottom-right-radius: 0
	}
	.br--right-m,
	.br--top-m {
		border-bottom-left-radius: 0
	}
	.br--right-m {
		border-top-left-radius: 0
	}
	.br--left-m {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
}

@media screen and (min-width:60em) {
	.br0-l {
		border-radius: 0
	}
	.br1-l {
		border-radius: .25rem;
		border-radius: var(--border-radius)
	}
	.br-100-l {
		border-radius: 100%
	}
	.br-pill-l {
		border-radius: 9999px
	}
	.br--bottom-l {
		border-radius-top-left: 0;
		border-radius-top-right: 0
	}
	.br--top-l {
		border-bottom-right-radius: 0
	}
	.br--right-l,
	.br--top-l {
		border-bottom-left-radius: 0
	}
	.br--right-l {
		border-top-left-radius: 0
	}
	.br--left-l {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
}

.b--dotted {
	border-style: dotted
}

.b--dashed {
	border-style: dashed
}

.b--solid {
	border-style: solid
}

.b--none {
	border-style: none
}

@media screen and (min-width:40em) {
	.b--dotted-ns {
		border-style: dotted
	}
	.b--dashed-ns {
		border-style: dashed
	}
	.b--solid-ns {
		border-style: solid
	}
	.b--none-ns {
		border-style: none
	}
}

@media screen and (min-width:50em) {
	.b--dotted-m {
		border-style: dotted
	}
	.b--dashed-m {
		border-style: dashed
	}
	.b--solid-m {
		border-style: solid
	}
	.b--none-m {
		border-style: none
	}
}

@media screen and (min-width:60em) {
	.b--dotted-l {
		border-style: dotted
	}
	.b--dashed-l {
		border-style: dashed
	}
	.b--solid-l {
		border-style: solid
	}
	.b--none-l {
		border-style: none
	}
}

.bw0 {
	border-width: 0
}

.bw1 {
	border-width: .125rem
}

.bw2 {
	border-width: .25rem;
	border-width: var(--spacing-extra-small)
}

.bw3 {
	border-width: .5rem;
	border-width: var(--spacing-small)
}

.bw4 {
	border-width: 1rem;
	border-width: var(--spacing-medium)
}

.bw5 {
	border-width: 2rem
}

.bt-0 {
	border-top-width: 0
}

.br-0 {
	border-right-width: 0
}

.bb-0 {
	border-bottom-width: 0
}

.bl-0 {
	border-left-width: 0
}

@media screen and (min-width:40em) {
	.bw0-ns {
		border-width: 0
	}
	.bw1-ns {
		border-width: .125rem
	}
	.bw2-ns {
		border-width: .25rem;
		border-width: var(--spacing-extra-small)
	}
	.bw3-ns {
		border-width: .5rem;
		border-width: var(--spacing-small)
	}
	.bw4-ns {
		border-width: 1rem;
		border-width: var(--spacing-medium)
	}
	.bw5-ns {
		border-width: 2rem
	}
	.bt-0-ns {
		border-top-width: 0
	}
	.br-0-ns {
		border-right-width: 0
	}
	.bb-0-ns {
		border-bottom-width: 0
	}
	.bl-0-ns {
		border-left-width: 0
	}
}

@media screen and (min-width:50em) {
	.bw0-m {
		border-width: 0
	}
	.bw1-m {
		border-width: .125rem
	}
	.bw2-m {
		border-width: .25rem;
		border-width: var(--spacing-extra-small)
	}
	.bw3-m {
		border-width: .5rem;
		border-width: var(--spacing-small)
	}
	.bw4-m {
		border-width: 1rem;
		border-width: var(--spacing-medium)
	}
	.bw5-m {
		border-width: 2rem
	}
	.bt-0-m {
		border-top-width: 0
	}
	.br-0-m {
		border-right-width: 0
	}
	.bb-0-m {
		border-bottom-width: 0
	}
	.bl-0-m {
		border-left-width: 0
	}
}

@media screen and (min-width:60em) {
	.bw0-l {
		border-width: 0
	}
	.bw1-l {
		border-width: .125rem
	}
	.bw2-l {
		border-width: .25rem;
		border-width: var(--spacing-extra-small)
	}
	.bw3-l {
		border-width: .5rem;
		border-width: var(--spacing-small)
	}
	.bw4-l {
		border-width: 1rem;
		border-width: var(--spacing-medium)
	}
	.bw5-l {
		border-width: 2rem
	}
	.bt-0-l {
		border-top-width: 0
	}
	.br-0-l {
		border-right-width: 0
	}
	.bb-0-l {
		border-bottom-width: 0
	}
	.bl-0-l {
		border-left-width: 0
	}
}

.b--primary {
	border-color: #f40;
	border-color: var(--primary)
}

.b--highlight {
	border-color: --var(--highlight)
}

.b--white {
	border-color: #fff;
	border-color: var(--white)
}

.b--off-white {
	border-color: #fffdfc;
	border-color: var(--off-white)
}

.b--grey-1 {
	border-color: #f5f3f2;
	border-color: var(--grey-1)
}

.b--grey-2 {
	border-color: #ebe7e6;
	border-color: var(--grey-2)
}

.b--grey-3 {
	border-color: #595756;
	border-color: var(--grey-3)
}

.b--grey-4 {
	border-color: #424040;
	border-color: var(--grey-4)
}

.b--black {
	border-color: #2b2523;
	border-color: var(--black)
}

pre {
	overflow-x: auto;
	overflow-y: hidden;
	overflow: scroll;
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium);
	background-color: #f5f3f2;
	background-color: var(--grey-1);
	padding: .5rem;
	padding: var(--spacing-small)
}

.top-0 {
	top: 0
}

.right-0 {
	right: 0
}

.bottom-0 {
	bottom: 0
}

.left-0 {
	left: 0
}

.top-1 {
	top: 1rem;
	top: var(--spacing-medium)
}

.right-1 {
	right: 1rem;
	right: var(--spacing-medium)
}

.bottom-1 {
	bottom: 1rem;
	bottom: var(--spacing-medium)
}

.left-1 {
	left: 1rem;
	left: var(--spacing-medium)
}

.top-2 {
	top: 2rem
}

.right-2 {
	right: 2rem
}

.bottom-2 {
	bottom: 2rem
}

.left-2 {
	left: 2rem
}

.top--1 {
	top: -var(--spacing-medium)
}

.right--1 {
	right: -var(--spacing-medium)
}

.bottom--1 {
	bottom: -var(--spacing-medium)
}

.left--1 {
	left: -var(--spacing-medium)
}

.top--2 {
	top: -2rem
}

.right--2 {
	right: -2rem
}

.bottom--2 {
	bottom: -2rem
}

.left--2 {
	left: -2rem
}

.absolute--fill {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

@media screen and (min-width:40em) {
	.top-0-ns {
		top: 0
	}
	.left-0-ns {
		left: 0
	}
	.right-0-ns {
		right: 0
	}
	.bottom-0-ns {
		bottom: 0
	}
	.top-1-ns {
		top: 1rem;
		top: var(--spacing-medium)
	}
	.left-1-ns {
		left: 1rem;
		left: var(--spacing-medium)
	}
	.right-1-ns {
		right: 1rem;
		right: var(--spacing-medium)
	}
	.bottom-1-ns {
		bottom: 1rem;
		bottom: var(--spacing-medium)
	}
	.top-2-ns {
		top: 2rem
	}
	.left-2-ns {
		left: 2rem
	}
	.right-2-ns {
		right: 2rem
	}
	.bottom-2-ns {
		bottom: 2rem
	}
	.top--1-ns {
		top: -var(--spacing-medium)
	}
	.right--1-ns {
		right: -var(--spacing-medium)
	}
	.bottom--1-ns {
		bottom: -var(--spacing-medium)
	}
	.left--1-ns {
		left: -var(--spacing-medium)
	}
	.top--2-ns {
		top: -2rem
	}
	.right--2-ns {
		right: -2rem
	}
	.bottom--2-ns {
		bottom: -2rem
	}
	.left--2-ns {
		left: -2rem
	}
	.absolute--fill-ns {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
}

@media screen and (min-width:50em) {
	.top-0-m {
		top: 0
	}
	.left-0-m {
		left: 0
	}
	.right-0-m {
		right: 0
	}
	.bottom-0-m {
		bottom: 0
	}
	.top-1-m {
		top: 1rem;
		top: var(--spacing-medium)
	}
	.left-1-m {
		left: 1rem;
		left: var(--spacing-medium)
	}
	.right-1-m {
		right: 1rem;
		right: var(--spacing-medium)
	}
	.bottom-1-m {
		bottom: 1rem;
		bottom: var(--spacing-medium)
	}
	.top-2-m {
		top: 2rem
	}
	.left-2-m {
		left: 2rem
	}
	.right-2-m {
		right: 2rem
	}
	.bottom-2-m {
		bottom: 2rem
	}
	.top--1-m {
		top: -var(--spacing-medium)
	}
	.right--1-m {
		right: -var(--spacing-medium)
	}
	.bottom--1-m {
		bottom: -var(--spacing-medium)
	}
	.left--1-m {
		left: -var(--spacing-medium)
	}
	.top--2-m {
		top: -2rem
	}
	.right--2-m {
		right: -2rem
	}
	.bottom--2-m {
		bottom: -2rem
	}
	.left--2-m {
		left: -2rem
	}
	.absolute--fill-m {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
}

@media screen and (min-width:60em) {
	.top-0-l {
		top: 0
	}
	.left-0-l {
		left: 0
	}
	.right-0-l {
		right: 0
	}
	.bottom-0-l {
		bottom: 0
	}
	.top-1-l {
		top: 1rem;
		top: var(--spacing-medium)
	}
	.left-1-l {
		left: 1rem;
		left: var(--spacing-medium)
	}
	.right-1-l {
		right: 1rem;
		right: var(--spacing-medium)
	}
	.bottom-1-l {
		bottom: 1rem;
		bottom: var(--spacing-medium)
	}
	.top-2-l {
		top: 2rem
	}
	.left-2-l {
		left: 2rem
	}
	.right-2-l {
		right: 2rem
	}
	.bottom-2-l {
		bottom: 2rem
	}
	.top--1-l {
		top: -var(--spacing-medium)
	}
	.right--1-l {
		right: -var(--spacing-medium)
	}
	.bottom--1-l {
		bottom: -var(--spacing-medium)
	}
	.left--1-l {
		left: -var(--spacing-medium)
	}
	.top--2-l {
		top: -2rem
	}
	.right--2-l {
		right: -2rem
	}
	.bottom--2-l {
		bottom: -2rem
	}
	.left--2-l {
		left: -2rem
	}
	.absolute--fill-l {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}
}

.cf:after,
.cf:before {
	content: " ";
	display: table
}

.cf:after {
	clear: both
}

.cf {
	*zoom: 1
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.cb {
	clear: both
}

.cn {
	clear: none
}

@media screen and (min-width:40em) {
	.cl-ns {
		clear: left
	}
	.cr-ns {
		clear: right
	}
	.cb-ns {
		clear: both
	}
	.cn-ns {
		clear: none
	}
}

@media screen and (min-width:50em) {
	.cl-m {
		clear: left
	}
	.cr-m {
		clear: right
	}
	.cb-m {
		clear: both
	}
	.cn-m {
		clear: none
	}
}

@media screen and (min-width:60em) {
	.cl-l {
		clear: left
	}
	.cr-l {
		clear: right
	}
	.cb-l {
		clear: both
	}
	.cn-l {
		clear: none
	}
}

.dn {
	display: none
}

.di {
	display: inline
}

.db {
	display: block
}

.dib {
	display: inline-block
}

.dit {
	display: inline-table
}

.dt {
	display: table
}

.dtc {
	display: table-cell
}

.dt-row {
	display: table-row
}

.dt-row-group {
	display: table-row-group
}

.dt-column {
	display: table-column
}

.dt-column-group {
	display: table-column-group
}

.dt--fixed {
	table-layout: fixed;
	width: 100%
}

@media screen and (min-width:40em) {
	.dn-ns {
		display: none
	}
	.di-ns {
		display: inline
	}
	.db-ns {
		display: block
	}
	.dib-ns {
		display: inline-block
	}
	.dit-ns {
		display: inline-table
	}
	.dt-ns {
		display: table
	}
	.dtc-ns {
		display: table-cell
	}
	.dt-row-ns {
		display: table-row
	}
	.dt-row-group-ns {
		display: table-row-group
	}
	.dt-column-ns {
		display: table-column
	}
	.dt-column-group-ns {
		display: table-column-group
	}
	.dt--fixed-ns {
		table-layout: fixed;
		width: 100%
	}
}

@media screen and (min-width:50em) {
	.dn-m {
		display: none
	}
	.di-m {
		display: inline
	}
	.db-m {
		display: block
	}
	.dib-m {
		display: inline-block
	}
	.dit-m {
		display: inline-table
	}
	.dt-m {
		display: table
	}
	.dtc-m {
		display: table-cell
	}
	.dt-row-m {
		display: table-row
	}
	.dt-row-group-m {
		display: table-row-group
	}
	.dt-column-m {
		display: table-column
	}
	.dt-column-group-m {
		display: table-column-group
	}
	.dt--fixed-m {
		table-layout: fixed;
		width: 100%
	}
}

@media screen and (min-width:60em) {
	.dn-l {
		display: none
	}
	.di-l {
		display: inline
	}
	.db-l {
		display: block
	}
	.dib-l {
		display: inline-block
	}
	.dit-l {
		display: inline-table
	}
	.dt-l {
		display: table
	}
	.dtc-l {
		display: table-cell
	}
	.dt-row-l {
		display: table-row
	}
	.dt-row-group-l {
		display: table-row-group
	}
	.dt-column-l {
		display: table-column
	}
	.dt-column-group-l {
		display: table-column-group
	}
	.dt--fixed-l {
		table-layout: fixed;
		width: 100%
	}
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.inline-flex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.flex-auto {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0
}

.flex-none {
	flex: none
}

.flex-column {
	flex-direction: column
}

.flex-row {
	flex-direction: row
}

.flex-wrap {
	flex-wrap: wrap
}

.items-start {
	align-items: flex-start
}

.items-end {
	align-items: flex-end
}

.items-center {
	align-items: center
}

.items-baseline {
	align-items: baseline
}

.items-stretch {
	align-items: stretch
}

.self-start {
	align-self: flex-start
}

.self-end {
	align-self: flex-end
}

.self-center {
	align-self: center
}

.self-baseline {
	align-self: baseline
}

.self-stretch {
	align-self: stretch
}

.justify-start {
	justify-content: flex-start
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-around {
	justify-content: space-around
}

.content-start {
	align-content: flex-start
}

.content-end {
	align-content: flex-end
}

.content-center {
	align-content: center
}

.content-between {
	align-content: space-between
}

.content-around {
	align-content: space-around
}

.content-stretch {
	align-content: stretch
}

.order-0 {
	order: 0
}

.order-1 {
	order: 1
}

.order-2 {
	order: 2
}

.order-3 {
	order: 3
}

.order-4 {
	order: 4
}

.order-5 {
	order: 5
}

.order-6 {
	order: 6
}

.order-7 {
	order: 7
}

.order-8 {
	order: 8
}

.order-last {
	order: 99999
}

@media screen and (min-width:40em) {
	.flex-ns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.inline-flex-ns {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}
	.flex-auto-ns {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 0
	}
	.flex-none-ns {
		flex: none
	}
	.flex-column-ns {
		flex-direction: column
	}
	.flex-row-ns {
		flex-direction: row
	}
	.flex-wrap-ns {
		flex-wrap: wrap
	}
	.items-start-ns {
		align-items: flex-start
	}
	.items-end-ns {
		align-items: flex-end
	}
	.items-center-ns {
		align-items: center
	}
	.items-baseline-ns {
		align-items: baseline
	}
	.items-stretch-ns {
		align-items: stretch
	}
	.self-start-ns {
		align-self: flex-start
	}
	.self-end-ns {
		align-self: flex-end
	}
	.self-center-ns {
		align-self: center
	}
	.self-baseline-ns {
		align-self: baseline
	}
	.self-stretch-ns {
		align-self: stretch
	}
	.justify-start-ns {
		justify-content: flex-start
	}
	.justify-end-ns {
		justify-content: flex-end
	}
	.justify-center-ns {
		justify-content: center
	}
	.justify-between-ns {
		justify-content: space-between
	}
	.justify-around-ns {
		justify-content: space-around
	}
	.content-start-ns {
		align-content: flex-start
	}
	.content-end-ns {
		align-content: flex-end
	}
	.content-center-ns {
		align-content: center
	}
	.content-between-ns {
		align-content: space-between
	}
	.content-around-ns {
		align-content: space-around
	}
	.content-stretch-ns {
		align-content: stretch
	}
	.order-0-ns {
		order: 0
	}
	.order-1-ns {
		order: 1
	}
	.order-2-ns {
		order: 2
	}
	.order-3-ns {
		order: 3
	}
	.order-4-ns {
		order: 4
	}
	.order-5-ns {
		order: 5
	}
	.order-6-ns {
		order: 6
	}
	.order-7-ns {
		order: 7
	}
	.order-8-ns {
		order: 8
	}
	.order-last-ns {
		order: 99999
	}
}

@media screen and (min-width:50em) {
	.flex-m {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.inline-flex-m {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}
	.flex-auto-m {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 0
	}
	.flex-none-m {
		flex: none
	}
	.flex-column-m {
		flex-direction: column
	}
	.flex-row-m {
		flex-direction: row
	}
	.flex-wrap-m {
		flex-wrap: wrap
	}
	.items-start-m {
		align-items: flex-start
	}
	.items-end-m {
		align-items: flex-end
	}
	.items-center-m {
		align-items: center
	}
	.items-baseline-m {
		align-items: baseline
	}
	.items-stretch-m {
		align-items: stretch
	}
	.self-start-m {
		align-self: flex-start
	}
	.self-end-m {
		align-self: flex-end
	}
	.self-center-m {
		align-self: center
	}
	.self-baseline-m {
		align-self: baseline
	}
	.self-stretch-m {
		align-self: stretch
	}
	.justify-start-m {
		justify-content: flex-start
	}
	.justify-end-m {
		justify-content: flex-end
	}
	.justify-center-m {
		justify-content: center
	}
	.justify-between-m {
		justify-content: space-between
	}
	.justify-around-m {
		justify-content: space-around
	}
	.content-start-m {
		align-content: flex-start
	}
	.content-end-m {
		align-content: flex-end
	}
	.content-center-m {
		align-content: center
	}
	.content-between-m {
		align-content: space-between
	}
	.content-around-m {
		align-content: space-around
	}
	.content-stretch-m {
		align-content: stretch
	}
	.order-0-m {
		order: 0
	}
	.order-1-m {
		order: 1
	}
	.order-2-m {
		order: 2
	}
	.order-3-m {
		order: 3
	}
	.order-4-m {
		order: 4
	}
	.order-5-m {
		order: 5
	}
	.order-6-m {
		order: 6
	}
	.order-7-m {
		order: 7
	}
	.order-8-m {
		order: 8
	}
	.order-last-m {
		order: 99999
	}
}

@media screen and (min-width:60em) {
	.flex-l {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	.inline-flex-l {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex
	}
	.flex-auto-l {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 0
	}
	.flex-none-l {
		flex: none
	}
	.flex-column-l {
		flex-direction: column
	}
	.flex-row-l {
		flex-direction: row
	}
	.flex-wrap-l {
		flex-wrap: wrap
	}
	.items-start-l {
		align-items: flex-start
	}
	.items-end-l {
		align-items: flex-end
	}
	.items-center-l {
		align-items: center
	}
	.items-baseline-l {
		align-items: baseline
	}
	.items-stretch-l {
		align-items: stretch
	}
	.self-start-l {
		align-self: flex-start
	}
	.self-end-l {
		align-self: flex-end
	}
	.self-center-l {
		align-self: center
	}
	.self-baseline-l {
		align-self: baseline
	}
	.self-stretch-l {
		align-self: stretch
	}
	.justify-start-l {
		justify-content: flex-start
	}
	.justify-end-l {
		justify-content: flex-end
	}
	.justify-center-l {
		justify-content: center
	}
	.justify-between-l {
		justify-content: space-between
	}
	.justify-around-l {
		justify-content: space-around
	}
	.content-start-l {
		align-content: flex-start
	}
	.content-end-l {
		align-content: flex-end
	}
	.content-center-l {
		align-content: center
	}
	.content-between-l {
		align-content: space-between
	}
	.content-around-l {
		align-content: space-around
	}
	.content-stretch-l {
		align-content: stretch
	}
	.order-0-l {
		order: 0
	}
	.order-1-l {
		order: 1
	}
	.order-2-l {
		order: 2
	}
	.order-3-l {
		order: 3
	}
	.order-4-l {
		order: 4
	}
	.order-5-l {
		order: 5
	}
	.order-6-l {
		order: 6
	}
	.order-7-l {
		order: 7
	}
	.order-8-l {
		order: 8
	}
	.order-last-l {
		order: 99999
	}
}

.fl {
	float: left
}

.fl,
.fr {
	_display: inline
}

.fr {
	float: right
}

.fn {
	float: none
}

@media screen and (min-width:40em) {
	.fl-ns {
		float: left
	}
	.fl-ns,
	.fr-ns {
		_display: inline
	}
	.fr-ns {
		float: right
	}
	.fn-ns {
		float: none
	}
}

@media screen and (min-width:50em) {
	.fl-m {
		float: left
	}
	.fl-m,
	.fr-m {
		_display: inline
	}
	.fr-m {
		float: right
	}
	.fn-m {
		float: none
	}
}

@media screen and (min-width:60em) {
	.fl-l {
		float: left
	}
	.fl-l,
	.fr-l {
		_display: inline
	}
	.fr-l {
		float: right
	}
	.fn-l {
		float: none
	}
}

.i {
	font-style: italic
}

.fs-normal {
	font-style: normal
}

@media screen and (min-width:40em) {
	.i-ns {
		font-style: italic
	}
	.fs-normal-ns {
		font-style: normal
	}
}

@media screen and (min-width:50em) {
	.i-m {
		font-style: italic
	}
	.fs-normal-m {
		font-style: normal
	}
}

@media screen and (min-width:60em) {
	.i-l {
		font-style: italic
	}
	.fs-normal-l {
		font-style: normal
	}
}

.normal {
	font-weight: 400
}

.b {
	font-weight: 700;
	font-weight: var(--bold-font-weight)
}

.fw1 {
	font-weight: 100
}

.fw2 {
	font-weight: 200
}

.fw3 {
	font-weight: 300
}

.fw4 {
	font-weight: 400
}

.fw5 {
	font-weight: 500
}

.fw6 {
	font-weight: 600
}

.fw7 {
	font-weight: 700
}

.fw8 {
	font-weight: 800
}

.fw9 {
	font-weight: 900
}

@media screen and (min-width:40em) {
	.normal-ns {
		font-weight: 400
	}
	.b-ns {
		font-weight: 700;
		font-weight: var(--bold-font-weight)
	}
	.fw1-ns {
		font-weight: 100
	}
	.fw2-ns {
		font-weight: 200
	}
	.fw3-ns {
		font-weight: 300
	}
	.fw4-ns {
		font-weight: 400
	}
	.fw5-ns {
		font-weight: 500
	}
	.fw6-ns {
		font-weight: 600
	}
	.fw7-ns {
		font-weight: 700
	}
	.fw8-ns {
		font-weight: 800
	}
	.fw9-ns {
		font-weight: 900
	}
}

@media screen and (min-width:50em) {
	.normal-m {
		font-weight: 400
	}
	.b-m {
		font-weight: 700;
		font-weight: var(--bold-font-weight)
	}
	.fw1-m {
		font-weight: 100
	}
	.fw2-m {
		font-weight: 200
	}
	.fw3-m {
		font-weight: 300
	}
	.fw4-m {
		font-weight: 400
	}
	.fw5-m {
		font-weight: 500
	}
	.fw6-m {
		font-weight: 600
	}
	.fw7-m {
		font-weight: 700
	}
	.fw8-m {
		font-weight: 800
	}
	.fw9-m {
		font-weight: 900
	}
}

@media screen and (min-width:60em) {
	.normal-l {
		font-weight: 400
	}
	.b-l {
		font-weight: 700;
		font-weight: var(--bold-font-weight)
	}
	.fw1-l {
		font-weight: 100
	}
	.fw2-l {
		font-weight: 200
	}
	.fw3-l {
		font-weight: 300
	}
	.fw4-l {
		font-weight: 400
	}
	.fw5-l {
		font-weight: 500
	}
	.fw6-l {
		font-weight: 600
	}
	.fw7-l {
		font-weight: 700
	}
	.fw8-l {
		font-weight: 800
	}
	.fw9-l {
		font-weight: 900
	}
}

fieldset {
	position: relative
}

.input-reset {
	-webkit-appearance: none;
	-moz-appearance: none
}

.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
	border: 0;
	padding: 0
}

input,
textarea {
	background-color: #ebe7e6;
	background-color: var(--grey-2);
	border-radius: .25rem;
	border-radius: var(--border-radius);
	padding: 12px 16px 10px;
	font-size: 1rem;
	font-size: var(--spacing-medium);
	line-height: 1.25;
	position: relative;
	transition: all .15s ease;
	transition: var(--hover-transition);
	z-index: 2
}

input:focus,
textarea:focus {
	background-color: #fff;
	background-color: var(--white)
}

input:focus+label,
textarea:focus+label {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-120%)
}

::-webkit-input-placeholder {
	color: #2b2523;
	color: var(--black);
	font-size: 1rem;
	font-size: var(--spacing-medium);
	line-height: normal
}

:-moz-placeholder,
::-moz-placeholder {
	color: #2b2523;
	color: var(--black);
	font-size: 1rem;
	font-size: var(--spacing-medium);
	line-height: normal
}

:-ms-input-placeholder {
	color: #2b2523;
	color: var(--black);
	font-size: 1rem;
	font-size: var(--spacing-medium);
	line-height: normal
}

label {
	font-size: .875rem;
	font-weight: 800;
	color: #fff;
	color: var(--white);
	background-color: #f40;
	background-color: var(--primary);
	border-radius: .25rem;
	border-radius: var(--border-radius);
	padding: .25rem .5rem;
	padding: var(--spacing-extra-small) var(--spacing-small);
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	line-height: 1;
	transition: all .15s ease;
	transition: var(--hover-transition);
	z-index: 2
}

.h1 {
	height: 1rem;
	height: var(--spacing-medium)
}

.h2 {
	height: 2rem
}

.h3 {
	height: 4rem
}

.h4 {
	height: 8rem
}

.h5 {
	height: 16rem
}

.h-25 {
	height: 25%
}

.h-50 {
	height: 50%
}

.h-75 {
	height: 75%
}

.h-100 {
	height: 100%
}

.min-h-100 {
	min-height: 100%
}

.vh-25 {
	height: 25vh
}

.vh-50 {
	height: 50vh
}

.vh-75 {
	height: 75vh
}

.vh-100 {
	height: 100vh
}

.min-vh-100 {
	min-height: 100vh
}

.h-auto {
	height: auto
}

.h-inherit {
	height: inherit
}

@media screen and (min-width:40em) {
	.h1-ns {
		height: 1rem;
		height: var(--spacing-medium)
	}
	.h2-ns {
		height: 2rem
	}
	.h3-ns {
		height: 4rem
	}
	.h4-ns {
		height: 8rem
	}
	.h5-ns {
		height: 16rem
	}
	.h-25-ns {
		height: 25%
	}
	.h-50-ns {
		height: 50%
	}
	.h-75-ns {
		height: 75%
	}
	.h-100-ns {
		height: 100%
	}
	.min-h-100-ns {
		min-height: 100%
	}
	.vh-25-ns {
		height: 25vh
	}
	.vh-50-ns {
		height: 50vh
	}
	.vh-75-ns {
		height: 75vh
	}
	.vh-100-ns {
		height: 100vh
	}
	.min-vh-100-ns {
		min-height: 100vh
	}
	.h-auto-ns {
		height: auto
	}
	.h-inherit-ns {
		height: inherit
	}
}

@media screen and (min-width:50em) {
	.h1-m {
		height: 1rem;
		height: var(--spacing-medium)
	}
	.h2-m {
		height: 2rem
	}
	.h3-m {
		height: 4rem
	}
	.h4-m {
		height: 8rem
	}
	.h5-m {
		height: 16rem
	}
	.h-25-m {
		height: 25%
	}
	.h-50-m {
		height: 50%
	}
	.h-75-m {
		height: 75%
	}
	.h-100-m {
		height: 100%
	}
	.min-h-100-ns {
		min-height: 100%
	}
	.vh-25-m {
		height: 25vh
	}
	.vh-50-m {
		height: 50vh
	}
	.vh-75-m {
		height: 75vh
	}
	.vh-100-m {
		height: 100vh
	}
	.min-vh-100-m {
		min-height: 100vh
	}
	.h-auto-m {
		height: auto
	}
	.h-inherit-m {
		height: inherit
	}
}

@media screen and (min-width:60em) {
	.h1-l {
		height: 1rem;
		height: var(--spacing-medium)
	}
	.h2-l {
		height: 2rem
	}
	.h3-l {
		height: 4rem
	}
	.h4-l {
		height: 8rem
	}
	.h5-l {
		height: 16rem
	}
	.h-25-l {
		height: 25%
	}
	.h-50-l {
		height: 50%
	}
	.h-75-l {
		height: 75%
	}
	.h-100-l {
		height: 100%
	}
	.min-h-100-l {
		min-height: 100%
	}
	.vh-25-l {
		height: 25vh
	}
	.vh-50-l {
		height: 50vh
	}
	.vh-75-l {
		height: 75vh
	}
	.vh-100-l {
		height: 100vh
	}
	.min-vh-100-l {
		min-height: 100vh
	}
	.h-auto-l {
		height: auto
	}
	.h-inherit-l {
		height: inherit
	}
}

.lh-solid {
	line-height: 1
}

.lh-title {
	line-height: 1.25
}

.lh-copy {
	line-height: 1.5
}

@media screen and (min-width:40em) {
	.lh-solid-ns {
		line-height: 1
	}
	.lh-title-ns {
		line-height: 1.25
	}
	.lh-copy-ns {
		line-height: 1.5
	}
}

@media screen and (min-width:50em) {
	.lh-solid-m {
		line-height: 1
	}
	.lh-title-m {
		line-height: 1.25
	}
	.lh-copy-m {
		line-height: 1.5
	}
}

@media screen and (min-width:60em) {
	.lh-solid-l {
		line-height: 1
	}
	.lh-title-l {
		line-height: 1.25
	}
	.lh-copy-l {
		line-height: 1.5
	}
}

.link {
	text-decoration: none;
	transition: all .15s ease;
	transition: var(--hover-transition);
	color: inherit
}

.link:hover,
.link:link,
.link:visited {
	transition: color .15s ease-in
}

.link:hover {
	text-decoration: underline
}

.link:active,
.link:focus {
	transition: color .15s ease-in
}

.link:focus {
	outline: 1px dotted currentColor
}

.list {
	list-style-type: none
}

.mw-100 {
	max-width: 100%
}

.mw1 {
	max-width: 1rem
}

.mw2 {
	max-width: 2rem
}

.mw3 {
	max-width: 4rem
}

.mw4 {
	max-width: 8rem
}

.mw5 {
	max-width: 16rem
}

.mw6 {
	max-width: 32rem
}

.mw7 {
	max-width: 48rem
}

.mw8 {
	max-width: 64rem
}

.mw9 {
	max-width: 96rem
}

.mw-none {
	max-width: none
}

@media screen and (min-width:40em) {
	.mw-100-ns {
		max-width: 100%
	}
	.mw1-ns {
		max-width: 1rem
	}
	.mw2-ns {
		max-width: 2rem
	}
	.mw3-ns {
		max-width: 4rem
	}
	.mw4-ns {
		max-width: 8rem
	}
	.mw5-ns {
		max-width: 16rem
	}
	.mw6-ns {
		max-width: 32rem
	}
	.mw7-ns {
		max-width: 48rem
	}
	.mw8-ns {
		max-width: 64rem
	}
	.mw9-ns {
		max-width: 96rem
	}
	.mw-none-ns {
		max-width: none
	}
}

@media screen and (min-width:50em) {
	.mw-100-m {
		max-width: 100%
	}
	.mw1-m {
		max-width: 1rem
	}
	.mw2-m {
		max-width: 2rem
	}
	.mw3-m {
		max-width: 4rem
	}
	.mw4-m {
		max-width: 8rem
	}
	.mw5-m {
		max-width: 16rem
	}
	.mw6-m {
		max-width: 32rem
	}
	.mw7-m {
		max-width: 48rem
	}
	.mw8-m {
		max-width: 64rem
	}
	.mw9-m {
		max-width: 96rem
	}
	.mw-none-m {
		max-width: none
	}
}

@media screen and (min-width:60em) {
	.mw-100-l {
		max-width: 100%
	}
	.mw1-l {
		max-width: 1rem
	}
	.mw2-l {
		max-width: 2rem
	}
	.mw3-l {
		max-width: 4rem
	}
	.mw4-l {
		max-width: 8rem
	}
	.mw5-l {
		max-width: 16rem
	}
	.mw6-l {
		max-width: 32rem
	}
	.mw7-l {
		max-width: 48rem
	}
	.mw8-l {
		max-width: 64rem
	}
	.mw9-l {
		max-width: 96rem
	}
	.mw-none-l {
		max-width: none
	}
}

.w1 {
	width: 1rem;
	width: var(--spacing-medium)
}

.w2 {
	width: 2rem
}

.w3 {
	width: 4rem
}

.w4 {
	width: 8rem
}

.w5 {
	width: 16rem
}

.w-10 {
	width: 10%
}

.w-20 {
	width: 20%
}

.w-25 {
	width: 25%
}

.w-30 {
	width: 30%
}

.w-33 {
	width: 33%
}

.w-34 {
	width: 34%
}

.w-40 {
	width: 40%
}

.w-50 {
	width: 50%
}

.w-60 {
	width: 60%
}

.w-70 {
	width: 70%
}

.w-75 {
	width: 75%
}

.w-80 {
	width: 80%
}

.w-90 {
	width: 90%
}

.w-100 {
	width: 100%
}

.w-third {
	width: 33.33333%
}

.w-two-thirds {
	width: 66.66667%
}

.w-auto {
	width: auto
}

@media screen and (min-width:40em) {
	.w1-ns {
		width: 1rem;
		width: var(--spacing-medium)
	}
	.w2-ns {
		width: 2rem
	}
	.w3-ns {
		width: 4rem
	}
	.w4-ns {
		width: 8rem
	}
	.w5-ns {
		width: 16rem
	}
	.w-10-ns {
		width: 10%
	}
	.w-20-ns {
		width: 20%
	}
	.w-25-ns {
		width: 25%
	}
	.w-30-ns {
		width: 30%
	}
	.w-33-ns {
		width: 33%
	}
	.w-34-ns {
		width: 34%
	}
	.w-40-ns {
		width: 40%
	}
	.w-50-ns {
		width: 50%
	}
	.w-60-ns {
		width: 60%
	}
	.w-70-ns {
		width: 70%
	}
	.w-75-ns {
		width: 75%
	}
	.w-80-ns {
		width: 80%
	}
	.w-90-ns {
		width: 90%
	}
	.w-100-ns {
		width: 100%
	}
	.w-third-ns {
		width: 33.33333%
	}
	.w-two-thirds-ns {
		width: 66.66667%
	}
	.w-auto-ns {
		width: auto
	}
}

@media screen and (min-width:50em) {
	.w1-m {
		width: 1rem;
		width: var(--spacing-medium)
	}
	.w2-m {
		width: 2rem
	}
	.w3-m {
		width: 4rem
	}
	.w4-m {
		width: 8rem
	}
	.w5-m {
		width: 16rem
	}
	.w-10-m {
		width: 10%
	}
	.w-20-m {
		width: 20%
	}
	.w-25-m {
		width: 25%
	}
	.w-30-m {
		width: 30%
	}
	.w-33-m {
		width: 33%
	}
	.w-34-m {
		width: 34%
	}
	.w-40-m {
		width: 40%
	}
	.w-50-m {
		width: 50%
	}
	.w-60-m {
		width: 60%
	}
	.w-70-m {
		width: 70%
	}
	.w-75-m {
		width: 75%
	}
	.w-80-m {
		width: 80%
	}
	.w-90-m {
		width: 90%
	}
	.w-100-m {
		width: 100%
	}
	.w-third-m {
		width: 33.33333%
	}
	.w-two-thirds-m {
		width: 66.66667%
	}
	.w-auto-m {
		width: auto
	}
}

@media screen and (min-width:60em) {
	.w1-l {
		width: 1rem;
		width: var(--spacing-medium)
	}
	.w2-l {
		width: 2rem
	}
	.w3-l {
		width: 4rem
	}
	.w4-l {
		width: 8rem
	}
	.w5-l {
		width: 16rem
	}
	.w-10-l {
		width: 10%
	}
	.w-20-l {
		width: 20%
	}
	.w-25-l {
		width: 25%
	}
	.w-30-l {
		width: 30%
	}
	.w-33-l {
		width: 33%
	}
	.w-34-l {
		width: 34%
	}
	.w-40-l {
		width: 40%
	}
	.w-50-l {
		width: 50%
	}
	.w-60-l {
		width: 60%
	}
	.w-70-l {
		width: 70%
	}
	.w-75-l {
		width: 75%
	}
	.w-80-l {
		width: 80%
	}
	.w-90-l {
		width: 90%
	}
	.w-100-l {
		width: 100%
	}
	.w-third-l {
		width: 33.33333%
	}
	.w-two-thirds-l {
		width: 66.66667%
	}
	.w-auto-l {
		width: auto
	}
}

.overflow-visible {
	overflow: visible
}

.overflow-hidden {
	overflow: hidden
}

.overflow-scroll {
	overflow: scroll
}

.overflow-auto {
	overflow: auto
}

.overflow-x-visible {
	overflow-x: visible
}

.overflow-x-hidden {
	overflow-x: hidden
}

.overflow-x-scroll {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-y-visible {
	overflow-y: visible
}

.overflow-y-hidden {
	overflow-y: hidden
}

.overflow-y-scroll {
	overflow-y: scroll
}

.overflow-y-auto {
	overflow-y: auto
}

@media screen and (min-width:40em) {
	.overflow-visible-ns {
		overflow: visible
	}
	.overflow-hidden-ns {
		overflow: hidden
	}
	.overflow-scroll-ns {
		overflow: scroll
	}
	.overflow-auto-ns {
		overflow: auto
	}
	.overflow-x-visible-ns {
		overflow-x: visible
	}
	.overflow-x-hidden-ns {
		overflow-x: hidden
	}
	.overflow-x-scroll-ns {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch
	}
	.overflow-x-auto-ns {
		overflow-x: auto
	}
	.overflow-y-visible-ns {
		overflow-y: visible
	}
	.overflow-y-hidden-ns {
		overflow-y: hidden
	}
	.overflow-y-scroll-ns {
		overflow-y: scroll
	}
	.overflow-y-auto-ns {
		overflow-y: auto
	}
}

@media screen and (min-width:50em) {
	.overflow-visible-m {
		overflow: visible
	}
	.overflow-hidden-m {
		overflow: hidden
	}
	.overflow-scroll-m {
		overflow: scroll
	}
	.overflow-auto-m {
		overflow: auto
	}
	.overflow-x-visible-m {
		overflow-x: visible
	}
	.overflow-x-hidden-m {
		overflow-x: hidden
	}
	.overflow-x-scroll-m {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch
	}
	.overflow-x-auto-m {
		overflow-x: auto
	}
	.overflow-y-visible-m {
		overflow-y: visible
	}
	.overflow-y-hidden-m {
		overflow-y: hidden
	}
	.overflow-y-scroll-m {
		overflow-y: scroll
	}
	.overflow-y-auto-m {
		overflow-y: auto
	}
}

@media screen and (min-width:60em) {
	.overflow-visible-l {
		overflow: visible
	}
	.overflow-hidden-l {
		overflow: hidden
	}
	.overflow-scroll-l {
		overflow: scroll
	}
	.overflow-auto-l {
		overflow: auto
	}
	.overflow-x-visible-l {
		overflow-x: visible
	}
	.overflow-x-hidden-l {
		overflow-x: hidden
	}
	.overflow-x-scroll-l {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch
	}
	.overflow-x-auto-l {
		overflow-x: auto
	}
	.overflow-y-visible-l {
		overflow-y: visible
	}
	.overflow-y-hidden-l {
		overflow-y: hidden
	}
	.overflow-y-scroll-l {
		overflow-y: scroll
	}
	.overflow-y-auto-l {
		overflow-y: auto
	}
}

.static {
	position: static
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.fixed {
	position: fixed
}

@media screen and (min-width:40em) {
	.static-ns {
		position: static
	}
	.relative-ns {
		position: relative
	}
	.absolute-ns {
		position: absolute
	}
	.fixed-ns {
		position: fixed
	}
}

@media screen and (min-width:50em) {
	.static-m {
		position: static
	}
	.relative-m {
		position: relative
	}
	.absolute-m {
		position: absolute
	}
	.fixed-m {
		position: fixed
	}
}

@media screen and (min-width:60em) {
	.static-l {
		position: static
	}
	.relative-l {
		position: relative
	}
	.absolute-l {
		position: absolute
	}
	.fixed-l {
		position: fixed
	}
}

.o-100 {
	opacity: 1
}

.o-90 {
	opacity: .9
}

.o-80 {
	opacity: .8
}

.o-70 {
	opacity: .7
}

.o-60 {
	opacity: .6
}

.o-50 {
	opacity: .5
}

.o-40 {
	opacity: .4
}

.o-30 {
	opacity: .3
}

.o-20 {
	opacity: .2
}

.o-10 {
	opacity: .1
}

.o-05 {
	opacity: .05
}

.o-025 {
	opacity: .025
}

.o-0 {
	opacity: 0
}

.pa0 {
	padding: 0;
	padding: var(--spacing-none)
}

.pa1 {
	padding: .25rem;
	padding: var(--spacing-extra-small)
}

.pa2 {
	padding: .5rem;
	padding: var(--spacing-small)
}

.pa3 {
	padding: 1rem;
	padding: var(--spacing-medium)
}

.pa4 {
	padding: 2rem;
	padding: var(--spacing-large)
}

.pa5 {
	padding: 4rem;
	padding: var(--spacing-extra-large)
}

.pa6 {
	padding: 8rem;
	padding: var(--spacing-extra-extra-large)
}

.pa7 {
	padding: 16rem;
	padding: var(--spacing-extra-extra-extra-large)
}

.pl0 {
	padding-left: 0;
	padding-left: var(--spacing-none)
}

.pl1 {
	padding-left: .25rem;
	padding-left: var(--spacing-extra-small)
}

.pl2 {
	padding-left: .5rem;
	padding-left: var(--spacing-small)
}

.pl3 {
	padding-left: 1rem;
	padding-left: var(--spacing-medium)
}

.pl4 {
	padding-left: 2rem;
	padding-left: var(--spacing-large)
}

.pl5 {
	padding-left: 4rem;
	padding-left: var(--spacing-extra-large)
}

.pl6 {
	padding-left: 8rem;
	padding-left: var(--spacing-extra-extra-large)
}

.pl7 {
	padding-left: 16rem;
	padding-left: var(--spacing-extra-extra-extra-large)
}

.pr0 {
	padding-right: 0;
	padding-right: var(--spacing-none)
}

.pr1 {
	padding-right: .25rem;
	padding-right: var(--spacing-extra-small)
}

.pr2 {
	padding-right: .5rem;
	padding-right: var(--spacing-small)
}

.pr3 {
	padding-right: 1rem;
	padding-right: var(--spacing-medium)
}

.pr4 {
	padding-right: 2rem;
	padding-right: var(--spacing-large)
}

.pr5 {
	padding-right: 4rem;
	padding-right: var(--spacing-extra-large)
}

.pr6 {
	padding-right: 8rem;
	padding-right: var(--spacing-extra-extra-large)
}

.pr7 {
	padding-right: 16rem;
	padding-right: var(--spacing-extra-extra-extra-large)
}

.pb0 {
	padding-bottom: 0;
	padding-bottom: var(--spacing-none)
}

.pb1 {
	padding-bottom: .25rem;
	padding-bottom: var(--spacing-extra-small)
}

.pb2 {
	padding-bottom: .5rem;
	padding-bottom: var(--spacing-small)
}

.pb3 {
	padding-bottom: 1rem;
	padding-bottom: var(--spacing-medium)
}

.pb4 {
	padding-bottom: 2rem;
	padding-bottom: var(--spacing-large)
}

.pb5 {
	padding-bottom: 4rem;
	padding-bottom: var(--spacing-extra-large)
}

.pb6 {
	padding-bottom: 8rem;
	padding-bottom: var(--spacing-extra-extra-large)
}

.pb7 {
	padding-bottom: 16rem;
	padding-bottom: var(--spacing-extra-extra-extra-large)
}

.pt0 {
	padding-top: 0;
	padding-top: var(--spacing-none)
}

.pt1 {
	padding-top: .25rem;
	padding-top: var(--spacing-extra-small)
}

.pt2 {
	padding-top: .5rem;
	padding-top: var(--spacing-small)
}

.pt3 {
	padding-top: 1rem;
	padding-top: var(--spacing-medium)
}

.pt4 {
	padding-top: 2rem;
	padding-top: var(--spacing-large)
}

.pt5 {
	padding-top: 4rem;
	padding-top: var(--spacing-extra-large)
}

.pt6 {
	padding-top: 8rem;
	padding-top: var(--spacing-extra-extra-large)
}

.pt7 {
	padding-top: 16rem;
	padding-top: var(--spacing-extra-extra-extra-large)
}

.pv0 {
	padding-top: 0;
	padding-top: var(--spacing-none);
	padding-bottom: 0;
	padding-bottom: var(--spacing-none)
}

.pv1 {
	padding-top: .25rem;
	padding-top: var(--spacing-extra-small);
	padding-bottom: .25rem;
	padding-bottom: var(--spacing-extra-small)
}

.pv2 {
	padding-top: .5rem;
	padding-top: var(--spacing-small);
	padding-bottom: .5rem;
	padding-bottom: var(--spacing-small)
}

.pv3 {
	padding-top: 1rem;
	padding-top: var(--spacing-medium);
	padding-bottom: 1rem;
	padding-bottom: var(--spacing-medium)
}

.pv4 {
	padding-top: 2rem;
	padding-top: var(--spacing-large);
	padding-bottom: 2rem;
	padding-bottom: var(--spacing-large)
}

.pv5 {
	padding-top: 4rem;
	padding-top: var(--spacing-extra-large);
	padding-bottom: 4rem;
	padding-bottom: var(--spacing-extra-large)
}

.pv6 {
	padding-top: 8rem;
	padding-top: var(--spacing-extra-extra-large);
	padding-bottom: 8rem;
	padding-bottom: var(--spacing-extra-extra-large)
}

.pv7 {
	padding-top: 16rem;
	padding-top: var(--spacing-extra-extra-extra-large);
	padding-bottom: 16rem;
	padding-bottom: var(--spacing-extra-extra-extra-large)
}

.ph0 {
	padding-left: 0;
	padding-left: var(--spacing-none);
	padding-right: 0;
	padding-right: var(--spacing-none)
}

.ph1 {
	padding-left: .25rem;
	padding-left: var(--spacing-extra-small);
	padding-right: .25rem;
	padding-right: var(--spacing-extra-small)
}

.ph2 {
	padding-left: .5rem;
	padding-left: var(--spacing-small);
	padding-right: .5rem;
	padding-right: var(--spacing-small)
}

.ph3 {
	padding-left: 1rem;
	padding-left: var(--spacing-medium);
	padding-right: 1rem;
	padding-right: var(--spacing-medium)
}

.ph4 {
	padding-left: 2rem;
	padding-left: var(--spacing-large);
	padding-right: 2rem;
	padding-right: var(--spacing-large)
}

.ph5 {
	padding-left: 4rem;
	padding-left: var(--spacing-extra-large);
	padding-right: 4rem;
	padding-right: var(--spacing-extra-large)
}

.ph6 {
	padding-left: 8rem;
	padding-left: var(--spacing-extra-extra-large);
	padding-right: 8rem;
	padding-right: var(--spacing-extra-extra-large)
}

.ph7 {
	padding-left: 16rem;
	padding-left: var(--spacing-extra-extra-extra-large);
	padding-right: 16rem;
	padding-right: var(--spacing-extra-extra-extra-large)
}

.ma0 {
	margin: 0;
	margin: var(--spacing-none)
}

.ma1 {
	margin: .25rem;
	margin: var(--spacing-extra-small)
}

.ma2 {
	margin: .5rem;
	margin: var(--spacing-small)
}

.ma3 {
	margin: 1rem;
	margin: var(--spacing-medium)
}

.ma4 {
	margin: 2rem;
	margin: var(--spacing-large)
}

.ma5 {
	margin: 4rem;
	margin: var(--spacing-extra-large)
}

.ma6 {
	margin: 8rem;
	margin: var(--spacing-extra-extra-large)
}

.ma7 {
	margin: 16rem;
	margin: var(--spacing-extra-extra-extra-large)
}

.ml0 {
	margin-left: 0;
	margin-left: var(--spacing-none)
}

.ml1 {
	margin-left: .25rem;
	margin-left: var(--spacing-extra-small)
}

.ml2 {
	margin-left: .5rem;
	margin-left: var(--spacing-small)
}

.ml3 {
	margin-left: 1rem;
	margin-left: var(--spacing-medium)
}

.ml4 {
	margin-left: 2rem;
	margin-left: var(--spacing-large)
}

.ml5 {
	margin-left: 4rem;
	margin-left: var(--spacing-extra-large)
}

.ml6 {
	margin-left: 8rem;
	margin-left: var(--spacing-extra-extra-large)
}

.ml7 {
	margin-left: 16rem;
	margin-left: var(--spacing-extra-extra-extra-large)
}

.mr0 {
	margin-right: 0;
	margin-right: var(--spacing-none)
}

.mr1 {
	margin-right: .25rem;
	margin-right: var(--spacing-extra-small)
}

.mr2 {
	margin-right: .5rem;
	margin-right: var(--spacing-small)
}

.mr3 {
	margin-right: 1rem;
	margin-right: var(--spacing-medium)
}

.mr4 {
	margin-right: 2rem;
	margin-right: var(--spacing-large)
}

.mr5 {
	margin-right: 4rem;
	margin-right: var(--spacing-extra-large)
}

.mr6 {
	margin-right: 8rem;
	margin-right: var(--spacing-extra-extra-large)
}

.mr7 {
	margin-right: 16rem;
	margin-right: var(--spacing-extra-extra-extra-large)
}

.mb0 {
	margin-bottom: 0;
	margin-bottom: var(--spacing-none)
}

.mb1 {
	margin-bottom: .25rem;
	margin-bottom: var(--spacing-extra-small)
}

.mb2 {
	margin-bottom: .5rem;
	margin-bottom: var(--spacing-small)
}

.mb3 {
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium)
}

.mb4 {
	margin-bottom: 2rem;
	margin-bottom: var(--spacing-large)
}

.mb5 {
	margin-bottom: 4rem;
	margin-bottom: var(--spacing-extra-large)
}

.mb6 {
	margin-bottom: 8rem;
	margin-bottom: var(--spacing-extra-extra-large)
}

.mb7 {
	margin-bottom: 16rem;
	margin-bottom: var(--spacing-extra-extra-extra-large)
}

.mt0 {
	margin-top: 0;
	margin-top: var(--spacing-none)
}

.mt1 {
	margin-top: .25rem;
	margin-top: var(--spacing-extra-small)
}

.mt2 {
	margin-top: .5rem;
	margin-top: var(--spacing-small)
}

.mt3 {
	margin-top: 1rem;
	margin-top: var(--spacing-medium)
}

.mt4 {
	margin-top: 2rem;
	margin-top: var(--spacing-large)
}

.mt5 {
	margin-top: 4rem;
	margin-top: var(--spacing-extra-large)
}

.mt6 {
	margin-top: 8rem;
	margin-top: var(--spacing-extra-extra-large)
}

.mt7 {
	margin-top: 16rem;
	margin-top: var(--spacing-extra-extra-extra-large)
}

.mv0 {
	margin-top: 0;
	margin-top: var(--spacing-none);
	margin-bottom: 0;
	margin-bottom: var(--spacing-none)
}

.mv1 {
	margin-top: .25rem;
	margin-top: var(--spacing-extra-small);
	margin-bottom: .25rem;
	margin-bottom: var(--spacing-extra-small)
}

.mv2 {
	margin-top: .5rem;
	margin-top: var(--spacing-small);
	margin-bottom: .5rem;
	margin-bottom: var(--spacing-small)
}

.mv3 {
	margin-top: 1rem;
	margin-top: var(--spacing-medium);
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium)
}

.mv4 {
	margin-top: 2rem;
	margin-top: var(--spacing-large);
	margin-bottom: 2rem;
	margin-bottom: var(--spacing-large)
}

.mv5 {
	margin-top: 4rem;
	margin-top: var(--spacing-extra-large);
	margin-bottom: 4rem;
	margin-bottom: var(--spacing-extra-large)
}

.mv6 {
	margin-top: 8rem;
	margin-top: var(--spacing-extra-extra-large);
	margin-bottom: 8rem;
	margin-bottom: var(--spacing-extra-extra-large)
}

.mv7 {
	margin-top: 16rem;
	margin-top: var(--spacing-extra-extra-extra-large);
	margin-bottom: 16rem;
	margin-bottom: var(--spacing-extra-extra-extra-large)
}

.mh0 {
	margin-left: 0;
	margin-left: var(--spacing-none);
	margin-right: 0;
	margin-right: var(--spacing-none)
}

.mh1 {
	margin-left: .25rem;
	margin-left: var(--spacing-extra-small);
	margin-right: .25rem;
	margin-right: var(--spacing-extra-small)
}

.mh2 {
	margin-left: .5rem;
	margin-left: var(--spacing-small);
	margin-right: .5rem;
	margin-right: var(--spacing-small)
}

.mh3 {
	margin-left: 1rem;
	margin-left: var(--spacing-medium);
	margin-right: 1rem;
	margin-right: var(--spacing-medium)
}

.mh4 {
	margin-left: 2rem;
	margin-left: var(--spacing-large);
	margin-right: 2rem;
	margin-right: var(--spacing-large)
}

.mh5 {
	margin-left: 4rem;
	margin-left: var(--spacing-extra-large);
	margin-right: 4rem;
	margin-right: var(--spacing-extra-large)
}

.mh6 {
	margin-left: 8rem;
	margin-left: var(--spacing-extra-extra-large);
	margin-right: 8rem;
	margin-right: var(--spacing-extra-extra-large)
}

.mh7 {
	margin-left: 16rem;
	margin-left: var(--spacing-extra-extra-extra-large);
	margin-right: 16rem;
	margin-right: var(--spacing-extra-extra-extra-large)
}

.mhn1 {
	margin-left: -var(--spacing-extra-small);
	margin-right: -var(--spacing-extra-small)
}

.mhn2 {
	margin-left: -var(--spacing-small);
	margin-right: -var(--spacing-small)
}

.mhn3 {
	margin-left: -var(--spacing-medium);
	margin-right: -var(--spacing-medium)
}

@media screen and (min-width:40em) {
	.pa0-ns {
		padding: 0;
		padding: var(--spacing-none)
	}
	.pa1-ns {
		padding: .25rem;
		padding: var(--spacing-extra-small)
	}
	.pa2-ns {
		padding: .5rem;
		padding: var(--spacing-small)
	}
	.pa3-ns {
		padding: 1rem;
		padding: var(--spacing-medium)
	}
	.pa4-ns {
		padding: 2rem;
		padding: var(--spacing-large)
	}
	.pa5-ns {
		padding: 4rem;
		padding: var(--spacing-extra-large)
	}
	.pa6-ns {
		padding: 8rem;
		padding: var(--spacing-extra-extra-large)
	}
	.pa7-ns {
		padding: 16rem;
		padding: var(--spacing-extra-extra-extra-large)
	}
	.pl0-ns {
		padding-left: 0;
		padding-left: var(--spacing-none)
	}
	.pl1-ns {
		padding-left: .25rem;
		padding-left: var(--spacing-extra-small)
	}
	.pl2-ns {
		padding-left: .5rem;
		padding-left: var(--spacing-small)
	}
	.pl3-ns {
		padding-left: 1rem;
		padding-left: var(--spacing-medium)
	}
	.pl4-ns {
		padding-left: 2rem;
		padding-left: var(--spacing-large)
	}
	.pl5-ns {
		padding-left: 4rem;
		padding-left: var(--spacing-extra-large)
	}
	.pl6-ns {
		padding-left: 8rem;
		padding-left: var(--spacing-extra-extra-large)
	}
	.pl7-ns {
		padding-left: 16rem;
		padding-left: var(--spacing-extra-extra-extra-large)
	}
	.pr0-ns {
		padding-right: 0;
		padding-right: var(--spacing-none)
	}
	.pr1-ns {
		padding-right: .25rem;
		padding-right: var(--spacing-extra-small)
	}
	.pr2-ns {
		padding-right: .5rem;
		padding-right: var(--spacing-small)
	}
	.pr3-ns {
		padding-right: 1rem;
		padding-right: var(--spacing-medium)
	}
	.pr4-ns {
		padding-right: 2rem;
		padding-right: var(--spacing-large)
	}
	.pr5-ns {
		padding-right: 4rem;
		padding-right: var(--spacing-extra-large)
	}
	.pr6-ns {
		padding-right: 8rem;
		padding-right: var(--spacing-extra-extra-large)
	}
	.pr7-ns {
		padding-right: 16rem;
		padding-right: var(--spacing-extra-extra-extra-large)
	}
	.pb0-ns {
		padding-bottom: 0;
		padding-bottom: var(--spacing-none)
	}
	.pb1-ns {
		padding-bottom: .25rem;
		padding-bottom: var(--spacing-extra-small)
	}
	.pb2-ns {
		padding-bottom: .5rem;
		padding-bottom: var(--spacing-small)
	}
	.pb3-ns {
		padding-bottom: 1rem;
		padding-bottom: var(--spacing-medium)
	}
	.pb4-ns {
		padding-bottom: 2rem;
		padding-bottom: var(--spacing-large)
	}
	.pb5-ns {
		padding-bottom: 4rem;
		padding-bottom: var(--spacing-extra-large)
	}
	.pb6-ns {
		padding-bottom: 8rem;
		padding-bottom: var(--spacing-extra-extra-large)
	}
	.pb7-ns {
		padding-bottom: 16rem;
		padding-bottom: var(--spacing-extra-extra-extra-large)
	}
	.pt0-ns {
		padding-top: 0;
		padding-top: var(--spacing-none)
	}
	.pt1-ns {
		padding-top: .25rem;
		padding-top: var(--spacing-extra-small)
	}
	.pt2-ns {
		padding-top: .5rem;
		padding-top: var(--spacing-small)
	}
	.pt3-ns {
		padding-top: 1rem;
		padding-top: var(--spacing-medium)
	}
	.pt4-ns {
		padding-top: 2rem;
		padding-top: var(--spacing-large)
	}
	.pt5-ns {
		padding-top: 4rem;
		padding-top: var(--spacing-extra-large)
	}
	.pt6-ns {
		padding-top: 8rem;
		padding-top: var(--spacing-extra-extra-large)
	}
	.pt7-ns {
		padding-top: 16rem;
		padding-top: var(--spacing-extra-extra-extra-large)
	}
	.pv0-ns {
		padding-top: 0;
		padding-top: var(--spacing-none);
		padding-bottom: 0;
		padding-bottom: var(--spacing-none)
	}
	.pv1-ns {
		padding-top: .25rem;
		padding-top: var(--spacing-extra-small);
		padding-bottom: .25rem;
		padding-bottom: var(--spacing-extra-small)
	}
	.pv2-ns {
		padding-top: .5rem;
		padding-top: var(--spacing-small);
		padding-bottom: .5rem;
		padding-bottom: var(--spacing-small)
	}
	.pv3-ns {
		padding-top: 1rem;
		padding-top: var(--spacing-medium);
		padding-bottom: 1rem;
		padding-bottom: var(--spacing-medium)
	}
	.pv4-ns {
		padding-top: 2rem;
		padding-top: var(--spacing-large);
		padding-bottom: 2rem;
		padding-bottom: var(--spacing-large)
	}
	.pv5-ns {
		padding-top: 4rem;
		padding-top: var(--spacing-extra-large);
		padding-bottom: 4rem;
		padding-bottom: var(--spacing-extra-large)
	}
	.pv6-ns {
		padding-top: 8rem;
		padding-top: var(--spacing-extra-extra-large);
		padding-bottom: 8rem;
		padding-bottom: var(--spacing-extra-extra-large)
	}
	.pv7-ns {
		padding-top: 16rem;
		padding-top: var(--spacing-extra-extra-extra-large);
		padding-bottom: 16rem;
		padding-bottom: var(--spacing-extra-extra-extra-large)
	}
	.ph0-ns {
		padding-left: 0;
		padding-left: var(--spacing-none);
		padding-right: 0;
		padding-right: var(--spacing-none)
	}
	.ph1-ns {
		padding-left: .25rem;
		padding-left: var(--spacing-extra-small);
		padding-right: .25rem;
		padding-right: var(--spacing-extra-small)
	}
	.ph2-ns {
		padding-left: .5rem;
		padding-left: var(--spacing-small);
		padding-right: .5rem;
		padding-right: var(--spacing-small)
	}
	.ph3-ns {
		padding-left: 1rem;
		padding-left: var(--spacing-medium);
		padding-right: 1rem;
		padding-right: var(--spacing-medium)
	}
	.ph4-ns {
		padding-left: 2rem;
		padding-left: var(--spacing-large);
		padding-right: 2rem;
		padding-right: var(--spacing-large)
	}
	.ph5-ns {
		padding-left: 4rem;
		padding-left: var(--spacing-extra-large);
		padding-right: 4rem;
		padding-right: var(--spacing-extra-large)
	}
	.ph6-ns {
		padding-left: 8rem;
		padding-left: var(--spacing-extra-extra-large);
		padding-right: 8rem;
		padding-right: var(--spacing-extra-extra-large)
	}
	.ph7-ns {
		padding-left: 16rem;
		padding-left: var(--spacing-extra-extra-extra-large);
		padding-right: 16rem;
		padding-right: var(--spacing-extra-extra-extra-large)
	}
	.ma0-ns {
		margin: 0;
		margin: var(--spacing-none)
	}
	.ma1-ns {
		margin: .25rem;
		margin: var(--spacing-extra-small)
	}
	.ma2-ns {
		margin: .5rem;
		margin: var(--spacing-small)
	}
	.ma3-ns {
		margin: 1rem;
		margin: var(--spacing-medium)
	}
	.ma4-ns {
		margin: 2rem;
		margin: var(--spacing-large)
	}
	.ma5-ns {
		margin: 4rem;
		margin: var(--spacing-extra-large)
	}
	.ma6-ns {
		margin: 8rem;
		margin: var(--spacing-extra-extra-large)
	}
	.ma7-ns {
		margin: 16rem;
		margin: var(--spacing-extra-extra-extra-large)
	}
	.ml0-ns {
		margin-left: 0;
		margin-left: var(--spacing-none)
	}
	.ml1-ns {
		margin-left: .25rem;
		margin-left: var(--spacing-extra-small)
	}
	.ml2-ns {
		margin-left: .5rem;
		margin-left: var(--spacing-small)
	}
	.ml3-ns {
		margin-left: 1rem;
		margin-left: var(--spacing-medium)
	}
	.ml4-ns {
		margin-left: 2rem;
		margin-left: var(--spacing-large)
	}
	.ml5-ns {
		margin-left: 4rem;
		margin-left: var(--spacing-extra-large)
	}
	.ml6-ns {
		margin-left: 8rem;
		margin-left: var(--spacing-extra-extra-large)
	}
	.ml7-ns {
		margin-left: 16rem;
		margin-left: var(--spacing-extra-extra-extra-large)
	}
	.mr0-ns {
		margin-right: 0;
		margin-right: var(--spacing-none)
	}
	.mr1-ns {
		margin-right: .25rem;
		margin-right: var(--spacing-extra-small)
	}
	.mr2-ns {
		margin-right: .5rem;
		margin-right: var(--spacing-small)
	}
	.mr3-ns {
		margin-right: 1rem;
		margin-right: var(--spacing-medium)
	}
	.mr4-ns {
		margin-right: 2rem;
		margin-right: var(--spacing-large)
	}
	.mr5-ns {
		margin-right: 4rem;
		margin-right: var(--spacing-extra-large)
	}
	.mr6-ns {
		margin-right: 8rem;
		margin-right: var(--spacing-extra-extra-large)
	}
	.mr7-ns {
		margin-right: 16rem;
		margin-right: var(--spacing-extra-extra-extra-large)
	}
	.mb0-ns {
		margin-bottom: 0;
		margin-bottom: var(--spacing-none)
	}
	.mb1-ns {
		margin-bottom: .25rem;
		margin-bottom: var(--spacing-extra-small)
	}
	.mb2-ns {
		margin-bottom: .5rem;
		margin-bottom: var(--spacing-small)
	}
	.mb3-ns {
		margin-bottom: 1rem;
		margin-bottom: var(--spacing-medium)
	}
	.mb4-ns {
		margin-bottom: 2rem;
		margin-bottom: var(--spacing-large)
	}
	.mb5-ns {
		margin-bottom: 4rem;
		margin-bottom: var(--spacing-extra-large)
	}
	.mb6-ns {
		margin-bottom: 8rem;
		margin-bottom: var(--spacing-extra-extra-large)
	}
	.mb7-ns {
		margin-bottom: 16rem;
		margin-bottom: var(--spacing-extra-extra-extra-large)
	}
	.mt0-ns {
		margin-top: 0;
		margin-top: var(--spacing-none)
	}
	.mt1-ns {
		margin-top: .25rem;
		margin-top: var(--spacing-extra-small)
	}
	.mt2-ns {
		margin-top: .5rem;
		margin-top: var(--spacing-small)
	}
	.mt3-ns {
		margin-top: 1rem;
		margin-top: var(--spacing-medium)
	}
	.mt4-ns {
		margin-top: 2rem;
		margin-top: var(--spacing-large)
	}
	.mt5-ns {
		margin-top: 4rem;
		margin-top: var(--spacing-extra-large)
	}
	.mt6-ns {
		margin-top: 8rem;
		margin-top: var(--spacing-extra-extra-large)
	}
	.mt7-ns {
		margin-top: 16rem;
		margin-top: var(--spacing-extra-extra-extra-large)
	}
	.mv0-ns {
		margin-top: 0;
		margin-top: var(--spacing-none);
		margin-bottom: 0;
		margin-bottom: var(--spacing-none)
	}
	.mv1-ns {
		margin-top: .25rem;
		margin-top: var(--spacing-extra-small);
		margin-bottom: .25rem;
		margin-bottom: var(--spacing-extra-small)
	}
	.mv2-ns {
		margin-top: .5rem;
		margin-top: var(--spacing-small);
		margin-bottom: .5rem;
		margin-bottom: var(--spacing-small)
	}
	.mv3-ns {
		margin-top: 1rem;
		margin-top: var(--spacing-medium);
		margin-bottom: 1rem;
		margin-bottom: var(--spacing-medium)
	}
	.mv4-ns {
		margin-top: 2rem;
		margin-top: var(--spacing-large);
		margin-bottom: 2rem;
		margin-bottom: var(--spacing-large)
	}
	.mv5-ns {
		margin-top: 4rem;
		margin-top: var(--spacing-extra-large);
		margin-bottom: 4rem;
		margin-bottom: var(--spacing-extra-large)
	}
	.mv6-ns {
		margin-top: 8rem;
		margin-top: var(--spacing-extra-extra-large);
		margin-bottom: 8rem;
		margin-bottom: var(--spacing-extra-extra-large)
	}
	.mv7-ns {
		margin-top: 16rem;
		margin-top: var(--spacing-extra-extra-extra-large);
		margin-bottom: 16rem;
		margin-bottom: var(--spacing-extra-extra-extra-large)
	}
	.mh0-ns {
		margin-left: 0;
		margin-left: var(--spacing-none);
		margin-right: 0;
		margin-right: var(--spacing-none)
	}
	.mh1-ns {
		margin-left: .25rem;
		margin-left: var(--spacing-extra-small);
		margin-right: .25rem;
		margin-right: var(--spacing-extra-small)
	}
	.mh2-ns {
		margin-left: .5rem;
		margin-left: var(--spacing-small);
		margin-right: .5rem;
		margin-right: var(--spacing-small)
	}
	.mh3-ns {
		margin-left: 1rem;
		margin-left: var(--spacing-medium);
		margin-right: 1rem;
		margin-right: var(--spacing-medium)
	}
	.mh4-ns {
		margin-left: 2rem;
		margin-left: var(--spacing-large);
		margin-right: 2rem;
		margin-right: var(--spacing-large)
	}
	.mh5-ns {
		margin-left: 4rem;
		margin-left: var(--spacing-extra-large);
		margin-right: 4rem;
		margin-right: var(--spacing-extra-large)
	}
	.mh6-ns {
		margin-left: 8rem;
		margin-left: var(--spacing-extra-extra-large);
		margin-right: 8rem;
		margin-right: var(--spacing-extra-extra-large)
	}
	.mh7-ns {
		margin-left: 16rem;
		margin-left: var(--spacing-extra-extra-extra-large);
		margin-right: 16rem;
		margin-right: var(--spacing-extra-extra-extra-large)
	}
	.mhn1-ns {
		margin-left: -var(--spacing-extra-small);
		margin-right: -var(--spacing-extra-small)
	}
	.mhn2-ns {
		margin-left: -var(--spacing-small);
		margin-right: -var(--spacing-small)
	}
	.mhn3-ns {
		margin-left: -var(--spacing-medium);
		margin-right: -var(--spacing-medium)
	}
}

@media screen and (min-width:50em) {
	.pa0-m {
		padding: 0;
		padding: var(--spacing-none)
	}
	.pa1-m {
		padding: .25rem;
		padding: var(--spacing-extra-small)
	}
	.pa2-m {
		padding: .5rem;
		padding: var(--spacing-small)
	}
	.pa3-m {
		padding: 1rem;
		padding: var(--spacing-medium)
	}
	.pa4-m {
		padding: 2rem;
		padding: var(--spacing-large)
	}
	.pa5-m {
		padding: 4rem;
		padding: var(--spacing-extra-large)
	}
	.pa6-m {
		padding: 8rem;
		padding: var(--spacing-extra-extra-large)
	}
	.pa7-m {
		padding: 16rem;
		padding: var(--spacing-extra-extra-extra-large)
	}
	.pl0-m {
		padding-left: 0;
		padding-left: var(--spacing-none)
	}
	.pl1-m {
		padding-left: .25rem;
		padding-left: var(--spacing-extra-small)
	}
	.pl2-m {
		padding-left: .5rem;
		padding-left: var(--spacing-small)
	}
	.pl3-m {
		padding-left: 1rem;
		padding-left: var(--spacing-medium)
	}
	.pl4-m {
		padding-left: 2rem;
		padding-left: var(--spacing-large)
	}
	.pl5-m {
		padding-left: 4rem;
		padding-left: var(--spacing-extra-large)
	}
	.pl6-m {
		padding-left: 8rem;
		padding-left: var(--spacing-extra-extra-large)
	}
	.pl7-m {
		padding-left: 16rem;
		padding-left: var(--spacing-extra-extra-extra-large)
	}
	.pr0-m {
		padding-right: 0;
		padding-right: var(--spacing-none)
	}
	.pr1-m {
		padding-right: .25rem;
		padding-right: var(--spacing-extra-small)
	}
	.pr2-m {
		padding-right: .5rem;
		padding-right: var(--spacing-small)
	}
	.pr3-m {
		padding-right: 1rem;
		padding-right: var(--spacing-medium)
	}
	.pr4-m {
		padding-right: 2rem;
		padding-right: var(--spacing-large)
	}
	.pr5-m {
		padding-right: 4rem;
		padding-right: var(--spacing-extra-large)
	}
	.pr6-m {
		padding-right: 8rem;
		padding-right: var(--spacing-extra-extra-large)
	}
	.pr7-m {
		padding-right: 16rem;
		padding-right: var(--spacing-extra-extra-extra-large)
	}
	.pb0-m {
		padding-bottom: 0;
		padding-bottom: var(--spacing-none)
	}
	.pb1-m {
		padding-bottom: .25rem;
		padding-bottom: var(--spacing-extra-small)
	}
	.pb2-m {
		padding-bottom: .5rem;
		padding-bottom: var(--spacing-small)
	}
	.pb3-m {
		padding-bottom: 1rem;
		padding-bottom: var(--spacing-medium)
	}
	.pb4-m {
		padding-bottom: 2rem;
		padding-bottom: var(--spacing-large)
	}
	.pb5-m {
		padding-bottom: 4rem;
		padding-bottom: var(--spacing-extra-large)
	}
	.pb6-m {
		padding-bottom: 8rem;
		padding-bottom: var(--spacing-extra-extra-large)
	}
	.pb7-m {
		padding-bottom: 16rem;
		padding-bottom: var(--spacing-extra-extra-extra-large)
	}
	.pt0-m {
		padding-top: 0;
		padding-top: var(--spacing-none)
	}
	.pt1-m {
		padding-top: .25rem;
		padding-top: var(--spacing-extra-small)
	}
	.pt2-m {
		padding-top: .5rem;
		padding-top: var(--spacing-small)
	}
	.pt3-m {
		padding-top: 1rem;
		padding-top: var(--spacing-medium)
	}
	.pt4-m {
		padding-top: 2rem;
		padding-top: var(--spacing-large)
	}
	.pt5-m {
		padding-top: 4rem;
		padding-top: var(--spacing-extra-large)
	}
	.pt6-m {
		padding-top: 8rem;
		padding-top: var(--spacing-extra-extra-large)
	}
	.pt7-m {
		padding-top: 16rem;
		padding-top: var(--spacing-extra-extra-extra-large)
	}
	.pv0-m {
		padding-top: 0;
		padding-top: var(--spacing-none);
		padding-bottom: 0;
		padding-bottom: var(--spacing-none)
	}
	.pv1-m {
		padding-top: .25rem;
		padding-top: var(--spacing-extra-small);
		padding-bottom: .25rem;
		padding-bottom: var(--spacing-extra-small)
	}
	.pv2-m {
		padding-top: .5rem;
		padding-top: var(--spacing-small);
		padding-bottom: .5rem;
		padding-bottom: var(--spacing-small)
	}
	.pv3-m {
		padding-top: 1rem;
		padding-top: var(--spacing-medium);
		padding-bottom: 1rem;
		padding-bottom: var(--spacing-medium)
	}
	.pv4-m {
		padding-top: 2rem;
		padding-top: var(--spacing-large);
		padding-bottom: 2rem;
		padding-bottom: var(--spacing-large)
	}
	.pv5-m {
		padding-top: 4rem;
		padding-top: var(--spacing-extra-large);
		padding-bottom: 4rem;
		padding-bottom: var(--spacing-extra-large)
	}
	.pv6-m {
		padding-top: 8rem;
		padding-top: var(--spacing-extra-extra-large);
		padding-bottom: 8rem;
		padding-bottom: var(--spacing-extra-extra-large)
	}
	.pv7-m {
		padding-top: 16rem;
		padding-top: var(--spacing-extra-extra-extra-large);
		padding-bottom: 16rem;
		padding-bottom: var(--spacing-extra-extra-extra-large)
	}
	.ph0-m {
		padding-left: 0;
		padding-left: var(--spacing-none);
		padding-right: 0;
		padding-right: var(--spacing-none)
	}
	.ph1-m {
		padding-left: .25rem;
		padding-left: var(--spacing-extra-small);
		padding-right: .25rem;
		padding-right: var(--spacing-extra-small)
	}
	.ph2-m {
		padding-left: .5rem;
		padding-left: var(--spacing-small);
		padding-right: .5rem;
		padding-right: var(--spacing-small)
	}
	.ph3-m {
		padding-left: 1rem;
		padding-left: var(--spacing-medium);
		padding-right: 1rem;
		padding-right: var(--spacing-medium)
	}
	.ph4-m {
		padding-left: 2rem;
		padding-left: var(--spacing-large);
		padding-right: 2rem;
		padding-right: var(--spacing-large)
	}
	.ph5-m {
		padding-left: 4rem;
		padding-left: var(--spacing-extra-large);
		padding-right: 4rem;
		padding-right: var(--spacing-extra-large)
	}
	.ph6-m {
		padding-left: 8rem;
		padding-left: var(--spacing-extra-extra-large);
		padding-right: 8rem;
		padding-right: var(--spacing-extra-extra-large)
	}
	.ph7-m {
		padding-left: 16rem;
		padding-left: var(--spacing-extra-extra-extra-large);
		padding-right: 16rem;
		padding-right: var(--spacing-extra-extra-extra-large)
	}
	.ma0-m {
		margin: 0;
		margin: var(--spacing-none)
	}
	.ma1-m {
		margin: .25rem;
		margin: var(--spacing-extra-small)
	}
	.ma2-m {
		margin: .5rem;
		margin: var(--spacing-small)
	}
	.ma3-m {
		margin: 1rem;
		margin: var(--spacing-medium)
	}
	.ma4-m {
		margin: 2rem;
		margin: var(--spacing-large)
	}
	.ma5-m {
		margin: 4rem;
		margin: var(--spacing-extra-large)
	}
	.ma6-m {
		margin: 8rem;
		margin: var(--spacing-extra-extra-large)
	}
	.ma7-m {
		margin: 16rem;
		margin: var(--spacing-extra-extra-extra-large)
	}
	.ml0-m {
		margin-left: 0;
		margin-left: var(--spacing-none)
	}
	.ml1-m {
		margin-left: .25rem;
		margin-left: var(--spacing-extra-small)
	}
	.ml2-m {
		margin-left: .5rem;
		margin-left: var(--spacing-small)
	}
	.ml3-m {
		margin-left: 1rem;
		margin-left: var(--spacing-medium)
	}
	.ml4-m {
		margin-left: 2rem;
		margin-left: var(--spacing-large)
	}
	.ml5-m {
		margin-left: 4rem;
		margin-left: var(--spacing-extra-large)
	}
	.ml6-m {
		margin-left: 8rem;
		margin-left: var(--spacing-extra-extra-large)
	}
	.ml7-m {
		margin-left: 16rem;
		margin-left: var(--spacing-extra-extra-extra-large)
	}
	.mr0-m {
		margin-right: 0;
		margin-right: var(--spacing-none)
	}
	.mr1-m {
		margin-right: .25rem;
		margin-right: var(--spacing-extra-small)
	}
	.mr2-m {
		margin-right: .5rem;
		margin-right: var(--spacing-small)
	}
	.mr3-m {
		margin-right: 1rem;
		margin-right: var(--spacing-medium)
	}
	.mr4-m {
		margin-right: 2rem;
		margin-right: var(--spacing-large)
	}
	.mr5-m {
		margin-right: 4rem;
		margin-right: var(--spacing-extra-large)
	}
	.mr6-m {
		margin-right: 8rem;
		margin-right: var(--spacing-extra-extra-large)
	}
	.mr7-m {
		margin-right: 16rem;
		margin-right: var(--spacing-extra-extra-extra-large)
	}
	.mb0-m {
		margin-bottom: 0;
		margin-bottom: var(--spacing-none)
	}
	.mb1-m {
		margin-bottom: .25rem;
		margin-bottom: var(--spacing-extra-small)
	}
	.mb2-m {
		margin-bottom: .5rem;
		margin-bottom: var(--spacing-small)
	}
	.mb3-m {
		margin-bottom: 1rem;
		margin-bottom: var(--spacing-medium)
	}
	.mb4-m {
		margin-bottom: 2rem;
		margin-bottom: var(--spacing-large)
	}
	.mb5-m {
		margin-bottom: 4rem;
		margin-bottom: var(--spacing-extra-large)
	}
	.mb6-m {
		margin-bottom: 8rem;
		margin-bottom: var(--spacing-extra-extra-large)
	}
	.mb7-m {
		margin-bottom: 16rem;
		margin-bottom: var(--spacing-extra-extra-extra-large)
	}
	.mt0-m {
		margin-top: 0;
		margin-top: var(--spacing-none)
	}
	.mt1-m {
		margin-top: .25rem;
		margin-top: var(--spacing-extra-small)
	}
	.mt2-m {
		margin-top: .5rem;
		margin-top: var(--spacing-small)
	}
	.mt3-m {
		margin-top: 1rem;
		margin-top: var(--spacing-medium)
	}
	.mt4-m {
		margin-top: 2rem;
		margin-top: var(--spacing-large)
	}
	.mt5-m {
		margin-top: 4rem;
		margin-top: var(--spacing-extra-large)
	}
	.mt6-m {
		margin-top: 8rem;
		margin-top: var(--spacing-extra-extra-large)
	}
	.mt7-m {
		margin-top: 16rem;
		margin-top: var(--spacing-extra-extra-extra-large)
	}
	.mv0-m {
		margin-top: 0;
		margin-top: var(--spacing-none);
		margin-bottom: 0;
		margin-bottom: var(--spacing-none)
	}
	.mv1-m {
		margin-top: .25rem;
		margin-top: var(--spacing-extra-small);
		margin-bottom: .25rem;
		margin-bottom: var(--spacing-extra-small)
	}
	.mv2-m {
		margin-top: .5rem;
		margin-top: var(--spacing-small);
		margin-bottom: .5rem;
		margin-bottom: var(--spacing-small)
	}
	.mv3-m {
		margin-top: 1rem;
		margin-top: var(--spacing-medium);
		margin-bottom: 1rem;
		margin-bottom: var(--spacing-medium)
	}
	.mv4-m {
		margin-top: 2rem;
		margin-top: var(--spacing-large);
		margin-bottom: 2rem;
		margin-bottom: var(--spacing-large)
	}
	.mv5-m {
		margin-top: 4rem;
		margin-top: var(--spacing-extra-large);
		margin-bottom: 4rem;
		margin-bottom: var(--spacing-extra-large)
	}
	.mv6-m {
		margin-top: 8rem;
		margin-top: var(--spacing-extra-extra-large);
		margin-bottom: 8rem;
		margin-bottom: var(--spacing-extra-extra-large)
	}
	.mv7-m {
		margin-top: 16rem;
		margin-top: var(--spacing-extra-extra-extra-large);
		margin-bottom: 16rem;
		margin-bottom: var(--spacing-extra-extra-extra-large)
	}
	.mh0-m {
		margin-left: 0;
		margin-left: var(--spacing-none);
		margin-right: 0;
		margin-right: var(--spacing-none)
	}
	.mh1-m {
		margin-left: .25rem;
		margin-left: var(--spacing-extra-small);
		margin-right: .25rem;
		margin-right: var(--spacing-extra-small)
	}
	.mh2-m {
		margin-left: .5rem;
		margin-left: var(--spacing-small);
		margin-right: .5rem;
		margin-right: var(--spacing-small)
	}
	.mh3-m {
		margin-left: 1rem;
		margin-left: var(--spacing-medium);
		margin-right: 1rem;
		margin-right: var(--spacing-medium)
	}
	.mh4-m {
		margin-left: 2rem;
		margin-left: var(--spacing-large);
		margin-right: 2rem;
		margin-right: var(--spacing-large)
	}
	.mh5-m {
		margin-left: 4rem;
		margin-left: var(--spacing-extra-large);
		margin-right: 4rem;
		margin-right: var(--spacing-extra-large)
	}
	.mh6-m {
		margin-left: 8rem;
		margin-left: var(--spacing-extra-extra-large);
		margin-right: 8rem;
		margin-right: var(--spacing-extra-extra-large)
	}
	.mh7-m {
		margin-left: 16rem;
		margin-left: var(--spacing-extra-extra-extra-large);
		margin-right: 16rem;
		margin-right: var(--spacing-extra-extra-extra-large)
	}
	.mhn1-m {
		margin-left: -var(--spacing-extra-small);
		margin-right: -var(--spacing-extra-small)
	}
	.mhn2-m {
		margin-left: -var(--spacing-small);
		margin-right: -var(--spacing-small)
	}
	.mhn3-m {
		margin-left: -var(--spacing-medium);
		margin-right: -var(--spacing-medium)
	}
}

@media screen and (min-width:60em) {
	.pa0-l {
		padding: 0;
		padding: var(--spacing-none)
	}
	.pa1-l {
		padding: .25rem;
		padding: var(--spacing-extra-small)
	}
	.pa2-l {
		padding: .5rem;
		padding: var(--spacing-small)
	}
	.pa3-l {
		padding: 1rem;
		padding: var(--spacing-medium)
	}
	.pa4-l {
		padding: 2rem;
		padding: var(--spacing-large)
	}
	.pa5-l {
		padding: 4rem;
		padding: var(--spacing-extra-large)
	}
	.pa6-l {
		padding: 8rem;
		padding: var(--spacing-extra-extra-large)
	}
	.pa7-l {
		padding: 16rem;
		padding: var(--spacing-extra-extra-extra-large)
	}
	.pl0-l {
		padding-left: 0;
		padding-left: var(--spacing-none)
	}
	.pl1-l {
		padding-left: .25rem;
		padding-left: var(--spacing-extra-small)
	}
	.pl2-l {
		padding-left: .5rem;
		padding-left: var(--spacing-small)
	}
	.pl3-l {
		padding-left: 1rem;
		padding-left: var(--spacing-medium)
	}
	.pl4-l {
		padding-left: 2rem;
		padding-left: var(--spacing-large)
	}
	.pl5-l {
		padding-left: 4rem;
		padding-left: var(--spacing-extra-large)
	}
	.pl6-l {
		padding-left: 8rem;
		padding-left: var(--spacing-extra-extra-large)
	}
	.pl7-l {
		padding-left: 16rem;
		padding-left: var(--spacing-extra-extra-extra-large)
	}
	.pr0-l {
		padding-right: 0;
		padding-right: var(--spacing-none)
	}
	.pr1-l {
		padding-right: .25rem;
		padding-right: var(--spacing-extra-small)
	}
	.pr2-l {
		padding-right: .5rem;
		padding-right: var(--spacing-small)
	}
	.pr3-l {
		padding-right: 1rem;
		padding-right: var(--spacing-medium)
	}
	.pr4-l {
		padding-right: 2rem;
		padding-right: var(--spacing-large)
	}
	.pr5-l {
		padding-right: 4rem;
		padding-right: var(--spacing-extra-large)
	}
	.pr6-l {
		padding-right: 8rem;
		padding-right: var(--spacing-extra-extra-large)
	}
	.pr7-l {
		padding-right: 16rem;
		padding-right: var(--spacing-extra-extra-extra-large)
	}
	.pb0-l {
		padding-bottom: 0;
		padding-bottom: var(--spacing-none)
	}
	.pb1-l {
		padding-bottom: .25rem;
		padding-bottom: var(--spacing-extra-small)
	}
	.pb2-l {
		padding-bottom: .5rem;
		padding-bottom: var(--spacing-small)
	}
	.pb3-l {
		padding-bottom: 1rem;
		padding-bottom: var(--spacing-medium)
	}
	.pb4-l {
		padding-bottom: 2rem;
		padding-bottom: var(--spacing-large)
	}
	.pb5-l {
		padding-bottom: 4rem;
		padding-bottom: var(--spacing-extra-large)
	}
	.pb6-l {
		padding-bottom: 8rem;
		padding-bottom: var(--spacing-extra-extra-large)
	}
	.pb7-l {
		padding-bottom: 16rem;
		padding-bottom: var(--spacing-extra-extra-extra-large)
	}
	.pt0-l {
		padding-top: 0;
		padding-top: var(--spacing-none)
	}
	.pt1-l {
		padding-top: .25rem;
		padding-top: var(--spacing-extra-small)
	}
	.pt2-l {
		padding-top: .5rem;
		padding-top: var(--spacing-small)
	}
	.pt3-l {
		padding-top: 1rem;
		padding-top: var(--spacing-medium)
	}
	.pt4-l {
		padding-top: 2rem;
		padding-top: var(--spacing-large)
	}
	.pt5-l {
		padding-top: 4rem;
		padding-top: var(--spacing-extra-large)
	}
	.pt6-l {
		padding-top: 8rem;
		padding-top: var(--spacing-extra-extra-large)
	}
	.pt7-l {
		padding-top: 16rem;
		padding-top: var(--spacing-extra-extra-extra-large)
	}
	.pv0-l {
		padding-top: 0;
		padding-top: var(--spacing-none);
		padding-bottom: 0;
		padding-bottom: var(--spacing-none)
	}
	.pv1-l {
		padding-top: .25rem;
		padding-top: var(--spacing-extra-small);
		padding-bottom: .25rem;
		padding-bottom: var(--spacing-extra-small)
	}
	.pv2-l {
		padding-top: .5rem;
		padding-top: var(--spacing-small);
		padding-bottom: .5rem;
		padding-bottom: var(--spacing-small)
	}
	.pv3-l {
		padding-top: 1rem;
		padding-top: var(--spacing-medium);
		padding-bottom: 1rem;
		padding-bottom: var(--spacing-medium)
	}
	.pv4-l {
		padding-top: 2rem;
		padding-top: var(--spacing-large);
		padding-bottom: 2rem;
		padding-bottom: var(--spacing-large)
	}
	.pv5-l {
		padding-top: 4rem;
		padding-top: var(--spacing-extra-large);
		padding-bottom: 4rem;
		padding-bottom: var(--spacing-extra-large)
	}
	.pv6-l {
		padding-top: 8rem;
		padding-top: var(--spacing-extra-extra-large);
		padding-bottom: 8rem;
		padding-bottom: var(--spacing-extra-extra-large)
	}
	.pv7-l {
		padding-top: 16rem;
		padding-top: var(--spacing-extra-extra-extra-large);
		padding-bottom: 16rem;
		padding-bottom: var(--spacing-extra-extra-extra-large)
	}
	.ph0-l {
		padding-left: 0;
		padding-left: var(--spacing-none);
		padding-right: 0;
		padding-right: var(--spacing-none)
	}
	.ph1-l {
		padding-left: .25rem;
		padding-left: var(--spacing-extra-small);
		padding-right: .25rem;
		padding-right: var(--spacing-extra-small)
	}
	.ph2-l {
		padding-left: .5rem;
		padding-left: var(--spacing-small);
		padding-right: .5rem;
		padding-right: var(--spacing-small)
	}
	.ph3-l {
		padding-left: 1rem;
		padding-left: var(--spacing-medium);
		padding-right: 1rem;
		padding-right: var(--spacing-medium)
	}
	.ph4-l {
		padding-left: 2rem;
		padding-left: var(--spacing-large);
		padding-right: 2rem;
		padding-right: var(--spacing-large)
	}
	.ph5-l {
		padding-left: 4rem;
		padding-left: var(--spacing-extra-large);
		padding-right: 4rem;
		padding-right: var(--spacing-extra-large)
	}
	.ph6-l {
		padding-left: 8rem;
		padding-left: var(--spacing-extra-extra-large);
		padding-right: 8rem;
		padding-right: var(--spacing-extra-extra-large)
	}
	.ph7-l {
		padding-left: 16rem;
		padding-left: var(--spacing-extra-extra-extra-large);
		padding-right: 16rem;
		padding-right: var(--spacing-extra-extra-extra-large)
	}
	.ma0-l {
		margin: 0;
		margin: var(--spacing-none)
	}
	.ma1-l {
		margin: .25rem;
		margin: var(--spacing-extra-small)
	}
	.ma2-l {
		margin: .5rem;
		margin: var(--spacing-small)
	}
	.ma3-l {
		margin: 1rem;
		margin: var(--spacing-medium)
	}
	.ma4-l {
		margin: 2rem;
		margin: var(--spacing-large)
	}
	.ma5-l {
		margin: 4rem;
		margin: var(--spacing-extra-large)
	}
	.ma6-l {
		margin: 8rem;
		margin: var(--spacing-extra-extra-large)
	}
	.ma7-l {
		margin: 16rem;
		margin: var(--spacing-extra-extra-extra-large)
	}
	.ml0-l {
		margin-left: 0;
		margin-left: var(--spacing-none)
	}
	.ml1-l {
		margin-left: .25rem;
		margin-left: var(--spacing-extra-small)
	}
	.ml2-l {
		margin-left: .5rem;
		margin-left: var(--spacing-small)
	}
	.ml3-l {
		margin-left: 1rem;
		margin-left: var(--spacing-medium)
	}
	.ml4-l {
		margin-left: 2rem;
		margin-left: var(--spacing-large)
	}
	.ml5-l {
		margin-left: 4rem;
		margin-left: var(--spacing-extra-large)
	}
	.ml6-l {
		margin-left: 8rem;
		margin-left: var(--spacing-extra-extra-large)
	}
	.ml7-l {
		margin-left: 16rem;
		margin-left: var(--spacing-extra-extra-extra-large)
	}
	.mr0-l {
		margin-right: 0;
		margin-right: var(--spacing-none)
	}
	.mr1-l {
		margin-right: .25rem;
		margin-right: var(--spacing-extra-small)
	}
	.mr2-l {
		margin-right: .5rem;
		margin-right: var(--spacing-small)
	}
	.mr3-l {
		margin-right: 1rem;
		margin-right: var(--spacing-medium)
	}
	.mr4-l {
		margin-right: 2rem;
		margin-right: var(--spacing-large)
	}
	.mr5-l {
		margin-right: 4rem;
		margin-right: var(--spacing-extra-large)
	}
	.mr6-l {
		margin-right: 8rem;
		margin-right: var(--spacing-extra-extra-large)
	}
	.mr7-l {
		margin-right: 16rem;
		margin-right: var(--spacing-extra-extra-extra-large)
	}
	.mb0-l {
		margin-bottom: 0;
		margin-bottom: var(--spacing-none)
	}
	.mb1-l {
		margin-bottom: .25rem;
		margin-bottom: var(--spacing-extra-small)
	}
	.mb2-l {
		margin-bottom: .5rem;
		margin-bottom: var(--spacing-small)
	}
	.mb3-l {
		margin-bottom: 1rem;
		margin-bottom: var(--spacing-medium)
	}
	.mb4-l {
		margin-bottom: 2rem;
		margin-bottom: var(--spacing-large)
	}
	.mb5-l {
		margin-bottom: 4rem;
		margin-bottom: var(--spacing-extra-large)
	}
	.mb6-l {
		margin-bottom: 8rem;
		margin-bottom: var(--spacing-extra-extra-large)
	}
	.mb7-l {
		margin-bottom: 16rem;
		margin-bottom: var(--spacing-extra-extra-extra-large)
	}
	.mt0-l {
		margin-top: 0;
		margin-top: var(--spacing-none)
	}
	.mt1-l {
		margin-top: .25rem;
		margin-top: var(--spacing-extra-small)
	}
	.mt2-l {
		margin-top: .5rem;
		margin-top: var(--spacing-small)
	}
	.mt3-l {
		margin-top: 1rem;
		margin-top: var(--spacing-medium)
	}
	.mt4-l {
		margin-top: 2rem;
		margin-top: var(--spacing-large)
	}
	.mt5-l {
		margin-top: 4rem;
		margin-top: var(--spacing-extra-large)
	}
	.mt6-l {
		margin-top: 8rem;
		margin-top: var(--spacing-extra-extra-large)
	}
	.mt7-l {
		margin-top: 16rem;
		margin-top: var(--spacing-extra-extra-extra-large)
	}
	.mv0-l {
		margin-top: 0;
		margin-top: var(--spacing-none);
		margin-bottom: 0;
		margin-bottom: var(--spacing-none)
	}
	.mv1-l {
		margin-top: .25rem;
		margin-top: var(--spacing-extra-small);
		margin-bottom: .25rem;
		margin-bottom: var(--spacing-extra-small)
	}
	.mv2-l {
		margin-top: .5rem;
		margin-top: var(--spacing-small);
		margin-bottom: .5rem;
		margin-bottom: var(--spacing-small)
	}
	.mv3-l {
		margin-top: 1rem;
		margin-top: var(--spacing-medium);
		margin-bottom: 1rem;
		margin-bottom: var(--spacing-medium)
	}
	.mv4-l {
		margin-top: 2rem;
		margin-top: var(--spacing-large);
		margin-bottom: 2rem;
		margin-bottom: var(--spacing-large)
	}
	.mv5-l {
		margin-top: 4rem;
		margin-top: var(--spacing-extra-large);
		margin-bottom: 4rem;
		margin-bottom: var(--spacing-extra-large)
	}
	.mv6-l {
		margin-top: 8rem;
		margin-top: var(--spacing-extra-extra-large);
		margin-bottom: 8rem;
		margin-bottom: var(--spacing-extra-extra-large)
	}
	.mv7-l {
		margin-top: 16rem;
		margin-top: var(--spacing-extra-extra-extra-large);
		margin-bottom: 16rem;
		margin-bottom: var(--spacing-extra-extra-extra-large)
	}
	.mh0-l {
		margin-left: 0;
		margin-left: var(--spacing-none);
		margin-right: 0;
		margin-right: var(--spacing-none)
	}
	.mh1-l {
		margin-left: .25rem;
		margin-left: var(--spacing-extra-small);
		margin-right: .25rem;
		margin-right: var(--spacing-extra-small)
	}
	.mh2-l {
		margin-left: .5rem;
		margin-left: var(--spacing-small);
		margin-right: .5rem;
		margin-right: var(--spacing-small)
	}
	.mh3-l {
		margin-left: 1rem;
		margin-left: var(--spacing-medium);
		margin-right: 1rem;
		margin-right: var(--spacing-medium)
	}
	.mh4-l {
		margin-left: 2rem;
		margin-left: var(--spacing-large);
		margin-right: 2rem;
		margin-right: var(--spacing-large)
	}
	.mh5-l {
		margin-left: 4rem;
		margin-left: var(--spacing-extra-large);
		margin-right: 4rem;
		margin-right: var(--spacing-extra-large)
	}
	.mh6-l {
		margin-left: 8rem;
		margin-left: var(--spacing-extra-extra-large);
		margin-right: 8rem;
		margin-right: var(--spacing-extra-extra-large)
	}
	.mh7-l {
		margin-left: 16rem;
		margin-left: var(--spacing-extra-extra-extra-large);
		margin-right: 16rem;
		margin-right: var(--spacing-extra-extra-extra-large)
	}
	.mhn1-l {
		margin-left: -var(--spacing-extra-small);
		margin-right: -var(--spacing-extra-small)
	}
	.mhn2-l {
		margin-left: -var(--spacing-small);
		margin-right: -var(--spacing-small)
	}
	.mhn3-l {
		margin-left: -var(--spacing-medium);
		margin-right: -var(--spacing-medium)
	}
}

.strike {
	text-decoration: line-through
}

.underline {
	text-decoration: underline
}

.no-underline {
	text-decoration: none
}

@media screen and (min-width:40em) {
	.strike-ns {
		text-decoration: line-through
	}
	.underline-ns {
		text-decoration: underline
	}
	.no-underline-ns {
		text-decoration: none
	}
}

@media screen and (min-width:50em) {
	.strike-m {
		text-decoration: line-through
	}
	.underline-m {
		text-decoration: underline
	}
	.no-underline-m {
		text-decoration: none
	}
}

@media screen and (min-width:60em) {
	.strike-l {
		text-decoration: line-through
	}
	.underline-l {
		text-decoration: underline
	}
	.no-underline-l {
		text-decoration: none
	}
}

.tl {
	text-align: left
}

.tr {
	text-align: right
}

.tc {
	text-align: center
}

@media screen and (min-width:40em) {
	.tl-ns {
		text-align: left
	}
	.tr-ns {
		text-align: right
	}
	.tc-ns {
		text-align: center
	}
}

@media screen and (min-width:50em) {
	.tl-m {
		text-align: left
	}
	.tr-m {
		text-align: right
	}
	.tc-m {
		text-align: center
	}
}

@media screen and (min-width:60em) {
	.tl-l {
		text-align: left
	}
	.tr-l {
		text-align: right
	}
	.tc-l {
		text-align: center
	}
}

.ttc {
	text-transform: capitalize
}

.ttl {
	text-transform: lowercase
}

.ttu {
	text-transform: uppercase
}

.ttn {
	text-transform: none
}

@media screen and (min-width:40em) {
	.ttc-ns {
		text-transform: capitalize
	}
	.ttl-ns {
		text-transform: lowercase
	}
	.ttu-ns {
		text-transform: uppercase
	}
	.ttn-ns {
		text-transform: none
	}
}

@media screen and (min-width:50em) {
	.ttc-m {
		text-transform: capitalize
	}
	.ttl-m {
		text-transform: lowercase
	}
	.ttu-m {
		text-transform: uppercase
	}
	.ttn-m {
		text-transform: none
	}
}

@media screen and (min-width:60em) {
	.ttc-l {
		text-transform: capitalize
	}
	.ttl-l {
		text-transform: lowercase
	}
	.ttu-l {
		text-transform: uppercase
	}
	.ttn-l {
		text-transform: none
	}
}

.f1 {
	font-size: 3rem
}

.f2 {
	font-size: 2.25rem
}

.f3 {
	font-size: 1.5rem
}

.f4 {
	font-size: 1.25rem
}

.f5 {
	font-size: 1rem;
	font-size: var(--spacing-medium)
}

.f6 {
	font-size: .875rem
}

@media screen and (min-width:40em) {
	.f-6-ns,
	.f-headline-ns {
		font-size: 6rem
	}
	.f-5-ns,
	.f-subheadline-ns {
		font-size: 5rem
	}
	.f1-ns {
		font-size: 3rem
	}
	.f2-ns {
		font-size: 2.25rem
	}
	.f3-ns {
		font-size: 1.5rem
	}
	.f4-ns {
		font-size: 1.25rem
	}
	.f5-ns {
		font-size: 1rem;
		font-size: var(--spacing-medium)
	}
	.f6-ns {
		font-size: .875rem
	}
}

@media screen and (min-width:50em) {
	.f-6-m,
	.f-headline-m {
		font-size: 6rem
	}
	.f-5-m,
	.f-subheadline-m {
		font-size: 5rem
	}
	.f1-m {
		font-size: 3rem
	}
	.f2-m {
		font-size: 2.25rem
	}
	.f3-m {
		font-size: 1.5rem
	}
	.f4-m {
		font-size: 1.25rem
	}
	.f5-m {
		font-size: 1rem;
		font-size: var(--spacing-medium)
	}
	.f6-m {
		font-size: .875rem
	}
}

@media screen and (min-width:60em) {
	.f-6-l,
	.f-headline-l {
		font-size: 6rem
	}
	.f-5-l,
	.f-subheadline-l {
		font-size: 5rem
	}
	.f1-l {
		font-size: 3rem
	}
	.f2-l {
		font-size: 2.25rem
	}
	.f3-l {
		font-size: 1.5rem
	}
	.f4-l {
		font-size: 1.25rem
	}
	.f5-l {
		font-size: 1rem;
		font-size: var(--spacing-medium)
	}
	.f6-l {
		font-size: .875rem
	}
}

html {
	font-size: 18px;
	font-size: var(--font-size);
	background-color: #2b2523;
	background-color: var(--black)
}

@media screen and (min-width:50em) {
	html {
		font-size: 20px;
		font-size: var(--font-size-m)
	}
}

@media screen and (min-width:60em) {
	html {
		font-size: 22px;
		font-size: var(--font-size-l)
	}
}

body {
	font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica, helvetica neue, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
	font-family: var(--font-family);
	font-size: 1rem;
	font-size: var(--spacing-medium);
	line-height: 1.5;
	line-height: var(--line-height);
	font-weight: 400;
	font-weight: var(--body-font-weight);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fffdfc;
	background-color: var(--off-white)
}

p {
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium);
	max-width: 32rem
}

strong {
	font-weight: 700;
	font-weight: var(--bold-font-weight)
}

em {
	font-style: italic
}

sup {
	font-size: .6rem;
	font-weight: 700;
	vertical-align: super
}

.measure {
	max-width: 30em
}

.measure-wide {
	max-width: 34em
}

.measure-narrow {
	max-width: 25em
}

.indent {
	text-indent: 1em;
	margin-top: 0;
	margin-bottom: 0
}

.small-caps {
	font-feature-settings: "smcp";
	font-variant: small-caps
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (min-width:40em) {
	.measure-ns {
		max-width: 30em
	}
	.measure-wide-ns {
		max-width: 34em
	}
	.measure-narrow-ns {
		max-width: 20em
	}
	.indent-ns {
		text-indent: 1em;
		margin-top: 0;
		margin-bottom: 0
	}
	.small-caps-ns {
		font-feature-settings: "smcp";
		font-variant: small-caps
	}
	.truncate-ns {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media screen and (min-width:50em) {
	.measure-m {
		max-width: 30em
	}
	.measure-wide-m {
		max-width: 34em
	}
	.measure-narrow-m {
		max-width: 20em
	}
	.indent-m {
		text-indent: 1em;
		margin-top: 0;
		margin-bottom: 0
	}
	.small-caps-m {
		font-feature-settings: "smcp";
		font-variant: small-caps
	}
	.truncate-m {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

@media screen and (min-width:60em) {
	.measure-l {
		max-width: 30em
	}
	.measure-wide-l {
		max-width: 34em
	}
	.measure-narrow-l {
		max-width: 20em
	}
	.indent-l {
		text-indent: 1em;
		margin-top: 0;
		margin-bottom: 0
	}
	.small-caps-l {
		font-feature-settings: "smcp";
		font-variant: small-caps
	}
	.truncate-l {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
	}
}

.aspect-ratio {
	height: 0;
	position: relative
}

.aspect-ratio--16x9 {
	padding-bottom: 56.25%
}

.aspect-ratio--9x16 {
	padding-bottom: 177.77%
}

.aspect-ratio--4x3 {
	padding-bottom: 75%
}

.aspect-ratio--3x4 {
	padding-bottom: 133.33%
}

.aspect-ratio--6x4 {
	padding-bottom: 66.6%
}

.aspect-ratio--4x6 {
	padding-bottom: 150%
}

.aspect-ratio--8x5 {
	padding-bottom: 62.5%
}

.aspect-ratio--5x8 {
	padding-bottom: 160%
}

.aspect-ratio--7x5 {
	padding-bottom: 71.42%
}

.aspect-ratio--5x7 {
	padding-bottom: 140%
}

.aspect-ratio--1x1 {
	padding-bottom: 100%
}

.aspect-ratio--object {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

.center {
	margin-right: auto;
	margin-left: auto
}

.clip {
	position: fixed!important;
	_position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px)
}

@media screen and (min-width:40em) {
	.clip-ns {
		position: fixed!important;
		_position: absolute!important;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px)
	}
}

@media screen and (min-width:50em) {
	.clip-m {
		position: fixed!important;
		_position: absolute!important;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px)
	}
}

@media screen and (min-width:60em) {
	.clip-l {
		position: fixed!important;
		_position: absolute!important;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px)
	}
}

.ws-normal {
	white-space: normal
}

.nowrap {
	white-space: nowrap
}

.pre {
	white-space: pre
}

@media screen and (min-width:40em) {
	.ws-normal-ns {
		white-space: normal
	}
	.nowrap-ns {
		white-space: nowrap
	}
	.pre-ns {
		white-space: pre
	}
}

@media screen and (min-width:50em) {
	.ws-normal-m {
		white-space: normal
	}
	.nowrap-m {
		white-space: nowrap
	}
	.pre-m {
		white-space: pre
	}
}

@media screen and (min-width:60em) {
	.ws-normal-l {
		white-space: normal
	}
	.nowrap-l {
		white-space: nowrap
	}
	.pre-l {
		white-space: pre
	}
}

.v-base {
	vertical-align: baseline
}

.v-mid {
	vertical-align: middle
}

.v-top {
	vertical-align: top
}

.v-btm {
	vertical-align: bottom
}

@media screen and (min-width:40em) {
	.v-base-ns {
		vertical-align: baseline
	}
	.v-mid-ns {
		vertical-align: middle
	}
	.v-top-ns {
		vertical-align: top
	}
	.v-btm-ns {
		vertical-align: bottom
	}
}

@media screen and (min-width:50em) {
	.v-base-m {
		vertical-align: baseline
	}
	.v-mid-m {
		vertical-align: middle
	}
	.v-top-m {
		vertical-align: top
	}
	.v-btm-m {
		vertical-align: bottom
	}
}

@media screen and (min-width:60em) {
	.v-base-l {
		vertical-align: baseline
	}
	.v-mid-l {
		vertical-align: middle
	}
	.v-top-l {
		vertical-align: top
	}
	.v-btm-l {
		vertical-align: bottom
	}
}

a:focus,
button:focus,
input:focus,
textarea:focus {
	box-shadow: inset 0 0 0 2px #f40;
	box-shadow: inset 0 0 0 2px var(--primary);
	outline: 0!important
}

.raise {
	transform: translateY(0) translateZ(0)
}

.raise,
.raise:focus,
.raise:hover {
	transition: all .15s ease;
	transition: var(--hover-transition)
}

.raise:focus,
.raise:hover {
	transform: translateY(-.12rem) translateZ(0)
}

.raise:active {
	transition: all .15s ease;
	transition: var(--hover-transition);
	opacity: .5
}

.hide-child .child {
	opacity: 0;
	transition: opacity .15s ease-in
}

.hide-child:active .child,
.hide-child:focus .child,
.hide-child:hover .child {
	opacity: 1;
	transition: opacity .15s ease-in
}

.underline-hover:focus,
.underline-hover:hover {
	text-decoration: underline
}

.pointer:hover {
	cursor: pointer
}

.z-0 {
	z-index: 0
}

.z-1 {
	z-index: 1
}

.z-2 {
	z-index: 2
}

.z-3 {
	z-index: 3
}

.z-4 {
	z-index: 4
}

.z-5 {
	z-index: 5
}

.z-999 {
	z-index: 999
}

.z-9999 {
	z-index: 9999
}

.z-max {
	z-index: 2147483647
}

.z-inherit {
	z-index: inherit
}

.z-initial {
	z-index: auto
}

.z-unset {
	z-index: unset
}

::-moz-selection {
	background-color: #fed5c6;
	background-color: var(--highlight)
}

::selection {
	background-color: #fed5c6;
	background-color: var(--highlight)
}

.divider-grey {
	box-shadow: inset 0 -4px 0 #f5f3f2;
	box-shadow: inset 0 -4px 0 var(--grey-1)
}

.divider-grey a {
	transition: all .15s ease;
	transition: var(--hover-transition)
}

.divider-grey ul a:focus,
.divider-grey ul a:hover {
	box-shadow: inset 0 -4px 0 #f40;
	box-shadow: inset 0 -4px 0 var(--primary)
}

.btn {
	display: inline-block;
	padding: 12px 16px 10px;
	font-size: 1rem;
	font-size: var(--spacing-medium);
	line-height: 1.25;
	background-color: #fff;
	background-color: var(--white);
	border-radius: .25rem;
	border-radius: var(--border-radius);
	text-decoration: none;
	font-weight: 700;
	font-weight: var(--bold-font-weight);
	color: #f40;
	color: var(--primary);
	text-align: center;
	box-shadow: inset 0 0 0 2px #f40;
	box-shadow: inset 0 0 0 2px var(--primary);
	transition: all .15s ease;
	transition: var(--hover-transition)
}

svg {
	fill: currentColor;
	fill-rule: evenodd;
	clip-rule: evenodd;
	max-width: 100%;
	max-height: 100%
}

.cms h1,
.cms h2,
.cms h3,
.cms h4,
.cms h5,
.cms h6 {
	font-weight: 700;
	font-weight: var(--bold-font-weight);
	line-height: 1.25;
	margin-bottom: .5rem;
	margin-bottom: var(--spacing-small)
}

.cms h1 {
	font-size: 2.25rem
}

.cms h2 {
	font-size: 1.5rem
}

.cms h3 {
	font-size: 1.25rem
}

.cms h4 {
	font-size: 1rem
}

.cms h5 {
	font-size: .875rem
}

.cms img {
	display: block;
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium);
	margin-left: auto;
	margin-right: auto;
	max-width: 100%
}

.cms a {
	color: #f40;
	color: var(--primary);
	transition: all .15s ease;
	transition: var(--hover-transition)
}

.cms a:hover {
	background-color: #fed5c6;
	background-color: var(--highlight);
	color: #2b2523;
	color: var(--black)
}

.cms li,
.cms ol,
.cms ul {
	position: relative
}

.cms ol,
.cms ul {
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium)
}

.cms ol ol,
.cms ul ul {
	padding-left: .5rem;
	padding-left: var(--spacing-small)
}

.cms ul {
	margin-left: 1.33rem
}

.cms ul>li:before {
	content: "✱";
	left: -1.33rem;
	position: absolute;
	color: #f40;
	color: var(--primary)
}

.cms ol {
	list-style: none;
	margin-left: 1rem;
	margin-left: var(--spacing-medium);
	counter-reset: i 0
}

.cms ol>li:before {
	font-weight: 800;
	left: 1rem;
	left: var(--spacing-medium);
	margin-right: 1.33rem;
	position: relative;
	height: 100%;
	content: counter(i);
	counter-increment: i;
	color: #f40;
	color: var(--primary)
}

.cms blockquote {
	background-color: #f5f3f2;
	background-color: var(--grey-1);
	display: block;
	border-radius: .25rem;
	border-radius: var(--border-radius);
	padding: 1rem;
	padding: var(--spacing-medium);
	color: #f40;
	color: var(--primary);
	font-weight: 700;
	font-size: 1.25rem;
	margin-bottom: 1rem;
	margin-bottom: var(--spacing-medium)
}

.cms blockquote p {
	margin: 0
}

.primary {
	color: #f40;
	color: var(--primary)
}

.highlight {
	color: #fed5c6;
	color: var(--highlight)
}

.white {
	color: #fff;
	color: var(--white)
}

.off-white {
	color: #fffdfc;
	color: var(--off-white)
}

.grey-1 {
	color: #f5f3f2;
	color: var(--grey-1)
}

.grey-2 {
	color: #ebe7e6;
	color: var(--grey-2)
}

.grey-3 {
	color: #595756;
	color: var(--grey-3)
}

.grey-4 {
	color: #424040;
	color: var(--grey-4)
}

.black {
	color: #2b2523;
	color: var(--black)
}

.bg-primary {
	background-color: #f40;
	background-color: var(--primary)
}

.bg-highlight {
	background-color: #fed5c6;
	background-color: var(--highlight)
}

.bg-white {
	background-color: #fff;
	background-color: var(--white)
}

.bg-off-white {
	background-color: #fffdfc;
	background-color: var(--off-white)
}

.bg-grey-1 {
	background-color: #f5f3f2;
	background-color: var(--grey-1)
}

.bg-grey-2 {
	background-color: #ebe7e6;
	background-color: var(--grey-2)
}

.bg-grey-3,
.bg-grey-4 {
	background-color: #424040;
	background-color: var(--grey-4)
}

.bg-black {
	background-color: #2b2523;
	background-color: var(--black)
}

.bg-fix-primary {
	padding: 0 .5rem;
	padding: 0 var(--spacing-small)
}

.bg-fix-primary :first-child {
	box-shadow: .5rem 0 0 #f40, 0 0 -var(--spacing-small) #f40;
	box-shadow: var(--spacing-small) 0 0 var(--primary), -var(--spacing-small) 0 0 var(--primary)
}

:root {
	--primary: #f40;
	--highlight: #fed5c6;
	--white: #fff;
	--off-white: #fffdfc;
	--grey-1: #f5f3f2;
	--grey-2: #ebe7e6;
	--grey-3: #595756;
	--grey-4: #424040;
	--black: #2b2523;
	--font-family: Nunito Sans, -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
	--line-height: 1.5;
	--font-size: 18px;
	--font-size-m: 20px;
	--font-size-l: 22px;
	--body-font-weight: 400;
	--bold-font-weight: 700;
	--spacing-none: 0;
	--spacing-extra-small: .25rem;
	--spacing-small: .5rem;
	--spacing-medium: 1rem;
	--spacing-large: 2rem;
	--spacing-extra-large: 4rem;
	--spacing-extra-extra-large: 8rem;
	--spacing-extra-extra-extra-large: 16rem;
	--border-radius: .25rem;
	--hover-transition: all 150ms ease
}

.debug * {
	outline: 1px solid gold
}

.debug-white * {
	outline: 1px solid #fff
}

.debug-black * {
	outline: 1px solid #000
}

.debug-grid {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat 0 0
}

.debug-grid-16 {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat 0 0
}

.debug-grid-8-solid {
	background: #fff url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat 0 0
}

.debug-grid-16-solid {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat 0 0
}

.img-inner {
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

.img-outer {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.img-frame {
	width: 300px;
	height: 300px;
	white-space: nowrap;
	text-align: center;
	margin: 0.2em;
}
.img-main {
	background: var(--black);
	margin: 5px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
}

.img-outerFlexBox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 100%;
	overflow: visible;
}