html {
font-family: "Satoshi-Variable", sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.6;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}
::-webkit-scrollbar {
width: 8px;
height: 3px;
}
::-webkit-scrollbar-track {
background-color: #222;
}
::-webkit-scrollbar-track-piece {
background-color: #000;
}
::-webkit-scrollbar-thumb {
height: 50px;
background-color: #222;
border-radius: 0px;
}
::-webkit-scrollbar-corner {
background-color: #222;
}
::-webkit-resizer {
background-color: #666;
}
body {
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
text-decoration: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
max-width: 100%;
display: block;
border-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
font-weight: 500;
}
button a {
text-transform: uppercase;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
.inset-0 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.header-border-color {
border-color: rgba(255, 255, 255, 0.35);
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
textarea {
overflow: auto;
}
kbd {
font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas,
"Liberation Mono", Menlo, monospace;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.border-box,
a,
article,
aside,
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
legend,
li,
main,
nav,
ol,
p,
pre,
section,
table,
td,
textarea,
th,
tr,
ul {
box-sizing: border-box;
}
.aspect-ratio--square {
aspect-ratio: 4 / 4;
}
.sticky-header-active {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.pa-35 {
padding: 3.5%;
}
.pv3-5 {
padding-top: 3.5%;
padding-bottom: 3.5%;
}
.ph3-5 {
padding-left: 3.5%;
padding-right: 3.5%;
}
.cover {
background-size: cover !important;
}
.contain {
background-size: contain !important;
}
.bg-center {
background-position: 50%;
}
.bg-center,
.bg-top {
background-repeat: no-repeat;
}
.bg-top {
background-position: top;
}
.bg-right {
background-position: 100%;
}
.bg-bottom,
.bg-right {
background-repeat: no-repeat;
}
.bg-bottom {
background-position: bottom;
}
.bg-left {
background-repeat: no-repeat;
background-position: 0;
}
.outline {
outline: 1px solid;
}
.outline-transparent {
outline: 1px solid transparent;
}
.outline-0 {
outline: 0;
}
.ba {
border-style: solid;
border-width: 1px;
}
.bt {
border-top-style: solid;
border-top-width: 1px;
}
.br {
border-right-style: solid;
border-right-width: 1px;
}
.bb {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl {
border-left-style: solid;
border-left-width: 1px;
}
.bn {
border-style: none;
border-width: 0;
}
.b--light-blue {
border-color: #589bff;
}
.b--blue {
border-color: #3b82f6;
}
.b--black {
border-color: #000;
}
.b--near-black {
border-color: #121111;
}
.b--dark-gray {
border-color: #333;
}
.b--mid-gray {
border-color: #555;
}
.b--gray {
border-color: #777;
}
.b--silver {
border-color: #999;
}
.b--gold {
border-color: #ae7d00;
}
.b--light-gold {
border: 1px solid rgb(174, 125, 0, 0.4);
}
.b--light-silver {
border-color: #aaa;
}
.b--moon-gray {
border-color: #ccc;
}
.b--light-gray {
border-color: #eee;
}
.b--near-white {
border-color: #f4f4f4;
}
.b--white {
border-color: #fff;
}
.b--white-90 {
border-color: hsla(0, 0%, 100%, 0.9);
}
.b--white-80 {
border-color: hsla(0, 0%, 100%, 0.8);
}
.b--white-70 {
border-color: hsla(0, 0%, 100%, 0.7);
}
.b--white-60 {
border-color: hsla(0, 0%, 100%, 0.6);
}
.b--white-50 {
border-color: hsla(0, 0%, 100%, 0.5);
}
.b--white-40 {
border-color: hsla(0, 0%, 100%, 0.4);
}
.b--white-30 {
border-color: hsla(0, 0%, 100%, 0.3);
}
.b--white-20 {
border-color: hsla(0, 0%, 100%, 0.2);
}
.b--white-10 {
border-color: hsla(0, 0%, 100%, 0.1);
}
.b--transparent {
border-color: transparent;
}
.b--inherit {
border-color: inherit;
}
.b--initial {
border-color: initial;
}
.b--unset {
border-color: unset;
}
.br0 {
border-radius: 0;
}
.br1 {
border-radius: 0.125rem;
}
.br2 {
border-radius: 0.25rem;
}
.br3 {
border-radius: 0.5rem;
}
.br4 {
border-radius: 1rem;
}
.br-100 {
border-radius: 100%;
}
.br-pill {
border-radius: 9999px;
}
.br--bottom {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top {
border-bottom-right-radius: 0;
}
.br--right,
.br--top {
border-bottom-left-radius: 0;
}
.br--right {
border-top-left-radius: 0;
}
.br--left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.br-inherit {
border-radius: inherit;
}
.br-initial {
border-radius: initial;
}
.br-unset {
border-radius: unset;
}
.b--dotted {
border-style: dotted;
}
.b--dashed {
border-style: dashed;
}
.b--solid {
border-style: solid;
}
.b--none {
border-style: none;
}
.bw0 {
border-width: 0;
}
.bw1 {
border-width: 0.125rem;
}
.bw2 {
border-width: 0.25rem;
}
.bw3 {
border-width: 0.5rem;
}
.bw4 {
border-width: 1rem;
}
.bw5 {
border-width: 2rem;
}
.bt-0 {
border-top-width: 0;
}
.br-0 {
border-right-width: 0;
}
.bb-0 {
border-bottom-width: 0;
}
.bl-0 {
border-left-width: 0;
}
.shadow-1 {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2 {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3 {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4 {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5 {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.pre {
overflow-x: auto;
overflow-y: hidden;
overflow: scroll;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-1 {
top: 1rem;
}
.right-1 {
right: 1rem;
}
.bottom-1 {
bottom: 1rem;
}
.left-1 {
left: 1rem;
}
.top-2 {
top: 2rem;
}
.right-2 {
right: 2rem;
}
.bottom-2 {
bottom: 2rem;
}
.left-2 {
left: 2rem;
}
.top--1 {
top: -1rem;
}
.right--1 {
right: -1rem;
}
.bottom--1 {
bottom: -1rem;
}
.left--1 {
left: -1rem;
}
.top--2 {
top: -2rem;
}
.right--2 {
right: -2rem;
}
.bottom--2 {
bottom: -2rem;
}
.left--2 {
left: -2rem;
}
.top--3 {
top: -3rem;
}
.right--3 {
right: -3rem;
}
.bottom--3 {
bottom: -3rem;
}
.left--3 {
left: -3rem;
}
.top--4 {
top: -4rem;
}
.right--4 {
right: -4rem;
}
.bottom--4 {
bottom: -4rem;
}
.left--4 {
left: -4rem;
}
.absolute--fill {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.dn {
display: none;
}
.di {
display: inline;
}
.db {
display: block;
}
.dib {
display: inline-block;
}
.dit {
display: inline-table;
}
.dt {
display: table;
}
.dtc {
display: table-cell;
}
.dt-row {
display: table-row;
}
.dt-row-group {
display: table-row-group;
}
.dt-column {
display: table-column;
}
.dt-column-group {
display: table-column-group;
}
.dt--fixed {
table-layout: fixed;
width: 100%;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.flex-auto {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none {
flex: none;
}
.flex-column {
flex-direction: column;
}
.flex-row {
flex-direction: row;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse;
}
.flex-column-reverse {
flex-direction: column-reverse;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.items-baseline {
align-items: baseline;
}
.items-stretch {
align-items: stretch;
}
.self-start {
align-self: flex-start;
}
.self-end {
align-self: flex-end;
}
.self-center {
align-self: center;
}
.self-baseline {
align-self: baseline;
}
.self-stretch {
align-self: stretch;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.content-center {
align-content: center;
}
.content-between {
align-content: space-between;
}
.content-around {
align-content: space-around;
}
.content-stretch {
align-content: stretch;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-last {
order: 99999;
}
.flex-grow-0 {
flex-grow: 0;
}
.flex-grow-1 {
flex-grow: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.flex-shrink-1 {
flex-shrink: 1;
}
.grid {
display: grid;
}
.grid-col-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-col-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-col-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-col-11 {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-col-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-col-auto {
grid-column: auto;
}
.grid-col-span-1 {
grid-column: span 1 / span 1;
}
.grid-col-span-2 {
grid-column: span 2 / span 2;
}
.grid-col-span-3 {
grid-column: span 3 / span 3;
}
.grid-col-span-4 {
grid-column: span 4 / span 4;
}
.grid-col-span-5 {
grid-column: span 5 / span 5;
}
.grid-col-span-6 {
grid-column: span 6 / span 6;
}
.grid-col-span-8 {
grid-column: span 8 / span 8;
}
.grid-col-span-9 {
grid-column: span 9 / span 9;
}
.grid-col-span-10 {
grid-column: span 10 / span 10;
}
.grid-col-span-11 {
grid-column: span 11 / span 11;
}
.grid-col-span-12 {
grid-column: span 12 / span 12;
}
.grid-col-span-full {
grid-column: 1 / -1;
}
.fl {
float: left;
}
.fl,
.fr {
_display: inline;
}
.fr {
float: right;
}
.fn {
float: none;
}
.code,
code {
font-family: Consolas, monaco, monospace;
}
.i {
font-style: italic;
}
.fs-normal {
font-style: normal;
}
.normal {
font-weight: 400;
}
.b {
font-weight: 700;
}
.fw1 {
font-weight: 100;
}
.fw2 {
font-weight: 200;
}
.fw3 {
font-weight: 300;
}
.fw4 {
font-weight: 400;
}
.fw5 {
font-weight: 500;
}
.fw6 {
font-weight: 600;
}
.fw7 {
font-weight: 700;
}
.fw8 {
font-weight: 800;
}
.fw9 {
font-weight: 900;
}
.button-reset::-moz-focus-inner,
.input-reset::-moz-focus-inner {
border: 0;
padding: 0;
}
.h1 {
height: 1rem;
}
.h2 {
height: 1.5rem;
}
.h3 {
height: 2rem;
}
.h4 {
height: 3rem;
}
.h5 {
height: 4rem;
}
.h6 {
height: 5rem;
}
.h7 {
height: 6rem;
}
.h8 {
height: 8rem;
}
.h9 {
height: 16rem;
}
.h-25 {
height: 25%;
}
.h-50 {
height: 50%;
}
.h-75 {
height: 75%;
}
.h-100 {
height: 100%;
}
.min-h-100 {
min-height: 100%;
}
.vh-25 {
height: 25vh;
}
.vh-50 {
height: 50vh;
}
.vh-75 {
height: 75vh;
}
.vh-100 {
height: 100vh;
}
.min-vh-100 {
min-height: 100vh;
}
.h-auto {
height: auto;
}
.h-inherit {
height: inherit;
}
.tracked {
letter-spacing: 0.1em;
}
.tracked-tight {
letter-spacing: -0.05em;
}
.tracked-mega {
letter-spacing: 0.25em;
}
.lh-solid {
line-height: 1;
}
.lh-title {
line-height: 1.25;
}
.lh-copy {
line-height: 1.5;
}
.link {
text-decoration: none;
}
.link,
.link:active,
.link:focus,
.link:hover,
.link:link,
.link:visited {
transition: color 0.15s ease-in;
}
.link:focus {
outline: 1px dotted currentColor;
}
.list {
list-style-type: none;
}
.mw-100 {
max-width: 100%;
}
.mw-93 {
max-width: 93%;
}
.mw1 {
max-width: 1rem;
}
.mw2 {
max-width: 2rem;
}
.mw3 {
max-width: 4rem;
}
.mw4 {
max-width: 8rem;
}
.mw5 {
max-width: 16rem;
}
.mw6 {
max-width: 32rem;
}
.mw7 {
max-width: 48rem;
}
.mw8 {
max-width: 64rem;
}
.mw9 {
max-width: 80rem;
}
.mw10 {
max-width: 96rem;
}
.mw-none {
max-width: none;
}
.w1 {
width: 1rem;
}
.w2 {
width: 1.5rem;
}
.w3 {
width: 2rem;
}
.w4 {
width: 3rem;
}
.w5 {
width: 4rem;
}
.w6 {
width: 5rem;
}
.w7 {
width: 6rem;
}
.w8 {
width: 8rem;
}
.w8-5 {
width: 12rem;
}
.w9 {
width: 16rem;
}
.w-10 {
width: 10%;
}
.w-15 {
width: 15%;
}
.w-20 {
width: 20%;
}
.w-25 {
width: 25%;
}
.w-30 {
width: 30%;
}
.w-third {
width: 33.33%;
}
.w-40 {
width: 40%;
}
.w-50 {
width: 50%;
}
.w-60 {
width: 60%;
}
.w-two-thirds {
width: 66.66%;
}
.w-70 {
width: 70%;
}
.w-75 {
width: 75%;
}
.w-80 {
width: 80%;
}
.w-90 {
width: 90%;
}
.w-100 {
width: 100%;
}
.w-third {
width: 33.33333%;
}
.w-two-thirds {
width: 66.66667%;
}
.w-auto {
width: auto;
}
.overflow-visible {
overflow: visible;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.overflow-auto {
overflow: auto;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.static {
position: static;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.o-100 {
opacity: 1;
}
.o-90 {
opacity: 0.9;
}
.o-80 {
opacity: 0.8;
}
.o-70 {
opacity: 0.7;
}
.o-60 {
opacity: 0.6;
}
.o-50 {
opacity: 0.5;
}
.o-40 {
opacity: 0.4;
}
.o-30 {
opacity: 0.3;
}
.o-20 {
opacity: 0.2;
}
.o-10 {
opacity: 0.1;
}
.o-05 {
opacity: 0.05;
}
.o-025 {
opacity: 0.025;
}
.o-0 {
opacity: 0;
}
.rotate-45 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90 {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135 {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180 {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225 {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270 {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315 {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.light-blue {
color: #589bff;
}
.blue {
color: #3b82f6;
}
.black {
color: #000;
}
.near-black {
color: #080101;
}
.gold {
color: #ae7d00;
}
.silver {
color: #999;
}
.light-silver {
color: #aaa;
}
.moon-gray {
color: #ccc;
}
.light-gray {
color: #eee;
}
.near-white {
color: #f4f4f4;
}
.white {
color: #fff;
}
.color-inherit {
color: inherit;
}
.bg-black {
background-color: #080808;
}
.bg-black-10 {
background-color: rgba(0, 0, 0, 0.1);
}
.bg-black-20 {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-30 {
background-color: rgba(0, 0, 0, 0.3);
}
.bg-black-40 {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-50 {
background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-60 {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-70 {
background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-80 {
background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-90 {
background-color: rgba(0, 0, 0, 0.9);
}
.bg-near-white {
background-color: #f4f4f4;
}
.bg-near-black {
background-color: #080101;
}
.bg-dark-gray {
background-color: #333;
}
.bg-mid-gray {
background-color: #555;
}
.bg-gray {
background-color: #777;
}
.bg-silver {
background-color: #999;
}
.bg-light-silver {
background-color: #aaa;
}
.bg-transparent {
background-color: transparent;
}
.bg-gold {
background-color: #ae7d00;
}
.bg-light-gold {
background-color: rgb(240, 189, 106, 0.3);
}
.bg-inherit {
background-color: inherit;
}
.hover-black:focus,
.hover-black:hover {
color: #000;
}
.hover-white:focus,
.hover-white:hover {
color: #fff;
}
.hover-inherit:focus,
.hover-inherit:hover {
color: inherit;
}
.hover-bg-black:focus,
.hover-bg-black:hover {
background-color: #000;
}
.hover-bg-near-black:focus,
.hover-bg-near-black:hover {
background-color: #121111;
}
.hover-bg-white:focus,
.hover-bg-white:hover {
background-color: #fff;
}
.hover-bg-yellow:focus,
.hover-bg-yellow:hover {
background-color: #f59e0b;
}
.hover-bg-transparent:focus,
.hover-bg-transparent:hover {
background-color: transparent;
}
.hover-gold:focus,
.hover-gold:hover {
color: #ae7d00;
}
.hover-bg-gold:focus,
.hover-bg-gold:hover {
background-color: #ae7d00;
}
.hover-light-gold:focus,
.hover-light-gold:hover {
color: #f0bd6a;
}
.hover-bg-light-gold:focus,
.hover-bg-light-gold:hover {
background-color: #f0bd6a;
}
.hover-bg-inherit:focus,
.hover-bg-inherit:hover {
background-color: inherit;
}
.pa0 {
padding: 0;
}
.pa1 {
padding: 0.25rem;
}
.pa2 {
padding: 0.5rem;
}
.pa3 {
padding: 1rem;
}
.pa4 {
padding: 1.5rem;
}
.pa5 {
padding: 2rem;
}
.pa6 {
padding: 3rem;
}
.pa7 {
padding: 4rem;
}
.pa8 {
padding: 8rem;
}
.pa9 {
padding: 16rem;
}
.pl0 {
padding-left: 0;
}
.pl1 {
padding-left: 0.25rem;
}
.pl2 {
padding-left: 0.5rem;
}
.pl3 {
padding-left: 1rem;
}
.pl4 {
padding-left: 1.5rem;
}
.pl5 {
padding-left: 2rem;
}
.pl6 {
padding-left: 3rem;
}
.pl7 {
padding-left: 4rem;
}
.pl8 {
padding-left: 8rem;
}
.pl9 {
padding-left: 16rem;
}
.pr0 {
padding-right: 0;
}
.pr1 {
padding-right: 0.25rem;
}
.pr2 {
padding-right: 0.5rem;
}
.pr3 {
padding-right: 1rem;
}
.pr4 {
padding-right: 1.5rem;
}
.pr5 {
padding-right: 2rem;
}
.pr6 {
padding-right: 3rem;
}
.pr7 {
padding-right: 4rem;
}
.pr8 {
padding-right: 8rem;
}
.pr9 {
padding-right: 16rem;
}
.pb0 {
padding-bottom: 0;
}
.pb1 {
padding-bottom: 0.25rem;
}
.pb2 {
padding-bottom: 0.5rem;
}
.pb3 {
padding-bottom: 1rem;
}
.pb4 {
padding-bottom: 1.5rem;
}
.pb5 {
padding-bottom: 2rem;
}
.pb6 {
padding-bottom: 3rem;
}
.pb7 {
padding-bottom: 4rem;
}
.pb8 {
padding-bottom: 8rem;
}
.pb9 {
padding-bottom: 16rem;
}
.pt0 {
padding-top: 0;
}
.pt1 {
padding-top: 0.25rem;
}
.pt2 {
padding-top: 0.5rem;
}
.pt3 {
padding-top: 1rem;
}
.pt4 {
padding-top: 1.5rem;
}
.pt5 {
padding-top: 2rem;
}
.pt6 {
padding-top: 3rem;
}
.pt7 {
padding-top: 4rem;
}
.pt8 {
padding-top: 8rem;
}
.pt9 {
padding-top: 16rem;
}
.pv0 {
padding-top: 0;
padding-bottom: 0;
}
.pv1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pv5 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv6 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pv7 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv8 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv9 {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0 {
padding-left: 0;
padding-right: 0;
}
.ph1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3 {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ph5 {
padding-left: 2rem;
padding-right: 2rem;
}
.ph6 {
padding-left: 3rem;
padding-right: 3rem;
}
.ph7 {
padding-left: 4rem;
padding-right: 4rem;
}
.ph8 {
padding-left: 8rem;
padding-right: 8rem;
}
.ph9 {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0 {
margin: 0;
}
.ma1 {
margin: 0.25rem;
}
.ma2 {
margin: 0.5rem;
}
.ma3 {
margin: 1rem;
}
.ma4 {
margin: 1.5rem;
}
.ma5 {
margin: 2rem;
}
.ma6 {
margin: 3rem;
}
.ma7 {
margin: 4rem;
}
.ma8 {
margin: 8rem;
}
.ma9 {
margin: 16rem;
}
.ml0 {
margin-left: 0;
}
.ml1 {
margin-left: 0.25rem;
}
.ml2 {
margin-left: 0.5rem;
}
.ml3 {
margin-left: 1rem;
}
.ml4 {
margin-left: 1.5rem;
}
.ml5 {
margin-left: 2rem;
}
.ml6 {
margin-left: 3rem;
}
.ml7 {
margin-left: 4rem;
}
.ml8 {
margin-left: 8rem;
}
.ml9 {
margin-left: 16rem;
}
.mr0 {
margin-right: 0;
}
.mr1 {
margin-right: 0.25rem;
}
.mr2 {
margin-right: 0.5rem;
}
.mr3 {
margin-right: 1rem;
}
.mr4 {
margin-right: 1.5rem;
}
.mr5 {
margin-right: 2rem;
}
.mr6 {
margin-right: 3rem;
}
.mr7 {
margin-right: 4rem;
}
.mr8 {
margin-right: 8rem;
}
.mr9 {
margin-right: 16rem;
}
.mb0 {
margin-bottom: 0;
}
.mb1 {
margin-bottom: 0.25rem;
}
.mb2 {
margin-bottom: 0.5rem;
}
.mb3 {
margin-bottom: 1rem;
}
.mb4 {
margin-bottom: 1.5rem;
}
.mb5 {
margin-bottom: 2rem;
}
.mb6 {
margin-bottom: 3rem;
}
.mb7 {
margin-bottom: 4rem;
}
.mb8 {
margin-bottom: 8rem;
}
.mb9 {
margin-bottom: 16rem;
}
.mt0 {
margin-top: 0;
}
.mt1 {
margin-top: 0.25rem;
}
.mt2 {
margin-top: 0.5rem;
}
.mt3 {
margin-top: 1rem;
}
.mt4 {
margin-top: 1.5rem;
}
.mt5 {
margin-top: 2rem;
}
.mt6 {
margin-top: 3rem;
}
.mt7 {
margin-top: 4rem;
}
.mt8 {
margin-top: 8rem;
}
.mt9 {
margin-top: 16rem;
}
.mv0 {
margin-top: 0;
margin-bottom: 0;
}
.mv1 {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4 {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mv5 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv6 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mv7 {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv8 {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv9 {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0 {
margin-left: 0;
margin-right: 0;
}
.mh1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3 {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mh5 {
margin-left: 2rem;
margin-right: 2rem;
}
.mh6 {
margin-left: 3rem;
margin-right: 3rem;
}
.mh7 {
margin-left: 4rem;
margin-right: 4rem;
}
.mh8 {
margin-left: 8rem;
margin-right: 8rem;
}
.mh9 {
margin-left: 16rem;
margin-right: 16rem;
}
.na1 {
margin: -0.25rem;
}
.na2 {
margin: -0.5rem;
}
.na3 {
margin: -1rem;
}
.na4 {
margin: -2rem;
}
.na5 {
margin: -4rem;
}
.na6 {
margin: -8rem;
}
.na7 {
margin: -16rem;
}
.nl1 {
margin-left: -0.25rem;
}
.nl2 {
margin-left: -0.5rem;
}
.nl3 {
margin-left: -1rem;
}
.nl4 {
margin-left: -2rem;
}
.nl5 {
margin-left: -4rem;
}
.nl6 {
margin-left: -8rem;
}
.nl7 {
margin-left: -16rem;
}
.nr1 {
margin-right: -0.25rem;
}
.nr2 {
margin-right: -0.5rem;
}
.nr3 {
margin-right: -1rem;
}
.nr4 {
margin-right: -2rem;
}
.nr5 {
margin-right: -4rem;
}
.nr6 {
margin-right: -8rem;
}
.nr7 {
margin-right: -16rem;
}
.nb1 {
margin-bottom: -0.25rem;
}
.nb2 {
margin-bottom: -0.5rem;
}
.nb3 {
margin-bottom: -1rem;
}
.nb4 {
margin-bottom: -2rem;
}
.nb5 {
margin-bottom: -4rem;
}
.nb6 {
margin-bottom: -8rem;
}
.nb7 {
margin-bottom: -16rem;
}
.nt1 {
margin-top: -0.25rem;
}
.nt2 {
margin-top: -0.5rem;
}
.nt3 {
margin-top: -1rem;
}
.nt4 {
margin-top: -2rem;
}
.nt5 {
margin-top: -4rem;
}
.nt6 {
margin-top: -8rem;
}
.nt7 {
margin-top: -16rem;
}
.gap0 {
gap: 0;
}
.gap1 {
gap: 0.25rem;
}
.gap2 {
gap: 0.5rem;
}
.gap3 {
gap: 1rem;
}
.gap4 {
gap: 1.5rem;
}
.gap5 {
gap: 2rem;
}
.gap6 {
gap: 3rem;
}
.gap7 {
gap: 4rem;
}
.gap8 {
gap: 8rem;
}
.gap9 {
gap: 16rem;
}
.cl-gap0 {
column-gap: 0;
}
.cl-gap1 {
column-gap: 0.25rem;
}
.cl-gap2 {
column-gap: 0.5rem;
}
.cl-gap3 {
column-gap: 1rem;
}
.cl-gap4 {
column-gap: 1.5rem;
}
.cl-gap5 {
column-gap: 2rem;
}
.cl-gap6 {
column-gap: 3rem;
}
.cl-gap7 {
column-gap: 4rem;
}
.cl-gap8 {
column-gap: 8rem;
}
.cl-gap9 {
column-gap: 16rem;
}
.rw-gap0 {
row-gap: 0;
}
.rw-gap1 {
row-gap: 0.25rem;
}
.rw-gap2 {
row-gap: 0.5rem;
}
.rw-gap3 {
row-gap: 1rem;
}
.rw-gap4 {
row-gap: 1.5rem;
}
.rw-gap5 {
row-gap: 2rem;
}
.rw-gap6 {
row-gap: 3rem;
}
.rw-gap7 {
row-gap: 4rem;
}
.rw-gap8 {
row-gap: 8rem;
}
.rw-gap9 {
row-gap: 16rem;
}
.collapse {
border-collapse: collapse;
border-spacing: 0;
}
.striped--light-silver:nth-child(odd) {
background-color: #aaa;
}
.striped--moon-gray:nth-child(odd) {
background-color: #ccc;
}
.striped--light-gray:nth-child(odd) {
background-color: #eee;
}
.striped--near-white:nth-child(odd) {
background-color: #f4f4f4;
}
.stripe-light:nth-child(odd) {
background-color: hsla(0, 0%, 100%, 0.1);
}
.stripe-dark:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.1);
}
.strike {
text-decoration: line-through;
}
.strike-hover:hover {
text-decoration: line-through #ae7d00;
}
.underline {
text-decoration: underline;
}
.no-underline {
text-decoration: none;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.tc {
text-align: center;
}
.tj {
text-align: justify;
}
.ttc {
text-transform: capitalize;
}
.ttl {
text-transform: lowercase;
}
.ttu {
text-transform: uppercase;
}
.ttn {
text-transform: none;
}
.f-headline {
font-size: 5rem;
}
.f-subheadline {
font-size: 4rem;
}
.f1 {
font-size: 4rem;
}
.f2 {
font-size: 3rem;
}
.f3 {
font-size: 2rem;
}
.f4 {
font-size: 1.5rem;
}
.f5 {
font-size: 1.25rem;
}
.f6 {
font-size: 1.125rem;
}
.f7 {
font-size: 1rem;
}
.f8 {
font-size: 0.875rem;
}
.f9 {
font-size: 0.75rem;
}
.measure {
max-width: 30em;
}
.measure-wide {
max-width: 34em;
}
.measure-narrow {
max-width: 20em;
}
.indent {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps {
font-variant: small-caps;
}
.truncate {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.overflow-container {
overflow-y: scroll;
}
.center {
margin: 0 auto;
}
.mr-auto {
margin-right: auto;
}
.ml-auto {
margin-left: auto;
}
.clip {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal {
white-space: normal;
}
.nowrap {
white-space: nowrap;
}
.pre {
white-space: pre;
}
.v-base {
vertical-align: baseline;
}
.v-mid {
vertical-align: middle;
}
.v-top {
vertical-align: top;
}
.v-btm {
vertical-align: bottom;
}
.dim {
opacity: 1;
}
.dim,
.dim:focus,
.dim:hover {
transition: opacity 0.15s ease-in;
}
.dim:focus,
.dim:hover {
opacity: 0.5;
}
.dim:active {
opacity: 0.8;
transition: opacity 0.15s ease-out;
}
.glow,
.glow:focus,
.glow:hover {
transition: opacity 0.15s ease-in;
}
.glow:focus,
.glow:hover {
opacity: 1;
}
.hide-child .child {
opacity: 0;
transition: opacity 0.15s ease-in;
}
.hide-child:active .child,
.hide-child:focus .child,
.hide-child:hover .child {
opacity: 1;
transition: opacity 0.15s ease-in;
}
.underline-hover:focus,
.underline-hover:hover {
text-decoration: underline;
}
.italic-hover {
text-underline-position: under;
}
.italic-hover:focus,
.italic-hover:hover {
text-decoration: underline;
font-style: italic;
}
.grow {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.grow:focus,
.grow:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.grow:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.grow-large {
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}
.grow-large:focus,
.grow-large:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.grow-large:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
.pointer:hover,
.shadow-hover {
cursor: pointer;
}
.pointer-none {
pointer-events: none;
}
.pointer-auto {
pointer-events: auto;
}
.shadow-hover {
position: relative;
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:after {
content: "";
box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.2);
border-radius: inherit;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.shadow-hover:focus:after,
.shadow-hover:hover:after {
opacity: 1;
}
.bg-animate,
.bg-animate:focus,
.bg-animate:hover {
transition: background-color 0.15s ease-in-out;
}
.z-0 {
z-index: 0;
}
.z-1 {
z-index: 1;
}
.z-2 {
z-index: 2;
}
.z-3 {
z-index: 3;
}
.z-4 {
z-index: 4;
}
.z-5 {
z-index: 5;
}
.z-999 {
z-index: 999;
}
.z-1000 {
z-index: 1000;
}
.z-9999 {
z-index: 9999;
}
.z-max {
z-index: 2147483647;
}
.z-inherit {
z-index: inherit;
}
.z-initial {
z-index: auto;
}
.z-unset {
z-index: unset;
}
@media screen and (min-width: 640px) {
.aspect-ratio-ns {
height: 0;
position: relative;
}
.aspect-ratio--16x9-ns {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-ns {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-ns {
padding-bottom: 75%;
}
.aspect-ratio--3x4-ns {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-ns {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-ns {
padding-bottom: 150%;
}
.aspect-ratio--8x5-ns {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-ns {
padding-bottom: 160%;
}
.aspect-ratio--7x5-ns {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-ns {
padding-bottom: 140%;
}
.aspect-ratio--1x1-ns {
padding-bottom: 100%;
}
.aspect-ratio--object-ns {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-ns {
background-size: cover !important;
}
.contain-ns {
background-size: contain !important;
}
.bg-center-ns {
background-position: 50%;
}
.bg-center-ns,
.bg-top-ns {
background-repeat: no-repeat;
}
.bg-top-ns {
background-position: top;
}
.bg-right-ns {
background-position: 100%;
}
.bg-bottom-ns,
.bg-right-ns {
background-repeat: no-repeat;
}
.bg-bottom-ns {
background-position: bottom;
}
.bg-left-ns {
background-repeat: no-repeat;
background-position: 0;
}
.outline-ns {
outline: 1px solid;
}
.outline-transparent-ns {
outline: 1px solid transparent;
}
.outline-0-ns {
outline: 0;
}
.ba-ns {
border-style: solid;
border-width: 1px;
}
.bt-ns {
border-top-style: solid;
border-top-width: 1px;
}
.br-ns {
border-right-style: solid;
border-right-width: 1px;
}
.bb-ns {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-ns {
border-left-style: solid;
border-left-width: 1px;
}
.bn-ns {
border-style: none;
border-width: 0;
}
.br0-ns {
border-radius: 0;
}
.br1-ns {
border-radius: 0.125rem;
}
.br2-ns {
border-radius: 0.25rem;
}
.br3-ns {
border-radius: 0.5rem;
}
.br4-ns {
border-radius: 1rem;
}
.br-100-ns {
border-radius: 100%;
}
.br-pill-ns {
border-radius: 9999px;
}
.br--bottom-ns {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-ns {
border-bottom-right-radius: 0;
}
.br--right-ns,
.br--top-ns {
border-bottom-left-radius: 0;
}
.br--right-ns {
border-top-left-radius: 0;
}
.br--left-ns {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.br-inherit-ns {
border-radius: inherit;
}
.br-initial-ns {
border-radius: initial;
}
.br-unset-ns {
border-radius: unset;
}
.b--dotted-ns {
border-style: dotted;
}
.b--dashed-ns {
border-style: dashed;
}
.b--solid-ns {
border-style: solid;
}
.b--none-ns {
border-style: none;
}
.bw0-ns {
border-width: 0;
}
.bw1-ns {
border-width: 0.125rem;
}
.bw2-ns {
border-width: 0.25rem;
}
.bw3-ns {
border-width: 0.5rem;
}
.bw4-ns {
border-width: 1rem;
}
.bw5-ns {
border-width: 2rem;
}
.bt-0-ns {
border-top-width: 0;
}
.br-0-ns {
border-right-width: 0;
}
.bb-0-ns {
border-bottom-width: 0;
}
.bl-0-ns {
border-left-width: 0;
}
.shadow-1-ns {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-ns {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-ns {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-ns {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-ns {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-ns {
top: 0;
}
.left-0-ns {
left: 0;
}
.right-0-ns {
right: 0;
}
.bottom-0-ns {
bottom: 0;
}
.top-1-ns {
top: 1rem;
}
.left-1-ns {
left: 1rem;
}
.right-1-ns {
right: 1rem;
}
.bottom-1-ns {
bottom: 1rem;
}
.top-2-ns {
top: 2rem;
}
.left-2-ns {
left: 2rem;
}
.right-2-ns {
right: 2rem;
}
.bottom-2-ns {
bottom: 2rem;
}
.top--1-ns {
top: -1rem;
}
.right--1-ns {
right: -1rem;
}
.bottom--1-ns {
bottom: -1rem;
}
.left--1-ns {
left: -1rem;
}
.top--2-ns {
top: -2rem;
}
.right--2-ns {
right: -2rem;
}
.bottom--2-ns {
bottom: -2rem;
}
.left--2-ns {
left: -2rem;
}
.top--3-ns {
top: -3rem;
}
.right--3-ns {
right: -3rem;
}
.bottom--3-ns {
bottom: -3rem;
}
.left--3-ns {
left: -3rem;
}
.absolute--fill-ns {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-ns {
clear: left;
}
.cr-ns {
clear: right;
}
.cb-ns {
clear: both;
}
.cn-ns {
clear: none;
}
.dn-ns {
display: none;
}
.di-ns {
display: inline;
}
.db-ns {
display: block;
}
.dib-ns {
display: inline-block;
}
.dit-ns {
display: inline-table;
}
.dt-ns {
display: table;
}
.dtc-ns {
display: table-cell;
}
.dt-row-ns {
display: table-row;
}
.dt-row-group-ns {
display: table-row-group;
}
.dt-column-ns {
display: table-column;
}
.dt-column-group-ns {
display: table-column-group;
}
.dt--fixed-ns {
table-layout: fixed;
width: 100%;
}
.flex-ns {
display: flex;
}
.inline-flex-ns {
display: inline-flex;
}
.flex-auto-ns {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-ns {
flex: none;
}
.flex-column-ns {
flex-direction: column;
}
.flex-row-ns {
flex-direction: row;
}
.flex-wrap-ns {
flex-wrap: wrap;
}
.flex-nowrap-ns {
flex-wrap: nowrap;
}
.flex-wrap-reverse-ns {
flex-wrap: wrap-reverse;
}
.flex-column-reverse-ns {
flex-direction: column-reverse;
}
.flex-row-reverse-ns {
flex-direction: row-reverse;
}
.items-start-ns {
align-items: flex-start;
}
.items-end-ns {
align-items: flex-end;
}
.items-center-ns {
align-items: center;
}
.items-baseline-ns {
align-items: baseline;
}
.items-stretch-ns {
align-items: stretch;
}
.self-start-ns {
align-self: flex-start;
}
.self-end-ns {
align-self: flex-end;
}
.self-center-ns {
align-self: center;
}
.self-baseline-ns {
align-self: baseline;
}
.self-stretch-ns {
align-self: stretch;
}
.justify-start-ns {
justify-content: flex-start;
}
.justify-end-ns {
justify-content: flex-end;
}
.justify-center-ns {
justify-content: center;
}
.justify-between-ns {
justify-content: space-between;
}
.justify-around-ns {
justify-content: space-around;
}
.content-start-ns {
align-content: flex-start;
}
.content-end-ns {
align-content: flex-end;
}
.content-center-ns {
align-content: center;
}
.content-between-ns {
align-content: space-between;
}
.content-around-ns {
align-content: space-around;
}
.content-stretch-ns {
align-content: stretch;
}
.order-0-ns {
order: 0;
}
.order-1-ns {
order: 1;
}
.order-2-ns {
order: 2;
}
.order-3-ns {
order: 3;
}
.order-4-ns {
order: 4;
}
.order-5-ns {
order: 5;
}
.order-6-ns {
order: 6;
}
.order-7-ns {
order: 7;
}
.order-8-ns {
order: 8;
}
.order-last-ns {
order: 99999;
}
.flex-grow-0-ns {
flex-grow: 0;
}
.flex-grow-1-ns {
flex-grow: 1;
}
.flex-shrink-0-ns {
flex-shrink: 0;
}
.flex-shrink-1-ns {
flex-shrink: 1;
}
.grid-ns {
display: grid;
}
.grid-col-1-ns {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2-ns {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3-ns {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4-ns {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5-ns {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6-ns {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7-ns {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8-ns {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-col-9-ns {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-col-10-ns {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-col-11-ns {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-col-12-ns {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-col-auto-ns {
grid-column: auto;
}
.grid-col-span-1-ns {
grid-column: span 1 / span 1;
}
.grid-col-span-2-ns {
grid-column: span 2 / span 2;
}
.grid-col-span-3-ns {
grid-column: span 3 / span 3;
}
.grid-col-span-4-ns {
grid-column: span 4 / span 4;
}
.grid-col-span-5-ns {
grid-column: span 5 / span 5;
}
.grid-col-span-6-ns {
grid-column: span 6 / span 6;
}
.grid-col-span-8-ns {
grid-column: span 8 / span 8;
}
.grid-col-span-9-ns {
grid-column: span 9 / span 9;
}
.grid-col-span-10-ns {
grid-column: span 10 / span 10;
}
.grid-col-span-11-ns {
grid-column: span 11 / span 11;
}
.grid-col-span-12-ns {
grid-column: span 12 / span 12;
}
.grid-col-span-full-ns {
grid-column: 1 / -1;
}
.fl-ns {
float: left;
}
.fl-ns,
.fr-ns {
_display: inline;
}
.fr-ns {
float: right;
}
.fn-ns {
float: none;
}
.i-ns {
font-style: italic;
}
.fs-normal-ns {
font-style: normal;
}
.normal-ns {
font-weight: 400;
}
.b-ns {
font-weight: 700;
}
.fw1-ns {
font-weight: 100;
}
.fw2-ns {
font-weight: 200;
}
.fw3-ns {
font-weight: 300;
}
.fw4-ns {
font-weight: 400;
}
.fw5-ns {
font-weight: 500;
}
.fw6-ns {
font-weight: 600;
}
.fw7-ns {
font-weight: 700;
}
.fw8-ns {
font-weight: 800;
}
.fw9-ns {
font-weight: 900;
}
.h1-ns {
height: 1rem;
}
.h2-ns {
height: 1.5rem;
}
.h3-ns {
height: 2rem;
}
.h4-ns {
height: 3rem;
}
.h5-ns {
height: 4rem;
}
.h6-ns {
height: 5rem;
}
.h7-ns {
height: 6rem;
}
.h8-ns {
height: 8rem;
}
.h9-ns {
height: 16rem;
}
.h-25-ns {
height: 25%;
}
.h-50-ns {
height: 50%;
}
.h-75-ns {
height: 75%;
}
.h-100-ns {
height: 100%;
}
.min-h-100-ns {
min-height: 100%;
}
.vh-25-ns {
height: 25vh;
}
.vh-50-ns {
height: 50vh;
}
.vh-75-ns {
height: 75vh;
}
.vh-100-ns {
height: 100vh;
}
.min-vh-100-ns {
min-height: 100vh;
}
.h-auto-ns {
height: auto;
}
.h-inherit-ns {
height: inherit;
}
.tracked-ns {
letter-spacing: 0.1em;
}
.tracked-tight-ns {
letter-spacing: -0.05em;
}
.tracked-mega-ns {
letter-spacing: 0.25em;
}
.lh-solid-ns {
line-height: 1;
}
.lh-title-ns {
line-height: 1.25;
}
.lh-copy-ns {
line-height: 1.5;
}
.mw-100-ns {
max-width: 100%;
}
.mw-93-ns {
max-width: 93%;
}
.mw1-ns {
max-width: 1rem;
}
.mw2-ns {
max-width: 2rem;
}
.mw3-ns {
max-width: 4rem;
}
.mw4-ns {
max-width: 8rem;
}
.mw5-ns {
max-width: 16rem;
}
.mw6-ns {
max-width: 32rem;
}
.mw7-ns {
max-width: 48rem;
}
.mw8-ns {
max-width: 64rem;
}
.mw9-ns {
max-width: 80rem;
}
.mw10-ns {
max-width: 96rem;
}
.mw-none-ns {
max-width: none;
}
.w1-ns {
width: 1rem;
}
.w2-ns {
width: 1.5rem;
}
.w3-ns {
width: 2rem;
}
.w4-ns {
width: 3rem;
}
.w5-ns {
width: 4rem;
}
.w6-ns {
width: 5rem;
}
.w7-ns {
width: 6rem;
}
.w8-ns {
width: 8rem;
}
.w9-ns {
width: 16rem;
}
.w-10-ns {
width: 10%;
}
.w-15-ns {
width: 15%;
}
.w-20-ns {
width: 20%;
}
.w-25-ns {
width: 25%;
}
.w-30-ns {
width: 30%;
}
.w-third-ns {
width: 33.33%;
}
.w-34-ns {
width: 34%;
}
.w-40-ns {
width: 40%;
}
.w-50-ns {
width: 50%;
}
.w-60-ns {
width: 60%;
}
.w-two-thirds-ns {
width: 66.66%;
}
.w-70-ns {
width: 70%;
}
.w-75-ns {
width: 75%;
}
.w-80-ns {
width: 80%;
}
.w-90-ns {
width: 90%;
}
.w-100-ns {
width: 100%;
}
.w-third-ns {
width: 33.33333%;
}
.w-two-thirds-ns {
width: 66.66667%;
}
.w-auto-ns {
width: auto;
}
.overflow-visible-ns {
overflow: visible;
}
.overflow-hidden-ns {
overflow: hidden;
}
.overflow-scroll-ns {
overflow: scroll;
}
.overflow-auto-ns {
overflow: auto;
}
.overflow-x-visible-ns {
overflow-x: visible;
}
.overflow-x-hidden-ns {
overflow-x: hidden;
}
.overflow-x-scroll-ns {
overflow-x: scroll;
}
.overflow-x-auto-ns {
overflow-x: auto;
}
.overflow-y-visible-ns {
overflow-y: visible;
}
.overflow-y-hidden-ns {
overflow-y: hidden;
}
.overflow-y-scroll-ns {
overflow-y: scroll;
}
.overflow-y-auto-ns {
overflow-y: auto;
}
.static-ns {
position: static;
}
.relative-ns {
position: relative;
}
.absolute-ns {
position: absolute;
}
.fixed-ns {
position: fixed;
}
.rotate-45-ns {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-ns {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-ns {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-ns {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-ns {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-ns {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-ns {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-ns {
padding: 0;
}
.pa1-ns {
padding: 0.25rem;
}
.pa2-ns {
padding: 0.5rem;
}
.pa3-ns {
padding: 1rem;
}
.pa4-ns {
padding: 1.5rem;
}
.pa5-ns {
padding: 2rem;
}
.pa6-ns {
padding: 3rem;
}
.pa7-ns {
padding: 4rem;
}
.pa8-ns {
padding: 8rem;
}
.pa9-ns {
padding: 16rem;
}
.pl0-ns {
padding-left: 0;
}
.pl1-ns {
padding-left: 0.25rem;
}
.pl2-ns {
padding-left: 0.5rem;
}
.pl3-ns {
padding-left: 1rem;
}
.pl4-ns {
padding-left: 1.5rem;
}
.pl5-ns {
padding-left: 2rem;
}
.pl6-ns {
padding-left: 3rem;
}
.pl7-ns {
padding-left: 4rem;
}
.pl8-ns {
padding-left: 8rem;
}
.pl9-ns {
padding-left: 16rem;
}
.pr0-ns {
padding-right: 0;
}
.pr1-ns {
padding-right: 0.25rem;
}
.pr2-ns {
padding-right: 0.5rem;
}
.pr3-ns {
padding-right: 1rem;
}
.pr4-ns {
padding-right: 1.5rem;
}
.pr5-ns {
padding-right: 2rem;
}
.pr6-ns {
padding-right: 3rem;
}
.pr7-ns {
padding-right: 4rem;
}
.pr8-ns {
padding-right: 8rem;
}
.pr9-ns {
padding-right: 16rem;
}
.pb0-ns {
padding-bottom: 0;
}
.pb1-ns {
padding-bottom: 0.25rem;
}
.pb2-ns {
padding-bottom: 0.5rem;
}
.pb3-ns {
padding-bottom: 1rem;
}
.pb4-ns {
padding-bottom: 1.5rem;
}
.pb5-ns {
padding-bottom: 2rem;
}
.pb6-ns {
padding-bottom: 3rem;
}
.pb7-ns {
padding-bottom: 4rem;
}
.pb8-ns {
padding-bottom: 8rem;
}
.pb9-ns {
padding-bottom: 16rem;
}
.pt0-ns {
padding-top: 0;
}
.pt1-ns {
padding-top: 0.25rem;
}
.pt2-ns {
padding-top: 0.5rem;
}
.pt3-ns {
padding-top: 1rem;
}
.pt4-ns {
padding-top: 1.5rem;
}
.pt5-ns {
padding-top: 2rem;
}
.pt6-ns {
padding-top: 3rem;
}
.pt7-ns {
padding-top: 4rem;
}
.pt8-ns {
padding-top: 8rem;
}
.pt9-ns {
padding-top: 16rem;
}
.pv0-ns {
padding-top: 0;
padding-bottom: 0;
}
.pv1-ns {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-ns {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3-ns {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-ns {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pv5-ns {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv6-ns {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pv7-ns {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv8-ns {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv9-ns {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-ns {
padding-left: 0;
padding-right: 0;
}
.ph1-ns {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2-ns {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3-ns {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-ns {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ph5-ns {
padding-left: 2rem;
padding-right: 2rem;
}
.ph6-ns {
padding-left: 3rem;
padding-right: 3rem;
}
.ph7-ns {
padding-left: 4rem;
padding-right: 4rem;
}
.ph8-ns {
padding-left: 8rem;
padding-right: 8rem;
}
.ph9-ns {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-ns {
margin: 0;
}
.ma1-ns {
margin: 0.25rem;
}
.ma2-ns {
margin: 0.5rem;
}
.ma3-ns {
margin: 1rem;
}
.ma4-ns {
margin: 1.5rem;
}
.ma5-ns {
margin: 2rem;
}
.ma6-ns {
margin: 3rem;
}
.ma7-ns {
margin: 4rem;
}
.ma8-ns {
margin: 8rem;
}
.ma9-ns {
margin: 16rem;
}
.ml0-ns {
margin-left: 0;
}
.ml1-ns {
margin-left: 0.25rem;
}
.ml2-ns {
margin-left: 0.5rem;
}
.ml3-ns {
margin-left: 1rem;
}
.ml4-ns {
margin-left: 1.5rem;
}
.ml5-ns {
margin-left: 2rem;
}
.ml6-ns {
margin-left: 3rem;
}
.ml7-ns {
margin-left: 4rem;
}
.ml8-ns {
margin-left: 8rem;
}
.ml9-ns {
margin-left: 16rem;
}
.mr0-ns {
margin-right: 0;
}
.mr1-ns {
margin-right: 0.25rem;
}
.mr2-ns {
margin-right: 0.5rem;
}
.mr3-ns {
margin-right: 1rem;
}
.mr4-ns {
margin-right: 1.5rem;
}
.mr5-ns {
margin-right: 2rem;
}
.mr6-ns {
margin-right: 3rem;
}
.mr7-ns {
margin-right: 4rem;
}
.mr8-ns {
margin-right: 8rem;
}
.mr9-ns {
margin-right: 16rem;
}
.mb0-ns {
margin-bottom: 0;
}
.mb1-ns {
margin-bottom: 0.25rem;
}
.mb2-ns {
margin-bottom: 0.5rem;
}
.mb3-ns {
margin-bottom: 1rem;
}
.mb4-ns {
margin-bottom: 1.5rem;
}
.mb5-ns {
margin-bottom: 2rem;
}
.mb6-ns {
margin-bottom: 3rem;
}
.mb7-ns {
margin-bottom: 4rem;
}
.mb8-ns {
margin-bottom: 8rem;
}
.mb9-ns {
margin-bottom: 16rem;
}
.mt0-ns {
margin-top: 0;
}
.mt1-ns {
margin-top: 0.25rem;
}
.mt2-ns {
margin-top: 0.5rem;
}
.mt3-ns {
margin-top: 1rem;
}
.mt4-ns {
margin-top: 1.5rem;
}
.mt5-ns {
margin-top: 2rem;
}
.mt6-ns {
margin-top: 3rem;
}
.mt7-ns {
margin-top: 4rem;
}
.mt8-ns {
margin-top: 8rem;
}
.mt9-ns {
margin-top: 16rem;
}
.mv0-ns {
margin-top: 0;
margin-bottom: 0;
}
.mv1-ns {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-ns {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3-ns {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-ns {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mv5-ns {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv6-ns {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mv7-ns {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv8-ns {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv9-ns {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-ns {
margin-left: 0;
margin-right: 0;
}
.mh1-ns {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2-ns {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3-ns {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-ns {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mh5-ns {
margin-left: 2rem;
margin-right: 2rem;
}
.mh6-ns {
margin-left: 3rem;
margin-right: 3rem;
}
.mh7-ns {
margin-left: 4rem;
margin-right: 4rem;
}
.mh8-ns {
margin-left: 8rem;
margin-right: 8rem;
}
.mh9-ns {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-ns {
margin: -0.25rem;
}
.na2-ns {
margin: -0.5rem;
}
.na3-ns {
margin: -1rem;
}
.na4-ns {
margin: -2rem;
}
.na5-ns {
margin: -4rem;
}
.na6-ns {
margin: -8rem;
}
.na7-ns {
margin: -16rem;
}
.nl1-ns {
margin-left: -0.25rem;
}
.nl2-ns {
margin-left: -0.5rem;
}
.nl3-ns {
margin-left: -1rem;
}
.nl4-ns {
margin-left: -2rem;
}
.nl5-ns {
margin-left: -4rem;
}
.nl6-ns {
margin-left: -8rem;
}
.nl7-ns {
margin-left: -16rem;
}
.nr1-ns {
margin-right: -0.25rem;
}
.nr2-ns {
margin-right: -0.5rem;
}
.nr3-ns {
margin-right: -1rem;
}
.nr4-ns {
margin-right: -2rem;
}
.nr5-ns {
margin-right: -4rem;
}
.nr6-ns {
margin-right: -8rem;
}
.nr7-ns {
margin-right: -16rem;
}
.nb1-ns {
margin-bottom: -0.25rem;
}
.nb2-ns {
margin-bottom: -0.5rem;
}
.nb3-ns {
margin-bottom: -1rem;
}
.nb4-ns {
margin-bottom: -2rem;
}
.nb5-ns {
margin-bottom: -4rem;
}
.nb6-ns {
margin-bottom: -8rem;
}
.nb7-ns {
margin-bottom: -16rem;
}
.nt1-ns {
margin-top: -0.25rem;
}
.nt2-ns {
margin-top: -0.5rem;
}
.nt3-ns {
margin-top: -1rem;
}
.nt4-ns {
margin-top: -2rem;
}
.nt5-ns {
margin-top: -4rem;
}
.nt6-ns {
margin-top: -8rem;
}
.nt7-ns {
margin-top: -16rem;
}
.gap0-ns {
gap: 0;
}
.gap1-ns {
gap: 0.25rem;
}
.gap2-ns {
gap: 0.5rem;
}
.gap3-ns {
gap: 1rem;
}
.gap4-ns {
gap: 1.5rem;
}
.gap5-ns {
gap: 2rem;
}
.gap6-ns {
gap: 3rem;
}
.gap7-ns {
gap: 4rem;
}
.gap8-ns {
gap: 8rem;
}
.gap9-ns {
gap: 16rem;
}
.cl-gap0-ns {
column-gap: 0;
}
.cl-gap1-ns {
column-gap: 0.25rem;
}
.cl-gap2-ns {
column-gap: 0.5rem;
}
.cl-gap3-ns {
column-gap: 1rem;
}
.cl-gap4-ns {
column-gap: 1.5rem;
}
.cl-gap5-ns {
column-gap: 2rem;
}
.cl-gap6-ns {
column-gap: 3rem;
}
.cl-gap7-ns {
column-gap: 4rem;
}
.cl-gap8-ns {
column-gap: 8rem;
}
.cl-gap9-ns {
column-gap: 16rem;
}
.rw-gap0-ns {
row-gap: 0;
}
.rw-gap1-ns {
row-gap: 0.25rem;
}
.rw-gap2-ns {
row-gap: 0.5rem;
}
.rw-gap3-ns {
row-gap: 1rem;
}
.rw-gap4-ns {
row-gap: 1.5rem;
}
.rw-gap5-ns {
row-gap: 2rem;
}
.rw-gap6-ns {
row-gap: 3rem;
}
.rw-gap7-ns {
row-gap: 4rem;
}
.rw-gap8-ns {
row-gap: 8rem;
}
.rw-gap9-ns {
row-gap: 16rem;
}
.strike-ns {
text-decoration: line-through;
}
.underline-ns {
text-decoration: underline;
}
.no-underline-ns {
text-decoration: none;
}
.tl-ns {
text-align: left;
}
.tr-ns {
text-align: right;
}
.tc-ns {
text-align: center;
}
.tj-ns {
text-align: justify;
}
.ttc-ns {
text-transform: capitalize;
}
.ttl-ns {
text-transform: lowercase;
}
.ttu-ns {
text-transform: uppercase;
}
.ttn-ns {
text-transform: none;
}
.f-headline-ns {
font-size: 5rem;
}
.f-subheadline-ns {
font-size: 4rem;
}
.f1-ns {
font-size: 4rem;
}
.f2-ns {
font-size: 3rem;
}
.f3-ns {
font-size: 2rem;
}
.f4-ns {
font-size: 1.5rem;
}
.f5-ns {
font-size: 1.25rem;
}
.f6-ns {
font-size: 1.125rem;
}
.f7-ns {
font-size: 1rem;
}
.f8-ns {
font-size: 0.875rem;
}
.f9-ns {
font-size: 0.75rem;
}
.measure-ns {
max-width: 30em;
}
.measure-wide-ns {
max-width: 34em;
}
.measure-narrow-ns {
max-width: 20em;
}
.indent-ns {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-ns {
font-variant: small-caps;
}
.truncate-ns {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-ns {
margin-left: auto;
}
.center-ns,
.mr-auto-ns {
margin-right: auto;
}
.ml-auto-ns {
margin-left: auto;
}
.clip-ns {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-ns {
white-space: normal;
}
.nowrap-ns {
white-space: nowrap;
}
.pre-ns {
white-space: pre;
}
.v-base-ns {
vertical-align: baseline;
}
.v-mid-ns {
vertical-align: middle;
}
.v-top-ns {
vertical-align: top;
}
.v-btm-ns {
vertical-align: bottom;
}
}
@media screen and (min-width: 768px) {
.aspect-ratio-m {
height: 0;
position: relative;
}
.aspect-ratio--16x9-m {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-m {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-m {
padding-bottom: 75%;
}
.aspect-ratio--3x4-m {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-m {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-m {
padding-bottom: 150%;
}
.aspect-ratio--8x5-m {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-m {
padding-bottom: 160%;
}
.aspect-ratio--7x5-m {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-m {
padding-bottom: 140%;
}
.aspect-ratio--1x1-m {
padding-bottom: 100%;
}
.aspect-ratio--object-m {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-m {
background-size: cover !important;
}
.contain-m {
background-size: contain !important;
}
.bg-center-m {
background-position: 50%;
}
.bg-center-m,
.bg-top-m {
background-repeat: no-repeat;
}
.bg-top-m {
background-position: top;
}
.bg-right-m {
background-position: 100%;
}
.bg-bottom-m,
.bg-right-m {
background-repeat: no-repeat;
}
.bg-bottom-m {
background-position: bottom;
}
.bg-left-m {
background-repeat: no-repeat;
background-position: 0;
}
.outline-m {
outline: 1px solid;
}
.outline-transparent-m {
outline: 1px solid transparent;
}
.outline-0-m {
outline: 0;
}
.ba-m {
border-style: solid;
border-width: 1px;
}
.bt-m {
border-top-style: solid;
border-top-width: 1px;
}
.br-m {
border-right-style: solid;
border-right-width: 1px;
}
.bb-m {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-m {
border-left-style: solid;
border-left-width: 1px;
}
.bn-m {
border-style: none;
border-width: 0;
}
.br0-m {
border-radius: 0;
}
.br1-m {
border-radius: 0.125rem;
}
.br2-m {
border-radius: 0.25rem;
}
.br3-m {
border-radius: 0.5rem;
}
.br4-m {
border-radius: 1rem;
}
.br-100-m {
border-radius: 100%;
}
.br-pill-m {
border-radius: 9999px;
}
.br--bottom-m {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-m {
border-bottom-right-radius: 0;
}
.br--right-m,
.br--top-m {
border-bottom-left-radius: 0;
}
.br--right-m {
border-top-left-radius: 0;
}
.br--left-m {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.br-inherit-m {
border-radius: inherit;
}
.br-initial-m {
border-radius: initial;
}
.br-unset-m {
border-radius: unset;
}
.b--dotted-m {
border-style: dotted;
}
.b--dashed-m {
border-style: dashed;
}
.b--solid-m {
border-style: solid;
}
.b--none-m {
border-style: none;
}
.bw0-m {
border-width: 0;
}
.bw1-m {
border-width: 0.125rem;
}
.bw2-m {
border-width: 0.25rem;
}
.bw3-m {
border-width: 0.5rem;
}
.bw4-m {
border-width: 1rem;
}
.bw5-m {
border-width: 2rem;
}
.bt-0-m {
border-top-width: 0;
}
.br-0-m {
border-right-width: 0;
}
.bb-0-m {
border-bottom-width: 0;
}
.bl-0-m {
border-left-width: 0;
}
.shadow-1-m {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-m {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-m {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-m {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-m {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-m {
top: 0;
}
.left-0-m {
left: 0;
}
.right-0-m {
right: 0;
}
.bottom-0-m {
bottom: 0;
}
.top-1-m {
top: 1rem;
}
.left-1-m {
left: 1rem;
}
.right-1-m {
right: 1rem;
}
.bottom-1-m {
bottom: 1rem;
}
.top-2-m {
top: 2rem;
}
.left-2-m {
left: 2rem;
}
.right-2-m {
right: 2rem;
}
.bottom-2-m {
bottom: 2rem;
}
.top--1-m {
top: -1rem;
}
.right--1-m {
right: -1rem;
}
.bottom--1-m {
bottom: -1rem;
}
.left--1-m {
left: -1rem;
}
.top--2-m {
top: -2rem;
}
.right--2-m {
right: -2rem;
}
.bottom--2-m {
bottom: -2rem;
}
.left--2-m {
left: -2rem;
}
.absolute--fill-m {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-m {
clear: left;
}
.cr-m {
clear: right;
}
.cb-m {
clear: both;
}
.cn-m {
clear: none;
}
.dn-m {
display: none;
}
.di-m {
display: inline;
}
.db-m {
display: block;
}
.dib-m {
display: inline-block;
}
.dit-m {
display: inline-table;
}
.dt-m {
display: table;
}
.dtc-m {
display: table-cell;
}
.dt-row-m {
display: table-row;
}
.dt-row-group-m {
display: table-row-group;
}
.dt-column-m {
display: table-column;
}
.dt-column-group-m {
display: table-column-group;
}
.dt--fixed-m {
table-layout: fixed;
width: 100%;
}
.grid {
display: grid;
}
.flex-m {
display: flex;
}
.inline-flex-m {
display: inline-flex;
}
.flex-auto-m {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-m {
flex: none;
}
.flex-column-m {
flex-direction: column;
}
.flex-row-m {
flex-direction: row;
}
.flex-wrap-m {
flex-wrap: wrap;
}
.flex-nowrap-m {
flex-wrap: nowrap;
}
.flex-wrap-reverse-m {
flex-wrap: wrap-reverse;
}
.flex-column-reverse-m {
flex-direction: column-reverse;
}
.flex-row-reverse-m {
flex-direction: row-reverse;
}
.items-start-m {
align-items: flex-start;
}
.items-end-m {
align-items: flex-end;
}
.items-center-m {
align-items: center;
}
.items-baseline-m {
align-items: baseline;
}
.items-stretch-m {
align-items: stretch;
}
.self-start-m {
align-self: flex-start;
}
.self-end-m {
align-self: flex-end;
}
.self-center-m {
align-self: center;
}
.self-baseline-m {
align-self: baseline;
}
.self-stretch-m {
align-self: stretch;
}
.justify-start-m {
justify-content: flex-start;
}
.justify-end-m {
justify-content: flex-end;
}
.justify-center-m {
justify-content: center;
}
.justify-between-m {
justify-content: space-between;
}
.justify-around-m {
justify-content: space-around;
}
.content-start-m {
align-content: flex-start;
}
.content-end-m {
align-content: flex-end;
}
.content-center-m {
align-content: center;
}
.content-between-m {
align-content: space-between;
}
.content-around-m {
align-content: space-around;
}
.content-stretch-m {
align-content: stretch;
}
.order-0-m {
order: 0;
}
.order-1-m {
order: 1;
}
.order-2-m {
order: 2;
}
.order-3-m {
order: 3;
}
.order-4-m {
order: 4;
}
.order-5-m {
order: 5;
}
.order-6-m {
order: 6;
}
.order-7-m {
order: 7;
}
.order-8-m {
order: 8;
}
.order-last-m {
order: 99999;
}
.flex-grow-0-m {
flex-grow: 0;
}
.flex-grow-1-m {
flex-grow: 1;
}
.flex-shrink-0-m {
flex-shrink: 0;
}
.flex-shrink-1-m {
flex-shrink: 1;
}
.fl-m {
float: left;
}
.fl-m,
.fr-m {
_display: inline;
}
.fr-m {
float: right;
}
.fn-m {
float: none;
}
.i-m {
font-style: italic;
}
.fs-normal-m {
font-style: normal;
}
.normal-m {
font-weight: 400;
}
.b-m {
font-weight: 700;
}
.fw1-m {
font-weight: 100;
}
.fw2-m {
font-weight: 200;
}
.fw3-m {
font-weight: 300;
}
.fw4-m {
font-weight: 400;
}
.fw5-m {
font-weight: 500;
}
.fw6-m {
font-weight: 600;
}
.fw7-m {
font-weight: 700;
}
.fw8-m {
font-weight: 800;
}
.fw9-m {
font-weight: 900;
}
.h1-m {
height: 1rem;
}
.h2-m {
height: 1.5rem;
}
.h3-m {
height: 2rem;
}
.h4-m {
height: 3rem;
}
.h5-m {
height: 4rem;
}
.h6-m {
height: 5rem;
}
.h7-m {
height: 6rem;
}
.h8-m {
height: 8rem;
}
.h9-m {
height: 16rem;
}
.h-25-m {
height: 25%;
}
.h-50-m {
height: 50%;
}
.h-75-m {
height: 75%;
}
.h-100-m {
height: 100%;
}
.min-h-100-m {
min-height: 100%;
}
.vh-25-m {
height: 25vh;
}
.vh-50-m {
height: 50vh;
}
.vh-75-m {
height: 75vh;
}
.vh-100-m {
height: 100vh;
}
.min-vh-100-m {
min-height: 100vh;
}
.h-auto-m {
height: auto;
}
.h-inherit-m {
height: inherit;
}
.tracked-m {
letter-spacing: 0.1em;
}
.tracked-tight-m {
letter-spacing: -0.05em;
}
.tracked-mega-m {
letter-spacing: 0.25em;
}
.lh-solid-m {
line-height: 1;
}
.lh-title-m {
line-height: 1.25;
}
.lh-copy-m {
line-height: 1.5;
}
.mw-100-m {
max-width: 100%;
}
.mw-93-m {
max-width: 93%;
}
.mw1-m {
max-width: 1rem;
}
.mw2-m {
max-width: 2rem;
}
.mw3-m {
max-width: 4rem;
}
.mw4-m {
max-width: 8rem;
}
.mw5-m {
max-width: 16rem;
}
.mw6-m {
max-width: 32rem;
}
.mw7-m {
max-width: 48rem;
}
.mw8-m {
max-width: 64rem;
}
.mw9-m {
max-width: 80rem;
}
.mw10-m {
max-width: 96rem;
}
.mw-none-m {
max-width: none;
}
.w1-m {
width: 1rem;
}
.w2-m {
width: 1.5rem;
}
.w3-m {
width: 2rem;
}
.w4-m {
width: 3rem;
}
.w5-m {
width: 4rem;
}
.w6-m {
width: 5rem;
}
.w7-m {
width: 6rem;
}
.w8-m {
width: 8rem;
}
.w9-m {
width: 16rem;
}
.w-10-m {
width: 10%;
}
.w-15-m {
width: 15%;
}
.w-20-m {
width: 20%;
}
.w-25-m {
width: 25%;
}
.w-30-m {
width: 30%;
}
.w-third-m {
width: 33.33%;
}
.w-34-m {
width: 34%;
}
.w-40-m {
width: 40%;
}
.w-50-m {
width: 50%;
}
.w-60-m {
width: 60%;
}
.w-two-thirds-m {
width: 66.66%;
}
.w-70-m {
width: 70%;
}
.w-75-m {
width: 75%;
}
.w-80-m {
width: 80%;
}
.w-90-m {
width: 90%;
}
.w-100-m {
width: 100%;
}
.w-third-m {
width: 33.33333%;
}
.w-two-thirds-m {
width: 66.66667%;
}
.w-auto-m {
width: auto;
}
.overflow-visible-m {
overflow: visible;
}
.overflow-hidden-m {
overflow: hidden;
}
.overflow-scroll-m {
overflow: scroll;
}
.overflow-auto-m {
overflow: auto;
}
.overflow-x-visible-m {
overflow-x: visible;
}
.overflow-x-hidden-m {
overflow-x: hidden;
}
.overflow-x-scroll-m {
overflow-x: scroll;
}
.overflow-x-auto-m {
overflow-x: auto;
}
.overflow-y-visible-m {
overflow-y: visible;
}
.overflow-y-hidden-m {
overflow-y: hidden;
}
.overflow-y-scroll-m {
overflow-y: scroll;
}
.overflow-y-auto-m {
overflow-y: auto;
}
.static-m {
position: static;
}
.relative-m {
position: relative;
}
.absolute-m {
position: absolute;
}
.fixed-m {
position: fixed;
}
.rotate-45-m {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-m {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-m {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-m {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-m {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-m {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-m {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-m {
padding: 0;
}
.pa1-m {
padding: 0.25rem;
}
.pa2-m {
padding: 0.5rem;
}
.pa3-m {
padding: 1rem;
}
.pa4-m {
padding: 1.5rem;
}
.pa5-m {
padding: 2rem;
}
.pa6-m {
padding: 3rem;
}
.pa7-m {
padding: 4rem;
}
.pa8-m {
padding: 8rem;
}
.pa9-m {
padding: 16rem;
}
.pl0-m {
padding-left: 0;
}
.pl1-m {
padding-left: 0.25rem;
}
.pl2-m {
padding-left: 0.5rem;
}
.pl3-m {
padding-left: 1rem;
}
.pl4-m {
padding-left: 1.5rem;
}
.pl5-m {
padding-left: 2rem;
}
.pl6-m {
padding-left: 3rem;
}
.pl7-m {
padding-left: 4rem;
}
.pl8-m {
padding-left: 8rem;
}
.pl9-m {
padding-left: 16rem;
}
.pr0-m {
padding-right: 0;
}
.pr1-m {
padding-right: 0.25rem;
}
.pr2-m {
padding-right: 0.5rem;
}
.pr3-m {
padding-right: 1rem;
}
.pr4-m {
padding-right: 1.5rem;
}
.pr5-m {
padding-right: 2rem;
}
.pr6-m {
padding-right: 3rem;
}
.pr7-m {
padding-right: 4rem;
}
.pr8-m {
padding-right: 8rem;
}
.pr9-m {
padding-right: 16rem;
}
.pb0-m {
padding-bottom: 0;
}
.pb1-m {
padding-bottom: 0.25rem;
}
.pb2-m {
padding-bottom: 0.5rem;
}
.pb3-m {
padding-bottom: 1rem;
}
.pb4-m {
padding-bottom: 1.5rem;
}
.pb5-m {
padding-bottom: 2rem;
}
.pb6-m {
padding-bottom: 3rem;
}
.pb7-m {
padding-bottom: 4rem;
}
.pb8-m {
padding-bottom: 8rem;
}
.pb9-m {
padding-bottom: 16rem;
}
.pt0-m {
padding-top: 0;
}
.pt1-m {
padding-top: 0.25rem;
}
.pt2-m {
padding-top: 0.5rem;
}
.pt3-m {
padding-top: 1rem;
}
.pt4-m {
padding-top: 1.5rem;
}
.pt5-m {
padding-top: 2rem;
}
.pt6-m {
padding-top: 3rem;
}
.pt7-m {
padding-top: 4rem;
}
.pt8-m {
padding-top: 8rem;
}
.pt9-m {
padding-top: 16rem;
}
.pv0-m {
padding-top: 0;
padding-bottom: 0;
}
.pv1-m {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-m {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3-m {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-m {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pv5-m {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv6-m {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pv7-m {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv8-m {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv9-m {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-m {
padding-left: 0;
padding-right: 0;
}
.ph1-m {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2-m {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3-m {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-m {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ph5-m {
padding-left: 2rem;
padding-right: 2rem;
}
.ph6-m {
padding-left: 3rem;
padding-right: 3rem;
}
.ph7-m {
padding-left: 4rem;
padding-right: 4rem;
}
.ph8-m {
padding-left: 8rem;
padding-right: 8rem;
}
.ph9-m {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-m {
margin: 0;
}
.ma1-m {
margin: 0.25rem;
}
.ma2-m {
margin: 0.5rem;
}
.ma3-m {
margin: 1rem;
}
.ma4-m {
margin: 1.5rem;
}
.ma5-m {
margin: 2rem;
}
.ma6-m {
margin: 3rem;
}
.ma7-m {
margin: 4rem;
}
.ma8-m {
margin: 8rem;
}
.ma9-m {
margin: 16rem;
}
.ml0-m {
margin-left: 0;
}
.ml1-m {
margin-left: 0.25rem;
}
.ml2-m {
margin-left: 0.5rem;
}
.ml3-m {
margin-left: 1rem;
}
.ml4-m {
margin-left: 1.5rem;
}
.ml5-m {
margin-left: 2rem;
}
.ml6-m {
margin-left: 3rem;
}
.ml7-m {
margin-left: 4rem;
}
.ml8-m {
margin-left: 8rem;
}
.ml9-m {
margin-left: 16rem;
}
.mr0-m {
margin-right: 0;
}
.mr1-m {
margin-right: 0.25rem;
}
.mr2-m {
margin-right: 0.5rem;
}
.mr3-m {
margin-right: 1rem;
}
.mr4-m {
margin-right: 1.5rem;
}
.mr5-m {
margin-right: 2rem;
}
.mr6-m {
margin-right: 3rem;
}
.mr7-m {
margin-right: 4rem;
}
.mr8-m {
margin-right: 8rem;
}
.mr9-m {
margin-right: 16rem;
}
.mb0-m {
margin-bottom: 0;
}
.mb1-m {
margin-bottom: 0.25rem;
}
.mb2-m {
margin-bottom: 0.5rem;
}
.mb3-m {
margin-bottom: 1rem;
}
.mb4-m {
margin-bottom: 1.5rem;
}
.mb5-m {
margin-bottom: 2rem;
}
.mb6-m {
margin-bottom: 3rem;
}
.mb7-m {
margin-bottom: 4rem;
}
.mb8-m {
margin-bottom: 8rem;
}
.mb9-m {
margin-bottom: 16rem;
}
.mt0-m {
margin-top: 0;
}
.mt1-m {
margin-top: 0.25rem;
}
.mt2-m {
margin-top: 0.5rem;
}
.mt3-m {
margin-top: 1rem;
}
.mt4-m {
margin-top: 1.5rem;
}
.mt5-m {
margin-top: 2rem;
}
.mt6-m {
margin-top: 3rem;
}
.mt7-m {
margin-top: 4rem;
}
.mt8-m {
margin-top: 8rem;
}
.mt9-m {
margin-top: 16rem;
}
.mv0-m {
margin-top: 0;
margin-bottom: 0;
}
.mv1-m {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-m {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3-m {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-m {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mv5-m {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv6-m {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mv7-m {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv8-m {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv9-m {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-m {
margin-left: 0;
margin-right: 0;
}
.mh1-m {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2-m {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3-m {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-m {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mh5-m {
margin-left: 2rem;
margin-right: 2rem;
}
.mh6-m {
margin-left: 3rem;
margin-right: 3rem;
}
.mh7-m {
margin-left: 4rem;
margin-right: 4rem;
}
.mh8-m {
margin-left: 8rem;
margin-right: 8rem;
}
.mh9-m {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-m {
margin: -0.25rem;
}
.na2-m {
margin: -0.5rem;
}
.na3-m {
margin: -1rem;
}
.na4-m {
margin: -2rem;
}
.na5-m {
margin: -4rem;
}
.na6-m {
margin: -8rem;
}
.na7-m {
margin: -16rem;
}
.nl1-m {
margin-left: -0.25rem;
}
.nl2-m {
margin-left: -0.5rem;
}
.nl3-m {
margin-left: -1rem;
}
.nl4-m {
margin-left: -2rem;
}
.nl5-m {
margin-left: -4rem;
}
.nl6-m {
margin-left: -8rem;
}
.nl7-m {
margin-left: -16rem;
}
.nr1-m {
margin-right: -0.25rem;
}
.nr2-m {
margin-right: -0.5rem;
}
.nr3-m {
margin-right: -1rem;
}
.nr4-m {
margin-right: -2rem;
}
.nr5-m {
margin-right: -4rem;
}
.nr6-m {
margin-right: -8rem;
}
.nr7-m {
margin-right: -16rem;
}
.nb1-m {
margin-bottom: -0.25rem;
}
.nb2-m {
margin-bottom: -0.5rem;
}
.nb3-m {
margin-bottom: -1rem;
}
.nb4-m {
margin-bottom: -2rem;
}
.nb5-m {
margin-bottom: -4rem;
}
.nb6-m {
margin-bottom: -8rem;
}
.nb7-m {
margin-bottom: -16rem;
}
.nt1-m {
margin-top: -0.25rem;
}
.nt2-m {
margin-top: -0.5rem;
}
.nt3-m {
margin-top: -1rem;
}
.nt4-m {
margin-top: -2rem;
}
.nt5-m {
margin-top: -4rem;
}
.nt6-m {
margin-top: -8rem;
}
.nt7-m {
margin-top: -16rem;
}
.gap0-m {
gap: 0;
}
.gap1-m {
gap: 0.25rem;
}
.gap2-m {
gap: 0.5rem;
}
.gap3-m {
gap: 1rem;
}
.gap4-m {
gap: 1.5rem;
}
.gap5-m {
gap: 2rem;
}
.gap6-m {
gap: 3rem;
}
.gap7-m {
gap: 4rem;
}
.gap8-m {
gap: 8rem;
}
.gap9-m {
gap: 16rem;
}
.cl-gap0-m {
column-gap: 0;
}
.cl-gap1-m {
column-gap: 0.25rem;
}
.cl-gap2-m {
column-gap: 0.5rem;
}
.cl-gap3-m {
column-gap: 1rem;
}
.cl-gap4-m {
column-gap: 1.5rem;
}
.cl-gap5-m {
column-gap: 2rem;
}
.cl-gap6-m {
column-gap: 3rem;
}
.cl-gap7-m {
column-gap: 4rem;
}
.cl-gap8-m {
column-gap: 8rem;
}
.cl-gap9-m {
column-gap: 16rem;
}
.rw-gap0-m {
row-gap: 0;
}
.rw-gap1-m {
row-gap: 0.25rem;
}
.rw-gap2-m {
row-gap: 0.5rem;
}
.rw-gap3-m {
row-gap: 1rem;
}
.rw-gap4-m {
row-gap: 1.5rem;
}
.rw-gap5-m {
row-gap: 2rem;
}
.rw-gap6-m {
row-gap: 3rem;
}
.rw-gap7-m {
row-gap: 4rem;
}
.rw-gap8-m {
row-gap: 8rem;
}
.rw-gap9-m {
row-gap: 16rem;
}
.strike-m {
text-decoration: line-through;
}
.underline-m {
text-decoration: underline;
}
.no-underline-m {
text-decoration: none;
}
.tl-m {
text-align: left;
}
.tr-m {
text-align: right;
}
.tc-m {
text-align: center;
}
.tj-m {
text-align: justify;
}
.ttc-m {
text-transform: capitalize;
}
.ttl-m {
text-transform: lowercase;
}
.ttu-m {
text-transform: uppercase;
}
.ttn-m {
text-transform: none;
}
.f-headline-m {
font-size: 5rem;
}
.f-subheadline-m {
font-size: 4rem;
}
.f1-m {
font-size: 4rem;
}
.f2-m {
font-size: 3rem;
}
.f3-m {
font-size: 2rem;
}
.f4-m {
font-size: 1.5rem;
}
.f5-m {
font-size: 1.25rem;
}
.f6-m {
font-size: 1.125rem;
}
.f7-m {
font-size: 1rem;
}
.f8-m {
font-size: 0.875rem;
}
.f9-m {
font-size: 0.75rem;
}
.measure-m {
max-width: 30em;
}
.measure-wide-m {
max-width: 34em;
}
.measure-narrow-m {
max-width: 20em;
}
.indent-m {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-m {
font-variant: small-caps;
}
.truncate-m {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-m {
margin-left: auto;
}
.center-m,
.mr-auto-m {
margin-right: auto;
}
.ml-auto-m {
margin-left: auto;
}
.clip-m {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-m {
white-space: normal;
}
.nowrap-m {
white-space: nowrap;
}
.pre-m {
white-space: pre;
}
.v-base-m {
vertical-align: baseline;
}
.v-mid-m {
vertical-align: middle;
}
.v-top-m {
vertical-align: top;
}
.v-btm-m {
vertical-align: bottom;
}
.grid-m {
display: grid;
}
.grid-col-1-m {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2-m {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3-m {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4-m {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5-m {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6-m {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7-m {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8-m {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-col-9-m {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-col-10-m {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-col-11-m {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-col-12-m {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-col-auto-m {
grid-column: auto;
}
.grid-col-span-1-m {
grid-column: span 1 / span 1;
}
.grid-col-span-2-m {
grid-column: span 2 / span 2;
}
.grid-col-span-3-m {
grid-column: span 3 / span 3;
}
.grid-col-span-4-m {
grid-column: span 4 / span 4;
}
.grid-col-span-5-m {
grid-column: span 5 / span 5;
}
.grid-col-span-6-m {
grid-column: span 6 / span 6;
}
.grid-col-span-8-m {
grid-column: span 8 / span 8;
}
.grid-col-span-9-m {
grid-column: span 9 / span 9;
}
.grid-col-span-10-m {
grid-column: span 10 / span 10;
}
.grid-col-span-11-m {
grid-column: span 11 / span 11;
}
.grid-col-span-12-m {
grid-column: span 12 / span 12;
}
.grid-col-span-full-m {
grid-column: 1 / -1;
}
.gap0-m {
gap: 0;
}
.gap1-m {
gap: 0.25rem;
}
.gap2-m {
gap: 0.5rem;
}
.gap3-m {
gap: 1rem;
}
.gap4-m {
gap: 1.5rem;
}
.gap5-m {
gap: 2rem;
}
.gap6-m {
gap: 3rem;
}
.gap7-m {
gap: 4rem;
}
.gap8-m {
gap: 8rem;
}
.gap9-m {
gap: 16rem;
}
.cl-gap0-m {
column-gap: 0;
}
.cl-gap1-m {
column-gap: 0.25rem;
}
.cl-gap2-m {
column-gap: 0.5rem;
}
.cl-gap3-m {
column-gap: 1rem;
}
.cl-gap4-m {
column-gap: 1.5rem;
}
.cl-gap5-m {
column-gap: 2rem;
}
.cl-gap6-m {
column-gap: 3rem;
}
.cl-gap7-m {
column-gap: 4rem;
}
.cl-gap8-m {
column-gap: 8rem;
}
.cl-gap9-m {
column-gap: 16rem;
}
.rw-gap0-m {
row-gap: 0;
}
.rw-gap1-m {
row-gap: 0.25rem;
}
.rw-gap2-m {
row-gap: 0.5rem;
}
.rw-gap3-m {
row-gap: 1rem;
}
.rw-gap4-m {
row-gap: 1.5rem;
}
.rw-gap5-m {
row-gap: 2rem;
}
.rw-gap6-m {
row-gap: 3rem;
}
.rw-gap7-m {
row-gap: 4rem;
}
.rw-gap8-m {
row-gap: 8rem;
}
.rw-gap9-m {
row-gap: 16rem;
}
}
@media screen and (min-width: 1024px) {
.header__menu-list ul {
display: none;
position: absolute;
top: 3em;
left: 0;
z-index: 1000;
width: 16rem;
background: #fff;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.header__menu-list li:hover > ul {
display: block;
}
.header__menu-list li {
position: relative;
}
.aspect-ratio-l {
height: 0;
position: relative;
}
.aspect-ratio--16x9-l {
padding-bottom: 56.25%;
}
.aspect-ratio--9x16-l {
padding-bottom: 177.77%;
}
.aspect-ratio--4x3-l {
padding-bottom: 75%;
}
.aspect-ratio--3x4-l {
padding-bottom: 133.33%;
}
.aspect-ratio--6x4-l {
padding-bottom: 66.6%;
}
.aspect-ratio--4x6-l {
padding-bottom: 150%;
}
.aspect-ratio--8x5-l {
padding-bottom: 62.5%;
}
.aspect-ratio--5x8-l {
padding-bottom: 160%;
}
.aspect-ratio--7x5-l {
padding-bottom: 71.42%;
}
.aspect-ratio--5x7-l {
padding-bottom: 140%;
}
.aspect-ratio--1x1-l {
padding-bottom: 100%;
}
.aspect-ratio--object-l {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.cover-l {
background-size: cover !important;
}
.contain-l {
background-size: contain !important;
}
.bg-center-l {
background-position: 50%;
}
.bg-center-l,
.bg-top-l {
background-repeat: no-repeat;
}
.bg-top-l {
background-position: top;
}
.bg-right-l {
background-position: 100%;
}
.bg-bottom-l,
.bg-right-l {
background-repeat: no-repeat;
}
.bg-bottom-l {
background-position: bottom;
}
.bg-left-l {
background-repeat: no-repeat;
background-position: 0;
}
.outline-l {
outline: 1px solid;
}
.outline-transparent-l {
outline: 1px solid transparent;
}
.outline-0-l {
outline: 0;
}
.ba-l {
border-style: solid;
border-width: 1px;
}
.bt-l {
border-top-style: solid;
border-top-width: 1px;
}
.br-l {
border-right-style: solid;
border-right-width: 1px;
}
.bb-l {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-l {
border-left-style: solid;
border-left-width: 1px;
}
.bn-l {
border-style: none;
border-width: 0;
}
.br0-l {
border-radius: 0;
}
.br1-l {
border-radius: 0.125rem;
}
.br2-l {
border-radius: 0.25rem;
}
.br3-l {
border-radius: 0.5rem;
}
.br4-l {
border-radius: 1rem;
}
.br-100-l {
border-radius: 100%;
}
.br-pill-l {
border-radius: 9999px;
}
.br--bottom-l {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-l {
border-bottom-right-radius: 0;
}
.br--right-l,
.br--top-l {
border-bottom-left-radius: 0;
}
.br--right-l {
border-top-left-radius: 0;
}
.br--left-l {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.br-inherit-l {
border-radius: inherit;
}
.br-initial-l {
border-radius: initial;
}
.br-unset-l {
border-radius: unset;
}
.b--dotted-l {
border-style: dotted;
}
.b--dashed-l {
border-style: dashed;
}
.b--solid-l {
border-style: solid;
}
.b--none-l {
border-style: none;
}
.bw0-l {
border-width: 0;
}
.bw1-l {
border-width: 0.125rem;
}
.bw2-l {
border-width: 0.25rem;
}
.bw3-l {
border-width: 0.5rem;
}
.bw4-l {
border-width: 1rem;
}
.bw5-l {
border-width: 2rem;
}
.bt-0-l {
border-top-width: 0;
}
.br-0-l {
border-right-width: 0;
}
.bb-0-l {
border-bottom-width: 0;
}
.bl-0-l {
border-left-width: 0;
}
.shadow-1-l {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-l {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-l {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-l {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-l {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-l {
top: 0;
}
.left-0-l {
left: 0;
}
.right-0-l {
right: 0;
}
.bottom-0-l {
bottom: 0;
}
.top-1-l {
top: 1rem;
}
.left-1-l {
left: 1rem;
}
.right-1-l {
right: 1rem;
}
.bottom-1-l {
bottom: 1rem;
}
.top-2-l {
top: 2rem;
}
.left-2-l {
left: 2rem;
}
.right-2-l {
right: 2rem;
}
.bottom-2-l {
bottom: 2rem;
}
.top--1-l {
top: -1rem;
}
.right--1-l {
right: -1rem;
}
.bottom--1-l {
bottom: -1rem;
}
.left--1-l {
left: -1rem;
}
.top--2-l {
top: -2rem;
}
.right--2-l {
right: -2rem;
}
.bottom--2-l {
bottom: -2rem;
}
.left--2-l {
left: -2rem;
}
.absolute--fill-l {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-l {
clear: left;
}
.cr-l {
clear: right;
}
.cb-l {
clear: both;
}
.cn-l {
clear: none;
}
.dn-l {
display: none;
}
.di-l {
display: inline;
}
.db-l {
display: block;
}
.dib-l {
display: inline-block;
}
.dit-l {
display: inline-table;
}
.dt-l {
display: table;
}
.dtc-l {
display: table-cell;
}
.dt-row-l {
display: table-row;
}
.dt-row-group-l {
display: table-row-group;
}
.dt-column-l {
display: table-column;
}
.dt-column-group-l {
display: table-column-group;
}
.dt--fixed-l {
table-layout: fixed;
width: 100%;
}
.flex-l {
display: flex;
}
.inline-flex-l {
display: inline-flex;
}
.flex-auto-l {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-l {
flex: none;
}
.flex-column-l {
flex-direction: column;
}
.flex-row-l {
flex-direction: row;
}
.flex-wrap-l {
flex-wrap: wrap;
}
.flex-nowrap-l {
flex-wrap: nowrap;
}
.flex-wrap-reverse-l {
flex-wrap: wrap-reverse;
}
.flex-column-reverse-l {
flex-direction: column-reverse;
}
.flex-row-reverse-l {
flex-direction: row-reverse;
}
.items-start-l {
align-items: flex-start;
}
.items-end-l {
align-items: flex-end;
}
.items-center-l {
align-items: center;
}
.items-baseline-l {
align-items: baseline;
}
.items-stretch-l {
align-items: stretch;
}
.self-start-l {
align-self: flex-start;
}
.self-end-l {
align-self: flex-end;
}
.self-center-l {
align-self: center;
}
.self-baseline-l {
align-self: baseline;
}
.self-stretch-l {
align-self: stretch;
}
.justify-start-l {
justify-content: flex-start;
}
.justify-end-l {
justify-content: flex-end;
}
.justify-center-l {
justify-content: center;
}
.justify-between-l {
justify-content: space-between;
}
.justify-around-l {
justify-content: space-around;
}
.content-start-l {
align-content: flex-start;
}
.content-end-l {
align-content: flex-end;
}
.content-center-l {
align-content: center;
}
.content-between-l {
align-content: space-between;
}
.content-around-l {
align-content: space-around;
}
.content-stretch-l {
align-content: stretch;
}
.order-0-l {
order: 0;
}
.order-1-l {
order: 1;
}
.order-2-l {
order: 2;
}
.order-3-l {
order: 3;
}
.order-4-l {
order: 4;
}
.order-5-l {
order: 5;
}
.order-6-l {
order: 6;
}
.order-7-l {
order: 7;
}
.order-8-l {
order: 8;
}
.order-last-l {
order: 99999;
}
.flex-grow-0-l {
flex-grow: 0;
}
.flex-grow-1-l {
flex-grow: 1;
}
.flex-shrink-0-l {
flex-shrink: 0;
}
.flex-shrink-1-l {
flex-shrink: 1;
}
.grid-l {
display: grid;
}
.grid-col-1-l {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2-l {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3-l {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4-l {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5-l {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6-l {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7-l {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8-l {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-col-9-l {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-col-10-l {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-col-11-l {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-col-12-l {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-col-auto-l {
grid-column: auto;
}
.grid-col-span-1-l {
grid-column: span 1 / span 1;
}
.grid-col-span-2-l {
grid-column: span 2 / span 2;
}
.grid-col-span-3-l {
grid-column: span 3 / span 3;
}
.grid-col-span-4-l {
grid-column: span 4 / span 4;
}
.grid-col-span-5-l {
grid-column: span 5 / span 5;
}
.grid-col-span-6-l {
grid-column: span 6 / span 6;
}
.grid-col-span-8-l {
grid-column: span 8 / span 8;
}
.grid-col-span-9-l {
grid-column: span 9 / span 9;
}
.grid-col-span-10-l {
grid-column: span 10 / span 10;
}
.grid-col-span-11-l {
grid-column: span 11 / span 11;
}
.grid-col-span-12-l {
grid-column: span 12 / span 12;
}
.grid-col-span-full-l {
grid-column: 1 / -1;
}
.fl-l {
float: left;
}
.fl-l,
.fr-l {
_display: inline;
}
.fr-l {
float: right;
}
.fn-l {
float: none;
}
.i-l {
font-style: italic;
}
.fs-normal-l {
font-style: normal;
}
.normal-l {
font-weight: 400;
}
.b-l {
font-weight: 700;
}
.fw1-l {
font-weight: 100;
}
.fw2-l {
font-weight: 200;
}
.fw3-l {
font-weight: 300;
}
.fw4-l {
font-weight: 400;
}
.fw5-l {
font-weight: 500;
}
.fw6-l {
font-weight: 600;
}
.fw7-l {
font-weight: 700;
}
.fw8-l {
font-weight: 800;
}
.fw9-l {
font-weight: 900;
}
.h1-l {
height: 1rem;
}
.h2-l {
height: 1.5rem;
}
.h3-l {
height: 2rem;
}
.h4-l {
height: 3rem;
}
.h5-l {
height: 4rem;
}
.h6-l {
height: 5rem;
}
.h7-l {
height: 6rem;
}
.h8-l {
height: 8rem;
}
.h9-l {
height: 16rem;
}
.h-25-l {
height: 25%;
}
.h-50-l {
height: 50%;
}
.h-75-l {
height: 75%;
}
.h-100-l {
height: 100%;
}
.min-h-100-l {
min-height: 100%;
}
.vh-25-l {
height: 25vh;
}
.vh-50-l {
height: 50vh;
}
.vh-75-l {
height: 75vh;
}
.vh-100-l {
height: 100vh;
}
.min-vh-100-l {
min-height: 100vh;
}
.h-auto-l {
height: auto;
}
.h-inherit-l {
height: inherit;
}
.tracked-l {
letter-spacing: 0.1em;
}
.tracked-tight-l {
letter-spacing: -0.05em;
}
.tracked-mega-l {
letter-spacing: 0.25em;
}
.lh-solid-l {
line-height: 1;
}
.lh-title-l {
line-height: 1.25;
}
.lh-copy-l {
line-height: 1.5;
}
.mw-100-l {
max-width: 100%;
}
.mw-93-l {
max-width: 93%;
}
.mw1-l {
max-width: 1rem;
}
.mw2-l {
max-width: 2rem;
}
.mw3-l {
max-width: 4rem;
}
.mw4-l {
max-width: 8rem;
}
.mw5-l {
max-width: 16rem;
}
.mw6-l {
max-width: 32rem;
}
.mw7-l {
max-width: 48rem;
}
.mw8-l {
max-width: 64rem;
}
.mw9-l {
max-width: 80rem;
}
.mw10-l {
max-width: 96rem;
}
.mw-none-l {
max-width: none;
}
.w1-l {
width: 1rem;
}
.w2-l {
width: 1.5rem;
}
.w3-l {
width: 2rem;
}
.w4-l {
width: 3rem;
}
.w5-l {
width: 4rem;
}
.w6-l {
width: 5rem;
}
.w7-l {
width: 6rem;
}
.w8-l {
width: 8rem;
}
.w9-l {
width: 16rem;
}
.w-10-l {
width: 10%;
}
.w-15-l {
width: 15%;
}
.w-20-l {
width: 20%;
}
.w-25-l {
width: 25%;
}
.w-30-l {
width: 30%;
}
.w-third-l {
width: 33.33%;
}
.w-34-l {
width: 34%;
}
.w-40-l {
width: 40%;
}
.w-50-l {
width: 50%;
}
.w-60-l {
width: 60%;
}
.w-two-thirds-l {
width: 66.66%;
}
.w-70-l {
width: 70%;
}
.w-75-l {
width: 75%;
}
.w-80-l {
width: 80%;
}
.w-90-l {
width: 90%;
}
.w-100-l {
width: 100%;
}
.w-third-l {
width: 33.33333%;
}
.w-two-thirds-l {
width: 66.66667%;
}
.w-auto-l {
width: auto;
}
.overflow-visible-l {
overflow: visible;
}
.overflow-hidden-l {
overflow: hidden;
}
.overflow-scroll-l {
overflow: scroll;
}
.overflow-auto-l {
overflow: auto;
}
.overflow-x-visible-l {
overflow-x: visible;
}
.overflow-x-hidden-l {
overflow-x: hidden;
}
.overflow-x-scroll-l {
overflow-x: scroll;
}
.overflow-x-auto-l {
overflow-x: auto;
}
.overflow-y-visible-l {
overflow-y: visible;
}
.overflow-y-hidden-l {
overflow-y: hidden;
}
.overflow-y-scroll-l {
overflow-y: scroll;
}
.overflow-y-auto-l {
overflow-y: auto;
}
.static-l {
position: static;
}
.relative-l {
position: relative;
}
.absolute-l {
position: absolute;
}
.fixed-l {
position: fixed;
}
.rotate-45-l {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-l {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-l {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-l {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-l {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-l {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-l {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-l {
padding: 0;
}
.pa1-l {
padding: 0.25rem;
}
.pa2-l {
padding: 0.5rem;
}
.pa3-l {
padding: 1rem;
}
.pa4-l {
padding: 1.5rem;
}
.pa5-l {
padding: 2rem;
}
.pa6-l {
padding: 3rem;
}
.pa7-l {
padding: 4rem;
}
.pa8-l {
padding: 8rem;
}
.pa9-l {
padding: 16rem;
}
.pl0-l {
padding-left: 0;
}
.pl1-l {
padding-left: 0.25rem;
}
.pl2-l {
padding-left: 0.5rem;
}
.pl3-l {
padding-left: 1rem;
}
.pl4-l {
padding-left: 1.5rem;
}
.pl5-l {
padding-left: 2rem;
}
.pl6-l {
padding-left: 3rem;
}
.pl7-l {
padding-left: 4rem;
}
.pl8-l {
padding-left: 8rem;
}
.pl9-l {
padding-left: 16rem;
}
.pr0-l {
padding-right: 0;
}
.pr1-l {
padding-right: 0.25rem;
}
.pr2-l {
padding-right: 0.5rem;
}
.pr3-l {
padding-right: 1rem;
}
.pr4-l {
padding-right: 1.5rem;
}
.pr5-l {
padding-right: 2rem;
}
.pr6-l {
padding-right: 3rem;
}
.pr7-l {
padding-right: 4rem;
}
.pr8-l {
padding-right: 8rem;
}
.pr9-l {
padding-right: 16rem;
}
.pb0-l {
padding-bottom: 0;
}
.pb1-l {
padding-bottom: 0.25rem;
}
.pb2-l {
padding-bottom: 0.5rem;
}
.pb3-l {
padding-bottom: 1rem;
}
.pb4-l {
padding-bottom: 1.5rem;
}
.pb5-l {
padding-bottom: 2rem;
}
.pb6-l {
padding-bottom: 3rem;
}
.pb7-l {
padding-bottom: 4rem;
}
.pb8-l {
padding-bottom: 8rem;
}
.pb9-l {
padding-bottom: 16rem;
}
.pt0-l {
padding-top: 0;
}
.pt1-l {
padding-top: 0.25rem;
}
.pt2-l {
padding-top: 0.5rem;
}
.pt3-l {
padding-top: 1rem;
}
.pt4-l {
padding-top: 1.5rem;
}
.pt5-l {
padding-top: 2rem;
}
.pt6-l {
padding-top: 3rem;
}
.pt7-l {
padding-top: 4rem;
}
.pt8-l {
padding-top: 8rem;
}
.pt9-l {
padding-top: 16rem;
}
.pv0-l {
padding-top: 0;
padding-bottom: 0;
}
.pv1-l {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-l {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3-l {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-l {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pv5-l {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv6-l {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pv7-l {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv8-l {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv9-l {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-l {
padding-left: 0;
padding-right: 0;
}
.ph1-l {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2-l {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3-l {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-l {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ph5-l {
padding-left: 2rem;
padding-right: 2rem;
}
.ph6-l {
padding-left: 3rem;
padding-right: 3rem;
}
.ph7-l {
padding-left: 4rem;
padding-right: 4rem;
}
.ph8-l {
padding-left: 8rem;
padding-right: 8rem;
}
.ph9-l {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-l {
margin: 0;
}
.ma1-l {
margin: 0.25rem;
}
.ma2-l {
margin: 0.5rem;
}
.ma3-l {
margin: 1rem;
}
.ma4-l {
margin: 1.5rem;
}
.ma5-l {
margin: 2rem;
}
.ma6-l {
margin: 3rem;
}
.ma7-l {
margin: 4rem;
}
.ma8-l {
margin: 8rem;
}
.ma9-l {
margin: 16rem;
}
.ml0-l {
margin-left: 0;
}
.ml1-l {
margin-left: 0.25rem;
}
.ml2-l {
margin-left: 0.5rem;
}
.ml3-l {
margin-left: 1rem;
}
.ml4-l {
margin-left: 1.5rem;
}
.ml5-l {
margin-left: 2rem;
}
.ml6-l {
margin-left: 3rem;
}
.ml7-l {
margin-left: 4rem;
}
.ml8-l {
margin-left: 8rem;
}
.ml9-l {
margin-left: 16rem;
}
.mr0-l {
margin-right: 0;
}
.mr1-l {
margin-right: 0.25rem;
}
.mr2-l {
margin-right: 0.5rem;
}
.mr3-l {
margin-right: 1rem;
}
.mr4-l {
margin-right: 1.5rem;
}
.mr5-l {
margin-right: 2rem;
}
.mr6-l {
margin-right: 3rem;
}
.mr7-l {
margin-right: 4rem;
}
.mr8-l {
margin-right: 8rem;
}
.mr9-l {
margin-right: 16rem;
}
.mb0-l {
margin-bottom: 0;
}
.mb1-l {
margin-bottom: 0.25rem;
}
.mb2-l {
margin-bottom: 0.5rem;
}
.mb3-l {
margin-bottom: 1rem;
}
.mb4-l {
margin-bottom: 1.5rem;
}
.mb5-l {
margin-bottom: 2rem;
}
.mb6-l {
margin-bottom: 3rem;
}
.mb7-l {
margin-bottom: 4rem;
}
.mb8-l {
margin-bottom: 8rem;
}
.mb9-l {
margin-bottom: 16rem;
}
.mt0-l {
margin-top: 0;
}
.mt1-l {
margin-top: 0.25rem;
}
.mt2-l {
margin-top: 0.5rem;
}
.mt3-l {
margin-top: 1rem;
}
.mt4-l {
margin-top: 1.5rem;
}
.mt5-l {
margin-top: 2rem;
}
.mt6-l {
margin-top: 3rem;
}
.mt7-l {
margin-top: 4rem;
}
.mt8-l {
margin-top: 8rem;
}
.mt9-l {
margin-top: 16rem;
}
.mv0-l {
margin-top: 0;
margin-bottom: 0;
}
.mv1-l {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-l {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3-l {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-l {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mv5-l {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv6-l {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mv7-l {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv8-l {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv9-l {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-l {
margin-left: 0;
margin-right: 0;
}
.mh1-l {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2-l {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3-l {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-l {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mh5-l {
margin-left: 2rem;
margin-right: 2rem;
}
.mh6-l {
margin-left: 3rem;
margin-right: 3rem;
}
.mh7-l {
margin-left: 4rem;
margin-right: 4rem;
}
.mh8-l {
margin-left: 8rem;
margin-right: 8rem;
}
.mh9-l {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-l {
margin: -0.25rem;
}
.na2-l {
margin: -0.5rem;
}
.na3-l {
margin: -1rem;
}
.na4-l {
margin: -2rem;
}
.na5-l {
margin: -4rem;
}
.na6-l {
margin: -8rem;
}
.na7-l {
margin: -16rem;
}
.nl1-l {
margin-left: -0.25rem;
}
.nl2-l {
margin-left: -0.5rem;
}
.nl3-l {
margin-left: -1rem;
}
.nl4-l {
margin-left: -2rem;
}
.nl5-l {
margin-left: -4rem;
}
.nl6-l {
margin-left: -8rem;
}
.nl7-l {
margin-left: -16rem;
}
.nr1-l {
margin-right: -0.25rem;
}
.nr2-l {
margin-right: -0.5rem;
}
.nr3-l {
margin-right: -1rem;
}
.nr4-l {
margin-right: -2rem;
}
.nr5-l {
margin-right: -4rem;
}
.nr6-l {
margin-right: -8rem;
}
.nr7-l {
margin-right: -16rem;
}
.nb1-l {
margin-bottom: -0.25rem;
}
.nb2-l {
margin-bottom: -0.5rem;
}
.nb3-l {
margin-bottom: -1rem;
}
.nb4-l {
margin-bottom: -2rem;
}
.nb5-l {
margin-bottom: -4rem;
}
.nb6-l {
margin-bottom: -8rem;
}
.nb7-l {
margin-bottom: -16rem;
}
.nt1-l {
margin-top: -0.25rem;
}
.nt2-l {
margin-top: -0.5rem;
}
.nt3-l {
margin-top: -1rem;
}
.nt4-l {
margin-top: -2rem;
}
.nt5-l {
margin-top: -4rem;
}
.nt6-l {
margin-top: -8rem;
}
.nt7-l {
margin-top: -16rem;
}
.gap0-l {
gap: 0;
}
.gap1-l {
gap: 0.25rem;
}
.gap2-l {
gap: 0.5rem;
}
.gap3-l {
gap: 1rem;
}
.gap4-l {
gap: 1.5rem;
}
.gap5-l {
gap: 2rem;
}
.gap6-l {
gap: 3rem;
}
.gap7-l {
gap: 4rem;
}
.gap8-l {
gap: 8rem;
}
.gap9-l {
gap: 16rem;
}
.cl-gap0-l {
column-gap: 0;
}
.cl-gap1-l {
column-gap: 0.25rem;
}
.cl-gap2-l {
column-gap: 0.5rem;
}
.cl-gap3-l {
column-gap: 1rem;
}
.cl-gap4-l {
column-gap: 1.5rem;
}
.cl-gap5-l {
column-gap: 2rem;
}
.cl-gap6-l {
column-gap: 3rem;
}
.cl-gap7-l {
column-gap: 4rem;
}
.cl-gap8-l {
column-gap: 8rem;
}
.cl-gap9-l {
column-gap: 16rem;
}
.rw-gap0-l {
row-gap: 0;
}
.rw-gap1-l {
row-gap: 0.25rem;
}
.rw-gap2-l {
row-gap: 0.5rem;
}
.rw-gap3-l {
row-gap: 1rem;
}
.rw-gap4-l {
row-gap: 1.5rem;
}
.rw-gap5-l {
row-gap: 2rem;
}
.rw-gap6-l {
row-gap: 3rem;
}
.rw-gap7-l {
row-gap: 4rem;
}
.rw-gap8-l {
row-gap: 8rem;
}
.rw-gap9-l {
row-gap: 16rem;
}
.strike-l {
text-decoration: line-through;
}
.underline-l {
text-decoration: underline;
}
.no-underline-l {
text-decoration: none;
}
.tl-l {
text-align: left;
}
.tr-l {
text-align: right;
}
.tc-l {
text-align: center;
}
.tj-l {
text-align: justify;
}
.ttc-l {
text-transform: capitalize;
}
.ttl-l {
text-transform: lowercase;
}
.ttu-l {
text-transform: uppercase;
}
.ttn-l {
text-transform: none;
}
.f-headline-l {
font-size: 5rem;
}
.f-subheadline-l {
font-size: 4rem;
}
.f1-l {
font-size: 4rem;
}
.f2-l {
font-size: 3rem;
}
.f3-l {
font-size: 2rem;
}
.f4-l {
font-size: 1.5rem;
}
.f5-l {
font-size: 1.25rem;
}
.f6-l {
font-size: 1.125rem;
}
.f7-l {
font-size: 1rem;
}
.f8-l {
font-size: 0.875rem;
}
.f9-l {
font-size: 0.75rem;
}
.measure-l {
max-width: 30em;
}
.measure-wide-l {
max-width: 34em;
}
.measure-narrow-l {
max-width: 20em;
}
.indent-l {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-l {
font-variant: small-caps;
}
.truncate-l {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-l {
margin-left: auto;
}
.center-l,
.mr-auto-l {
margin-right: auto;
}
.ml-auto-l {
margin-left: auto;
}
.clip-l {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-l {
white-space: normal;
}
.nowrap-l {
white-space: nowrap;
}
.pre-l {
white-space: pre;
}
.v-base-l {
vertical-align: baseline;
}
.v-mid-l {
vertical-align: middle;
}
.v-top-l {
vertical-align: top;
}
.v-btm-l {
vertical-align: bottom;
}
}
@media screen and (min-width: 1440px) {
.cover-xl {
background-size: cover !important;
}
.contain-xl {
background-size: contain !important;
}
.bg-center-xl {
background-position: 50%;
}
.bg-center-xl,
.bg-top-xl {
background-repeat: no-repeat;
}
.bg-top-xl {
background-position: top;
}
.bg-right-xl {
background-position: 100%;
}
.bg-bottom-xl,
.bg-right-xl {
background-repeat: no-repeat;
}
.bg-bottom-xl {
background-position: bottom;
}
.bg-left-xl {
background-repeat: no-repeat;
background-position: 0;
}
.outline-xl {
outline: 1px solid;
}
.outline-transparent-xl {
outline: 1px solid transparent;
}
.outline-0-xl {
outline: 0;
}
.ba-xl {
border-style: solid;
border-width: 1px;
}
.bt-xl {
border-top-style: solid;
border-top-width: 1px;
}
.br-xl {
border-right-style: solid;
border-right-width: 1px;
}
.bb-xl {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.bl-xl {
border-left-style: solid;
border-left-width: 1px;
}
.bn-xl {
border-style: none;
border-width: 0;
}
.br0-xl {
border-radius: 0;
}
.br1-xl {
border-radius: 0.125rem;
}
.br2-xl {
border-radius: 0.25rem;
}
.br3-xl {
border-radius: 0.5rem;
}
.br4-xl {
border-radius: 1rem;
}
.br-100-xl {
border-radius: 100%;
}
.br-pill-xl {
border-radius: 9999px;
}
.br--bottom-xl {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.br--top-xl {
border-bottom-right-radius: 0;
}
.br--right-xl,
.br--top-xl {
border-bottom-left-radius: 0;
}
.br--right-xl {
border-top-left-radius: 0;
}
.br--left-xl {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.br-inherit-xl {
border-radius: inherit;
}
.br-initial-xl {
border-radius: initial;
}
.br-unset-xl {
border-radius: unset;
}
.b--dotted-xl {
border-style: dotted;
}
.b--dashed-xl {
border-style: dashed;
}
.b--solid-xl {
border-style: solid;
}
.b--none-xl {
border-style: none;
}
.bw0-xl {
border-width: 0;
}
.bw1-xl {
border-width: 0.125rem;
}
.bw2-xl {
border-width: 0.25rem;
}
.bw3-xl {
border-width: 0.5rem;
}
.bw4-xl {
border-width: 1rem;
}
.bw5-xl {
border-width: 2rem;
}
.bt-0-xl {
border-top-width: 0;
}
.br-0-xl {
border-right-width: 0;
}
.bb-0-xl {
border-bottom-width: 0;
}
.bl-0-xl {
border-left-width: 0;
}
.shadow-1-xl {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2-xl {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3-xl {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4-xl {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5-xl {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.top-0-xl {
top: 0;
}
.left-0-xl {
left: 0;
}
.right-0-xl {
right: 0;
}
.bottom-0-xl {
bottom: 0;
}
.top-1-xl {
top: 1rem;
}
.left-1-xl {
left: 1rem;
}
.right-1-xl {
right: 1rem;
}
.bottom-1-xl {
bottom: 1rem;
}
.top-2-xl {
top: 2rem;
}
.left-2-xl {
left: 2rem;
}
.right-2-xl {
right: 2rem;
}
.bottom-2-xl {
bottom: 2rem;
}
.top--1-xl {
top: -1rem;
}
.right--1-xl {
right: -1rem;
}
.bottom--1-xl {
bottom: -1rem;
}
.left--1-xl {
left: -1rem;
}
.top--2-xl {
top: -2rem;
}
.right--2-xl {
right: -2rem;
}
.bottom--2-xl {
bottom: -2rem;
}
.left--2-xl {
left: -2rem;
}
.top--3-xl {
top: -3rem;
}
.right--3-xl {
right: -3rem;
}
.bottom--3-xl {
bottom: -3rem;
}
.left--3-xl {
left: -3rem;
}
.top--4-xl {
top: -4rem;
}
.top--6-xl {
top: -6rem;
}
.right--4-xl {
right: -4rem;
}
.bottom--4-xl {
bottom: -4rem;
}
.left--4-xl {
left: -4rem;
}
.absolute--fill-xl {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cl-xl {
clear: left;
}
.cr-xl {
clear: right;
}
.cb-xl {
clear: both;
}
.cn-xl {
clear: none;
}
.dn-xl {
display: none;
}
.di-xl {
display: inline;
}
.db-xl {
display: block;
}
.dib-xl {
display: inline-block;
}
.dit-xl {
display: inline-table;
}
.dt-xl {
display: table;
}
.dtc-xl {
display: table-cell;
}
.dt-row-xl {
display: table-row;
}
.dt-row-group-xl {
display: table-row-group;
}
.dt-column-xl {
display: table-column;
}
.dt-column-group-xl {
display: table-column-group;
}
.dt--fixed-xl {
table-layout: fixed;
width: 100%;
}
.flex-xl {
display: flex;
}
.inline-flex-xl {
display: inline-flex;
}
.flex-auto-xl {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.flex-none-xl {
flex: none;
}
.flex-column-xl {
flex-direction: column;
}
.flex-row-xl {
flex-direction: row;
}
.flex-wrap-xl {
flex-wrap: wrap;
}
.flex-nowrap-xl {
flex-wrap: nowrap;
}
.flex-wrap-reverse-xl {
flex-wrap: wrap-reverse;
}
.flex-column-reverse-xl {
flex-direction: column-reverse;
}
.flex-row-reverse-xl {
flex-direction: row-reverse;
}
.items-start-xl {
align-items: flex-start;
}
.items-end-xl {
align-items: flex-end;
}
.items-center-xl {
align-items: center;
}
.items-baseline-xl {
align-items: baseline;
}
.items-stretch-xl {
align-items: stretch;
}
.self-start-xl {
align-self: flex-start;
}
.self-end-xl {
align-self: flex-end;
}
.self-center-xl {
align-self: center;
}
.self-baseline-xl {
align-self: baseline;
}
.self-stretch-xl {
align-self: stretch;
}
.justify-start-xl {
justify-content: flex-start;
}
.justify-end-xl {
justify-content: flex-end;
}
.justify-center-xl {
justify-content: center;
}
.justify-between-xl {
justify-content: space-between;
}
.justify-around-xl {
justify-content: space-around;
}
.content-start-xl {
align-content: flex-start;
}
.content-end-xl {
align-content: flex-end;
}
.content-center-xl {
align-content: center;
}
.content-between-xl {
align-content: space-between;
}
.content-around-xl {
align-content: space-around;
}
.content-stretch-xl {
align-content: stretch;
}
.order-0-xl {
order: 0;
}
.order-1-xl {
order: 1;
}
.order-2-xl {
order: 2;
}
.order-3-xl {
order: 3;
}
.order-4-xl {
order: 4;
}
.order-5-xl {
order: 5;
}
.order-6-xl {
order: 6;
}
.order-7-xl {
order: 7;
}
.order-8-xl {
order: 8;
}
.order-xlast-xl {
order: 99999;
}
.flex-grow-0-xl {
flex-grow: 0;
}
.flex-grow-1-xl {
flex-grow: 1;
}
.flex-shrink-0-xl {
flex-shrink: 0;
}
.flex-shrink-1-xl {
flex-shrink: 1;
}
.grid-xl {
display: grid;
}
.grid-col-1-xl {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2-xl {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3-xl {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4-xl {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5-xl {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6-xl {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7-xl {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8-xl {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-col-9-xl {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-col-10-xl {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-col-11-xl {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-col-12-xl {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-col-auto-xl {
grid-column: auto;
}
.grid-col-span-1-xl {
grid-column: span 1 / span 1;
}
.grid-col-span-2-xl {
grid-column: span 2 / span 2;
}
.grid-col-span-3-xl {
grid-column: span 3 / span 3;
}
.grid-col-span-4-xl {
grid-column: span 4 / span 4;
}
.grid-col-span-5-xl {
grid-column: span 5 / span 5;
}
.grid-col-span-6-xl {
grid-column: span 6 / span 6;
}
.grid-col-span-8-xl {
grid-column: span 8 / span 8;
}
.grid-col-span-9-xl {
grid-column: span 9 / span 9;
}
.grid-col-span-10-xl {
grid-column: span 10 / span 10;
}
.grid-col-span-11-xl {
grid-column: span 11 / span 11;
}
.grid-col-span-12-xl {
grid-column: span 12 / span 12;
}
.grid-col-span-full-xl {
grid-column: 1 / -1;
}
.fl-xl {
float: left;
}
.fl-xl,
.fr-xl {
_display: inline;
}
.fr-xl {
float: right;
}
.fn-xl {
float: none;
}
.i-xl {
font-style: italic;
}
.fs-normal-xl {
font-style: normal;
}
.normal-xl {
font-weight: 400;
}
.b-xl {
font-weight: 700;
}
.h1-xl {
height: 1rem;
}
.h2-xl {
height: 1.5rem;
}
.h3-xl {
height: 2rem;
}
.h4-xl {
height: 3rem;
}
.h5-xl {
height: 4rem;
}
.h6-xl {
height: 5rem;
}
.h7-xl {
height: 6rem;
}
.h8-xl {
height: 8rem;
}
.h9-xl {
height: 16rem;
}
.h-25-xl {
height: 25%;
}
.h-50-xl {
height: 50%;
}
.h-75-xl {
height: 75%;
}
.h-100-xl {
height: 100%;
}
.min-h-100-xl {
min-height: 100%;
}
.vh-25-xl {
height: 25vh;
}
.vh-50-xl {
height: 50vh;
}
.vh-75-xl {
height: 75vh;
}
.vh-100-xl {
height: 100vh;
}
.min-vh-100-xl {
min-height: 100vh;
}
.h-auto-xl {
height: auto;
}
.h-inherit-xl {
height: inherit;
}
.tracked-xl {
letter-spacing: 0.1em;
}
.tracked-tight-xl {
letter-spacing: -0.05em;
}
.tracked-mega-xl {
letter-spacing: 0.25em;
}
.lh-solid-xl {
line-height: 1;
}
.lh-title-xl {
line-height: 1.25;
}
.lh-copy-xl {
line-height: 1.5;
}
.mw-100-xl {
max-width: 100%;
}
.mw-93-xl {
max-width: 93%;
}
.mw1-xl {
max-width: 1rem;
}
.mw2-xl {
max-width: 2rem;
}
.mw3-xl {
max-width: 4rem;
}
.mw4-xl {
max-width: 8rem;
}
.mw5-xl {
max-width: 16rem;
}
.mw6-xl {
max-width: 32rem;
}
.mw7-xl {
max-width: 48rem;
}
.mw8-xl {
max-width: 64rem;
}
.mw9-xl {
max-width: 80rem;
}
.mw10-xl {
max-width: 96rem;
}
.mw-none-xl {
max-width: none;
}
.w1-xl {
width: 1rem;
}
.w2-xl {
width: 1.5rem;
}
.w3-xl {
width: 2rem;
}
.w4-xl {
width: 3rem;
}
.w5-xl {
width: 4rem;
}
.w6-xl {
width: 5rem;
}
.w7-xl {
width: 6rem;
}
.w8-xl {
width: 8rem;
}
.w9-xl {
width: 16rem;
}
.w-10-xl {
width: 10%;
}
.w-15-xl {
width: 15%;
}
.w-20-xl {
width: 20%;
}
.w-25-xl {
width: 25%;
}
.w-30-xl {
width: 30%;
}
.w-third-xl {
width: 33.33%;
}
.w-34-xl {
width: 34%;
}
.w-40-xl {
width: 40%;
}
.w-50-xl {
width: 50%;
}
.w-60-xl {
width: 60%;
}
.w-two-thirds-xl {
width: 66.66%;
}
.w-70-xl {
width: 70%;
}
.w-75-xl {
width: 75%;
}
.w-80-xl {
width: 80%;
}
.w-90-xl {
width: 90%;
}
.w-100-xl {
width: 100%;
}
.w-third-xl {
width: 33.33333%;
}
.w-two-thirds-xl {
width: 66.66667%;
}
.w-auto-xl {
width: auto;
}
.overflow-visible-xl {
overflow: visible;
}
.overflow-hidden-xl {
overflow: hidden;
}
.overflow-scroll-xl {
overflow: scroll;
}
.overflow-auto-xl {
overflow: auto;
}
.overflow-x-visible-xl {
overflow-x: visible;
}
.overflow-x-hidden-xl {
overflow-x: hidden;
}
.overflow-x-scroll-xl {
overflow-x: scroll;
}
.overflow-x-auto-xl {
overflow-x: auto;
}
.overflow-y-visible-xl {
overflow-y: visible;
}
.overflow-y-hidden-xl {
overflow-y: hidden;
}
.overflow-y-scroll-xl {
overflow-y: scroll;
}
.overflow-y-auto-xl {
overflow-y: auto;
}
.static-xl {
position: static;
}
.relative-xl {
position: relative;
}
.absolute-xl {
position: absolute;
}
.fixed-xl {
position: fixed;
}
.rotate-45-xl {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rotate-90-xl {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.rotate-135-xl {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.rotate-180-xl {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotate-225-xl {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.rotate-270-xl {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.rotate-315-xl {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.pa0-xl {
padding: 0;
}
.pa1-xl {
padding: 0.25rem;
}
.pa2-xl {
padding: 0.5rem;
}
.pa3-xl {
padding: 1rem;
}
.pa4-xl {
padding: 1.5rem;
}
.pa5-xl {
padding: 2rem;
}
.pa6-xl {
padding: 3rem;
}
.pa7-xl {
padding: 4rem;
}
.pa8-xl {
padding: 8rem;
}
.pa9-xl {
padding: 16rem;
}
.pl0-xl {
padding-left: 0;
}
.pl1-xl {
padding-left: 0.25rem;
}
.pl2-xl {
padding-left: 0.5rem;
}
.pl3-xl {
padding-left: 1rem;
}
.pl4-xl {
padding-left: 1.5rem;
}
.pl5-xl {
padding-left: 2rem;
}
.pl6-xl {
padding-left: 3rem;
}
.pl7-xl {
padding-left: 4rem;
}
.pl8-xl {
padding-left: 8rem;
}
.pl9-xl {
padding-left: 16rem;
}
.pr0-xl {
padding-right: 0;
}
.pr1-xl {
padding-right: 0.25rem;
}
.pr2-xl {
padding-right: 0.5rem;
}
.pr3-xl {
padding-right: 1rem;
}
.pr4-xl {
padding-right: 1.5rem;
}
.pr5-xl {
padding-right: 2rem;
}
.pr6-xl {
padding-right: 3rem;
}
.pr7-xl {
padding-right: 4rem;
}
.pr8-xl {
padding-right: 8rem;
}
.pr9-xl {
padding-right: 16rem;
}
.pb0-xl {
padding-bottom: 0;
}
.pb1-xl {
padding-bottom: 0.25rem;
}
.pb2-xl {
padding-bottom: 0.5rem;
}
.pb3-xl {
padding-bottom: 1rem;
}
.pb4-xl {
padding-bottom: 1.5rem;
}
.pb5-xl {
padding-bottom: 2rem;
}
.pb6-xl {
padding-bottom: 3rem;
}
.pb7-xl {
padding-bottom: 4rem;
}
.pb8-xl {
padding-bottom: 8rem;
}
.pb9-xl {
padding-bottom: 16rem;
}
.pt0-xl {
padding-top: 0;
}
.pt1-xl {
padding-top: 0.25rem;
}
.pt2-xl {
padding-top: 0.5rem;
}
.pt3-xl {
padding-top: 1rem;
}
.pt4-xl {
padding-top: 1.5rem;
}
.pt5-xl {
padding-top: 2rem;
}
.pt6-xl {
padding-top: 3rem;
}
.pt7-xl {
padding-top: 4rem;
}
.pt8-xl {
padding-top: 8rem;
}
.pt9-xl {
padding-top: 16rem;
}
.pv0-xl {
padding-top: 0;
padding-bottom: 0;
}
.pv1-xl {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-xl {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3-xl {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-xl {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pv5-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv6-xl {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pv7-xl {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv8-xl {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv9-xl {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-xl {
padding-left: 0;
padding-right: 0;
}
.ph1-xl {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2-xl {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3-xl {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-xl {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ph5-xl {
padding-left: 2rem;
padding-right: 2rem;
}
.ph6-xl {
padding-left: 3rem;
padding-right: 3rem;
}
.ph7-xl {
padding-left: 4rem;
padding-right: 4rem;
}
.ph8-xl {
padding-left: 8rem;
padding-right: 8rem;
}
.ph9-xl {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-xl {
margin: 0;
}
.ma1-xl {
margin: 0.25rem;
}
.ma2-xl {
margin: 0.5rem;
}
.ma3-xl {
margin: 1rem;
}
.ma4-xl {
margin: 1.5rem;
}
.ma5-xl {
margin: 2rem;
}
.ma6-xl {
margin: 3rem;
}
.ma7-xl {
margin: 4rem;
}
.ma8-xl {
margin: 8rem;
}
.ma9-xl {
margin: 16rem;
}
.ml0-xl {
margin-left: 0;
}
.ml1-xl {
margin-left: 0.25rem;
}
.ml2-xl {
margin-left: 0.5rem;
}
.ml3-xl {
margin-left: 1rem;
}
.ml4-xl {
margin-left: 1.5rem;
}
.ml5-xl {
margin-left: 2rem;
}
.ml6-xl {
margin-left: 3rem;
}
.ml7-xl {
margin-left: 4rem;
}
.ml8-xl {
margin-left: 8rem;
}
.ml9-xl {
margin-left: 16rem;
}
.mr0-xl {
margin-right: 0;
}
.mr1-xl {
margin-right: 0.25rem;
}
.mr2-xl {
margin-right: 0.5rem;
}
.mr3-xl {
margin-right: 1rem;
}
.mr4-xl {
margin-right: 1.5rem;
}
.mr5-xl {
margin-right: 2rem;
}
.mr6-xl {
margin-right: 3rem;
}
.mr7-xl {
margin-right: 4rem;
}
.mr8-xl {
margin-right: 8rem;
}
.mr9-xl {
margin-right: 16rem;
}
.mb0-xl {
margin-bottom: 0;
}
.mb1-xl {
margin-bottom: 0.25rem;
}
.mb2-xl {
margin-bottom: 0.5rem;
}
.mb3-xl {
margin-bottom: 1rem;
}
.mb4-xl {
margin-bottom: 1.5rem;
}
.mb5-xl {
margin-bottom: 2rem;
}
.mb6-xl {
margin-bottom: 3rem;
}
.mb7-xl {
margin-bottom: 4rem;
}
.mb8-xl {
margin-bottom: 8rem;
}
.mb9-xl {
margin-bottom: 16rem;
}
.mt0-xl {
margin-top: 0;
}
.mt1-xl {
margin-top: 0.25rem;
}
.mt2-xl {
margin-top: 0.5rem;
}
.mt3-xl {
margin-top: 1rem;
}
.mt4-xl {
margin-top: 1.5rem;
}
.mt5-xl {
margin-top: 2rem;
}
.mt6-xl {
margin-top: 3rem;
}
.mt7-xl {
margin-top: 4rem;
}
.mt8-xl {
margin-top: 8rem;
}
.mt9-xl {
margin-top: 16rem;
}
.mv0-xl {
margin-top: 0;
margin-bottom: 0;
}
.mv1-xl {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-xl {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3-xl {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-xl {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mv5-xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv6-xl {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mv7-xl {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv8-xl {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv9-xl {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-xl {
margin-left: 0;
margin-right: 0;
}
.mh1-xl {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2-xl {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3-xl {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-xl {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mh5-xl {
margin-left: 2rem;
margin-right: 2rem;
}
.mh6-xl {
margin-left: 3rem;
margin-right: 3rem;
}
.mh7-xl {
margin-left: 4rem;
margin-right: 4rem;
}
.mh8-xl {
margin-left: 8rem;
margin-right: 8rem;
}
.mh9-xl {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-xl {
margin: -0.25rem;
}
.na2-xl {
margin: -0.5rem;
}
.na3-xl {
margin: -1rem;
}
.na4-xl {
margin: -2rem;
}
.na5-xl {
margin: -4rem;
}
.na6-xl {
margin: -8rem;
}
.na7-xl {
margin: -16rem;
}
.nl1-xl {
margin-left: -0.25rem;
}
.nl2-xl {
margin-left: -0.5rem;
}
.nl3-xl {
margin-left: -1rem;
}
.nl4-xl {
margin-left: -2rem;
}
.nl5-xl {
margin-left: -4rem;
}
.nl6-xl {
margin-left: -8rem;
}
.nl7-xl {
margin-left: -16rem;
}
.nr1-xl {
margin-right: -0.25rem;
}
.nr2-xl {
margin-right: -0.5rem;
}
.nr3-xl {
margin-right: -1rem;
}
.nr4-xl {
margin-right: -2rem;
}
.nr5-xl {
margin-right: -4rem;
}
.nr6-xl {
margin-right: -8rem;
}
.nr7-xl {
margin-right: -16rem;
}
.nb1-xl {
margin-bottom: -0.25rem;
}
.nb2-xl {
margin-bottom: -0.5rem;
}
.nb3-xl {
margin-bottom: -1rem;
}
.nb4-xl {
margin-bottom: -2rem;
}
.nb5-xl {
margin-bottom: -4rem;
}
.nb6-xl {
margin-bottom: -8rem;
}
.nb7-xl {
margin-bottom: -16rem;
}
.nt1-xl {
margin-top: -0.25rem;
}
.nt2-xl {
margin-top: -0.5rem;
}
.nt3-xl {
margin-top: -1rem;
}
.nt4-xl {
margin-top: -2rem;
}
.nt5-xl {
margin-top: -4rem;
}
.nt6-xl {
margin-top: -8rem;
}
.nt7-xl {
margin-top: -16rem;
}
.gap0-xl {
gap: 0;
}
.gap1-xl {
gap: 0.25rem;
}
.gap2-xl {
gap: 0.5rem;
}
.gap3-xl {
gap: 1rem;
}
.gap4-xl {
gap: 1.5rem;
}
.gap5-xl {
gap: 2rem;
}
.gap6-xl {
gap: 3rem;
}
.gap7-xl {
gap: 4rem;
}
.gap8-xl {
gap: 8rem;
}
.gap9-xl {
gap: 16rem;
}
.cl-gap0-xl {
column-gap: 0;
}
.cl-gap1-xl {
column-gap: 0.25rem;
}
.cl-gap2-xl {
column-gap: 0.5rem;
}
.cl-gap3-xl {
column-gap: 1rem;
}
.cl-gap4-xl {
column-gap: 1.5rem;
}
.cl-gap5-xl {
column-gap: 2rem;
}
.cl-gap6-xl {
column-gap: 3rem;
}
.cl-gap7-xl {
column-gap: 4rem;
}
.cl-gap8-xl {
column-gap: 8rem;
}
.cl-gap9-xl {
column-gap: 16rem;
}
.rw-gap0-xl {
row-gap: 0;
}
.rw-gap1-xl {
row-gap: 0.25rem;
}
.rw-gap2-xl {
row-gap: 0.5rem;
}
.rw-gap3-xl {
row-gap: 1rem;
}
.rw-gap4-xl {
row-gap: 1.5rem;
}
.rw-gap5-xl {
row-gap: 2rem;
}
.rw-gap6-xl {
row-gap: 3rem;
}
.rw-gap7-xl {
row-gap: 4rem;
}
.rw-gap8-xl {
row-gap: 8rem;
}
.rw-gap9-xl {
row-gap: 16rem;
}
.strike-xl {
text-decoration: line-through;
}
.underline-xl {
text-decoration: underline;
}
.no-underline-xl {
text-decoration: none;
}
.tl-xl {
text-align: left;
}
.tr-xl {
text-align: right;
}
.tc-xl {
text-align: center;
}
.tj-xl {
text-align: justify;
}
.ttc-xl {
text-transform: capitalize;
}
.ttl-xl {
text-transform: lowercase;
}
.ttu-xl {
text-transform: uppercase;
}
.ttn-xl {
text-transform: none;
}
.f-headline-xl {
font-size: 5rem;
}
.f-subheadline-xl {
font-size: 4rem;
}
.f1-xl {
font-size: 4rem;
}
.f2-xl {
font-size: 3rem;
}
.f3-xl {
font-size: 2rem;
}
.f4-xl {
font-size: 1.5rem;
}
.f5-xl {
font-size: 1.25rem;
}
.f6-xl {
font-size: 1.125rem;
}
.f7-xl {
font-size: 1rem;
}
.f8-xl {
font-size: 0.875rem;
}
.f9-xl {
font-size: 0.75rem;
}
.measure-xl {
max-width: 30em;
}
.measure-wide-xl {
max-width: 34em;
}
.measure-narrow-xl {
max-width: 20em;
}
.indent-xl {
text-indent: 1em;
margin-top: 0;
margin-bottom: 0;
}
.small-caps-xl {
font-variant: small-caps;
}
.truncate-xl {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.center-xl {
margin-left: auto;
}
.center-xl,
.mr-auto-xl {
margin-right: auto;
}
.ml-auto-xl {
margin-left: auto;
}
.clip-xl {
position: fixed !important;
_position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ws-normal-xl {
white-space: normal;
}
.nowrap-xl {
white-space: nowrap;
}
.pre-xl {
white-space: pre;
}
.v-base-xl {
vertical-align: baseline;
}
.v-mid-xl {
vertical-align: middle;
}
.v-top-xl {
vertical-align: top;
}
.v-btm-xl {
vertical-align: bottom;
}
}
@media screen and (min-width: 1536px) {
.mw-100-2xl {
max-width: 100%;
}
.mw-93-2xl {
max-width: 93%;
}
.mw1-2xl {
max-width: 1rem;
}
.mw2-2xl {
max-width: 2rem;
}
.mw3-2xl {
max-width: 4rem;
}
.mw4-2xl {
max-width: 8rem;
}
.mw5-2xl {
max-width: 16rem;
}
.mw6-2xl {
max-width: 32rem;
}
.mw7-2xl {
max-width: 48rem;
}
.mw8-2xl {
max-width: 64rem;
}
.mw9-2xl {
max-width: 80rem;
}
.mw10-2xl {
max-width: 96rem;
}
.mw-none-2xl {
max-width: none;
}
.w1-2xl {
width: 1rem;
}
.w2-2xl {
width: 1.5rem;
}
.w3-2xl {
width: 2rem;
}
.w4-2xl {
width: 3rem;
}
.w5-2xl {
width: 4rem;
}
.w6-2xl {
width: 5rem;
}
.w7-2xl {
width: 6rem;
}
.w8-2xl {
width: 8rem;
}
.w9-2xl {
width: 16rem;
}
.w-10-2xl {
width: 10%;
}
.w-15-2xl {
width: 15%;
}
.w-20-2xl {
width: 20%;
}
.w-25-2xl {
width: 25%;
}
.w-30-2xl {
width: 30%;
}
.w-third-2xl {
width: 33.33%;
}
.w-34-2xl {
width: 34%;
}
.w-40-2xl {
width: 40%;
}
.w-50-2xl {
width: 50%;
}
.w-60-2xl {
width: 60%;
}
.w-two-thirds-2xl {
width: 66.66%;
}
.w-70-2xl {
width: 70%;
}
.w-75-2xl {
width: 75%;
}
.w-80-2xl {
width: 80%;
}
.w-90-2xl {
width: 90%;
}
.w-100-2xl {
width: 100%;
}
.w-third-2xl {
width: 33.33333%;
}
.w-two-thirds-2xl {
width: 66.66667%;
}
.w-auto-2xl {
width: auto;
}
.pa0-2xl {
padding: 0;
}
.pa1-2xl {
padding: 0.25rem;
}
.pa2-2xl {
padding: 0.5rem;
}
.pa3-2xl {
padding: 1rem;
}
.pa4-2xl {
padding: 1.5rem;
}
.pa5-2xl {
padding: 2rem;
}
.pa6-2xl {
padding: 3rem;
}
.pa7-2xl {
padding: 4rem;
}
.pa8-2xl {
padding: 8rem;
}
.pa9-2xl {
padding: 16rem;
}
.pl0-2xl {
padding-left: 0;
}
.pl1-2xl {
padding-left: 0.25rem;
}
.pl2-2xl {
padding-left: 0.5rem;
}
.pl3-2xl {
padding-left: 1rem;
}
.pl4-2xl {
padding-left: 1.5rem;
}
.pl5-2xl {
padding-left: 2rem;
}
.pl6-2xl {
padding-left: 3rem;
}
.pl7-2xl {
padding-left: 4rem;
}
.pl8-2xl {
padding-left: 8rem;
}
.pl9-2xl {
padding-left: 16rem;
}
.pr0-2xl {
padding-right: 0;
}
.pr1-2xl {
padding-right: 0.25rem;
}
.pr2-2xl {
padding-right: 0.5rem;
}
.pr3-2xl {
padding-right: 1rem;
}
.pr4-2xl {
padding-right: 1.5rem;
}
.pr5-2xl {
padding-right: 2rem;
}
.pr6-2xl {
padding-right: 3rem;
}
.pr7-2xl {
padding-right: 4rem;
}
.pr8-2xl {
padding-right: 8rem;
}
.pr9-2xl {
padding-right: 16rem;
}
.pb0-2xl {
padding-bottom: 0;
}
.pb1-2xl {
padding-bottom: 0.25rem;
}
.pb2-2xl {
padding-bottom: 0.5rem;
}
.pb3-2xl {
padding-bottom: 1rem;
}
.pb4-2xl {
padding-bottom: 1.5rem;
}
.pb5-2xl {
padding-bottom: 2rem;
}
.pb6-2xl {
padding-bottom: 3rem;
}
.pb7-2xl {
padding-bottom: 4rem;
}
.pb8-2xl {
padding-bottom: 8rem;
}
.pb9-2xl {
padding-bottom: 16rem;
}
.pt0-2xl {
padding-top: 0;
}
.pt1-2xl {
padding-top: 0.25rem;
}
.pt2-2xl {
padding-top: 0.5rem;
}
.pt3-2xl {
padding-top: 1rem;
}
.pt4-2xl {
padding-top: 1.5rem;
}
.pt5-2xl {
padding-top: 2rem;
}
.pt6-2xl {
padding-top: 3rem;
}
.pt7-2xl {
padding-top: 4rem;
}
.pt8-2xl {
padding-top: 8rem;
}
.pt9-2xl {
padding-top: 16rem;
}
.pv0-2xl {
padding-top: 0;
padding-bottom: 0;
}
.pv1-2xl {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pv2-2xl {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pv3-2xl {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pv4-2xl {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pv5-2xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pv6-2xl {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pv7-2xl {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pv8-2xl {
padding-top: 8rem;
padding-bottom: 8rem;
}
.pv9-2xl {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph0-2xl {
padding-left: 0;
padding-right: 0;
}
.ph1-2xl {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ph2-2xl {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ph3-2xl {
padding-left: 1rem;
padding-right: 1rem;
}
.ph4-2xl {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.ph5-2xl {
padding-left: 2rem;
padding-right: 2rem;
}
.ph6-2xl {
padding-left: 3rem;
padding-right: 3rem;
}
.ph7-2xl {
padding-left: 4rem;
padding-right: 4rem;
}
.ph8-2xl {
padding-left: 8rem;
padding-right: 8rem;
}
.ph9-2xl {
padding-left: 16rem;
padding-right: 16rem;
}
.ma0-2xl {
margin: 0;
}
.ma1-2xl {
margin: 0.25rem;
}
.ma2-2xl {
margin: 0.5rem;
}
.ma3-2xl {
margin: 1rem;
}
.ma4-2xl {
margin: 1.5rem;
}
.ma5-2xl {
margin: 2rem;
}
.ma6-2xl {
margin: 3rem;
}
.ma7-2xl {
margin: 4rem;
}
.ma8-2xl {
margin: 8rem;
}
.ma9-2xl {
margin: 16rem;
}
.ml0-2xl {
margin-left: 0;
}
.ml1-2xl {
margin-left: 0.25rem;
}
.ml2-2xl {
margin-left: 0.5rem;
}
.ml3-2xl {
margin-left: 1rem;
}
.ml4-2xl {
margin-left: 1.5rem;
}
.ml5-2xl {
margin-left: 2rem;
}
.ml6-2xl {
margin-left: 3rem;
}
.ml7-2xl {
margin-left: 4rem;
}
.ml8-2xl {
margin-left: 8rem;
}
.ml9-2xl {
margin-left: 16rem;
}
.mr0-2xl {
margin-right: 0;
}
.mr1-2xl {
margin-right: 0.25rem;
}
.mr2-2xl {
margin-right: 0.5rem;
}
.mr3-2xl {
margin-right: 1rem;
}
.mr4-2xl {
margin-right: 1.5rem;
}
.mr5-2xl {
margin-right: 2rem;
}
.mr6-2xl {
margin-right: 3rem;
}
.mr7-2xl {
margin-right: 4rem;
}
.mr8-2xl {
margin-right: 8rem;
}
.mr9-2xl {
margin-right: 16rem;
}
.mb0-2xl {
margin-bottom: 0;
}
.mb1-2xl {
margin-bottom: 0.25rem;
}
.mb2-2xl {
margin-bottom: 0.5rem;
}
.mb3-2xl {
margin-bottom: 1rem;
}
.mb4-2xl {
margin-bottom: 1.5rem;
}
.mb5-2xl {
margin-bottom: 2rem;
}
.mb6-2xl {
margin-bottom: 3rem;
}
.mb7-2xl {
margin-bottom: 4rem;
}
.mb8-2xl {
margin-bottom: 8rem;
}
.mb9-2xl {
margin-bottom: 16rem;
}
.mt0-2xl {
margin-top: 0;
}
.mt1-2xl {
margin-top: 0.25rem;
}
.mt2-2xl {
margin-top: 0.5rem;
}
.mt3-2xl {
margin-top: 1rem;
}
.mt4-2xl {
margin-top: 1.5rem;
}
.mt5-2xl {
margin-top: 2rem;
}
.mt6-2xl {
margin-top: 3rem;
}
.mt7-2xl {
margin-top: 4rem;
}
.mt8-2xl {
margin-top: 8rem;
}
.mt9-2xl {
margin-top: 16rem;
}
.mv0-2xl {
margin-top: 0;
margin-bottom: 0;
}
.mv1-2xl {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mv2-2xl {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mv3-2xl {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mv4-2xl {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mv5-2xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mv6-2xl {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mv7-2xl {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mv8-2xl {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mv9-2xl {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh0-2xl {
margin-left: 0;
margin-right: 0;
}
.mh1-2xl {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mh2-2xl {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mh3-2xl {
margin-left: 1rem;
margin-right: 1rem;
}
.mh4-2xl {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.mh5-2xl {
margin-left: 2rem;
margin-right: 2rem;
}
.mh6-2xl {
margin-left: 3rem;
margin-right: 3rem;
}
.mh7-2xl {
margin-left: 4rem;
margin-right: 4rem;
}
.mh8-2xl {
margin-left: 8rem;
margin-right: 8rem;
}
.mh9-2xl {
margin-left: 16rem;
margin-right: 16rem;
}
.na1-2xl {
margin: -0.25rem;
}
.na2-2xl {
margin: -0.5rem;
}
.na3-2xl {
margin: -1rem;
}
.na4-2xl {
margin: -2rem;
}
.na5-2xl {
margin: -4rem;
}
.na6-2xl {
margin: -8rem;
}
.na7-2xl {
margin: -16rem;
}
.nl1-2xl {
margin-left: -0.25rem;
}
.nl2-2xl {
margin-left: -0.5rem;
}
.nl3-2xl {
margin-left: -1rem;
}
.nl4-2xl {
margin-left: -2rem;
}
.nl5-2xl {
margin-left: -4rem;
}
.nl6-2xl {
margin-left: -8rem;
}
.nl7-2xl {
margin-left: -16rem;
}
.nr1-2xl {
margin-right: -0.25rem;
}
.nr2-2xl {
margin-right: -0.5rem;
}
.nr3-2xl {
margin-right: -1rem;
}
.nr4-2xl {
margin-right: -2rem;
}
.nr5-2xl {
margin-right: -4rem;
}
.nr6-2xl {
margin-right: -8rem;
}
.nr7-2xl {
margin-right: -16rem;
}
.nb1-2xl {
margin-bottom: -0.25rem;
}
.nb2-2xl {
margin-bottom: -0.5rem;
}
.nb3-2xl {
margin-bottom: -1rem;
}
.nb4-2xl {
margin-bottom: -2rem;
}
.nb5-2xl {
margin-bottom: -4rem;
}
.nb6-2xl {
margin-bottom: -8rem;
}
.nb7-2xl {
margin-bottom: -16rem;
}
.nt1-2xl {
margin-top: -0.25rem;
}
.nt2-2xl {
margin-top: -0.5rem;
}
.nt3-2xl {
margin-top: -1rem;
}
.nt4-2xl {
margin-top: -2rem;
}
.nt5-2xl {
margin-top: -4rem;
}
.nt6-2xl {
margin-top: -8rem;
}
.nt7-2xl {
margin-top: -16rem;
}
.f-headline-2xl {
font-size: 5rem;
}
.f-subheadline-2xl {
font-size: 4rem;
}
.f1-2xl {
font-size: 4rem;
}
.f2-2xl {
font-size: 3rem;
}
.f3-2xl {
font-size: 2rem;
}
.f4-2xl {
font-size: 1.5rem;
}
.f5-2xl {
font-size: 1.25rem;
}
.f6-2xl {
font-size: 1.125rem;
}
.f7-2xl {
font-size: 1rem;
}
.f8-2xl {
font-size: 0.875rem;
}
.f9-2xl {
font-size: 0.75rem;
}
.grid-2xl {
display: grid;
}
.grid-col-1-2xl {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-col-2-2xl {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-3-2xl {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-col-4-2xl {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-col-5-2xl {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-col-6-2xl {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-col-7-2xl {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-col-8-2xl {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-col-9-2xl {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-col-10-2xl {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-col-11-2xl {
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-col-12-2xl {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-col-auto-2xl {
grid-column: auto;
}
.grid-col-span-1-2xl {
grid-column: span 1 / span 1;
}
.grid-col-span-2-2xl {
grid-column: span 2 / span 2;
}
.grid-col-span-3-2xl {
grid-column: span 3 / span 3;
}
.grid-col-span-4-2xl {
grid-column: span 4 / span 4;
}
.grid-col-span-5-2xl {
grid-column: span 5 / span 5;
}
.grid-col-span-6-2xl {
grid-column: span 6 / span 6;
}
.grid-col-span-8-2xl {
grid-column: span 8 / span 8;
}
.grid-col-span-9-2xl {
grid-column: span 9 / span 9;
}
.grid-col-span-10-2xl {
grid-column: span 10 / span 10;
}
.grid-col-span-11-2xl {
grid-column: span 11 / span 11;
}
.grid-col-span-12-2xl {
grid-column: span 12 / span 12;
}
.grid-col-span-full-2xl {
grid-column: 1 / -1;
}
.gap0-2xl {
gap: 0;
}
.gap1-2xl {
gap: 0.25rem;
}
.gap2-2xl {
gap: 0.5rem;
}
.gap3-2xl {
gap: 1rem;
}
.gap4-2xl {
gap: 1.5rem;
}
.gap5-2xl {
gap: 2rem;
}
.gap6-2xl {
gap: 3rem;
}
.gap7-2xl {
gap: 4rem;
}
.gap8-2xl {
gap: 8rem;
}
.gap9-2xl {
gap: 16rem;
}
.cl-gap0-2xl {
column-gap: 0;
}
.cl-gap1-2xl {
column-gap: 0.25rem;
}
.cl-gap2-2xl {
column-gap: 0.5rem;
}
.cl-gap3-2xl {
column-gap: 1rem;
}
.cl-gap4-2xl {
column-gap: 1.5rem;
}
.cl-gap5-2xl {
column-gap: 2rem;
}
.cl-gap6-2xl {
column-gap: 3rem;
}
.cl-gap7-2xl {
column-gap: 4rem;
}
.cl-gap8-2xl {
column-gap: 8rem;
}
.cl-gap9-2xl {
column-gap: 16rem;
}
.rw-gap0-2xl {
row-gap: 0;
}
.rw-gap1-2xl {
row-gap: 0.25rem;
}
.rw-gap2-2xl {
row-gap: 0.5rem;
}
.rw-gap3-2xl {
row-gap: 1rem;
}
.rw-gap4-2xl {
row-gap: 1.5rem;
}
.rw-gap5-2xl {
row-gap: 2rem;
}
.rw-gap6-2xl {
row-gap: 3rem;
}
.rw-gap7-2xl {
row-gap: 4rem;
}
.rw-gap8-2xl {
row-gap: 8rem;
}
.rw-gap9-2xl {
row-gap: 16rem;
}
}
@media screen and (min-width: 2010px) {
.mw9-3xl {
max-width: 80rem;
}
.mw10-3xl {
max-width: 96rem;
}
}