@charset "UTF-8";
/* CSS Document */
@media (min-width:30em) {} /*480px*/
@media (min-width:48em) {} /*768px*/
@media (min-width:64em) {} /*1024px*/
@media (min-width:75em) {} /*1200px*/
@media (min-width:87.5em) {} /*1400px*/
@media (min-width:100em) {} /*1600px*/

.lead-copy {
  font-size: var(--lead-copy);
  line-height: var(--lh-lead-copy);
}
.main-txt {
  font-size: var(--main-txt);
  line-height: var(--lh-main-txt);
}

/* Format Style
--------------------*/

*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

html {
  font-size: 100%;
  word-break: break-word;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
	padding: 0;
	font-weight: normal;
}

body {
  font-family: var(--font-family);
	font-size: var(--h4);
  line-height: var(--lh4);
	color: var(--primary-color);
  background-color: var(--bg-color-back);
	font-feature-settings: "palt" 1;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  overscroll-behavior-y: none;
}

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

a, a:hover {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  text-decoration: none;
}
a, a:visited {
  color: inherit;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
tel, tel:hover {
  color: var(--primary-color);
}
ol,ul {
  list-style: none;
}
img,video {
  max-width: 100%;
	width: 100%;
	height: auto;
  vertical-align: top;
}
img {
  border-style: none;
  display: block;
}
.img-fit {
  object-fit: cover;
}
.img-fit-height {
  height: 100vh;
}
.video-innerwrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
.video-innerwrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*--------------------

  Display, Position, Float

--------------------*/

.inline       { display: inline; }
.block        { display: block; }
.inline-block { display: inline-block; }
.table        { display: table; }
.table-cell   { display: table-cell; }
.both         { clear: both; }

.relative { position: relative; }
.absolute { position: absolute; }
.sticky.  { position: sticky; }
.fixed    { position: fixed; }
.top-0    { top: 0; }
.right-0  { right: 0; }
.bottom-0 { bottom: 0; }
.left-0   { left: 0; }

.absolute-center {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

.left  { float: left; }
.right { float: right; }

/*--------------------

  Overflow, Vertical-align, Z-index

--------------------*/

.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-auto   { overflow: auto; }

.align-baseline { vertical-align: baseline; }
.align-top      { vertical-align: top; }
.align-middle   { vertical-align: middle; }
.align-bottom   { vertical-align: bottom; }

.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }

/*--------------------

  Hide, Show

--------------------*/

.sm-show, .md-show, .lg-show, .xlg-show { display: none !important; }
@media (min-width:400px)  { .sm-show  { display: block !important; } }
@media (min-width:768px)  { .md-show  { display: block !important; } }
@media (min-width:980px)  { .lg-show  { display: block !important; } }
@media (min-width:1200px) { .xlg-show { display: block !important; } }

@media (min-width:400px)  { .sm-hide  { display: none !important; } }
@media (min-width:768px)  { .md-hide  { display: none !important; } }
@media (min-width:980px)  { .lg-hide  { display: none !important; } }
@media (min-width:1200px) { .xlg-hide { display: none !important; } }

.display-none {
  display: none!important;
}
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (max-width:399px)  { .sm-br-hide br  { display: none !important; } }
@media (max-width:767px)  { .md-br-hide br  { display: none !important; } }
@media (max-width:979px)  { .lg-br-hide br  { display: none !important; } }
@media (max-width:1199px) { .xlg-br-hide br { display: none !important; } }

@media (min-width:400px)  { .sm-br-show br   { display: block !important; } }
@media (min-width:768px)  { .md-br-show  br  { display: block !important; } }
@media (min-width:980px)  { .lg-br-show  br  { display: block !important; } }
@media (min-width:1200px) { .xlg-br-show  br { display: block !important; } }


/*--------------------

  Font style

--------------------*/

.sans  {}
.serif {}
.bold    { font-weight: 700; }
.regular { font-weight: 400; }
.medium  { font-weight: 500; }
.italic  { font-style: italic; }
.caps    { text-transform: uppercase; letter-spacing: .2em; }

.font-family-inherit { font-family: inherit; }
.font-size-inherit { font-size: inherit; }
.text-decoration-none { text-decoration: none; }
.underline { text-decoration: underline; }
.nowrap { white-space: nowrap; }
.break-word { word-wrap: break-word; }

.vertical-writing {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media(min-width: 768px) {
a[href^="tel:"]{
  pointer-events: none;
}
.md-bold { font-weight: bold; }
}

/*--------------------

  Text align

--------------------*/

.align-left   { text-align: left; }
.align-center { text-align: center; }
.align-right  { text-align: right; }
.align-just   { text-align: justify; }

@media (min-width:30em) {
.sm-align-left   { text-align: left; }
.sm-align-center { text-align: center; }
.sm-align-right  { text-align: right; }
.sm-align-just   { text-align: justify; }
}
@media (min-width:48em) {
.md-align-left   { text-align: left; }
.md-align-center { text-align: center; }
.md-align-right  { text-align: right; }
.md-align-just   { text-align: justify; }
}
@media (min-width:64em) {
.lg-align-left   { text-align: left; }
.lg-align-center { text-align: center; }
.lg-align-right  { text-align: right; }
.lg-align-just   { text-align: justify; }
}
@media (min-width:75em) {
.xlg-align-left   { text-align: left; }
.xlg-align-center { text-align: center; }
.xlg-align-right  { text-align: right; }
.xlg-align-just   { text-align: justify; }
}

/*--------------------

  Line height

--------------------*/

.lh1 { line-height: var(--lh1); }
.lh2 { line-height: var(--lh2); }
.lh3 { line-height: var(--lh3); }
.lh4 { line-height: var(--lh4); }
.lh5 { line-height: var(--lh5); }
.lh6 { line-height: var(--lh6); }

@media (min-width: 400px) {
.sm-lh1 { line-height: var(--lh1); }
.sm-lh2 { line-height: var(--lh2); }
.sm-lh3 { line-height: var(--lh3); }
.sm-lh4 { line-height: var(--lh4); }
.sm-lh5 { line-height: var(--lh5); }
.sm-lh6 { line-height: var(--lh6); }
}
@media (min-width: 768px) {
.md-lh1 { line-height: var(--lh1); }
.md-lh2 { line-height: var(--lh2); }
.md-lh3 { line-height: var(--lh3); }
.md-lh4 { line-height: var(--lh4); }
.md-lh5 { line-height: var(--lh5); }
.md-lh6 { line-height: var(--lh6); }
}
@media (min-width: 980px) {
.lg-lh1 { line-height: var(--lh1); }
.lg-lh2 { line-height: var(--lh2); }
.lg-lh3 { line-height: var(--lh3); }
.lg-lh4 { line-height: var(--lh4); }
.lg-lh5 { line-height: var(--lh5); }
.lg-lh6 { line-height: var(--lh6); }
}
@media (min-width: 1200px) {
.xlg-lh1 { line-height: var(--lh1); }
.xlg-lh2 { line-height: var(--lh2); }
.xlg-lh3 { line-height: var(--lh3); }
.xlg-lh4 { line-height: var(--lh4); }
.xlg-lh5 { line-height: var(--lh5); }
.xlg-lh6 { line-height: var(--lh6); }
}

/*--------------------

  Letter spacing

--------------------*/

.ls1 { letter-spacing: var(--ls1); }
.ls2 { letter-spacing: var(--ls2); }
.ls3 { letter-spacing: var(--ls3); }
.ls4 { letter-spacing: var(--ls4); }
.ls5 { letter-spacing: var(--ls5); }

@media (min-width: 400px) {
.sm-ls1 { letter-spacing: var(--ls1); }
.sm-ls2 { letter-spacing: var(--ls2); }
.sm-ls3 { letter-spacing: var(--ls3); }
.sm-ls4 { letter-spacing: var(--ls4); }
.sm-ls5 { letter-spacing: var(--ls5); }

}
@media (min-width: 768px) {
.md-ls1 { letter-spacing: var(--ls1); }
.md-ls2 { letter-spacing: var(--ls2); }
.md-ls3 { letter-spacing: var(--ls3); }
.md-ls4 { letter-spacing: var(--ls4); }
.md-ls5 { letter-spacing: var(--ls5); }
}
@media (min-width: 980px) {
.lg-ls1 { letter-spacing: var(--ls1); }
.lg-ls2 { letter-spacing: var(--ls2); }
.lg-ls3 { letter-spacing: var(--ls3); }
.lg-ls4 { letter-spacing: var(--ls4); }
.lg-ls5 { letter-spacing: var(--ls5); }
}
@media (min-width: 1200px) {
.xlg-ls1 { letter-spacing: var(--ls1); }
.xlg-ls2 { letter-spacing: var(--ls2); }
.xlg-ls3 { letter-spacing: var(--ls3); }
.xlg-ls4 { letter-spacing: var(--ls4); }
.xlg-ls5 { letter-spacing: var(--ls5); }
}

/*--------------------

  Font size

--------------------*/

.h0 { font-size: var(--h0); }
.h1 { font-size: var(--h1); }
.h2 { font-size: var(--h2); }
.h3 { font-size: var(--h3); }
.h4 { font-size: var(--h4); }
.h5 { font-size: var(--h5); }
.h6 { font-size: var(--h6); }
.h7 { font-size: var(--h7); }
.h8 { font-size: var(--h8); }
.h9 { font-size: var(--h9); }
.h10 { font-size: var(--h10); }
.h11 { font-size: var(--h11); }
.h12 { font-size: var(--h12); }
.h13 { font-size: var(--h13); }
.h14 { font-size: var(--h14); }
.h15 { font-size: var(--h15); }

@media (min-width: 30em) {
.sm-h0 { font-size: var(--h0); }
.sm-h1 { font-size: var(--h1); }
.sm-h2 { font-size: var(--h2); }
.sm-h3 { font-size: var(--h3); }
.sm-h4 { font-size: var(--h4); }
.sm-h5 { font-size: var(--h5); }
.sm-h6 { font-size: var(--h6); }
.sm-h7 { font-size: var(--h7); }
.sm-h8 { font-size: var(--h8); }
.sm-h9 { font-size: var(--h9); }
.sm-h10 { font-size: var(--h10); }
.sm-h11 { font-size: var(--h11); }
.sm-h12 { font-size: var(--h12); }
.sm-h13 { font-size: var(--h13); }
.sm-h14 { font-size: var(--h14); }
.sm-h15 { font-size: var(--h15); }
}

@media (min-width: 48em) {
.md-h0 { font-size: var(--h0); }
.md-h1 { font-size: var(--h1); }
.md-h2 { font-size: var(--h2); }
.md-h3 { font-size: var(--h3); }
.md-h4 { font-size: var(--h4); }
.md-h5 { font-size: var(--h5); }
.md-h6 { font-size: var(--h6); }
.md-h7 { font-size: var(--h7); }
.md-h8 { font-size: var(--h8); }
.md-h9 { font-size: var(--h9); }
.md-h10 { font-size: var(--h10); }
.md-h11 { font-size: var(--h11); }
.md-h12 { font-size: var(--h12); }
.md-h13 { font-size: var(--h13); }
.md-h14 { font-size: var(--h14); }
.md-h15 { font-size: var(--h15); }
}

@media (min-width: 60em) {
.lg-h0 { font-size: var(--h0); }
.lg-h1 { font-size: var(--h1); }
.lg-h2 { font-size: var(--h2); }
.lg-h3 { font-size: var(--h3); }
.lg-h4 { font-size: var(--h4); }
.lg-h5 { font-size: var(--h5); }
.lg-h6 { font-size: var(--h6); }
.lg-h7 { font-size: var(--h7); }
.lg-h8 { font-size: var(--h8); }
.lg-h9 { font-size: var(--h9); }
.lg-h10 { font-size: var(--h10); }
.lg-h11 { font-size: var(--h11); }
.lg-h12 { font-size: var(--h12); }
.lg-h13 { font-size: var(--h13); }
.lg-h14 { font-size: var(--h14); }
.lg-h15 { font-size: var(--h15); }
}

@media (min-width: 75em) {
.xlg-h0 { font-size: var(--h0); }
.xlg-h1 { font-size: var(--h1); }
.xlg-h2 { font-size: var(--h2); }
.xlg-h3 { font-size: var(--h3); }
.xlg-h4 { font-size: var(--h4); }
.xlg-h5 { font-size: var(--h5); }
.xlg-h6 { font-size: var(--h6); }
.xlg-h7 { font-size: var(--h7); }
.xlg-h8 { font-size: var(--h8); }
.xlg-h9 { font-size: var(--h9); }
.xlg-h10 { font-size: var(--h10); }
.xlg-h11 { font-size: var(--h11); }
.xlg-h12 { font-size: var(--h12); }
.xlg-h13 { font-size: var(--h13); }
.xlg-h14 { font-size: var(--h14); }
.xlg-h15 { font-size: var(--h15); }
}

.hidden {
  overflow: hidden;
}

.box-shadow-1 {
  box-shadow: var(--box-shadow);
}


/* Text */

.content-title {
  font-size: var(h2);
  font-weight: 700;
}

.sub-title {
  font-size: var(--h2);
  text-align: center;
  font-weight: 700;
}

/* Color */

.k-blue { color: var(--ko-blue); }
.k-red { color: var(--ko-red); }
.green { color: #009245; }
.blue { color: #0071bc; }
.red { color: #ed1e79; }
.white { color: #fff; }

.s-red { color: #cf001b; }
.s-brown { color: #c77f61; }
.s-blue { color: #59c2e1; }
.s-lightgreen { color: #a9ce52; }
.s-orange { color: #f29600; }
.s-green { color: #72a47a; }
.s-purple { color: #8d80bb; }

.bg-color-1 { background-color: var(--bg-color-1); }
.bg-color-back { background-color: var(--bg-color-back); }

.link-color-1 { color: #336699; }

/*--------------------

  Border / Radius

--------------------*/

.border {
  border-style: solid;
  border-width: 1px;
}
.bd-color-1  { border-color: var( --darken-1);  }
.bd-color-2  { border-color: var( --darken-2);  }
.bd-color-3  { border-color: var( --darken-3);  }
.bd-color-4  { border-color: var( --darken-4);  }
.bd-color-l1 { border-color: var( --lighten-1); }
.bd-color-l2 { border-color: var( --lighten-2); }
.bd-color-l3 { border-color: var( --lighten-3); }
.bd-color-l4 { border-color: var( --lighten-4); }

.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none        { border: 0; }
.border-top-none    { border-top: 0; }
.border-right-none  { border-right: 0; }
.border-bottom-none { border-bottom: 0; }
.border-left-none   { border-left: 0; }

.circle  { border-radius: 9999px; }
.radius-1 { border-radius: var(--radius-1); }
.radius-2 { border-radius: var(--radius-2); }

.rounded-top    { border-radius: var(--radius-1) var(--radius-1) 0 0; }
.rounded-right  { border-radius: 0 var(--radius-1) var(--radius-1) 0; }
.rounded-bottom { border-radius: 0 0 var(--radius-1) var(--radius-1); }
.rounded-left   { border-radius: var(--radius-1) 0 0 var(--radius-1); }

@media (min-width: 30em) {
.sm-border {
  border-style: solid;
  border-width: 1px;
}
.sm-border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.sm-border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.sm-border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.sm-border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.sm-border-none        { border: 0; }
.sm-border-top-none    { border-top: 0; }
.sm-border-right-none  { border-right: 0; }
.sm-border-bottom-none { border-bottom: 0; }
.sm-border-left-none   { border-left: 0; }
}
@media (min-width: 48em) {
.md-border {
  border-style: solid;
  border-width: 1px;
}
.md-border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.md-border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.md-border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.md-border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.md-border-none        { border: 0; }
.md-border-top-none    { border-top: 0; }
.md-border-right-none  { border-right: 0; }
.md-border-bottom-none { border-bottom: 0; }
.md-border-left-none   { border-left: 0; }

.rounded { border-radius: var(--border-radius); }
.md-rounded { border-radius: var(--border-radius); }
}
@media (min-width: 64em) {
.lg-border {
  border-style: solid;
  border-width: 1px;
}
.lg-border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.lg-border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.lg-border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.lg-border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.lg-border-none        { border: 0; }
.lg-border-top-none    { border-top: 0; }
.lg-border-right-none  { border-right: 0; }
.lg-border-bottom-none { border-bottom: 0; }
.lg-border-left-none   { border-left: 0; }
}
@media (min-width: 75em) {
.xlg-border {
  border-style: solid;
  border-width: 1px;
}
.xlg-border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.xlg-border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.xlg-border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.xlg-border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.xlg-border-none        { border: 0; }
.xlg-border-top-none    { border-top: 0; }
.xlg-border-right-none  { border-right: 0; }
.xlg-border-bottom-none { border-bottom: 0; }
.xlg-border-left-none   { border-left: 0; }
}

/*--------------------

  Contents

--------------------*/

.fit { max-width: 100%; }
.max-width-1 { max-width: var(--max-width-1); }
.max-width-2 { max-width: var(--max-width-2); }
.max-width-3 { max-width: var(--max-width-3); }
.max-width-4 { max-width: var(--max-width-4); }
.max-width-5 { max-width: var(--max-width-5); }
.max-width-6 { max-width: var(--max-width-6); }

.contents-layout {
  display: flex;
  flex-direction: column;
  row-gap: clamp(60px, calc(25.714px + 9.524vw), 140px);
  padding-bottom: clamp(60px, calc(25.714px + 9.524vw), 140px);
  transition: var(--transition);
}
.col {
  width: 100%;
  padding-left: calc(100% / 16);
  padding-right: calc(100% / 16);
}
.row {
  display:flex;
}
.row-top { padding-top: 40px; }
.row-bottom { padding-bottom: 40px; }
@media (max-width:64em) {
.header.col {
  padding-left: calc(100% / 20);
  padding-right: calc(100% / 20);
}
}
@media (min-width:64em) {
.col {
  padding-left: calc(100% / 24);
  padding-right: calc(100% / 24);
}
.row-top { padding-top: 50px; }
.row-bottom { padding-bottom: 50px; }
}
@media (min-width:80em) {

.col {
  padding-left: calc(100% / 16);
  padding-right: calc(100% / 16);
}
.row-top { padding-top: 80px; }
.row-bottom { padding-bottom: 80px; }
}
@media (min-width: 87.5em) {
.col {
  padding-left: calc(100% / 12);
  padding-right: calc(100% / 12);
}
}

.col-right { float: right; }
.col-1 { width: calc(1/12 * 100%); }
.col-2 { width: calc(2/12 * 100%); }
.col-3 { width: calc(3/12 * 100%); }
.col-4 { width: calc(4/12 * 100%); }
.col-5 { width: calc(5/12 * 100%); }
.col-6 { width: calc(6/12 * 100%); }
.col-7 { width: calc(7/12 * 100%); }
.col-8 { width: calc(8/12 * 100%); }
.col-9 { width: calc(9/12 * 100%); }
.col-10 { width: calc(10/12 * 100%); }
.col-11 { width: calc(11/12 * 100%); }
.col-12 { width: 100%; }

@media (min-width:30em) {
.sm-col-right { float: right; }
.sm-col-1 { width: calc(1/12 * 100%); }
.sm-col-2 { width: calc(2/12 * 100%); }
.sm-col-3 { width: calc(3/12 * 100%); }
.sm-col-4 { width: calc(4/12 * 100%); }
.sm-col-5 { width: calc(5/12 * 100%); }
.sm-col-6 { width: calc(6/12 * 100%); }
.sm-col-7 { width: calc(7/12 * 100%); }
.sm-col-8 { width: calc(8/12 * 100%); }
.sm-col-9 { width: calc(9/12 * 100%); }
.sm-col-10 { width: calc(10/12 * 100%); }
.sm-col-11 { width: calc(11/12 * 100%); }
.sm-col-12 { width: 100%; }
}
@media (min-width:48em) {
.md-col-right { float: right; }
.md-col-1 { width: calc(1/12 * 100%); }
.md-col-2 { width: calc(2/12 * 100%); }
.md-col-3 { width: calc(3/12 * 100%); }
.md-col-4 { width: calc(4/12 * 100%); }
.md-col-5 { width: calc(5/12 * 100%); }
.md-col-6 { width: calc(6/12 * 100%); }
.md-col-7 { width: calc(7/12 * 100%); }
.md-col-8 { width: calc(8/12 * 100%); }
.md-col-9 { width: calc(9/12 * 100%); }
.md-col-10 { width: calc(10/12 * 100%); }
.md-col-11 { width: calc(11/12 * 100%); }
.md-col-12 { width: 100%; }
}
@media (min-width:64em) {
.lg-col-right { float: right; }
.lg-col-1 { width: calc(1/12 * 100%); }
.lg-col-2 { width: calc(2/12 * 100%); }
.lg-col-3 { width: calc(3/12 * 100%); }
.lg-col-4 { width: calc(4/12 * 100%); }
.lg-col-5 { width: calc(5/12 * 100%); }
.lg-col-6 { width: calc(6/12 * 100%); }
.lg-col-7 { width: calc(7/12 * 100%); }
.lg-col-8 { width: calc(8/12 * 100%); }
.lg-col-9 { width: calc(9/12 * 100%); }
.lg-col-10 { width: calc(10/12 * 100%); }
.lg-col-11 { width: calc(11/12 * 100%); }
.lg-col-12 { width: 100%; }
}
@media (min-width:75em) {
.xlg-col-right { float: right; }
.xlg-col-1 { width: calc(1/12 * 100%); }
.xlg-col-2 { width: calc(2/12 * 100%); }
.xlg-col-3 { width: calc(3/12 * 100%); }
.xlg-col-4 { width: calc(4/12 * 100%); }
.xlg-col-5 { width: calc(5/12 * 100%); }
.xlg-col-6 { width: calc(6/12 * 100%); }
.xlg-col-7 { width: calc(7/12 * 100%); }
.xlg-col-8 { width: calc(8/12 * 100%); }
.xlg-col-9 { width: calc(9/12 * 100%); }
.xlg-col-10 { width: calc(10/12 * 100%); }
.xlg-col-11 { width: calc(11/12 * 100%); }
.xlg-col-12 { width: 100%; }
}

.box {
  border-radius: var(--radius-1);
  background-color: var(--bg-color-back);
  box-shadow: var(--box-shadow);
}
.box-inner {
  padding: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem 0);
}
.tpb1 { padding-bottom: clamp(30px, calc(17.143px + 3.571vw), 60px); }
.tpb2 { padding-bottom: clamp(20px, calc(11.429px + 2.381vw), 40px); }
.tpb3 { padding-bottom: clamp(8px, calc(4.364px + 1.136vw), 16px); }

.tpt1 { padding-top: clamp(60px, calc(51.429px + 2.381vw), 80px); }
.tpt2 { padding-top: clamp(20px, calc(11.429px + 2.381vw), 40px); }
.tpt3 { padding-top: clamp(8px, calc(4.364px + 1.136vw), 16px); }
.tpt4 { padding-top: clamp(30px, calc(19.091px + 3.409vw), 60px); }

/*--------------------

  Margin

--------------------*/

.m0  { margin:        0; }
.mt0 { margin-top:    0; }
.mr0 { margin-right:  0; }
.mb0 { margin-bottom: 0; }
.ml0 { margin-left:   0; }

.m1  { margin:        var(--space-1); }
.mt1 { margin-top:    var(--space-1); }
.mr1 { margin-right:  var(--space-1); }
.mb1 { margin-bottom: var(--space-1); }
.ml1 { margin-left:   var(--space-1); }

.m2  { margin:        var(--space-2); }
.mt2 { margin-top:    var(--space-2); }
.mr2 { margin-right:  var(--space-2); }
.mb2 { margin-bottom: var(--space-2); }
.ml2 { margin-left:   var(--space-2); }

.m3  { margin:        var(--space-3); }
.mt3 { margin-top:    var(--space-3); }
.mr3 { margin-right:  var(--space-3); }
.mb3 { margin-bottom: var(--space-3); }
.ml3 { margin-left:   var(--space-3); }

.m4  { margin:        var(--space-4); }
.mt4 { margin-top:    var(--space-4); }
.mr4 { margin-right:  var(--space-4); }
.mb4 { margin-bottom: var(--space-4); }
.ml4 { margin-left:   var(--space-4); }

.m5  { margin:        var(--space-5); }
.mt5 { margin-top:    var(--space-5); }
.mr5 { margin-right:  var(--space-5); }
.mb5 { margin-bottom: var(--space-5); }
.ml5 { margin-left:   var(--space-5); }

.m6  { margin:        var(--space-6); }
.mt6 { margin-top:    var(--space-6); }
.mr6 { margin-right:  var(--space-6); }
.mb6 { margin-bottom: var(--space-6); }
.ml6 { margin-left:   var(--space-6); }

.m7  { margin:        var(--space-7); }
.mt7 { margin-top:    var(--space-7); }
.mr7 { margin-right:  var(--space-7); }
.mb7 { margin-bottom: var(--space-7); }
.ml7 { margin-left:   var(--space-7); }

.m8  { margin:        var(--space-8); }
.mt8 { margin-top:    var(--space-8); }
.mr8 { margin-right:  var(--space-8); }
.mb8 { margin-bottom: var(--space-8); }
.ml8 { margin-left:   var(--space-8); }

.m9  { margin:        var(--space-9); }
.mt9 { margin-top:    var(--space-9); }
.mr9 { margin-right:  var(--space-9); }
.mb9 { margin-bottom: var(--space-9); }
.ml9 { margin-left:   var(--space-9); }

.m10  { margin:        var(--space-10); }
.mt10 { margin-top:    var(--space-10); }
.mr10 { margin-right:  var(--space-10); }
.mb10 { margin-bottom: var(--space-10); }
.ml10 { margin-left:   var(--space-10); }

.m11  { margin:        var(--space-11); }
.mt11 { margin-top:    var(--space-11); }
.mr11 { margin-right:  var(--space-11); }
.mb11 { margin-bottom: var(--space-11); }
.ml11 { margin-left:   var(--space-11); }

.m12  { margin:        var(--space-12); }
.mt12 { margin-top:    var(--space-12); }
.mr12 { margin-right:  var(--space-12); }
.mb12 { margin-bottom: var(--space-12); }
.ml12 { margin-left:   var(--space-12); }

.m13  { margin:        var(--space-13); }
.mt13 { margin-top:    var(--space-13); }
.mr13 { margin-right:  var(--space-13); }
.mb13 { margin-bottom: var(--space-13); }
.ml13 { margin-left:   var(--space-13); }

.m14  { margin:        var(--space-14); }
.mt14 { margin-top:    var(--space-14); }
.mr14 { margin-right:  var(--space-14); }
.mb14 { margin-bottom: var(--space-14); }
.ml14 { margin-left:   var(--space-14); }

.m15  { margin:        var(--space-15); }
.mt15 { margin-top:    var(--space-15); }
.mr15 { margin-right:  var(--space-15); }
.mb15 { margin-bottom: var(--space-15); }
.ml15 { margin-left:   var(--space-15); }

.m16  { margin:        var(--space-16); }
.mt16 { margin-top:    var(--space-16); }
.mr16 { margin-right:  var(--space-16); }
.mb16 { margin-bottom: var(--space-16); }
.ml16 { margin-left:   var(--space-16); }

.m17  { margin:        var(--space-17); }
.mt17 { margin-top:    var(--space-17); }
.mr17 { margin-right:  var(--space-17); }
.mb17 { margin-bottom: var(--space-17); }
.ml17 { margin-left:   var(--space-17); }

.m18  { margin:        var(--space-18); }
.mt18 { margin-top:    var(--space-18); }
.mr18 { margin-right:  var(--space-18); }
.mb18 { margin-bottom: var(--space-18); }
.ml18 { margin-left:   var(--space-18); }

.m19  { margin:        var(--space-19); }
.mt19 { margin-top:    var(--space-19); }
.mr19 { margin-right:  var(--space-19); }
.mb19 { margin-bottom: var(--space-19); }
.ml19 { margin-left:   var(--space-19); }

.mxn1 { margin-left: var(--space-minus-1); margin-right: var(--space-minus-1); }
.mxn2 { margin-left: var(--space-minus-2); margin-right: var(--space-minus-2); }
.mxn3 { margin-left: var(--space-minus-3); margin-right: var(--space-minus-3); }
.mxn4 { margin-left: var(--space-minus-4); margin-right: var(--space-minus-4); }
.mxn5 { margin-left: var(--space-minus-5); margin-right: var(--space-minus-5); }
.mxn6 { margin-left: var(--space-minus-6); margin-right: var(--space-minus-6); }
.mxn7 { margin-left: var(--space-minus-7); margin-right: var(--space-minus-7); }
.mxn8 { margin-left: var(--space-minus-8); margin-right: var(--space-minus-8); }
.mxn9 { margin-left: var(--space-minus-9); margin-right: var(--space-minus-9); }
.mxn10 { margin-left: var(--space-minus-10); margin-right: var(--space-minus-10); }
.mxn11 { margin-left: var(--space-minus-11); margin-right: var(--space-minus-11); }
.mxn12 { margin-left: var(--space-minus-12); margin-right: var(--space-minus-12); }
.mxn13 { margin-left: var(--space-minus-13); margin-right: var(--space-minus-13); }
.mxn14 { margin-left: var(--space-minus-14); margin-right: var(--space-minus-14); }
.mxn15 { margin-left: var(--space-minus-15); margin-right: var(--space-minus-15); }
.mxn16 { margin-left: var(--space-minus-16); margin-right: var(--space-minus-16); }
.mxn17 { margin-left: var(--space-minus-17); margin-right: var(--space-minus-17); }
.mxn18 { margin-left: var(--space-minus-18); margin-right: var(--space-minus-18); }
.mxn19 { margin-left: var(--space-minus-19); margin-right: var(--space-minus-19); }

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

@media (min-width:30em) {
.sm-m0  { margin:        0; }
.sm-mt0 { margin-top:    0; }
.sm-mr0 { margin-right:  0; }
.sm-mb0 { margin-bottom: 0; }
.sm-ml0 { margin-left:   0; }

.sm-m1  { margin:        var(--space-1); }
.sm-mt1 { margin-top:    var(--space-1); }
.sm-mr1 { margin-right:  var(--space-1); }
.sm-mb1 { margin-bottom: var(--space-1); }
.sm-ml1 { margin-left:   var(--space-1); }

.sm-m2  { margin:        var(--space-2); }
.sm-mt2 { margin-top:    var(--space-2); }
.sm-mr2 { margin-right:  var(--space-2); }
.sm-mb2 { margin-bottom: var(--space-2); }
.sm-ml2 { margin-left:   var(--space-2); }

.sm-m3  { margin:        var(--space-3); }
.sm-mt3 { margin-top:    var(--space-3); }
.sm-mr3 { margin-right:  var(--space-3); }
.sm-mb3 { margin-bottom: var(--space-3); }
.sm-ml3 { margin-left:   var(--space-3); }

.sm-m4  { margin:        var(--space-4); }
.sm-mt4 { margin-top:    var(--space-4); }
.sm-mr4 { margin-right:  var(--space-4); }
.sm-mb4 { margin-bottom: var(--space-4); }
.sm-ml4 { margin-left:   var(--space-4); }

.sm-m5  { margin:        var(--space-5); }
.sm-mt5 { margin-top:    var(--space-5); }
.sm-mr5 { margin-right:  var(--space-5); }
.sm-mb5 { margin-bottom: var(--space-5); }
.sm-ml5 { margin-left:   var(--space-5); }

.sm-m6  { margin:        var(--space-6); }
.sm-mt6 { margin-top:    var(--space-6); }
.sm-mr6 { margin-right:  var(--space-6); }
.sm-mb6 { margin-bottom: var(--space-6); }
.sm-ml6 { margin-left:   var(--space-6); }

.sm-m7  { margin:        var(--space-7); }
.sm-mt7 { margin-top:    var(--space-7); }
.sm-mr7 { margin-right:  var(--space-7); }
.sm-mb7 { margin-bottom: var(--space-7); }
.sm-ml7 { margin-left:   var(--space-7); }

.sm-m8  { margin:        var(--space-8); }
.sm-mt8 { margin-top:    var(--space-8); }
.sm-mr8 { margin-right:  var(--space-8); }
.sm-mb8 { margin-bottom: var(--space-8); }
.sm-ml8 { margin-left:   var(--space-8); }

.sm-m9  { margin:        var(--space-9); }
.sm-mt9 { margin-top:    var(--space-9); }
.sm-mr9 { margin-right:  var(--space-9); }
.sm-mb9 { margin-bottom: var(--space-9); }
.sm-ml9 { margin-left:   var(--space-9); }

.sm-m10  { margin:        var(--space-10); }
.sm-mt10 { margin-top:    var(--space-10); }
.sm-mr10 { margin-right:  var(--space-10); }
.sm-mb10 { margin-bottom: var(--space-10); }
.sm-ml10 { margin-left:   var(--space-10); }

.sm-m11  { margin:        var(--space-11); }
.sm-mt11 { margin-top:    var(--space-11); }
.sm-mr11 { margin-right:  var(--space-11); }
.sm-mb11 { margin-bottom: var(--space-11); }
.sm-ml11 { margin-left:   var(--space-11); }

.sm-m12  { margin:        var(--space-12); }
.sm-mt12 { margin-top:    var(--space-12); }
.sm-mr12 { margin-right:  var(--space-12); }
.sm-mb12 { margin-bottom: var(--space-12); }
.sm-ml12 { margin-left:   var(--space-12); }

.sm-m13  { margin:        var(--space-13); }
.sm-mt13 { margin-top:    var(--space-13); }
.sm-mr13 { margin-right:  var(--space-13); }
.sm-mb13 { margin-bottom: var(--space-13); }
.sm-ml13 { margin-left:   var(--space-13); }

.sm-m14  { margin:        var(--space-14); }
.sm-mt14 { margin-top:    var(--space-14); }
.sm-mr14 { margin-right:  var(--space-14); }
.sm-mb14 { margin-bottom: var(--space-14); }
.sm-ml14 { margin-left:   var(--space-14); }

.sm-m15  { margin:        var(--space-15); }
.sm-mt15 { margin-top:    var(--space-15); }
.sm-mr15 { margin-right:  var(--space-15); }
.sm-mb15 { margin-bottom: var(--space-15); }
.sm-ml15 { margin-left:   var(--space-15); }

.sm-m16  { margin:        var(--space-16); }
.sm-mt16 { margin-top:    var(--space-16); }
.sm-mr16 { margin-right:  var(--space-16); }
.sm-mb16 { margin-bottom: var(--space-16); }
.sm-ml16 { margin-left:   var(--space-16); }

.sm-m17  { margin:        var(--space-17); }
.sm-mt17 { margin-top:    var(--space-17); }
.sm-mr17 { margin-right:  var(--space-17); }
.sm-mb17 { margin-bottom: var(--space-17); }
.sm-ml17 { margin-left:   var(--space-17); }

.sm-m18  { margin:        var(--space-18); }
.sm-mt18 { margin-top:    var(--space-18); }
.sm-mr18 { margin-right:  var(--space-18); }
.sm-mb18 { margin-bottom: var(--space-18); }
.sm-ml18 { margin-left:   var(--space-18); }

.sm-m19  { margin:        var(--space-19); }
.sm-mt19 { margin-top:    var(--space-19); }
.sm-mr19 { margin-right:  var(--space-19); }
.sm-mb19 { margin-bottom: var(--space-19); }
.sm-ml19 { margin-left:   var(--space-19); }

.sm-mxn1 { margin-left: var(--space-minus-1); margin-right: var(--space-minus-1); }
.sm-mxn2 { margin-left: var(--space-minus-2); margin-right: var(--space-minus-2); }
.sm-mxn3 { margin-left: var(--space-minus-3); margin-right: var(--space-minus-3); }
.sm-mxn4 { margin-left: var(--space-minus-4); margin-right: var(--space-minus-4); }
.sm-mxn5 { margin-left: var(--space-minus-5); margin-right: var(--space-minus-5); }
.sm-mxn6 { margin-left: var(--space-minus-6); margin-right: var(--space-minus-6); }
.sm-mxn7 { margin-left: var(--space-minus-7); margin-right: var(--space-minus-7); }
.sm-mxn8 { margin-left: var(--space-minus-8); margin-right: var(--space-minus-8); }
.sm-mxn9 { margin-left: var(--space-minus-9); margin-right: var(--space-minus-9); }
.sm-mxn10 { margin-left: var(--space-minus-10); margin-right: var(--space-minus-10); }
.sm-mxn11 { margin-left: var(--space-minus-11); margin-right: var(--space-minus-11); }
.sm-mxn12 { margin-left: var(--space-minus-12); margin-right: var(--space-minus-12); }
.sm-mxn13 { margin-left: var(--space-minus-13); margin-right: var(--space-minus-13); }
.sm-mxn14 { margin-left: var(--space-minus-14); margin-right: var(--space-minus-14); }
.sm-mxn15 { margin-left: var(--space-minus-15); margin-right: var(--space-minus-15); }
.sm-mxn16 { margin-left: var(--space-minus-16); margin-right: var(--space-minus-16); }
.sm-mxn17 { margin-left: var(--space-minus-17); margin-right: var(--space-minus-17); }
.sm-mxn18 { margin-left: var(--space-minus-18); margin-right: var(--space-minus-18); }
.sm-mxn19 { margin-left: var(--space-minus-19); margin-right: var(--space-minus-19); }

.sm-mx-auto { margin-left: auto; margin-right: auto; }
}
@media (min-width:48em) {
.md-m0  { margin:        0; }
.md-mt0 { margin-top:    0; }
.md-mr0 { margin-right:  0; }
.md-mb0 { margin-bottom: 0; }
.md-ml0 { margin-left:   0; }

.md-m1  { margin:        var(--space-1); }
.md-mt1 { margin-top:    var(--space-1); }
.md-mr1 { margin-right:  var(--space-1); }
.md-mb1 { margin-bottom: var(--space-1); }
.md-ml1 { margin-left:   var(--space-1); }

.md-m2  { margin:        var(--space-2); }
.md-mt2 { margin-top:    var(--space-2); }
.md-mr2 { margin-right:  var(--space-2); }
.md-mb2 { margin-bottom: var(--space-2); }
.md-ml2 { margin-left:   var(--space-2); }

.md-m3  { margin:        var(--space-3); }
.md-mt3 { margin-top:    var(--space-3); }
.md-mr3 { margin-right:  var(--space-3); }
.md-mb3 { margin-bottom: var(--space-3); }
.md-ml3 { margin-left:   var(--space-3); }

.md-m4  { margin:        var(--space-4); }
.md-mt4 { margin-top:    var(--space-4); }
.md-mr4 { margin-right:  var(--space-4); }
.md-mb4 { margin-bottom: var(--space-4); }
.md-ml4 { margin-left:   var(--space-4); }

.md-m5  { margin:        var(--space-5); }
.md-mt5 { margin-top:    var(--space-5); }
.md-mr5 { margin-right:  var(--space-5); }
.md-mb5 { margin-bottom: var(--space-5); }
.md-ml5 { margin-left:   var(--space-5); }

.md-m6  { margin:        var(--space-6); }
.md-mt6 { margin-top:    var(--space-6); }
.md-mr6 { margin-right:  var(--space-6); }
.md-mb6 { margin-bottom: var(--space-6); }
.md-ml6 { margin-left:   var(--space-6); }

.md-m7  { margin:        var(--space-7); }
.md-mt7 { margin-top:    var(--space-7); }
.md-mr7 { margin-right:  var(--space-7); }
.md-mb7 { margin-bottom: var(--space-7); }
.md-ml7 { margin-left:   var(--space-7); }

.md-m8  { margin:        var(--space-8); }
.md-mt8 { margin-top:    var(--space-8); }
.md-mr8 { margin-right:  var(--space-8); }
.md-mb8 { margin-bottom: var(--space-8); }
.md-ml8 { margin-left:   var(--space-8); }

.md-m9  { margin:        var(--space-9); }
.md-mt9 { margin-top:    var(--space-9); }
.md-mr9 { margin-right:  var(--space-9); }
.md-mb9 { margin-bottom: var(--space-9); }
.md-ml9 { margin-left:   var(--space-9); }

.md-m10  { margin:        var(--space-10); }
.md-mt10 { margin-top:    var(--space-10); }
.md-mr10 { margin-right:  var(--space-10); }
.md-mb10 { margin-bottom: var(--space-10); }
.md-ml10 { margin-left:   var(--space-10); }

.md-m11  { margin:        var(--space-11); }
.md-mt11 { margin-top:    var(--space-11); }
.md-mr11 { margin-right:  var(--space-11); }
.md-mb11 { margin-bottom: var(--space-11); }
.md-ml11 { margin-left:   var(--space-11); }

.md-m12  { margin:        var(--space-12); }
.md-mt12 { margin-top:    var(--space-12); }
.md-mr12 { margin-right:  var(--space-12); }
.md-mb12 { margin-bottom: var(--space-12); }
.md-ml12 { margin-left:   var(--space-12); }

.md-m13  { margin:        var(--space-13); }
.md-mt13 { margin-top:    var(--space-13); }
.md-mr13 { margin-right:  var(--space-13); }
.md-mb13 { margin-bottom: var(--space-13); }
.md-ml13 { margin-left:   var(--space-13); }

.md-m14  { margin:        var(--space-14); }
.md-mt14 { margin-top:    var(--space-14); }
.md-mr14 { margin-right:  var(--space-14); }
.md-mb14 { margin-bottom: var(--space-14); }
.md-ml14 { margin-left:   var(--space-14); }

.md-m15  { margin:        var(--space-15); }
.md-mt15 { margin-top:    var(--space-15); }
.md-mr15 { margin-right:  var(--space-15); }
.md-mb15 { margin-bottom: var(--space-15); }
.md-ml15 { margin-left:   var(--space-15); }

.md-m16  { margin:        var(--space-16); }
.md-mt16 { margin-top:    var(--space-16); }
.md-mr16 { margin-right:  var(--space-16); }
.md-mb16 { margin-bottom: var(--space-16); }
.md-ml16 { margin-left:   var(--space-16); }

.md-m17  { margin:        var(--space-17); }
.md-mt17 { margin-top:    var(--space-17); }
.md-mr17 { margin-right:  var(--space-17); }
.md-mb17 { margin-bottom: var(--space-17); }
.md-ml17 { margin-left:   var(--space-17); }

.md-m18  { margin:        var(--space-18); }
.md-mt18 { margin-top:    var(--space-18); }
.md-mr18 { margin-right:  var(--space-18); }
.md-mb18 { margin-bottom: var(--space-18); }
.md-ml18 { margin-left:   var(--space-18); }

.md-m19  { margin:        var(--space-19); }
.md-mt19 { margin-top:    var(--space-19); }
.md-mr19 { margin-right:  var(--space-19); }
.md-mb19 { margin-bottom: var(--space-19); }
.md-ml19 { margin-left:   var(--space-19); }

.md-mxn1 { margin-left: var(--space-minus-1); margin-right: var(--space-minus-1); }
.md-mxn2 { margin-left: var(--space-minus-2); margin-right: var(--space-minus-2); }
.md-mxn3 { margin-left: var(--space-minus-3); margin-right: var(--space-minus-3); }
.md-mxn4 { margin-left: var(--space-minus-4); margin-right: var(--space-minus-4); }
.md-mxn5 { margin-left: var(--space-minus-5); margin-right: var(--space-minus-5); }
.md-mxn6 { margin-left: var(--space-minus-6); margin-right: var(--space-minus-6); }
.md-mxn7 { margin-left: var(--space-minus-7); margin-right: var(--space-minus-7); }
.md-mxn8 { margin-left: var(--space-minus-8); margin-right: var(--space-minus-8); }
.md-mxn9 { margin-left: var(--space-minus-9); margin-right: var(--space-minus-9); }
.md-mxn10 { margin-left: var(--space-minus-10); margin-right: var(--space-minus-10); }
.md-mxn11 { margin-left: var(--space-minus-11); margin-right: var(--space-minus-11); }
.md-mxn12 { margin-left: var(--space-minus-12); margin-right: var(--space-minus-12); }
.md-mxn13 { margin-left: var(--space-minus-13); margin-right: var(--space-minus-13); }
.md-mxn14 { margin-left: var(--space-minus-14); margin-right: var(--space-minus-14); }
.md-mxn15 { margin-left: var(--space-minus-15); margin-right: var(--space-minus-15); }
.md-mxn16 { margin-left: var(--space-minus-16); margin-right: var(--space-minus-16); }
.md-mxn17 { margin-left: var(--space-minus-17); margin-right: var(--space-minus-17); }
.md-mxn18 { margin-left: var(--space-minus-18); margin-right: var(--space-minus-18); }
.md-mxn19 { margin-left: var(--space-minus-19); margin-right: var(--space-minus-19); }

.md-mx-auto { margin-left: auto; margin-right: auto; }
}
@media (min-width:64em) {
.lg-m0  { margin:        0; }
.lg-mt0 { margin-top:    0; }
.lg-mr0 { margin-right:  0; }
.lg-mb0 { margin-bottom: 0; }
.lg-ml0 { margin-left:   0; }

.lg-m1  { margin:        var(--space-1); }
.lg-mt1 { margin-top:    var(--space-1); }
.lg-mr1 { margin-right:  var(--space-1); }
.lg-mb1 { margin-bottom: var(--space-1); }
.lg-ml1 { margin-left:   var(--space-1); }

.lg-m2  { margin:        var(--space-2); }
.lg-mt2 { margin-top:    var(--space-2); }
.lg-mr2 { margin-right:  var(--space-2); }
.lg-mb2 { margin-bottom: var(--space-2); }
.lg-ml2 { margin-left:   var(--space-2); }

.lg-m3  { margin:        var(--space-3); }
.lg-mt3 { margin-top:    var(--space-3); }
.lg-mr3 { margin-right:  var(--space-3); }
.lg-mb3 { margin-bottom: var(--space-3); }
.lg-ml3 { margin-left:   var(--space-3); }

.lg-m4  { margin:        var(--space-4); }
.lg-mt4 { margin-top:    var(--space-4); }
.lg-mr4 { margin-right:  var(--space-4); }
.lg-mb4 { margin-bottom: var(--space-4); }
.lg-ml4 { margin-left:   var(--space-4); }

.lg-m5  { margin:        var(--space-5); }
.lg-mt5 { margin-top:    var(--space-5); }
.lg-mr5 { margin-right:  var(--space-5); }
.lg-mb5 { margin-bottom: var(--space-5); }
.lg-ml5 { margin-left:   var(--space-5); }

.lg-m6  { margin:        var(--space-6); }
.lg-mt6 { margin-top:    var(--space-6); }
.lg-mr6 { margin-right:  var(--space-6); }
.lg-mb6 { margin-bottom: var(--space-6); }
.lg-ml6 { margin-left:   var(--space-6); }

.lg-m7  { margin:        var(--space-7); }
.lg-mt7 { margin-top:    var(--space-7); }
.lg-mr7 { margin-right:  var(--space-7); }
.lg-mb7 { margin-bottom: var(--space-7); }
.lg-ml7 { margin-left:   var(--space-7); }

.lg-m8  { margin:        var(--space-8); }
.lg-mt8 { margin-top:    var(--space-8); }
.lg-mr8 { margin-right:  var(--space-8); }
.lg-mb8 { margin-bottom: var(--space-8); }
.lg-ml8 { margin-left:   var(--space-8); }

.lg-m9  { margin:        var(--space-9); }
.lg-mt9 { margin-top:    var(--space-9); }
.lg-mr9 { margin-right:  var(--space-9); }
.lg-mb9 { margin-bottom: var(--space-9); }
.lg-ml9 { margin-left:   var(--space-9); }

.lg-m10  { margin:        var(--space-10); }
.lg-mt10 { margin-top:    var(--space-10); }
.lg-mr10 { margin-right:  var(--space-10); }
.lg-mb10 { margin-bottom: var(--space-10); }
.lg-ml10 { margin-left:   var(--space-10); }

.lg-m11  { margin:        var(--space-11); }
.lg-mt11 { margin-top:    var(--space-11); }
.lg-mr11 { margin-right:  var(--space-11); }
.lg-mb11 { margin-bottom: var(--space-11); }
.lg-ml11 { margin-left:   var(--space-11); }

.lg-m12  { margin:        var(--space-12); }
.lg-mt12 { margin-top:    var(--space-12); }
.lg-mr12 { margin-right:  var(--space-12); }
.lg-mb12 { margin-bottom: var(--space-12); }
.lg-ml12 { margin-left:   var(--space-12); }

.lg-m13  { margin:        var(--space-13); }
.lg-mt13 { margin-top:    var(--space-13); }
.lg-mr13 { margin-right:  var(--space-13); }
.lg-mb13 { margin-bottom: var(--space-13); }
.lg-ml13 { margin-left:   var(--space-13); }

.lg-m14  { margin:        var(--space-14); }
.lg-mt14 { margin-top:    var(--space-14); }
.lg-mr14 { margin-right:  var(--space-14); }
.lg-mb14 { margin-bottom: var(--space-14); }
.lg-ml14 { margin-left:   var(--space-14); }

.lg-m15  { margin:        var(--space-15); }
.lg-mt15 { margin-top:    var(--space-15); }
.lg-mr15 { margin-right:  var(--space-15); }
.lg-mb15 { margin-bottom: var(--space-15); }
.lg-ml15 { margin-left:   var(--space-15); }

.lg-m16  { margin:        var(--space-16); }
.lg-mt16 { margin-top:    var(--space-16); }
.lg-mr16 { margin-right:  var(--space-16); }
.lg-mb16 { margin-bottom: var(--space-16); }
.lg-ml16 { margin-left:   var(--space-16); }

.lg-m17  { margin:        var(--space-17); }
.lg-mt17 { margin-top:    var(--space-17); }
.lg-mr17 { margin-right:  var(--space-17); }
.lg-mb17 { margin-bottom: var(--space-17); }
.lg-ml17 { margin-left:   var(--space-17); }

.lg-m18  { margin:        var(--space-18); }
.lg-mt18 { margin-top:    var(--space-18); }
.lg-mr18 { margin-right:  var(--space-18); }
.lg-mb18 { margin-bottom: var(--space-18); }
.lg-ml18 { margin-left:   var(--space-18); }

.lg-m19  { margin:        var(--space-19); }
.lg-mt19 { margin-top:    var(--space-19); }
.lg-mr19 { margin-right:  var(--space-19); }
.lg-mb19 { margin-bottom: var(--space-19); }
.lg-ml19 { margin-left:   var(--space-19); }

.lg-mxn1 { margin-left: var(--space-minus-1); margin-right: var(--space-minus-1); }
.lg-mxn2 { margin-left: var(--space-minus-2); margin-right: var(--space-minus-2); }
.lg-mxn3 { margin-left: var(--space-minus-3); margin-right: var(--space-minus-3); }
.lg-mxn4 { margin-left: var(--space-minus-4); margin-right: var(--space-minus-4); }
.lg-mxn5 { margin-left: var(--space-minus-5); margin-right: var(--space-minus-5); }
.lg-mxn6 { margin-left: var(--space-minus-6); margin-right: var(--space-minus-6); }
.lg-mxn7 { margin-left: var(--space-minus-7); margin-right: var(--space-minus-7); }
.lg-mxn8 { margin-left: var(--space-minus-8); margin-right: var(--space-minus-8); }
.lg-mxn9 { margin-left: var(--space-minus-9); margin-right: var(--space-minus-9); }
.lg-mxn10 { margin-left: var(--space-minus-10); margin-right: var(--space-minus-10); }
.lg-mxn11 { margin-left: var(--space-minus-11); margin-right: var(--space-minus-11); }
.lg-mxn12 { margin-left: var(--space-minus-12); margin-right: var(--space-minus-12); }
.lg-mxn13 { margin-left: var(--space-minus-13); margin-right: var(--space-minus-13); }
.lg-mxn14 { margin-left: var(--space-minus-14); margin-right: var(--space-minus-14); }
.lg-mxn15 { margin-left: var(--space-minus-15); margin-right: var(--space-minus-15); }
.lg-mxn16 { margin-left: var(--space-minus-16); margin-right: var(--space-minus-16); }
.lg-mxn17 { margin-left: var(--space-minus-17); margin-right: var(--space-minus-17); }
.lg-mxn18 { margin-left: var(--space-minus-18); margin-right: var(--space-minus-18); }
.lg-mxn19 { margin-left: var(--space-minus-19); margin-right: var(--space-minus-19); }

.lg-mx-auto { margin-left: auto; margin-right: auto; }
}
@media (min-width:75em) {
.xlg-m0  { margin:        0; }
.xlg-mt0 { margin-top:    0; }
.xlg-mr0 { margin-right:  0; }
.xlg-mb0 { margin-bottom: 0; }
.xlg-ml0 { margin-left:   0; }

.xlg-m1  { margin:        var(--space-1); }
.xlg-mt1 { margin-top:    var(--space-1); }
.xlg-mr1 { margin-right:  var(--space-1); }
.xlg-mb1 { margin-bottom: var(--space-1); }
.xlg-ml1 { margin-left:   var(--space-1); }

.xlg-m2  { margin:        var(--space-2); }
.xlg-mt2 { margin-top:    var(--space-2); }
.xlg-mr2 { margin-right:  var(--space-2); }
.xlg-mb2 { margin-bottom: var(--space-2); }
.xlg-ml2 { margin-left:   var(--space-2); }

.xlg-m3  { margin:        var(--space-3); }
.xlg-mt3 { margin-top:    var(--space-3); }
.xlg-mr3 { margin-right:  var(--space-3); }
.xlg-mb3 { margin-bottom: var(--space-3); }
.xlg-ml3 { margin-left:   var(--space-3); }

.xlg-m4  { margin:        var(--space-4); }
.xlg-mt4 { margin-top:    var(--space-4); }
.xlg-mr4 { margin-right:  var(--space-4); }
.xlg-mb4 { margin-bottom: var(--space-4); }
.xlg-ml4 { margin-left:   var(--space-4); }

.xlg-m5  { margin:        var(--space-5); }
.xlg-mt5 { margin-top:    var(--space-5); }
.xlg-mr5 { margin-right:  var(--space-5); }
.xlg-mb5 { margin-bottom: var(--space-5); }
.xlg-ml5 { margin-left:   var(--space-5); }

.xlg-m6  { margin:        var(--space-6); }
.xlg-mt6 { margin-top:    var(--space-6); }
.xlg-mr6 { margin-right:  var(--space-6); }
.xlg-mb6 { margin-bottom: var(--space-6); }
.xlg-ml6 { margin-left:   var(--space-6); }

.xlg-m7  { margin:        var(--space-7); }
.xlg-mt7 { margin-top:    var(--space-7); }
.xlg-mr7 { margin-right:  var(--space-7); }
.xlg-mb7 { margin-bottom: var(--space-7); }
.xlg-ml7 { margin-left:   var(--space-7); }

.xlg-m8  { margin:        var(--space-8); }
.xlg-mt8 { margin-top:    var(--space-8); }
.xlg-mr8 { margin-right:  var(--space-8); }
.xlg-mb8 { margin-bottom: var(--space-8); }
.xlg-ml8 { margin-left:   var(--space-8); }

.xlg-m9  { margin:        var(--space-9); }
.xlg-mt9 { margin-top:    var(--space-9); }
.xlg-mr9 { margin-right:  var(--space-9); }
.xlg-mb9 { margin-bottom: var(--space-9); }
.xlg-ml9 { margin-left:   var(--space-9); }

.xlg-m10  { margin:        var(--space-10); }
.xlg-mt10 { margin-top:    var(--space-10); }
.xlg-mr10 { margin-right:  var(--space-10); }
.xlg-mb10 { margin-bottom: var(--space-10); }
.xlg-ml10 { margin-left:   var(--space-10); }

.xlg-m11  { margin:        var(--space-11); }
.xlg-mt11 { margin-top:    var(--space-11); }
.xlg-mr11 { margin-right:  var(--space-11); }
.xlg-mb11 { margin-bottom: var(--space-11); }
.xlg-ml11 { margin-left:   var(--space-11); }

.xlg-m12  { margin:        var(--space-12); }
.xlg-mt12 { margin-top:    var(--space-12); }
.xlg-mr12 { margin-right:  var(--space-12); }
.xlg-mb12 { margin-bottom: var(--space-12); }
.xlg-ml12 { margin-left:   var(--space-12); }

.xlg-m13  { margin:        var(--space-13); }
.xlg-mt13 { margin-top:    var(--space-13); }
.xlg-mr13 { margin-right:  var(--space-13); }
.xlg-mb13 { margin-bottom: var(--space-13); }
.xlg-ml13 { margin-left:   var(--space-13); }

.xlg-m14  { margin:        var(--space-14); }
.xlg-mt14 { margin-top:    var(--space-14); }
.xlg-mr14 { margin-right:  var(--space-14); }
.xlg-mb14 { margin-bottom: var(--space-14); }
.xlg-ml14 { margin-left:   var(--space-14); }

.xlg-m15  { margin:        var(--space-15); }
.xlg-mt15 { margin-top:    var(--space-15); }
.xlg-mr15 { margin-right:  var(--space-15); }
.xlg-mb15 { margin-bottom: var(--space-15); }
.xlg-ml15 { margin-left:   var(--space-15); }

.xlg-m16  { margin:        var(--space-16); }
.xlg-mt16 { margin-top:    var(--space-16); }
.xlg-mr16 { margin-right:  var(--space-16); }
.xlg-mb16 { margin-bottom: var(--space-16); }
.xlg-ml16 { margin-left:   var(--space-16); }

.xlg-m17  { margin:        var(--space-17); }
.xlg-mt17 { margin-top:    var(--space-17); }
.xlg-mr17 { margin-right:  var(--space-17); }
.xlg-mb17 { margin-bottom: var(--space-17); }
.xlg-ml17 { margin-left:   var(--space-17); }

.xlg-m18  { margin:        var(--space-18); }
.xlg-mt18 { margin-top:    var(--space-18); }
.xlg-mr18 { margin-right:  var(--space-18); }
.xlg-mb18 { margin-bottom: var(--space-18); }
.xlg-ml18 { margin-left:   var(--space-18); }

.xlg-m19  { margin:        var(--space-19); }
.xlg-mt19 { margin-top:    var(--space-19); }
.xlg-mr19 { margin-right:  var(--space-19); }
.xlg-mb19 { margin-bottom: var(--space-19); }
.xlg-ml19 { margin-left:   var(--space-19); }

.xlg-mxn1 { margin-left: var(--space-minus-1); margin-right: var(--space-minus-1); }
.xlg-mxn2 { margin-left: var(--space-minus-2); margin-right: var(--space-minus-2); }
.xlg-mxn3 { margin-left: var(--space-minus-3); margin-right: var(--space-minus-3); }
.xlg-mxn4 { margin-left: var(--space-minus-4); margin-right: var(--space-minus-4); }
.xlg-mxn5 { margin-left: var(--space-minus-5); margin-right: var(--space-minus-5); }
.xlg-mxn6 { margin-left: var(--space-minus-6); margin-right: var(--space-minus-6); }
.xlg-mxn7 { margin-left: var(--space-minus-7); margin-right: var(--space-minus-7); }
.xlg-mxn8 { margin-left: var(--space-minus-8); margin-right: var(--space-minus-8); }
.xlg-mxn9 { margin-left: var(--space-minus-9); margin-right: var(--space-minus-9); }
.xlg-mxn10 { margin-left: var(--space-minus-10); margin-right: var(--space-minus-10); }
.xlg-mxn11 { margin-left: var(--space-minus-11); margin-right: var(--space-minus-11); }
.xlg-mxn12 { margin-left: var(--space-minus-12); margin-right: var(--space-minus-12); }
.xlg-mxn13 { margin-left: var(--space-minus-13); margin-right: var(--space-minus-13); }
.xlg-mxn14 { margin-left: var(--space-minus-14); margin-right: var(--space-minus-14); }
.xlg-mxn15 { margin-left: var(--space-minus-15); margin-right: var(--space-minus-15); }
.xlg-mxn16 { margin-left: var(--space-minus-16); margin-right: var(--space-minus-16); }
.xlg-mxn17 { margin-left: var(--space-minus-17); margin-right: var(--space-minus-17); }
.xlg-mxn18 { margin-left: var(--space-minus-18); margin-right: var(--space-minus-18); }
.xlg-mxn19 { margin-left: var(--space-minus-19); margin-right: var(--space-minus-19); }

.xlg-mx-auto { margin-left: auto; margin-right: auto; }
}

/*--------------------

  Padding

--------------------*/

.p0 { padding: 0; }

.p1  { padding:       var(--space-1); }
.py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1); }
.px1 { padding-left:  var(--space-1); padding-right:  var(--space-1); }

.p2  { padding:       var(--space-2); }
.py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2); }
.px2 { padding-left:  var(--space-2); padding-right:  var(--space-2); }

.p3  { padding:       var(--space-3); }
.py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3); }
.px3 { padding-left:  var(--space-3); padding-right:  var(--space-3); }

.p4  { padding:       var(--space-4); }
.py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4); }
.px4 { padding-left:  var(--space-4); padding-right:  var(--space-4); }

.p5  { padding:       var(--space-5); }
.py5 { padding-top:   var(--space-5); padding-bottom: var(--space-5); }
.px5 { padding-left:  var(--space-5); padding-right:  var(--space-5); }

.p6  { padding:       var(--space-6); }
.py6 { padding-top:   var(--space-6); padding-bottom: var(--space-6); }
.px6 { padding-left:  var(--space-6); padding-right:  var(--space-6); }

.p7  { padding:       var(--space-7); }
.py7 { padding-top:   var(--space-7); padding-bottom: var(--space-7); }
.px7 { padding-left:  var(--space-7); padding-right:  var(--space-7); }

.p8  { padding:       var(--space-8); }
.py8 { padding-top:   var(--space-8); padding-bottom: var(--space-8); }
.px8 { padding-left:  var(--space-8); padding-right:  var(--space-8); }

.p9  { padding:       var(--space-9); }
.py9 { padding-top:   var(--space-9); padding-bottom: var(--space-9); }
.px9 { padding-left:  var(--space-9); padding-right:  var(--space-9); }

.p10  { padding:       var(--space-10); }
.py10 { padding-top:   var(--space-10); padding-bottom: var(--space-10); }
.px10 { padding-left:  var(--space-10); padding-right:  var(--space-10); }

.p11  { padding:       var(--space-11); }
.py11 { padding-top:   var(--space-11); padding-bottom: var(--space-11); }
.px11 { padding-left:  var(--space-11); padding-right:  var(--space-11); }

.p12  { padding:       var(--space-12); }
.py12 { padding-top:   var(--space-12); padding-bottom: var(--space-12); }
.px12 { padding-left:  var(--space-12); padding-right:  var(--space-12); }

.p13  { padding:       var(--space-13); }
.py13 { padding-top:   var(--space-13); padding-bottom: var(--space-13); }
.px13 { padding-left:  var(--space-13); padding-right:  var(--space-13); }

.p14  { padding:       var(--space-14); }
.py14 { padding-top:   var(--space-14); padding-bottom: var(--space-14); }
.px14 { padding-left:  var(--space-14); padding-right:  var(--space-14); }

.p15  { padding:       var(--space-15); }
.py15 { padding-top:   var(--space-15); padding-bottom: var(--space-15); }
.px15 { padding-left:  var(--space-15); padding-right:  var(--space-15); }

.p16  { padding:       var(--space-16); }
.py16 { padding-top:   var(--space-16); padding-bottom: var(--space-16); }
.px16 { padding-left:  var(--space-16); padding-right:  var(--space-16); }

.p17  { padding:       var(--space-17); }
.py17 { padding-top:   var(--space-17); padding-bottom: var(--space-17); }
.px17 { padding-left:  var(--space-17); padding-right:  var(--space-17); }

.p18  { padding:       var(--space-18); }
.py18 { padding-top:   var(--space-18); padding-bottom: var(--space-18); }
.px18 { padding-left:  var(--space-18); padding-right:  var(--space-18); }

.p19  { padding:       var(--space-19); }
.py19 { padding-top:   var(--space-19); padding-bottom: var(--space-19); }
.px19 { padding-left:  var(--space-19); padding-right:  var(--space-19); }

.pt0 { padding-top:    0; }
.pr0 { padding-right:  0; }
.pb0 { padding-bottom: 0; }
.pl0 { padding-left:   0; }

.pt1 { padding-top:    var(--space-1); }
.pr1 { padding-right:  var(--space-1); }
.pb1 { padding-bottom: var(--space-1); }
.pl1 { padding-left:   var(--space-1); }

.pt2 { padding-top:    var(--space-2); }
.pr2 { padding-right:  var(--space-2); }
.pb2 { padding-bottom: var(--space-2); }
.pl2 { padding-left:   var(--space-2); }

.pt3 { padding-top:    var(--space-3); }
.pr3 { padding-right:  var(--space-3); }
.pb3 { padding-bottom: var(--space-3); }
.pl3 { padding-left:   var(--space-3); }

.pt4 { padding-top:    var(--space-4); }
.pr4 { padding-right:  var(--space-4); }
.pb4 { padding-bottom: var(--space-4); }
.pl4 { padding-left:   var(--space-4); }

.pt5 { padding-top:    var(--space-5); }
.pr5 { padding-right:  var(--space-5); }
.pb5 { padding-bottom: var(--space-5); }
.pl5 { padding-left:   var(--space-5); }

.pt6 { padding-top:    var(--space-6); }
.pr6 { padding-right:  var(--space-6); }
.pb6 { padding-bottom: var(--space-6); }
.pl6 { padding-left:   var(--space-6); }

.pt7 { padding-top:    var(--space-7); }
.pr7 { padding-right:  var(--space-7); }
.pb7 { padding-bottom: var(--space-7); }
.pl7 { padding-left:   var(--space-7); }

.pt8 { padding-top:    var(--space-8); }
.pr8 { padding-right:  var(--space-8); }
.pb8 { padding-bottom: var(--space-8); }
.pl8 { padding-left:   var(--space-8); }

.pt9 { padding-top:    var(--space-9); }
.pr9 { padding-right:  var(--space-9); }
.pb9 { padding-bottom: var(--space-9); }
.pl9 { padding-left:   var(--space-9); }

.pt10 { padding-top:    var(--space-10); }
.pr10 { padding-right:  var(--space-10); }
.pb10 { padding-bottom: var(--space-10); }
.pl10 { padding-left:   var(--space-10); }

.pt11 { padding-top:    var(--space-11); }
.pr11 { padding-right:  var(--space-11); }
.pb11 { padding-bottom: var(--space-11); }
.pl11 { padding-left:   var(--space-11); }

.pt12 { padding-top:    var(--space-12); }
.pr12 { padding-right:  var(--space-12); }
.pb12 { padding-bottom: var(--space-12); }
.pl12 { padding-left:   var(--space-12); }

.pt13 { padding-top:    var(--space-13); }
.pr13 { padding-right:  var(--space-13); }
.pb13 { padding-bottom: var(--space-13); }
.pl13 { padding-left:   var(--space-13); }

.pt14 { padding-top:    var(--space-14); }
.pr14 { padding-right:  var(--space-14); }
.pb14 { padding-bottom: var(--space-14); }
.pl14 { padding-left:   var(--space-14); }

.pt15 { padding-top:    var(--space-15); }
.pr15 { padding-right:  var(--space-15); }
.pb15 { padding-bottom: var(--space-15); }
.pl15 { padding-left:   var(--space-15); }

.pt16 { padding-top:    var(--space-16); }
.pr16 { padding-right:  var(--space-16); }
.pb16 { padding-bottom: var(--space-16); }
.pl16 { padding-left:   var(--space-16); }

.pt17 { padding-top:    var(--space-17); }
.pr17 { padding-right:  var(--space-17); }
.pb17 { padding-bottom: var(--space-17); }
.pl17 { padding-left:   var(--space-17); }

.pt18 { padding-top:    var(--space-18); }
.pr18 { padding-right:  var(--space-18); }
.pb18 { padding-bottom: var(--space-18); }
.pl18 { padding-left:   var(--space-18); }

.pt19 { padding-top:    var(--space-19); }
.pr19 { padding-right:  var(--space-19); }
.pb19 { padding-bottom: var(--space-19); }
.pl19 { padding-left:   var(--space-19); }

@media (min-width: 30em) {
.sm-p0 { padding: 0; }

.sm-p1  { padding:       var(--space-1); }
.sm-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1); }
.sm-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1); }

.sm-p2  { padding:       var(--space-2); }
.sm-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2); }
.sm-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2); }

.sm-p3  { padding:       var(--space-3); }
.sm-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3); }
.sm-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3); }

.sm-p4  { padding:       var(--space-4); }
.sm-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4); }
.sm-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4); }

.sm-p5  { padding:       var(--space-5); }
.sm-py5 { padding-top:   var(--space-5); padding-bottom: var(--space-5); }
.sm-px5 { padding-left:  var(--space-5); padding-right:  var(--space-5); }

.sm-p6  { padding:       var(--space-6); }
.sm-py6 { padding-top:   var(--space-6); padding-bottom: var(--space-6); }
.sm-px6 { padding-left:  var(--space-6); padding-right:  var(--space-6); }

.sm-p7  { padding:       var(--space-7); }
.sm-py7 { padding-top:   var(--space-7); padding-bottom: var(--space-7); }
.psm-x7 { padding-left:  var(--space-7); padding-right:  var(--space-7); }

.sm-p8  { padding:       var(--space-8); }
.sm-py8 { padding-top:   var(--space-8); padding-bottom: var(--space-8); }
.sm-px8 { padding-left:  var(--space-8); padding-right:  var(--space-8); }

.sm-p9  { padding:       var(--space-9); }
.sm-py9 { padding-top:   var(--space-9); padding-bottom: var(--space-9); }
.sm-px9 { padding-left:  var(--space-9); padding-right:  var(--space-9); }

.sm-p10  { padding:       var(--space-10); }
.sm-py10 { padding-top:   var(--space-10); padding-bottom: var(--space-10); }
.sm-px10 { padding-left:  var(--space-10); padding-right:  var(--space-10); }

.sm-p11  { padding:       var(--space-11); }
.sm-py11 { padding-top:   var(--space-11); padding-bottom: var(--space-11); }
.sm-px11 { padding-left:  var(--space-11); padding-right:  var(--space-11); }

.sm-p12  { padding:       var(--space-12); }
.sm-py12 { padding-top:   var(--space-12); padding-bottom: var(--space-12); }
.sm-px12 { padding-left:  var(--space-12); padding-right:  var(--space-12); }

.sm-p13  { padding:       var(--space-13); }
.sm-py13 { padding-top:   var(--space-13); padding-bottom: var(--space-13); }
.sm-px13 { padding-left:  var(--space-13); padding-right:  var(--space-13); }

.sm-p14  { padding:       var(--space-14); }
.sm-py14 { padding-top:   var(--space-14); padding-bottom: var(--space-14); }
.sm-px14 { padding-left:  var(--space-14); padding-right:  var(--space-14); }

.sm-p15  { padding:       var(--space-15); }
.sm-py15 { padding-top:   var(--space-15); padding-bottom: var(--space-15); }
.sm-px15 { padding-left:  var(--space-15); padding-right:  var(--space-15); }

.sm-p16  { padding:       var(--space-16); }
.sm-py16 { padding-top:   var(--space-16); padding-bottom: var(--space-16); }
.sm-px16 { padding-left:  var(--space-16); padding-right:  var(--space-16); }

.sm-p17  { padding:       var(--space-17); }
.sm-py17 { padding-top:   var(--space-17); padding-bottom: var(--space-17); }
.sm-px17 { padding-left:  var(--space-17); padding-right:  var(--space-17); }

.sm-p18  { padding:       var(--space-18); }
.sm-py18 { padding-top:   var(--space-18); padding-bottom: var(--space-18); }
.sm-px18 { padding-left:  var(--space-18); padding-right:  var(--space-18); }

.sm-p19  { padding:       var(--space-19); }
.sm-py19 { padding-top:   var(--space-19); padding-bottom: var(--space-19); }
.sm-px19 { padding-left:  var(--space-19); padding-right:  var(--space-19); }

.sm-pt0 { padding-top:    0; }
.sm-pr0 { padding-right:  0; }
.sm-pb0 { padding-bottom: 0; }
.sm-pl0 { padding-left:   0; }

.sm-pt1 { padding-top:    var(--space-1); }
.sm-pr1 { padding-right:  var(--space-1); }
.sm-pb1 { padding-bottom: var(--space-1); }
.sm-pl1 { padding-left:   var(--space-1); }

.sm-pt2 { padding-top:    var(--space-2); }
.sm-pr2 { padding-right:  var(--space-2); }
.sm-pb2 { padding-bottom: var(--space-2); }
.sm-pl2 { padding-left:   var(--space-2); }

.sm-pt3 { padding-top:    var(--space-3); }
.sm-pr3 { padding-right:  var(--space-3); }
.sm-pb3 { padding-bottom: var(--space-3); }
.sm-pl3 { padding-left:   var(--space-3); }

.sm-pt4 { padding-top:    var(--space-4); }
.sm-pr4 { padding-right:  var(--space-4); }
.sm-pb4 { padding-bottom: var(--space-4); }
.sm-pl4 { padding-left:   var(--space-4); }

.sm-pt5 { padding-top:    var(--space-5); }
.sm-pr5 { padding-right:  var(--space-5); }
.sm-pb5 { padding-bottom: var(--space-5); }
.sm-pl5 { padding-left:   var(--space-5); }

.sm-pt6 { padding-top:    var(--space-6); }
.sm-pr6 { padding-right:  var(--space-6); }
.sm-pb6 { padding-bottom: var(--space-6); }
.sm-pl6 { padding-left:   var(--space-6); }

.sm-pt7 { padding-top:    var(--space-7); }
.sm-pr7 { padding-right:  var(--space-7); }
.sm-pb7 { padding-bottom: var(--space-7); }
.sm-pl7 { padding-left:   var(--space-7); }

.sm-pt8 { padding-top:    var(--space-8); }
.sm-pr8 { padding-right:  var(--space-8); }
.sm-pb8 { padding-bottom: var(--space-8); }
.sm-pl8 { padding-left:   var(--space-8); }

.sm-pt9 { padding-top:    var(--space-9); }
.sm-pr9 { padding-right:  var(--space-9); }
.sm-pb9 { padding-bottom: var(--space-9); }
.sm-pl9 { padding-left:   var(--space-9); }

.sm-pt10 { padding-top:    var(--space-10); }
.sm-pr10 { padding-right:  var(--space-10); }
.sm-pb10 { padding-bottom: var(--space-10); }
.sm-pl10 { padding-left:   var(--space-10); }

.sm-pt11 { padding-top:    var(--space-11); }
.sm-pr11 { padding-right:  var(--space-11); }
.sm-pb11 { padding-bottom: var(--space-11); }
.sm-pl11 { padding-left:   var(--space-11); }

.sm-pt12 { padding-top:    var(--space-12); }
.sm-pr12 { padding-right:  var(--space-12); }
.sm-pb12 { padding-bottom: var(--space-12); }
.sm-pl12 { padding-left:   var(--space-12); }

.sm-pt13 { padding-top:    var(--space-13); }
.sm-pr13 { padding-right:  var(--space-13); }
.sm-pb13 { padding-bottom: var(--space-13); }
.sm-pl13 { padding-left:   var(--space-13); }

.sm-pt14 { padding-top:    var(--space-14); }
.sm-pr14 { padding-right:  var(--space-14); }
.sm-pb14 { padding-bottom: var(--space-14); }
.sm-pl14 { padding-left:   var(--space-14); }

.sm-pt15 { padding-top:    var(--space-15); }
.sm-pr15 { padding-right:  var(--space-15); }
.sm-pb15 { padding-bottom: var(--space-15); }
.sm-pl15 { padding-left:   var(--space-15); }

.sm-pt16 { padding-top:    var(--space-16); }
.sm-pr16 { padding-right:  var(--space-16); }
.sm-pb16 { padding-bottom: var(--space-16); }
.sm-pl16 { padding-left:   var(--space-16); }

.sm-pt17 { padding-top:    var(--space-17); }
.sm-pr17 { padding-right:  var(--space-17); }
.sm-pb17 { padding-bottom: var(--space-17); }
.sm-pl17 { padding-left:   var(--space-17); }

.sm-pt18 { padding-top:    var(--space-18); }
.sm-pr18 { padding-right:  var(--space-18); }
.sm-pb18 { padding-bottom: var(--space-18); }
.sm-pl18 { padding-left:   var(--space-18); }

.sm-pt19 { padding-top:    var(--space-19); }
.sm-pr19 { padding-right:  var(--space-19); }
.sm-pb19 { padding-bottom: var(--space-19); }
.sm-pl19 { padding-left:   var(--space-19); }
}
@media (min-width:48em) {
.md-p0 { padding: 0; }

.md-p1  { padding:       var(--space-1); }
.md-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1); }
.md-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1); }

.md-p2  { padding:       var(--space-2); }
.md-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2); }
.md-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2); }

.md-p3  { padding:       var(--space-3); }
.md-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3); }
.md-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3); }

.md-p4  { padding:       var(--space-4); }
.md-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4); }
.md-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4); }

.md-p5  { padding:       var(--space-5); }
.md-py5 { padding-top:   var(--space-5); padding-bottom: var(--space-5); }
.md-px5 { padding-left:  var(--space-5); padding-right:  var(--space-5); }

.md-p6  { padding:       var(--space-6); }
.md-py6 { padding-top:   var(--space-6); padding-bottom: var(--space-6); }
.md-px6 { padding-left:  var(--space-6); padding-right:  var(--space-6); }

.md-p7  { padding:       var(--space-7); }
.md-py7 { padding-top:   var(--space-7); padding-bottom: var(--space-7); }
.md-px7 { padding-left:  var(--space-7); padding-right:  var(--space-7); }

.md-p8  { padding:       var(--space-8); }
.md-py8 { padding-top:   var(--space-8); padding-bottom: var(--space-8); }
.md-px8 { padding-left:  var(--space-8); padding-right:  var(--space-8); }

.md-p9  { padding:       var(--space-9); }
.md-py9 { padding-top:   var(--space-9); padding-bottom: var(--space-9); }
.md-px9 { padding-left:  var(--space-9); padding-right:  var(--space-9); }

.md-p10  { padding:       var(--space-10); }
.md-py10 { padding-top:   var(--space-10); padding-bottom: var(--space-10); }
.md-px10 { padding-left:  var(--space-10); padding-right:  var(--space-10); }

.md-p11  { padding:       var(--space-11); }
.md-py11 { padding-top:   var(--space-11); padding-bottom: var(--space-11); }
.md-px11 { padding-left:  var(--space-11); padding-right:  var(--space-11); }

.md-p12  { padding:       var(--space-12); }
.md-py12 { padding-top:   var(--space-12); padding-bottom: var(--space-12); }
.md-px12 { padding-left:  var(--space-12); padding-right:  var(--space-12); }

.md-p13  { padding:       var(--space-13); }
.md-y13 { padding-top:    var(--space-13); padding-bottom: var(--space-13); }
.md-px13 { padding-left:  var(--space-13); padding-right:  var(--space-13); }

.md-p14  { padding:       var(--space-14); }
.md-py14 { padding-top:   var(--space-14); padding-bottom: var(--space-14); }
.md-px14 { padding-left:  var(--space-14); padding-right:  var(--space-14); }

.md-p15  { padding:       var(--space-15); }
.md-py15 { padding-top:   var(--space-15); padding-bottom: var(--space-15); }
.md-px15 { padding-left:  var(--space-15); padding-right:  var(--space-15); }

.md-p16  { padding:       var(--space-16); }
.md-py16 { padding-top:   var(--space-16); padding-bottom: var(--space-16); }
.md-px16 { padding-left:  var(--space-16); padding-right:  var(--space-16); }

.md-p17  { padding:       var(--space-17); }
.md-py17 { padding-top:   var(--space-17); padding-bottom: var(--space-17); }
.md-px17 { padding-left:  var(--space-17); padding-right:  var(--space-17); }

.md-p18  { padding:       var(--space-18); }
.md-py18 { padding-top:   var(--space-18); padding-bottom: var(--space-18); }
.md-px18 { padding-left:  var(--space-18); padding-right:  var(--space-18); }

.md-p19  { padding:       var(--space-19); }
.md-py19 { padding-top:   var(--space-19); padding-bottom: var(--space-19); }
.md-px19 { padding-left:  var(--space-19); padding-right:  var(--space-19); }

.md-pt0 { padding-top:    0; }
.md-pr0 { padding-right:  0; }
.md-pb0 { padding-bottom: 0; }
.md-pl0 { padding-left:   0; }

.md-pt1 { padding-top:    var(--space-1); }
.md-pr1 { padding-right:  var(--space-1); }
.md-pb1 { padding-bottom: var(--space-1); }
.md-pl1 { padding-left:   var(--space-1); }

.md-pt2 { padding-top:    var(--space-2); }
.md-pr2 { padding-right:  var(--space-2); }
.md-pb2 { padding-bottom: var(--space-2); }
.md-pl2 { padding-left:   var(--space-2); }

.md-pt3 { padding-top:    var(--space-3); }
.md-pr3 { padding-right:  var(--space-3); }
.md-pb3 { padding-bottom: var(--space-3); }
.md-pl3 { padding-left:   var(--space-3); }

.md-pt4 { padding-top:    var(--space-4); }
.md-pr4 { padding-right:  var(--space-4); }
.md-pb4 { padding-bottom: var(--space-4); }
.md-pl4 { padding-left:   var(--space-4); }

.md-pt5 { padding-top:    var(--space-5); }
.md-pr5 { padding-right:  var(--space-5); }
.md-pb5 { padding-bottom: var(--space-5); }
.md-pl5 { padding-left:   var(--space-5); }

.md-pt6 { padding-top:    var(--space-6); }
.md-pr6 { padding-right:  var(--space-6); }
.md-pb6 { padding-bottom: var(--space-6); }
.md-pl6 { padding-left:   var(--space-6); }

.md-pt7 { padding-top:    var(--space-7); }
.md-pr7 { padding-right:  var(--space-7); }
.md-pb7 { padding-bottom: var(--space-7); }
.md-pl7 { padding-left:   var(--space-7); }

.md-pt8 { padding-top:    var(--space-8); }
.md-pr8 { padding-right:  var(--space-8); }
.md-pb8 { padding-bottom: var(--space-8); }
.md-pl8 { padding-left:   var(--space-8); }

.md-pt9 { padding-top:    var(--space-9); }
.md-pr9 { padding-right:  var(--space-9); }
.md-pb9 { padding-bottom: var(--space-9); }
.md-pl9 { padding-left:   var(--space-9); }

.md-pt10 { padding-top:    var(--space-10); }
.md-pr10 { padding-right:  var(--space-10); }
.md-pb10 { padding-bottom: var(--space-10); }
.md-pl10 { padding-left:   var(--space-10); }

.md-pt11 { padding-top:    var(--space-11); }
.md-pr11 { padding-right:  var(--space-11); }
.md-pb11 { padding-bottom: var(--space-11); }
.md-pl11 { padding-left:   var(--space-11); }

.md-pt12 { padding-top:    var(--space-12); }
.md-pr12 { padding-right:  var(--space-12); }
.md-pb12 { padding-bottom: var(--space-12); }
.md-pl12 { padding-left:   var(--space-12); }

.md-pt13 { padding-top:    var(--space-13); }
.md-pr13 { padding-right:  var(--space-13); }
.md-pb13 { padding-bottom: var(--space-13); }
.md-pl13 { padding-left:   var(--space-13); }

.md-pt14 { padding-top:    var(--space-14); }
.md-pr14 { padding-right:  var(--space-14); }
.md-pb14 { padding-bottom: var(--space-14); }
.md-pl14 { padding-left:   var(--space-14); }

.md-pt15 { padding-top:    var(--space-15); }
.md-pr15 { padding-right:  var(--space-15); }
.md-pb15 { padding-bottom: var(--space-15); }
.md-pl15 { padding-left:   var(--space-15); }

.md-pt16 { padding-top:    var(--space-16); }
.md-pr16 { padding-right:  var(--space-16); }
.md-pb16 { padding-bottom: var(--space-16); }
.md-pl16 { padding-left:   var(--space-16); }

.md-pt17 { padding-top:    var(--space-17); }
.md-pr17 { padding-right:  var(--space-17); }
.md-pb17 { padding-bottom: var(--space-17); }
.md-pl17 { padding-left:   var(--space-17); }

.md-pt18 { padding-top:    var(--space-18); }
.md-pr18 { padding-right:  var(--space-18); }
.md-pb18 { padding-bottom: var(--space-18); }
.md-pl18 { padding-left:   var(--space-18); }

.md-pt19 { padding-top:    var(--space-19); }
.md-pr19 { padding-right:  var(--space-19); }
.md-pb19 { padding-bottom: var(--space-19); }
.md-pl19 { padding-left:   var(--space-19); }
}
@media (min-width:64em) {
.lg-p0 { padding: 0; }

.lg-p1  { padding:       var(--space-1); }
.lg-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1); }
.lg-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1); }

.lg-p2  { padding:       var(--space-2); }
.lg-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2); }
.lg-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2); }

.lg-p3  { padding:       var(--space-3); }
.lg-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3); }
.lg-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3); }

.lg-p4  { padding:       var(--space-4); }
.lg-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4); }
.lg-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4); }

.lg-p5  { padding:       var(--space-5); }
.lg-py5 { padding-top:   var(--space-5); padding-bottom: var(--space-5); }
.lg-px5 { padding-left:  var(--space-5); padding-right:  var(--space-5); }

.lg-p6  { padding:       var(--space-6); }
.lg-py6 { padding-top:   var(--space-6); padding-bottom: var(--space-6); }
.lg-px6 { padding-left:  var(--space-6); padding-right:  var(--space-6); }

.lg-p7  { padding:       var(--space-7); }
.lg-py7 { padding-top:   var(--space-7); padding-bottom: var(--space-7); }
.lg-px7 { padding-left:  var(--space-7); padding-right:  var(--space-7); }

.lg-p8  { padding:       var(--space-8); }
.lg-py8 { padding-top:   var(--space-8); padding-bottom: var(--space-8); }
.lg-px8 { padding-left:  var(--space-8); padding-right:  var(--space-8); }

.lg-p9  { padding:       var(--space-9); }
.lg-py9 { padding-top:   var(--space-9); padding-bottom: var(--space-9); }
.lg-px9 { padding-left:  var(--space-9); padding-right:  var(--space-9); }

.lg-p10  { padding:       var(--space-10); }
.lg-py10 { padding-top:   var(--space-10); padding-bottom: var(--space-10); }
.lg-px10 { padding-left:  var(--space-10); padding-right:  var(--space-10); }

.lg-p11  { padding:       var(--space-11); }
.lg-py11 { padding-top:   var(--space-11); padding-bottom: var(--space-11); }
.lg-px11 { padding-left:  var(--space-11); padding-right:  var(--space-11); }

.lg-p12  { padding:       var(--space-12); }
.lg-py12 { padding-top:   var(--space-12); padding-bottom: var(--space-12); }
.lg-px12 { padding-left:  var(--space-12); padding-right:  var(--space-12); }

.lg-p13  { padding:       var(--space-13); }
.lg-py13 { padding-top:   var(--space-13); padding-bottom: var(--space-13); }
.lg-px13 { padding-left:  var(--space-13); padding-right:  var(--space-13); }

.lg-p14  { padding:       var(--space-14); }
.lg-py14 { padding-top:   var(--space-14); padding-bottom: var(--space-14); }
.lg-px14 { padding-left:  var(--space-14); padding-right:  var(--space-14); }

.lg-p15  { padding:       var(--space-15); }
.lg-py15 { padding-top:   var(--space-15); padding-bottom: var(--space-15); }
.lg-px15 { padding-left:  var(--space-15); padding-right:  var(--space-15); }

.lg-p16  { padding:       var(--space-16); }
.lg-py16 { padding-top:   var(--space-16); padding-bottom: var(--space-16); }
.lg-px16 { padding-left:  var(--space-16); padding-right:  var(--space-16); }

.lg-p17  { padding:       var(--space-17); }
.lg-py17 { padding-top:   var(--space-17); padding-bottom: var(--space-17); }
.lg-px17 { padding-left:  var(--space-17); padding-right:  var(--space-17); }

.lg-p18  { padding:       var(--space-18); }
.lg-py18 { padding-top:   var(--space-18); padding-bottom: var(--space-18); }
.lg-px18 { padding-left:  var(--space-18); padding-right:  var(--space-180); }

.lg-p19  { padding:       var(--space-19); }
.lg-py19 { padding-top:   var(--space-19); padding-bottom: var(--space-19); }
.lg-px19 { padding-left:  var(--space-19); padding-right:  var(--space-19); }

.lg-pt0 { padding-top:    0; }
.lg-pr0 { padding-right:  0; }
.lg-pb0 { padding-bottom: 0; }
.lg-pl0 { padding-left:   0; }

.lg-pt1 { padding-top:    var(--space-1); }
.lg-pr1 { padding-right:  var(--space-1); }
.lg-pb1 { padding-bottom: var(--space-1); }
.lg-pl1 { padding-left:   var(--space-1); }

.lg-pt2 { padding-top:    var(--space-2); }
.lg-pr2 { padding-right:  var(--space-2); }
.lg-pb2 { padding-bottom: var(--space-2); }
.lg-pl2 { padding-left:   var(--space-2); }

.lg-pt3 { padding-top:    var(--space-3); }
.lg-pr3 { padding-right:  var(--space-3); }
.lg-pb3 { padding-bottom: var(--space-3); }
.lg-pl3 { padding-left:   var(--space-3); }

.lg-pt4 { padding-top:    var(--space-4); }
.lg-pr4 { padding-right:  var(--space-4); }
.lg-pb4 { padding-bottom: var(--space-4); }
.lg-pl4 { padding-left:   var(--space-4); }

.lg-pt5 { padding-top:    var(--space-5); }
.lg-pr5 { padding-right:  var(--space-5); }
.lg-pb5 { padding-bottom: var(--space-5); }
.lg-pl5 { padding-left:   var(--space-5); }

.lg-pt6 { padding-top:    var(--space-6); }
.lg-pr6 { padding-right:  var(--space-6); }
.lg-pb6 { padding-bottom: var(--space-6); }
.lg-pl6 { padding-left:   var(--space-6); }

.lg-pt7 { padding-top:    var(--space-7); }
.lg-pr7 { padding-right:  var(--space-7); }
.lg-pb7 { padding-bottom: var(--space-7); }
.lg-pl7 { padding-left:   var(--space-7); }

.lg-pt8 { padding-top:    var(--space-8); }
.lg-pr8 { padding-right:  var(--space-8); }
.lg-pb8 { padding-bottom: var(--space-8); }
.lg-pl8 { padding-left:   var(--space-8); }

.lg-pt9 { padding-top:    var(--space-9); }
.lg-pr9 { padding-right:  var(--space-9); }
.lg-pb9 { padding-bottom: var(--space-9); }
.lg-pl9 { padding-left:   var(--space-9); }

.lg-pt10 { padding-top:    var(--space-10); }
.lg-pr10 { padding-right:  var(--space-10); }
.lg-pb10 { padding-bottom: var(--space-10); }
.lg-pl10 { padding-left:   var(--space-10); }

.lg-pt11 { padding-top:    var(--space-11); }
.lg-pr11 { padding-right:  var(--space-11); }
.lg-pb11 { padding-bottom: var(--space-11); }
.lg-pl11 { padding-left:   var(--space-11); }

.lg-pt12 { padding-top:    var(--space-12); }
.lg-pr12 { padding-right:  var(--space-12); }
.lg-pb12 { padding-bottom: var(--space-12); }
.lg-pl12 { padding-left:   var(--space-12); }

.lg-pt13 { padding-top:    var(--space-13); }
.lg-pr13 { padding-right:  var(--space-13); }
.lg-pb13 { padding-bottom: var(--space-13); }
.lg-pl13 { padding-left:   var(--space-13); }

.lg-pt14 { padding-top:    var(--space-14); }
.lg-pr14 { padding-right:  var(--space-14); }
.lg-pb14 { padding-bottom: var(--space-14); }
.lg-pl14 { padding-left:   var(--space-14); }

.lg-pt15 { padding-top:    var(--space-15); }
.lg-pr15 { padding-right:  var(--space-15); }
.lg-pb15 { padding-bottom: var(--space-15); }
.lg-pl15 { padding-left:   var(--space-15); }

.lg-pt16 { padding-top:    var(--space-16); }
.lg-pr16 { padding-right:  var(--space-16); }
.lg-pb16 { padding-bottom: var(--space-16); }
.lg-pl16 { padding-left:   var(--space-16); }

.lg-pt17 { padding-top:    var(--space-17); }
.lg-pr17 { padding-right:  var(--space-17); }
.lg-pb17 { padding-bottom: var(--space-17); }
.lg-pl17 { padding-left:   var(--space-17); }

.lg-pt18 { padding-top:    var(--space-18); }
.lg-pr18 { padding-right:  var(--space-18); }
.lg-pb18 { padding-bottom: var(--space-18); }
.lg-pl18 { padding-left:   var(--space-18); }

.lg-pt19 { padding-top:    var(--space-19); }
.lg-pr19 { padding-right:  var(--space-19); }
.lg-pb19 { padding-bottom: var(--space-19); }
.lg-pl19 { padding-left:   var(--space-19); }
}
@media (min-width:75em) {
.xlg-p0 { padding: 0; }

.xlg-p1  { padding:       var(--space-1); }
.xlg-py1 { padding-top:   var(--space-1); padding-bottom: var(--space-1); }
.xlg-px1 { padding-left:  var(--space-1); padding-right:  var(--space-1); }

.xlg-p2  { padding:       var(--space-2); }
.xlg-py2 { padding-top:   var(--space-2); padding-bottom: var(--space-2); }
.xlg-px2 { padding-left:  var(--space-2); padding-right:  var(--space-2); }

.xlg-p3  { padding:       var(--space-3); }
.xlg-py3 { padding-top:   var(--space-3); padding-bottom: var(--space-3); }
.xlg-px3 { padding-left:  var(--space-3); padding-right:  var(--space-3); }

.xlg-p4  { padding:       var(--space-4); }
.xlg-py4 { padding-top:   var(--space-4); padding-bottom: var(--space-4); }
.xlg-px4 { padding-left:  var(--space-4); padding-right:  var(--space-4); }

.xlg-p5  { padding:       var(--space-5); }
.xlg-py5 { padding-top:   var(--space-5); padding-bottom: var(--space-5); }
.xlg-px5 { padding-left:  var(--space-5); padding-right:  var(--space-5); }

.xlg-p6  { padding:       var(--space-6); }
.xlg-py6 { padding-top:   var(--space-6); padding-bottom: var(--space-6); }
.xlg-px6 { padding-left:  var(--space-6); padding-right:  var(--space-6); }

.xlg-p7  { padding:       var(--space-7); }
.xlg-py7 { padding-top:   var(--space-7); padding-bottom: var(--space-7); }
.xlg-px7 { padding-left:  var(--space-7); padding-right:  var(--space-7); }

.xlg-p8  { padding:       var(--space-8); }
.xlg-py8 { padding-top:   var(--space-8); padding-bottom: var(--space-8); }
.xlg-px8 { padding-left:  var(--space-8); padding-right:  var(--space-8); }

.xlg-p9  { padding:       var(--space-9); }
.xlg-py9 { padding-top:   var(--space-9); padding-bottom: var(--space-9); }
.xlg-px9 { padding-left:  var(--space-9); padding-right:  var(--space-9); }

.xlg-p10  { padding:       var(--space-10); }
.xlg-py10 { padding-top:   var(--space-10); padding-bottom: var(--space-10); }
.xlg-px10 { padding-left:  var(--space-10); padding-right:  var(--space-10); }

.xlg-p11  { padding:       var(--space-11); }
.xlg-py11 { padding-top:   var(--space-11); padding-bottom: var(--space-11); }
.xlg-px11 { padding-left:  var(--space-11); padding-right:  var(--space-11); }

.xlg-p12  { padding:       var(--space-12); }
.xlg-py12 { padding-top:   var(--space-12); padding-bottom: var(--space-12); }
.xlg-px12 { padding-left:  var(--space-12); padding-right:  var(--space-12); }

.xlg-p13  { padding:       var(--space-13); }
.xlg-py13 { padding-top:   var(--space-13); padding-bottom: var(--space-13); }
.xlg-px13 { padding-left:  var(--space-13); padding-right:  var(--space-13); }

.xlg-p14  { padding:       var(--space-14); }
.xlg-py14 { padding-top:   var(--space-14); padding-bottom: var(--space-14); }
.xlg-px14 { padding-left:  var(--space-14); padding-right:  var(--space-14); }

.xlg-p15  { padding:       var(--space-15); }
.xlg-py15 { padding-top:   var(--space-15); padding-bottom: var(--space-15); }
.xlg-px15 { padding-left:  var(--space-15); padding-right:  var(--space-15); }

.xlg-p16  { padding:       var(--space-16); }
.xlg-py16 { padding-top:   var(--space-16); padding-bottom: var(--space-16); }
.xlg-px16 { padding-left:  var(--space-16); padding-right:  var(--space-16); }

.xlg-p17  { padding:       var(--space-17); }
.xlg-py17 { padding-top:   var(--space-17); padding-bottom: var(--space-17); }
.xlg-px17 { padding-left:  var(--space-17); padding-right:  var(--space-17); }

.xlg-p18  { padding:       var(--space-18); }
.xlg-py18 { padding-top:   var(--space-18); padding-bottom: var(--space-18); }
.xlg-px18 { padding-left:  var(--space-18); padding-right:  var(--space-18); }

.xlg-p19  { padding:       var(--space-19); }
.xlg-py19 { padding-top:   var(--space-19); padding-bottom: var(--space-19); }
.xlg-px19 { padding-left:  var(--space-19); padding-right:  var(--space-19); }

.xlg-pt0 { padding-top:    0; }
.xlg-pr0 { padding-right:  0; }
.xlg-pb0 { padding-bottom: 0; }
.xlg-pl0 { padding-left:   0; }

.xlg-pt1 { padding-top:    var(--space-1); }
.xlg-pr1 { padding-right:  var(--space-1); }
.xlg-pb1 { padding-bottom: var(--space-1); }
.xlg-pl1 { padding-left:   var(--space-1); }

.xlg-pt2 { padding-top:    var(--space-2); }
.xlg-pr2 { padding-right:  var(--space-2); }
.xlg-pb2 { padding-bottom: var(--space-2); }
.xlg-pl2 { padding-left:   var(--space-2); }

.xlg-pt3 { padding-top:    var(--space-3); }
.xlg-pr3 { padding-right:  var(--space-3); }
.xlg-pb3 { padding-bottom: var(--space-3); }
.xlg-pl3 { padding-left:   var(--space-3); }

.xlg-pt4 { padding-top:    var(--space-4); }
.xlg-pr4 { padding-right:  var(--space-4); }
.xlg-pb4 { padding-bottom: var(--space-4); }
.xlg-pl4 { padding-left:   var(--space-4); }

.xlg-pt5 { padding-top:    var(--space-5); }
.xlg-pr5 { padding-right:  var(--space-5); }
.xlg-pb5 { padding-bottom: var(--space-5); }
.xlg-pl5 { padding-left:   var(--space-5); }

.xlg-pt6 { padding-top:    var(--space-6); }
.xlg-pr6 { padding-right:  var(--space-6); }
.xlg-pb6 { padding-bottom: var(--space-6); }
.xlg-pl6 { padding-left:   var(--space-6); }

.xlg-pt7 { padding-top:    var(--space-7); }
.xlg-pr7 { padding-right:  var(--space-7); }
.xlg-pb7 { padding-bottom: var(--space-7); }
.xlg-pl7 { padding-left:   var(--space-7); }

.xlg-pt8 { padding-top:    var(--space-8); }
.xlg-pr8 { padding-right:  var(--space-8); }
.xlg-pb8 { padding-bottom: var(--space-8); }
.xlg-pl8 { padding-left:   var(--space-8); }

.xlg-pt9 { padding-top:    var(--space-9); }
.xlg-pr9 { padding-right:  var(--space-9); }
.xlg-pb9 { padding-bottom: var(--space-9); }
.xlg-pl9 { padding-left:   var(--space-9); }

.xlg-pt10 { padding-top:    var(--space-10); }
.xlg-pr10 { padding-right:  var(--space-10); }
.xlg-pb10 { padding-bottom: var(--space-10); }
.xlg-pl10 { padding-left:   var(--space-10); }

.xlg-pt11 { padding-top:    var(--space-11); }
.xlg-pr11 { padding-right:  var(--space-11); }
.vlg-pb11 { padding-bottom: var(--space-11); }
.xlg-pl11 { padding-left:   var(--space-11); }

.xlg-pt12 { padding-top:    var(--space-12); }
.xlg-pr12 { padding-right:  var(--space-12); }
.xlg-pb12 { padding-bottom: var(--space-12); }
.xlg-pl12 { padding-left:   var(--space-12); }

.xlg-pt13 { padding-top:    var(--space-13); }
.xlg-pr13 { padding-right:  var(--space-13); }
.vlg-pb13 { padding-bottom: var(--space-13); }
.xlg-pl13 { padding-left:   var(--space-13); }

.xlg-pt14 { padding-top:    var(--space-14); }
.xlg-pr14 { padding-right:  var(--space-14); }
.xlg-pb14 { padding-bottom: var(--space-14); }
.xlg-pl14 { padding-left:   var(--space-14); }

.xlg-pt15 { padding-top:    var(--space-15); }
.xlg-pr15 { padding-right:  var(--space-15); }
.xlg-pb15 { padding-bottom: var(--space-15); }
.xlg-pl15 { padding-left:   var(--space-15); }

.xlg-pt16 { padding-top:    var(--space-16); }
.xlg-pr16 { padding-right:  var(--space-16); }
.xlg-pb16 { padding-bottom: var(--space-16); }
.xlg-pl16 { padding-left:   var(--space-16); }

.xlg-pt17 { padding-top:    var(--space-17); }
.xlg-pr17 { padding-right:  var(--space-17); }
.xlg-pb17 { padding-bottom: var(--space-17); }
.xlg-pl17 { padding-left:   var(--space-17); }

.xlg-pt18 { padding-top:    var(--space-18); }
.xlg-pr18 { padding-right:  var(--space-18); }
.xlg-pb18 { padding-bottom: var(--space-18); }
.xlg-pl18 { padding-left:   var(--space-18); }

.xlg-pt19 { padding-top:    var(--space-19); }
.xlg-pr19 { padding-right:  var(--space-19); }
.xlg-pb19 { padding-bottom: var(--space-19); }
.xlg-pl19 { padding-left:   var(--space-19); }
}

/*--------------------

  Display flex

--------------------*/

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

@media (min-width: 400px) {
.sm-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sm-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sm-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
}
@media (min-width: 768px) {
.md-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.md-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.md-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
}
@media (min-width: 980px) {
.lg-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  }
.lg-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lg-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
}
@media (min-width: 1200px) {
.xlg-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.xlg-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.xlg-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
.items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}
.items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}
.self-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.self-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.self-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.self-baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.content-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.content-end {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
.content-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.content-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.content-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.flex-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
.order-0 {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.order-last {
  -webkit-box-ordinal-group: 100000;
  -webkit-order: 99999;
  -ms-flex-order: 99999;
  order: 99999;
}
.grow-1 {
  flex-grow: 1;
}
.shrink-1 {
  -webkit-flex-shrink : 1;
  -ms-flex-shrink     : 1;
  flex-shrink         : 1;
}

/*--------------------

  Button

--------------------*/

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: var(--ko-red);
  height: clamp(50px, calc(45.714px + 1.19vw), 60px);
  width: clamp(160px, calc(125.714px + 9.524vw), 240px);
  border-radius: 9999px;
}
.btn:hover {
  color: #fff;
  background-color: var(--ko-blue);
}
.btn:visited {
  color: #fff;
}
.btn.long {
  width: clamp(260px, calc(209.091px + 15.909vw), 400px);
}
.btn.large {
  height: clamp(60px, calc(52.727px + 2.273vw), 80px);
}

/*--------------------

  Media print

--------------------*/

@media print {
*,*:before, *:after {
  background: transparent !important;
  color: #000 !important;
/* Black prints faster */
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
a, a:visited {
  text-decoration: underline;
}
a[href]:after {
  content: " ("attr(href) ")";
}
abbr[title]:after {
  content: " ("attr(title) ")";
}
a[href^="#"]:after, a[href^="javascript:"]:after {
  content: "";
}
pre {
  white-space: pre-wrap !important;
}
pre, blockquote {
  border: 1px solid #999;
  page-break-inside: avoid;
}
thead {
  display: table-header-group;
}
tr, img {
  page-break-inside: avoid;
}
p, h2, h3 {
  orphans: 3;
  widows: 3;
}
h2, h3 {
  page-break-after: avoid;
}
}