html {
scroll-behavior: smooth;
overflow-x: hidden;
box-sizing: border-box;
}
html.no_scroll {
overflow: hidden;
}
body {
overflow-x: hidden;
margin: 0px;
}
*, *:before, *:after {
box-sizing: inherit;
}
.fullwidth {
width: 100%;
}
.container, .con {
width: 100%;
min-width: 100%;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.ingrid, .ingrid-narrow, .ingrid-wide {
margin: auto;
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.ingrid-wide {
max-width: 1450px;
}
.ingrid-narrow {
max-width: 850px;
}
.ingrid {
max-width: 1100px;
}
.ingrid-inner.section-1-ingrid {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
.ingrid-inner.section-1-ingrid {
padding-left: calc((100vw - 1100px) / 2);
padding-right: 0px;
}
}
.ingrid-inner.section-2-ingrid {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
.ingrid-inner.section-2-ingrid {
padding-right: calc((100vw - 1100px) / 2);
padding-left: 0px;
}
}
.reversed .ingrid-inner.section-1-ingrid {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
.reversed .ingrid-inner.section-1-ingrid {
padding-right: calc((100vw - 1100px) / 2);
padding-left: 0px;
}
}
.reversed .ingrid-inner.section-2-ingrid {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (min-width: 1100px) {
.reversed .ingrid-inner.section-2-ingrid {
padding-left: calc((100vw - 1100px) / 2);
padding-right: 0px;
}
}
.ingrid-wide {
width: 1450px;
}
.row {
display: flex;
flex-direction: row;
}
.row-r {
display: flex;
flex-direction: row-reverse;
}
.row-1 {
display: flex;
flex-direction: row;
flex: 1;
width: 100%;
}
.row-1-r {
display: flex;
flex-direction: row-reverse;
}
.row-2 {
display: flex;
flex-direction: row;
flex: 2;
width: 100%;
}
.row-2-r {
display: flex;
flex-direction: row-reverse;
}
.row-3 {
display: flex;
flex-direction: row;
flex: 3;
width: 100%;
}
.row-3-r {
display: flex;
flex-direction: row-reverse;
}
.row-4 {
display: flex;
flex-direction: row;
flex: 4;
width: 100%;
}
.row-4-r {
display: flex;
flex-direction: row-reverse;
}
.row-5 {
display: flex;
flex-direction: row;
flex: 5;
width: 100%;
}
.row-5-r {
display: flex;
flex-direction: row-reverse;
}
.row-6 {
display: flex;
flex-direction: row;
flex: 6;
width: 100%;
}
.row-6-r {
display: flex;
flex-direction: row-reverse;
}
.col {
display: flex;
flex-direction: column;
}
.col-r {
display: flex;
flex-direction: column-reverse;
}
.col-1 {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
}
.col-1-r {
display: flex;
flex-direction: column-reverse;
}
.col-2 {
display: flex;
flex-direction: column;
flex: 2;
width: 100%;
}
.col-2-r {
display: flex;
flex-direction: column-reverse;
}
.col-3 {
display: flex;
flex-direction: column;
flex: 3;
width: 100%;
}
.col-3-r {
display: flex;
flex-direction: column-reverse;
}
.col-4 {
display: flex;
flex-direction: column;
flex: 4;
width: 100%;
}
.col-4-r {
display: flex;
flex-direction: column-reverse;
}
.col-5 {
display: flex;
flex-direction: column;
flex: 5;
width: 100%;
}
.col-5-r {
display: flex;
flex-direction: column-reverse;
}
.col-6 {
display: flex;
flex-direction: column;
flex: 6;
width: 100%;
}
.col-6-r {
display: flex;
flex-direction: column-reverse;
}
.grid {
display: flex;
flex-direction: row;
width: 100%;
}
.grid-1 {
display: flex;
flex-wrap: wrap;
}
.grid-1 > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1);
}
.grid-2 {
display: flex;
flex-wrap: wrap;
}
.grid-2 > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2);
}
.grid-3 {
display: flex;
flex-wrap: wrap;
}
.grid-3 > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3);
}
.grid-4 {
display: flex;
flex-wrap: wrap;
}
.grid-4 > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4);
}
.grid-5 {
display: flex;
flex-wrap: wrap;
}
.grid-5 > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5);
}
.grid-6 {
display: flex;
flex-wrap: wrap;
}
.grid-6 > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6);
}
.grid-1.g-xxs {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xxs) * (1 - 1) / 1);
}
.grid-1.g-xs {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xs) * (1 - 1) / 1);
}
.grid-1.g-sm {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-sm) * (1 - 1) / 1);
}
.grid-1.g-md {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-md > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-md) * (1 - 1) / 1);
}
.grid-1.g-lg {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-lg) * (1 - 1) / 1);
}
.grid-1.g-xl {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xl) * (1 - 1) / 1);
}
.grid-1.g-xxl {
display: flex;
flex-wrap: wrap;
}
.grid-1.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xxl) * (1 - 1) / 1);
}
.grid-2.g-xxs {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xxs) * (2 - 1) / 2);
}
.grid-2.g-xs {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xs) * (2 - 1) / 2);
}
.grid-2.g-sm {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-sm) * (2 - 1) / 2);
}
.grid-2.g-md {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-md > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-md) * (2 - 1) / 2);
}
.grid-2.g-lg {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-lg) * (2 - 1) / 2);
}
.grid-2.g-xl {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xl) * (2 - 1) / 2);
}
.grid-2.g-xxl {
display: flex;
flex-wrap: wrap;
}
.grid-2.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xxl) * (2 - 1) / 2);
}
.grid-3.g-xxs {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xxs) * (3 - 1) / 3);
}
.grid-3.g-xs {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xs) * (3 - 1) / 3);
}
.grid-3.g-sm {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-sm) * (3 - 1) / 3);
}
.grid-3.g-md {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-md > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-md) * (3 - 1) / 3);
}
.grid-3.g-lg {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-lg) * (3 - 1) / 3);
}
.grid-3.g-xl {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xl) * (3 - 1) / 3);
}
.grid-3.g-xxl {
display: flex;
flex-wrap: wrap;
}
.grid-3.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xxl) * (3 - 1) / 3);
}
.grid-4.g-xxs {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xxs) * (4 - 1) / 4);
}
.grid-4.g-xs {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xs) * (4 - 1) / 4);
}
.grid-4.g-sm {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-sm) * (4 - 1) / 4);
}
.grid-4.g-md {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-md > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-md) * (4 - 1) / 4);
}
.grid-4.g-lg {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-lg) * (4 - 1) / 4);
}
.grid-4.g-xl {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xl) * (4 - 1) / 4);
}
.grid-4.g-xxl {
display: flex;
flex-wrap: wrap;
}
.grid-4.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xxl) * (4 - 1) / 4);
}
.grid-5.g-xxs {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xxs) * (5 - 1) / 5);
}
.grid-5.g-xs {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xs) * (5 - 1) / 5);
}
.grid-5.g-sm {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-sm) * (5 - 1) / 5);
}
.grid-5.g-md {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-md > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-md) * (5 - 1) / 5);
}
.grid-5.g-lg {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-lg) * (5 - 1) / 5);
}
.grid-5.g-xl {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xl) * (5 - 1) / 5);
}
.grid-5.g-xxl {
display: flex;
flex-wrap: wrap;
}
.grid-5.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xxl) * (5 - 1) / 5);
}
.grid-6.g-xxs {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xxs) * (6 - 1) / 6);
}
.grid-6.g-xs {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xs) * (6 - 1) / 6);
}
.grid-6.g-sm {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-sm) * (6 - 1) / 6);
}
.grid-6.g-md {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-md > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-md) * (6 - 1) / 6);
}
.grid-6.g-lg {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-lg) * (6 - 1) / 6);
}
.grid-6.g-xl {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xl) * (6 - 1) / 6);
}
.grid-6.g-xxl {
display: flex;
flex-wrap: wrap;
}
.grid-6.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xxl) * (6 - 1) / 6);
}
.row.a, .row-1.a, .row-2.a, .row-3.a, .row-4.a, .row-5.a, .row-6.a {
justify-content: space-between;
}
.row.a-tl, .row.a-l, .row-1.a-tl, .row-1.a-l, .row-2.a-tl, .row-2.a-l, .row-3.a-tl, .row-3.a-l, .row-4.a-tl, .row-4.a-l, .row-5.a-tl, .row-5.a-l, .row-6.a-tl, .row-6.a-l {
justify-content: flex-start;
align-items: flex-start;
}
.row.a-tc, .row.a-c, .row-1.a-tc, .row-1.a-c, .row-2.a-tc, .row-2.a-c, .row-3.a-tc, .row-3.a-c, .row-4.a-tc, .row-4.a-c, .row-5.a-tc, .row-5.a-c, .row-6.a-tc, .row-6.a-c {
justify-content: center;
align-items: flex-start;
text-align: center;
}
.row.a-tr, .row.a-r, .row-1.a-tr, .row-1.a-r, .row-2.a-tr, .row-2.a-r, .row-3.a-tr, .row-3.a-r, .row-4.a-tr, .row-4.a-r, .row-5.a-tr, .row-5.a-r, .row-6.a-tr, .row-6.a-r {
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.row.a-cl, .row-1.a-cl, .row-2.a-cl, .row-3.a-cl, .row-4.a-cl, .row-5.a-cl, .row-6.a-cl {
justify-content: flex-start;
align-items: center;
}
.row.a-cc, .row-1.a-cc, .row-2.a-cc, .row-3.a-cc, .row-4.a-cc, .row-5.a-cc, .row-6.a-cc {
justify-content: center;
align-items: center;
text-align: center;
}
.row.a-cr, .row-1.a-cr, .row-2.a-cr, .row-3.a-cr, .row-4.a-cr, .row-5.a-cr, .row-6.a-cr {
justify-content: flex-end;
align-items: center;
text-align: right;
}
.row.a-bl, .row.a-b, .row-1.a-bl, .row-1.a-b, .row-2.a-bl, .row-2.a-b, .row-3.a-bl, .row-3.a-b, .row-4.a-bl, .row-4.a-b, .row-5.a-bl, .row-5.a-b, .row-6.a-bl, .row-6.a-b {
justify-content: flex-start;
align-items: flex-end;
}
.row.a-bc, .row-1.a-bc, .row-2.a-bc, .row-3.a-bc, .row-4.a-bc, .row-5.a-bc, .row-6.a-bc {
justify-content: center;
align-items: flex-end;
text-align: center;
}
.row.a-br, .row-1.a-br, .row-2.a-br, .row-3.a-br, .row-4.a-br, .row-5.a-br, .row-6.a-br {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.col.a, .col-1.a, .col-2.a, .col-3.a, .col-4.a, .col-5.a, .col-6.a {
justify-content: space-between;
}
.col.a-tl, .col.a-l, .col-1.a-tl, .col-1.a-l, .col-2.a-tl, .col-2.a-l, .col-3.a-tl, .col-3.a-l, .col-4.a-tl, .col-4.a-l, .col-5.a-tl, .col-5.a-l, .col-6.a-tl, .col-6.a-l {
justify-content: flex-start;
align-items: flex-start;
}
.col.a-tc, .col.a-c, .col-1.a-tc, .col-1.a-c, .col-2.a-tc, .col-2.a-c, .col-3.a-tc, .col-3.a-c, .col-4.a-tc, .col-4.a-c, .col-5.a-tc, .col-5.a-c, .col-6.a-tc, .col-6.a-c {
justify-content: flex-start;
align-items: center;
text-align: center;
}
.col.a-tr, .col.a-r, .col-1.a-tr, .col-1.a-r, .col-2.a-tr, .col-2.a-r, .col-3.a-tr, .col-3.a-r, .col-4.a-tr, .col-4.a-r, .col-5.a-tr, .col-5.a-r, .col-6.a-tr, .col-6.a-r {
justify-content: flex-start;
align-items: flex-end;
text-align: right;
}
.col.a-cl, .col-1.a-cl, .col-2.a-cl, .col-3.a-cl, .col-4.a-cl, .col-5.a-cl, .col-6.a-cl {
justify-content: center;
align-items: flex-start;
}
.col.a-cc, .col-1.a-cc, .col-2.a-cc, .col-3.a-cc, .col-4.a-cc, .col-5.a-cc, .col-6.a-cc {
justify-content: center;
align-items: center;
text-align: center;
}
.col.a-cr, .col-1.a-cr, .col-2.a-cr, .col-3.a-cr, .col-4.a-cr, .col-5.a-cr, .col-6.a-cr {
justify-content: center;
align-items: flex-end;
text-align: right;
}
.col.a-bl, .col.a-b, .col-1.a-bl, .col-1.a-b, .col-2.a-bl, .col-2.a-b, .col-3.a-bl, .col-3.a-b, .col-4.a-bl, .col-4.a-b, .col-5.a-bl, .col-5.a-b, .col-6.a-bl, .col-6.a-b {
justify-content: flex-end;
align-items: flex-start;
}
.col.a-bc, .col-1.a-bc, .col-2.a-bc, .col-3.a-bc, .col-4.a-bc, .col-5.a-bc, .col-6.a-bc {
justify-content: flex-end;
align-items: center;
text-align: center;
}
.col.a-br, .col-1.a-br, .col-2.a-br, .col-3.a-br, .col-4.a-br, .col-5.a-br, .col-6.a-br {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
@media only screen and (max-width: 1200px) {
.t-row {
display: flex;
flex-direction: row;
}
.t-row-r {
display: flex;
flex-direction: row-reverse;
}
.t-row-1 {
display: flex;
flex-direction: row;
flex: 1;
width: 100%;
}
.t-row-1-r {
display: flex;
flex-direction: row-reverse;
}
.t-row-2 {
display: flex;
flex-direction: row;
flex: 2;
width: 100%;
}
.t-row-2-r {
display: flex;
flex-direction: row-reverse;
}
.t-row-3 {
display: flex;
flex-direction: row;
flex: 3;
width: 100%;
}
.t-row-3-r {
display: flex;
flex-direction: row-reverse;
}
.t-row-4 {
display: flex;
flex-direction: row;
flex: 4;
width: 100%;
}
.t-row-4-r {
display: flex;
flex-direction: row-reverse;
}
.t-row-5 {
display: flex;
flex-direction: row;
flex: 5;
width: 100%;
}
.t-row-5-r {
display: flex;
flex-direction: row-reverse;
}
.t-row-6 {
display: flex;
flex-direction: row;
flex: 6;
width: 100%;
}
.t-row-6-r {
display: flex;
flex-direction: row-reverse;
}
.t-col {
display: flex;
flex-direction: column;
}
.t-col-r {
display: flex;
flex-direction: column-reverse;
}
.t-col-1 {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
}
.t-col-1-r {
display: flex;
flex-direction: column-reverse;
}
.t-col-2 {
display: flex;
flex-direction: column;
flex: 2;
width: 100%;
}
.t-col-2-r {
display: flex;
flex-direction: column-reverse;
}
.t-col-3 {
display: flex;
flex-direction: column;
flex: 3;
width: 100%;
}
.t-col-3-r {
display: flex;
flex-direction: column-reverse;
}
.t-col-4 {
display: flex;
flex-direction: column;
flex: 4;
width: 100%;
}
.t-col-4-r {
display: flex;
flex-direction: column-reverse;
}
.t-col-5 {
display: flex;
flex-direction: column;
flex: 5;
width: 100%;
}
.t-col-5-r {
display: flex;
flex-direction: column-reverse;
}
.t-col-6 {
display: flex;
flex-direction: column;
flex: 6;
width: 100%;
}
.t-col-6-r {
display: flex;
flex-direction: column-reverse;
}
.t-grid {
display: flex;
flex-direction: row;
width: 100%;
}
.t-grid-1 {
display: flex;
flex-wrap: wrap;
}
.t-grid-1 > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1);
}
.t-grid-2 {
display: flex;
flex-wrap: wrap;
}
.t-grid-2 > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2);
}
.t-grid-3 {
display: flex;
flex-wrap: wrap;
}
.t-grid-3 > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3);
}
.t-grid-4 {
display: flex;
flex-wrap: wrap;
}
.t-grid-4 > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4);
}
.t-grid-5 {
display: flex;
flex-wrap: wrap;
}
.t-grid-5 > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5);
}
.t-grid-6 {
display: flex;
flex-wrap: wrap;
}
.t-grid-6 > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6);
}
.t-grid-1.g-xxs {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xxs) * (1 - 1) / 1);
}
.t-grid-1.g-xs {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xs) * (1 - 1) / 1);
}
.t-grid-1.g-sm {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-sm) * (1 - 1) / 1);
}
.t-grid-1.g-md {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-md > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-md) * (1 - 1) / 1);
}
.t-grid-1.g-lg {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-lg) * (1 - 1) / 1);
}
.t-grid-1.g-xl {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xl) * (1 - 1) / 1);
}
.t-grid-1.g-xxl {
display: flex;
flex-wrap: wrap;
}
.t-grid-1.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xxl) * (1 - 1) / 1);
}
.t-grid-2.g-xxs {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xxs) * (2 - 1) / 2);
}
.t-grid-2.g-xs {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xs) * (2 - 1) / 2);
}
.t-grid-2.g-sm {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-sm) * (2 - 1) / 2);
}
.t-grid-2.g-md {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-md > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-md) * (2 - 1) / 2);
}
.t-grid-2.g-lg {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-lg) * (2 - 1) / 2);
}
.t-grid-2.g-xl {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xl) * (2 - 1) / 2);
}
.t-grid-2.g-xxl {
display: flex;
flex-wrap: wrap;
}
.t-grid-2.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xxl) * (2 - 1) / 2);
}
.t-grid-3.g-xxs {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xxs) * (3 - 1) / 3);
}
.t-grid-3.g-xs {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xs) * (3 - 1) / 3);
}
.t-grid-3.g-sm {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-sm) * (3 - 1) / 3);
}
.t-grid-3.g-md {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-md > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-md) * (3 - 1) / 3);
}
.t-grid-3.g-lg {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-lg) * (3 - 1) / 3);
}
.t-grid-3.g-xl {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xl) * (3 - 1) / 3);
}
.t-grid-3.g-xxl {
display: flex;
flex-wrap: wrap;
}
.t-grid-3.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xxl) * (3 - 1) / 3);
}
.t-grid-4.g-xxs {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xxs) * (4 - 1) / 4);
}
.t-grid-4.g-xs {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xs) * (4 - 1) / 4);
}
.t-grid-4.g-sm {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-sm) * (4 - 1) / 4);
}
.t-grid-4.g-md {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-md > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-md) * (4 - 1) / 4);
}
.t-grid-4.g-lg {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-lg) * (4 - 1) / 4);
}
.t-grid-4.g-xl {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xl) * (4 - 1) / 4);
}
.t-grid-4.g-xxl {
display: flex;
flex-wrap: wrap;
}
.t-grid-4.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xxl) * (4 - 1) / 4);
}
.t-grid-5.g-xxs {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xxs) * (5 - 1) / 5);
}
.t-grid-5.g-xs {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xs) * (5 - 1) / 5);
}
.t-grid-5.g-sm {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-sm) * (5 - 1) / 5);
}
.t-grid-5.g-md {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-md > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-md) * (5 - 1) / 5);
}
.t-grid-5.g-lg {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-lg) * (5 - 1) / 5);
}
.t-grid-5.g-xl {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xl) * (5 - 1) / 5);
}
.t-grid-5.g-xxl {
display: flex;
flex-wrap: wrap;
}
.t-grid-5.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xxl) * (5 - 1) / 5);
}
.t-grid-6.g-xxs {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xxs) * (6 - 1) / 6);
}
.t-grid-6.g-xs {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xs) * (6 - 1) / 6);
}
.t-grid-6.g-sm {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-sm) * (6 - 1) / 6);
}
.t-grid-6.g-md {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-md > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-md) * (6 - 1) / 6);
}
.t-grid-6.g-lg {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-lg) * (6 - 1) / 6);
}
.t-grid-6.g-xl {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xl) * (6 - 1) / 6);
}
.t-grid-6.g-xxl {
display: flex;
flex-wrap: wrap;
}
.t-grid-6.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xxl) * (6 - 1) / 6);
}
.t-row.t-a, .t-row-1.t-a, .t-row-2.t-a, .t-row-3.t-a, .t-row-4.t-a, .t-row-5.t-a, .t-row-6.t-a {
justify-content: space-between;
}
.t-row.t-a-tl, .t-row.t-a-l, .t-row-1.t-a-tl, .t-row-1.t-a-l, .t-row-2.t-a-tl, .t-row-2.t-a-l, .t-row-3.t-a-tl, .t-row-3.t-a-l, .t-row-4.t-a-tl, .t-row-4.t-a-l, .t-row-5.t-a-tl, .t-row-5.t-a-l, .t-row-6.t-a-tl, .t-row-6.t-a-l {
justify-content: flex-start;
align-items: flex-start;
}
.t-row.t-a-tc, .t-row.t-a-c, .t-row-1.t-a-tc, .t-row-1.t-a-c, .t-row-2.t-a-tc, .t-row-2.t-a-c, .t-row-3.t-a-tc, .t-row-3.t-a-c, .t-row-4.t-a-tc, .t-row-4.t-a-c, .t-row-5.t-a-tc, .t-row-5.t-a-c, .t-row-6.t-a-tc, .t-row-6.t-a-c {
justify-content: center;
align-items: flex-start;
text-align: center;
}
.t-row.t-a-tr, .t-row.t-a-r, .t-row-1.t-a-tr, .t-row-1.t-a-r, .t-row-2.t-a-tr, .t-row-2.t-a-r, .t-row-3.t-a-tr, .t-row-3.t-a-r, .t-row-4.t-a-tr, .t-row-4.t-a-r, .t-row-5.t-a-tr, .t-row-5.t-a-r, .t-row-6.t-a-tr, .t-row-6.t-a-r {
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.t-row.t-a-cl, .t-row-1.t-a-cl, .t-row-2.t-a-cl, .t-row-3.t-a-cl, .t-row-4.t-a-cl, .t-row-5.t-a-cl, .t-row-6.t-a-cl {
justify-content: flex-start;
align-items: center;
}
.t-row.t-a-cc, .t-row-1.t-a-cc, .t-row-2.t-a-cc, .t-row-3.t-a-cc, .t-row-4.t-a-cc, .t-row-5.t-a-cc, .t-row-6.t-a-cc {
justify-content: center;
align-items: center;
text-align: center;
}
.t-row.t-a-cr, .t-row-1.t-a-cr, .t-row-2.t-a-cr, .t-row-3.t-a-cr, .t-row-4.t-a-cr, .t-row-5.t-a-cr, .t-row-6.t-a-cr {
justify-content: flex-end;
align-items: center;
text-align: right;
}
.t-row.t-a-bl, .t-row.t-a-b, .t-row-1.t-a-bl, .t-row-1.t-a-b, .t-row-2.t-a-bl, .t-row-2.t-a-b, .t-row-3.t-a-bl, .t-row-3.t-a-b, .t-row-4.t-a-bl, .t-row-4.t-a-b, .t-row-5.t-a-bl, .t-row-5.t-a-b, .t-row-6.t-a-bl, .t-row-6.t-a-b {
justify-content: flex-start;
align-items: flex-end;
}
.t-row.t-a-bc, .t-row-1.t-a-bc, .t-row-2.t-a-bc, .t-row-3.t-a-bc, .t-row-4.t-a-bc, .t-row-5.t-a-bc, .t-row-6.t-a-bc {
justify-content: center;
align-items: flex-end;
text-align: center;
}
.t-row.t-a-br, .t-row-1.t-a-br, .t-row-2.t-a-br, .t-row-3.t-a-br, .t-row-4.t-a-br, .t-row-5.t-a-br, .t-row-6.t-a-br {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.t-col.t-a, .t-col-1.t-a, .t-col-2.t-a, .t-col-3.t-a, .t-col-4.t-a, .t-col-5.t-a, .t-col-6.t-a {
justify-content: space-between;
}
.t-col.t-a-tl, .t-col.t-a-l, .t-col-1.t-a-tl, .t-col-1.t-a-l, .t-col-2.t-a-tl, .t-col-2.t-a-l, .t-col-3.t-a-tl, .t-col-3.t-a-l, .t-col-4.t-a-tl, .t-col-4.t-a-l, .t-col-5.t-a-tl, .t-col-5.t-a-l, .t-col-6.t-a-tl, .t-col-6.t-a-l {
justify-content: flex-start;
align-items: flex-start;
}
.t-col.t-a-tc, .t-col.t-a-c, .t-col-1.t-a-tc, .t-col-1.t-a-c, .t-col-2.t-a-tc, .t-col-2.t-a-c, .t-col-3.t-a-tc, .t-col-3.t-a-c, .t-col-4.t-a-tc, .t-col-4.t-a-c, .t-col-5.t-a-tc, .t-col-5.t-a-c, .t-col-6.t-a-tc, .t-col-6.t-a-c {
justify-content: flex-start;
align-items: center;
text-align: center;
}
.t-col.t-a-tr, .t-col.t-a-r, .t-col-1.t-a-tr, .t-col-1.t-a-r, .t-col-2.t-a-tr, .t-col-2.t-a-r, .t-col-3.t-a-tr, .t-col-3.t-a-r, .t-col-4.t-a-tr, .t-col-4.t-a-r, .t-col-5.t-a-tr, .t-col-5.t-a-r, .t-col-6.t-a-tr, .t-col-6.t-a-r {
justify-content: flex-start;
align-items: flex-end;
text-align: right;
}
.t-col.t-a-cl, .t-col-1.t-a-cl, .t-col-2.t-a-cl, .t-col-3.t-a-cl, .t-col-4.t-a-cl, .t-col-5.t-a-cl, .t-col-6.t-a-cl {
justify-content: center;
align-items: flex-start;
}
.t-col.t-a-cc, .t-col-1.t-a-cc, .t-col-2.t-a-cc, .t-col-3.t-a-cc, .t-col-4.t-a-cc, .t-col-5.t-a-cc, .t-col-6.t-a-cc {
justify-content: center;
align-items: center;
text-align: center;
}
.t-col.t-a-cr, .t-col-1.t-a-cr, .t-col-2.t-a-cr, .t-col-3.t-a-cr, .t-col-4.t-a-cr, .t-col-5.t-a-cr, .t-col-6.t-a-cr {
justify-content: center;
align-items: flex-end;
text-align: right;
}
.t-col.t-a-bl, .t-col.t-a-b, .t-col-1.t-a-bl, .t-col-1.t-a-b, .t-col-2.t-a-bl, .t-col-2.t-a-b, .t-col-3.t-a-bl, .t-col-3.t-a-b, .t-col-4.t-a-bl, .t-col-4.t-a-b, .t-col-5.t-a-bl, .t-col-5.t-a-b, .t-col-6.t-a-bl, .t-col-6.t-a-b {
justify-content: flex-end;
align-items: flex-start;
}
.t-col.t-a-bc, .t-col-1.t-a-bc, .t-col-2.t-a-bc, .t-col-3.t-a-bc, .t-col-4.t-a-bc, .t-col-5.t-a-bc, .t-col-6.t-a-bc {
justify-content: flex-end;
align-items: center;
text-align: center;
}
.t-col.t-a-br, .t-col-1.t-a-br, .t-col-2.t-a-br, .t-col-3.t-a-br, .t-col-4.t-a-br, .t-col-5.t-a-br, .t-col-6.t-a-br {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
}
@media only screen and (max-width: 790px) {
.m-row {
display: flex;
flex-direction: row;
}
.m-row-r {
display: flex;
flex-direction: row-reverse;
}
.m-row-1 {
display: flex;
flex-direction: row;
flex: 1;
width: 100%;
}
.m-row-1-r {
display: flex;
flex-direction: row-reverse;
}
.m-row-2 {
display: flex;
flex-direction: row;
flex: 2;
width: 100%;
}
.m-row-2-r {
display: flex;
flex-direction: row-reverse;
}
.m-row-3 {
display: flex;
flex-direction: row;
flex: 3;
width: 100%;
}
.m-row-3-r {
display: flex;
flex-direction: row-reverse;
}
.m-row-4 {
display: flex;
flex-direction: row;
flex: 4;
width: 100%;
}
.m-row-4-r {
display: flex;
flex-direction: row-reverse;
}
.m-row-5 {
display: flex;
flex-direction: row;
flex: 5;
width: 100%;
}
.m-row-5-r {
display: flex;
flex-direction: row-reverse;
}
.m-row-6 {
display: flex;
flex-direction: row;
flex: 6;
width: 100%;
}
.m-row-6-r {
display: flex;
flex-direction: row-reverse;
}
.m-col {
display: flex;
flex-direction: column;
}
.m-col-r {
display: flex;
flex-direction: column-reverse;
}
.m-col-1 {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
}
.m-col-1-r {
display: flex;
flex-direction: column-reverse;
}
.m-col-2 {
display: flex;
flex-direction: column;
flex: 2;
width: 100%;
}
.m-col-2-r {
display: flex;
flex-direction: column-reverse;
}
.m-col-3 {
display: flex;
flex-direction: column;
flex: 3;
width: 100%;
}
.m-col-3-r {
display: flex;
flex-direction: column-reverse;
}
.m-col-4 {
display: flex;
flex-direction: column;
flex: 4;
width: 100%;
}
.m-col-4-r {
display: flex;
flex-direction: column-reverse;
}
.m-col-5 {
display: flex;
flex-direction: column;
flex: 5;
width: 100%;
}
.m-col-5-r {
display: flex;
flex-direction: column-reverse;
}
.m-col-6 {
display: flex;
flex-direction: column;
flex: 6;
width: 100%;
}
.m-col-6-r {
display: flex;
flex-direction: column-reverse;
}
.m-grid {
display: flex;
flex-direction: row;
width: 100%;
}
.m-grid-1 {
display: flex;
flex-wrap: wrap;
}
.m-grid-1 > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1);
}
.m-grid-2 {
display: flex;
flex-wrap: wrap;
}
.m-grid-2 > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2);
}
.m-grid-3 {
display: flex;
flex-wrap: wrap;
}
.m-grid-3 > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3);
}
.m-grid-4 {
display: flex;
flex-wrap: wrap;
}
.m-grid-4 > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4);
}
.m-grid-5 {
display: flex;
flex-wrap: wrap;
}
.m-grid-5 > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5);
}
.m-grid-6 {
display: flex;
flex-wrap: wrap;
}
.m-grid-6 > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6);
}
.m-grid-1.g-xxs {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xxs) * (1 - 1) / 1);
}
.m-grid-1.g-xs {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xs) * (1 - 1) / 1);
}
.m-grid-1.g-sm {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-sm) * (1 - 1) / 1);
}
.m-grid-1.g-md {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-md > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-md) * (1 - 1) / 1);
}
.m-grid-1.g-lg {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-lg) * (1 - 1) / 1);
}
.m-grid-1.g-xl {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xl) * (1 - 1) / 1);
}
.m-grid-1.g-xxl {
display: flex;
flex-wrap: wrap;
}
.m-grid-1.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 1);
max-width: calc(100% / 1 - var(--sizes-xxl) * (1 - 1) / 1);
}
.m-grid-2.g-xxs {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xxs) * (2 - 1) / 2);
}
.m-grid-2.g-xs {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xs) * (2 - 1) / 2);
}
.m-grid-2.g-sm {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-sm) * (2 - 1) / 2);
}
.m-grid-2.g-md {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-md > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-md) * (2 - 1) / 2);
}
.m-grid-2.g-lg {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-lg) * (2 - 1) / 2);
}
.m-grid-2.g-xl {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xl) * (2 - 1) / 2);
}
.m-grid-2.g-xxl {
display: flex;
flex-wrap: wrap;
}
.m-grid-2.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 2);
max-width: calc(100% / 2 - var(--sizes-xxl) * (2 - 1) / 2);
}
.m-grid-3.g-xxs {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xxs) * (3 - 1) / 3);
}
.m-grid-3.g-xs {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xs) * (3 - 1) / 3);
}
.m-grid-3.g-sm {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-sm) * (3 - 1) / 3);
}
.m-grid-3.g-md {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-md > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-md) * (3 - 1) / 3);
}
.m-grid-3.g-lg {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-lg) * (3 - 1) / 3);
}
.m-grid-3.g-xl {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xl) * (3 - 1) / 3);
}
.m-grid-3.g-xxl {
display: flex;
flex-wrap: wrap;
}
.m-grid-3.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 3);
max-width: calc(100% / 3 - var(--sizes-xxl) * (3 - 1) / 3);
}
.m-grid-4.g-xxs {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xxs) * (4 - 1) / 4);
}
.m-grid-4.g-xs {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xs) * (4 - 1) / 4);
}
.m-grid-4.g-sm {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-sm) * (4 - 1) / 4);
}
.m-grid-4.g-md {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-md > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-md) * (4 - 1) / 4);
}
.m-grid-4.g-lg {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-lg) * (4 - 1) / 4);
}
.m-grid-4.g-xl {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xl) * (4 - 1) / 4);
}
.m-grid-4.g-xxl {
display: flex;
flex-wrap: wrap;
}
.m-grid-4.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 4);
max-width: calc(100% / 4 - var(--sizes-xxl) * (4 - 1) / 4);
}
.m-grid-5.g-xxs {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xxs) * (5 - 1) / 5);
}
.m-grid-5.g-xs {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xs) * (5 - 1) / 5);
}
.m-grid-5.g-sm {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-sm) * (5 - 1) / 5);
}
.m-grid-5.g-md {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-md > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-md) * (5 - 1) / 5);
}
.m-grid-5.g-lg {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-lg) * (5 - 1) / 5);
}
.m-grid-5.g-xl {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xl) * (5 - 1) / 5);
}
.m-grid-5.g-xxl {
display: flex;
flex-wrap: wrap;
}
.m-grid-5.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 5);
max-width: calc(100% / 5 - var(--sizes-xxl) * (5 - 1) / 5);
}
.m-grid-6.g-xxs {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-xxs > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xxs) * (6 - 1) / 6);
}
.m-grid-6.g-xs {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-xs > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xs) * (6 - 1) / 6);
}
.m-grid-6.g-sm {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-sm > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-sm) * (6 - 1) / 6);
}
.m-grid-6.g-md {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-md > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-md) * (6 - 1) / 6);
}
.m-grid-6.g-lg {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-lg > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-lg) * (6 - 1) / 6);
}
.m-grid-6.g-xl {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-xl > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xl) * (6 - 1) / 6);
}
.m-grid-6.g-xxl {
display: flex;
flex-wrap: wrap;
}
.m-grid-6.g-xxl > div {
display: flex;
flex: 1 0 calc(100% / 6);
max-width: calc(100% / 6 - var(--sizes-xxl) * (6 - 1) / 6);
}
.m-row.m-a, .m-row-1.m-a, .m-row-2.m-a, .m-row-3.m-a, .m-row-4.m-a, .m-row-5.m-a, .m-row-6.m-a {
justify-content: space-between;
}
.m-row.m-a-tl, .m-row.m-a-l, .m-row-1.m-a-tl, .m-row-1.m-a-l, .m-row-2.m-a-tl, .m-row-2.m-a-l, .m-row-3.m-a-tl, .m-row-3.m-a-l, .m-row-4.m-a-tl, .m-row-4.m-a-l, .m-row-5.m-a-tl, .m-row-5.m-a-l, .m-row-6.m-a-tl, .m-row-6.m-a-l {
justify-content: flex-start;
align-items: flex-start;
}
.m-row.m-a-tc, .m-row.m-a-c, .m-row-1.m-a-tc, .m-row-1.m-a-c, .m-row-2.m-a-tc, .m-row-2.m-a-c, .m-row-3.m-a-tc, .m-row-3.m-a-c, .m-row-4.m-a-tc, .m-row-4.m-a-c, .m-row-5.m-a-tc, .m-row-5.m-a-c, .m-row-6.m-a-tc, .m-row-6.m-a-c {
justify-content: center;
align-items: flex-start;
text-align: center;
}
.m-row.m-a-tr, .m-row.m-a-r, .m-row-1.m-a-tr, .m-row-1.m-a-r, .m-row-2.m-a-tr, .m-row-2.m-a-r, .m-row-3.m-a-tr, .m-row-3.m-a-r, .m-row-4.m-a-tr, .m-row-4.m-a-r, .m-row-5.m-a-tr, .m-row-5.m-a-r, .m-row-6.m-a-tr, .m-row-6.m-a-r {
justify-content: flex-end;
align-items: flex-start;
text-align: right;
}
.m-row.m-a-cl, .m-row-1.m-a-cl, .m-row-2.m-a-cl, .m-row-3.m-a-cl, .m-row-4.m-a-cl, .m-row-5.m-a-cl, .m-row-6.m-a-cl {
justify-content: flex-start;
align-items: center;
}
.m-row.m-a-cc, .m-row-1.m-a-cc, .m-row-2.m-a-cc, .m-row-3.m-a-cc, .m-row-4.m-a-cc, .m-row-5.m-a-cc, .m-row-6.m-a-cc {
justify-content: center;
align-items: center;
text-align: center;
}
.m-row.m-a-cr, .m-row-1.m-a-cr, .m-row-2.m-a-cr, .m-row-3.m-a-cr, .m-row-4.m-a-cr, .m-row-5.m-a-cr, .m-row-6.m-a-cr {
justify-content: flex-end;
align-items: center;
text-align: right;
}
.m-row.m-a-bl, .m-row.m-a-b, .m-row-1.m-a-bl, .m-row-1.m-a-b, .m-row-2.m-a-bl, .m-row-2.m-a-b, .m-row-3.m-a-bl, .m-row-3.m-a-b, .m-row-4.m-a-bl, .m-row-4.m-a-b, .m-row-5.m-a-bl, .m-row-5.m-a-b, .m-row-6.m-a-bl, .m-row-6.m-a-b {
justify-content: flex-start;
align-items: flex-end;
}
.m-row.m-a-bc, .m-row-1.m-a-bc, .m-row-2.m-a-bc, .m-row-3.m-a-bc, .m-row-4.m-a-bc, .m-row-5.m-a-bc, .m-row-6.m-a-bc {
justify-content: center;
align-items: flex-end;
text-align: center;
}
.m-row.m-a-br, .m-row-1.m-a-br, .m-row-2.m-a-br, .m-row-3.m-a-br, .m-row-4.m-a-br, .m-row-5.m-a-br, .m-row-6.m-a-br {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.m-col.m-a, .m-col-1.m-a, .m-col-2.m-a, .m-col-3.m-a, .m-col-4.m-a, .m-col-5.m-a, .m-col-6.m-a {
justify-content: space-between;
}
.m-col.m-a-tl, .m-col.m-a-l, .m-col-1.m-a-tl, .m-col-1.m-a-l, .m-col-2.m-a-tl, .m-col-2.m-a-l, .m-col-3.m-a-tl, .m-col-3.m-a-l, .m-col-4.m-a-tl, .m-col-4.m-a-l, .m-col-5.m-a-tl, .m-col-5.m-a-l, .m-col-6.m-a-tl, .m-col-6.m-a-l {
justify-content: flex-start;
align-items: flex-start;
}
.m-col.m-a-tc, .m-col.m-a-c, .m-col-1.m-a-tc, .m-col-1.m-a-c, .m-col-2.m-a-tc, .m-col-2.m-a-c, .m-col-3.m-a-tc, .m-col-3.m-a-c, .m-col-4.m-a-tc, .m-col-4.m-a-c, .m-col-5.m-a-tc, .m-col-5.m-a-c, .m-col-6.m-a-tc, .m-col-6.m-a-c {
justify-content: flex-start;
align-items: center;
text-align: center;
}
.m-col.m-a-tr, .m-col.m-a-r, .m-col-1.m-a-tr, .m-col-1.m-a-r, .m-col-2.m-a-tr, .m-col-2.m-a-r, .m-col-3.m-a-tr, .m-col-3.m-a-r, .m-col-4.m-a-tr, .m-col-4.m-a-r, .m-col-5.m-a-tr, .m-col-5.m-a-r, .m-col-6.m-a-tr, .m-col-6.m-a-r {
justify-content: flex-start;
align-items: flex-end;
text-align: right;
}
.m-col.m-a-cl, .m-col-1.m-a-cl, .m-col-2.m-a-cl, .m-col-3.m-a-cl, .m-col-4.m-a-cl, .m-col-5.m-a-cl, .m-col-6.m-a-cl {
justify-content: center;
align-items: flex-start;
}
.m-col.m-a-cc, .m-col-1.m-a-cc, .m-col-2.m-a-cc, .m-col-3.m-a-cc, .m-col-4.m-a-cc, .m-col-5.m-a-cc, .m-col-6.m-a-cc {
justify-content: center;
align-items: center;
text-align: center;
}
.m-col.m-a-cr, .m-col-1.m-a-cr, .m-col-2.m-a-cr, .m-col-3.m-a-cr, .m-col-4.m-a-cr, .m-col-5.m-a-cr, .m-col-6.m-a-cr {
justify-content: center;
align-items: flex-end;
text-align: right;
}
.m-col.m-a-bl, .m-col.m-a-b, .m-col-1.m-a-bl, .m-col-1.m-a-b, .m-col-2.m-a-bl, .m-col-2.m-a-b, .m-col-3.m-a-bl, .m-col-3.m-a-b, .m-col-4.m-a-bl, .m-col-4.m-a-b, .m-col-5.m-a-bl, .m-col-5.m-a-b, .m-col-6.m-a-bl, .m-col-6.m-a-b {
justify-content: flex-end;
align-items: flex-start;
}
.m-col.m-a-bc, .m-col-1.m-a-bc, .m-col-2.m-a-bc, .m-col-3.m-a-bc, .m-col-4.m-a-bc, .m-col-5.m-a-bc, .m-col-6.m-a-bc {
justify-content: flex-end;
align-items: center;
text-align: center;
}
.m-col.m-a-br, .m-col-1.m-a-br, .m-col-2.m-a-br, .m-col-3.m-a-br, .m-col-4.m-a-br, .m-col-5.m-a-br, .m-col-6.m-a-br {
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
}
.container-404 {
height: calc(100vh - 500px);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
.wrap {
flex-wrap: wrap;
}
h0, h1, h2, h3, h4 {
font-family: var(--title-font-name);
letter-spacing: 0em;
margin: 0px;
padding: 0px;
text-decoration: none;
color: var(--color-dark);
}
h5, h6, h7, p, a, ul, li, label, .btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
font-family: var(--paragraph-font-name);
letter-spacing: 0em;
margin: 0px;
padding: 0px;
text-decoration: none;
color: var(--color-dark);
}
h0 {
font-size: var(--h0_font_size);
font-weight: var(--h0_font_weight);
line-height: var(--h0_line_height);
}
@media screen and (max-width: 789px) {
h0 {
font-size: var(--h0_font_size_mobile);
font-weight: var(--h0_font_weight_mobile);
line-height: var(--h0_line_height_mobile);
}
}
h1 {
font-size: var(--h1_font_size);
font-weight: var(--h1_font_weight);
line-height: var(--h1_line_height);
}
@media screen and (max-width: 789px) {
h1 {
font-size: var(--h1_font_size_mobile);
font-weight: var(--h1_font_weight_mobile);
line-height: var(--h1_line_height_mobile);
}
}
h2 {
font-size: var(--h2_font_size);
font-weight: var(--h2_font_weight);
line-height: var(--h2_line_height);
}
@media screen and (max-width: 789px) {
h2 {
font-size: var(--h2_font_size_mobile);
font-weight: var(--h2_font_weight_mobile);
line-height: var(--h2_line_height_mobile);
}
}
h3 {
font-size: var(--h3_font_size);
font-weight: var(--h3_font_weight);
line-height: var(--h3_line_height);
}
@media screen and (max-width: 789px) {
h3 {
font-size: var(--h3_font_size_mobile);
font-weight: var(--h3_font_weight_mobile);
line-height: var(--h3_line_height_mobile);
}
}
h4 {
font-size: var(--h4_font_size);
font-weight: var(--h4_font_weight);
line-height: var(--h4_line_height);
}
@media screen and (max-width: 789px) {
h4 {
font-size: var(--h4_font_size_mobile);
font-weight: var(--h4_font_weight_mobile);
line-height: var(--h4_line_height_mobile);
}
}
h5 {
font-size: var(--h5_font_size);
font-weight: var(--h5_font_weight);
line-height: var(--h5_line_height);
}
@media screen and (max-width: 789px) {
h5 {
font-size: var(--h5_font_size_mobile);
font-weight: var(--h5_font_weight_mobile);
line-height: var(--h5_line_height_mobile);
}
}
h6, label {
font-size: var(--h6_font_size);
font-weight: var(--h6_font_weight);
line-height: var(--h6_line_height);
}
@media screen and (max-width: 789px) {
h6, label {
font-size: var(--h6_font_size_mobile);
font-weight: var(--h6_font_weight_mobile);
line-height: var(--h6_line_height_mobile);
}
}
h7 {
font-size: var(--h7_font_size);
font-weight: var(--h7_font_weight);
line-height: var(--h7_line_height);
}
@media screen and (max-width: 789px) {
h7 {
font-size: var(--h7_font_size_mobile);
font-weight: var(--h7_font_weight_mobile);
line-height: var(--h7_line_height_mobile);
}
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
p {
font-size: var(--p_font_size);
font-weight: var(--p_font_weight);
line-height: var(--p_line_height);
letter-spacing: 0.03em;
white-space: break-spaces;
}
p a {
text-decoration: underline;
}
@media screen and (max-width: 789px) {
p {
font-size: var(--p_font_size_mobile);
font-weight: var(--p_font_weight_mobile);
line-height: var(--p_line_height_mobile);
}
}
b, strong {
font-weight: 600;
}
ul li {
font-size: var(--p_font_size);
font-weight: var(--p_font_weight);
line-height: var(--p_line_height);
letter-spacing: 0.03em;
}
.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
font-size: 13px;
font-weight: 600;
}
.btn-6 {
font-size: 27px;
font-weight: 400;
}
.g-0 {
gap: 0px;
}
.g-xxs {
gap: var(--sizes-xxs);
}
.g-xxsxxs {
gap: var(--sizes-xxs) var(--sizes-xxs);
}
.g-xxsxs {
gap: var(--sizes-xxs) var(--sizes-xs);
}
.g-xxssm {
gap: var(--sizes-xxs) var(--sizes-sm);
}
.g-xxsmd {
gap: var(--sizes-xxs) var(--sizes-md);
}
.g-xxslg {
gap: var(--sizes-xxs) var(--sizes-lg);
}
.g-xxsxl {
gap: var(--sizes-xxs) var(--sizes-xl);
}
.g-xxsxxl {
gap: var(--sizes-xxs) var(--sizes-xxl);
}
.g-xs {
gap: var(--sizes-xs);
}
.g-xsxxs {
gap: var(--sizes-xs) var(--sizes-xxs);
}
.g-xsxs {
gap: var(--sizes-xs) var(--sizes-xs);
}
.g-xssm {
gap: var(--sizes-xs) var(--sizes-sm);
}
.g-xsmd {
gap: var(--sizes-xs) var(--sizes-md);
}
.g-xslg {
gap: var(--sizes-xs) var(--sizes-lg);
}
.g-xsxl {
gap: var(--sizes-xs) var(--sizes-xl);
}
.g-xsxxl {
gap: var(--sizes-xs) var(--sizes-xxl);
}
.g-sm {
gap: var(--sizes-sm);
}
.g-smxxs {
gap: var(--sizes-sm) var(--sizes-xxs);
}
.g-smxs {
gap: var(--sizes-sm) var(--sizes-xs);
}
.g-smsm {
gap: var(--sizes-sm) var(--sizes-sm);
}
.g-smmd {
gap: var(--sizes-sm) var(--sizes-md);
}
.g-smlg {
gap: var(--sizes-sm) var(--sizes-lg);
}
.g-smxl {
gap: var(--sizes-sm) var(--sizes-xl);
}
.g-smxxl {
gap: var(--sizes-sm) var(--sizes-xxl);
}
.g-md {
gap: var(--sizes-md);
}
.g-mdxxs {
gap: var(--sizes-md) var(--sizes-xxs);
}
.g-mdxs {
gap: var(--sizes-md) var(--sizes-xs);
}
.g-mdsm {
gap: var(--sizes-md) var(--sizes-sm);
}
.g-mdmd {
gap: var(--sizes-md) var(--sizes-md);
}
.g-mdlg {
gap: var(--sizes-md) var(--sizes-lg);
}
.g-mdxl {
gap: var(--sizes-md) var(--sizes-xl);
}
.g-mdxxl {
gap: var(--sizes-md) var(--sizes-xxl);
}
.g-lg {
gap: var(--sizes-lg);
}
.g-lgxxs {
gap: var(--sizes-lg) var(--sizes-xxs);
}
.g-lgxs {
gap: var(--sizes-lg) var(--sizes-xs);
}
.g-lgsm {
gap: var(--sizes-lg) var(--sizes-sm);
}
.g-lgmd {
gap: var(--sizes-lg) var(--sizes-md);
}
.g-lglg {
gap: var(--sizes-lg) var(--sizes-lg);
}
.g-lgxl {
gap: var(--sizes-lg) var(--sizes-xl);
}
.g-lgxxl {
gap: var(--sizes-lg) var(--sizes-xxl);
}
.g-xl {
gap: var(--sizes-xl);
}
.g-xlxxs {
gap: var(--sizes-xl) var(--sizes-xxs);
}
.g-xlxs {
gap: var(--sizes-xl) var(--sizes-xs);
}
.g-xlsm {
gap: var(--sizes-xl) var(--sizes-sm);
}
.g-xlmd {
gap: var(--sizes-xl) var(--sizes-md);
}
.g-xllg {
gap: var(--sizes-xl) var(--sizes-lg);
}
.g-xlxl {
gap: var(--sizes-xl) var(--sizes-xl);
}
.g-xlxxl {
gap: var(--sizes-xl) var(--sizes-xxl);
}
.g-xxl {
gap: var(--sizes-xxl);
}
.g-xxlxxs {
gap: var(--sizes-xxl) var(--sizes-xxs);
}
.g-xxlxs {
gap: var(--sizes-xxl) var(--sizes-xs);
}
.g-xxlsm {
gap: var(--sizes-xxl) var(--sizes-sm);
}
.g-xxlmd {
gap: var(--sizes-xxl) var(--sizes-md);
}
.g-xxllg {
gap: var(--sizes-xxl) var(--sizes-lg);
}
.g-xxlxl {
gap: var(--sizes-xxl) var(--sizes-xl);
}
.g-xxlxxl {
gap: var(--sizes-xxl) var(--sizes-xxl);
}
.p-t {
padding-top: 0;
}
.p-r {
padding-right: 0;
}
.p-b {
padding-bottom: 0;
}
.p-l {
padding-left: 0;
}
.p-tr {
padding-right: 0;
padding-top: 0;
}
.p-br {
padding-right: 0;
padding-bottom: 0;
}
.p-rl, .p-lr {
padding-right: 0;
padding-left: 0;
}
.p-tb {
padding-top: 0;
padding-bottom: 0;
}
.p-bl {
padding-left: 0;
padding-bottom: 0;
}
.p-tl {
padding-left: 0;
padding-top: 0;
}
.p-xxs {
padding: var(--sizes-xxs);
}
.p-xxs-t {
padding-top: var(--sizes-xxs);
}
.p-xxs-r {
padding-right: var(--sizes-xxs);
}
.p-xxs-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxs-l {
padding-left: var(--sizes-xxs);
}
.p-xxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.p-xxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.p-xxs-rl, .p-xxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xxs);
}
.p-xxs-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.p-xxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.p-xxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.p-xxsxxs {
padding: var(--sizes-xxs) var(--sizes-xxs);
}
.p-xxsxxs-t {
padding-top: var(--sizes-xxs);
}
.p-xxsxxs-r {
padding-right: var(--sizes-xxs);
}
.p-xxsxxs-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-l {
padding-left: var(--sizes-xxs);
}
.p-xxsxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.p-xxsxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xxs);
}
.p-xxsxxs-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.p-xxsxs {
padding: var(--sizes-xxs) var(--sizes-xs);
}
.p-xxsxs-t {
padding-top: var(--sizes-xxs);
}
.p-xxsxs-r {
padding-right: var(--sizes-xs);
}
.p-xxsxs-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxsxs-l {
padding-left: var(--sizes-xs);
}
.p-xxsxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xxs);
}
.p-xxsxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xxs);
}
.p-xxsxs-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xs);
}
.p-xxsxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xxs);
}
.p-xxssm {
padding: var(--sizes-xxs) var(--sizes-sm);
}
.p-xxssm-t {
padding-top: var(--sizes-xxs);
}
.p-xxssm-r {
padding-right: var(--sizes-sm);
}
.p-xxssm-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxssm-l {
padding-left: var(--sizes-sm);
}
.p-xxssm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xxs);
}
.p-xxssm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xxs);
}
.p-xxssm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xxs);
}
.p-xxssm-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-sm);
}
.p-xxssm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xxs);
}
.p-xxssm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xxs);
}
.p-xxsmd {
padding: var(--sizes-xxs) var(--sizes-md);
}
.p-xxsmd-t {
padding-top: var(--sizes-xxs);
}
.p-xxsmd-r {
padding-right: var(--sizes-md);
}
.p-xxsmd-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxsmd-l {
padding-left: var(--sizes-md);
}
.p-xxsmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xxs);
}
.p-xxsmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xxs);
}
.p-xxsmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xxs);
}
.p-xxsmd-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-md);
}
.p-xxsmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xxs);
}
.p-xxsmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xxs);
}
.p-xxslg {
padding: var(--sizes-xxs) var(--sizes-lg);
}
.p-xxslg-t {
padding-top: var(--sizes-xxs);
}
.p-xxslg-r {
padding-right: var(--sizes-lg);
}
.p-xxslg-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxslg-l {
padding-left: var(--sizes-lg);
}
.p-xxslg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xxs);
}
.p-xxslg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xxs);
}
.p-xxslg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xxs);
}
.p-xxslg-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-lg);
}
.p-xxslg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xxs);
}
.p-xxslg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xxs);
}
.p-xxsxl {
padding: var(--sizes-xxs) var(--sizes-xl);
}
.p-xxsxl-t {
padding-top: var(--sizes-xxs);
}
.p-xxsxl-r {
padding-right: var(--sizes-xl);
}
.p-xxsxl-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxsxl-l {
padding-left: var(--sizes-xl);
}
.p-xxsxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xxs);
}
.p-xxsxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xxs);
}
.p-xxsxl-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xl);
}
.p-xxsxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xxs);
}
.p-xxsxxl {
padding: var(--sizes-xxs) var(--sizes-xxl);
}
.p-xxsxxl-t {
padding-top: var(--sizes-xxs);
}
.p-xxsxxl-r {
padding-right: var(--sizes-xxl);
}
.p-xxsxxl-b {
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxl-l {
padding-left: var(--sizes-xxl);
}
.p-xxsxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xxs);
}
.p-xxsxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xxs);
}
.p-xxsxxl-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xxl);
}
.p-xxsxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xxs);
}
.p-xxsxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xxs);
}
.p-xs {
padding: var(--sizes-xs);
}
.p-xs-t {
padding-top: var(--sizes-xs);
}
.p-xs-r {
padding-right: var(--sizes-xs);
}
.p-xs-b {
padding-bottom: var(--sizes-xs);
}
.p-xs-l {
padding-left: var(--sizes-xs);
}
.p-xs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.p-xs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.p-xs-rl, .p-xs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xs);
}
.p-xs-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.p-xs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.p-xs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.p-xsxxs {
padding: var(--sizes-xs) var(--sizes-xxs);
}
.p-xsxxs-t {
padding-top: var(--sizes-xs);
}
.p-xsxxs-r {
padding-right: var(--sizes-xxs);
}
.p-xsxxs-b {
padding-bottom: var(--sizes-xs);
}
.p-xsxxs-l {
padding-left: var(--sizes-xxs);
}
.p-xsxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xs);
}
.p-xsxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xs);
}
.p-xsxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xs);
}
.p-xsxxs-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xxs);
}
.p-xsxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xs);
}
.p-xsxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xs);
}
.p-xsxs {
padding: var(--sizes-xs) var(--sizes-xs);
}
.p-xsxs-t {
padding-top: var(--sizes-xs);
}
.p-xsxs-r {
padding-right: var(--sizes-xs);
}
.p-xsxs-b {
padding-bottom: var(--sizes-xs);
}
.p-xsxs-l {
padding-left: var(--sizes-xs);
}
.p-xsxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.p-xsxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.p-xsxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xs);
}
.p-xsxs-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.p-xsxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.p-xsxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.p-xssm {
padding: var(--sizes-xs) var(--sizes-sm);
}
.p-xssm-t {
padding-top: var(--sizes-xs);
}
.p-xssm-r {
padding-right: var(--sizes-sm);
}
.p-xssm-b {
padding-bottom: var(--sizes-xs);
}
.p-xssm-l {
padding-left: var(--sizes-sm);
}
.p-xssm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xs);
}
.p-xssm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xs);
}
.p-xssm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xs);
}
.p-xssm-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-sm);
}
.p-xssm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xs);
}
.p-xssm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xs);
}
.p-xsmd {
padding: var(--sizes-xs) var(--sizes-md);
}
.p-xsmd-t {
padding-top: var(--sizes-xs);
}
.p-xsmd-r {
padding-right: var(--sizes-md);
}
.p-xsmd-b {
padding-bottom: var(--sizes-xs);
}
.p-xsmd-l {
padding-left: var(--sizes-md);
}
.p-xsmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xs);
}
.p-xsmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xs);
}
.p-xsmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xs);
}
.p-xsmd-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-md);
}
.p-xsmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xs);
}
.p-xsmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xs);
}
.p-xslg {
padding: var(--sizes-xs) var(--sizes-lg);
}
.p-xslg-t {
padding-top: var(--sizes-xs);
}
.p-xslg-r {
padding-right: var(--sizes-lg);
}
.p-xslg-b {
padding-bottom: var(--sizes-xs);
}
.p-xslg-l {
padding-left: var(--sizes-lg);
}
.p-xslg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xs);
}
.p-xslg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xs);
}
.p-xslg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xs);
}
.p-xslg-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-lg);
}
.p-xslg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xs);
}
.p-xslg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xs);
}
.p-xsxl {
padding: var(--sizes-xs) var(--sizes-xl);
}
.p-xsxl-t {
padding-top: var(--sizes-xs);
}
.p-xsxl-r {
padding-right: var(--sizes-xl);
}
.p-xsxl-b {
padding-bottom: var(--sizes-xs);
}
.p-xsxl-l {
padding-left: var(--sizes-xl);
}
.p-xsxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xs);
}
.p-xsxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xs);
}
.p-xsxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xs);
}
.p-xsxl-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xl);
}
.p-xsxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xs);
}
.p-xsxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xs);
}
.p-xsxxl {
padding: var(--sizes-xs) var(--sizes-xxl);
}
.p-xsxxl-t {
padding-top: var(--sizes-xs);
}
.p-xsxxl-r {
padding-right: var(--sizes-xxl);
}
.p-xsxxl-b {
padding-bottom: var(--sizes-xs);
}
.p-xsxxl-l {
padding-left: var(--sizes-xxl);
}
.p-xsxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xs);
}
.p-xsxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xs);
}
.p-xsxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xs);
}
.p-xsxxl-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xxl);
}
.p-xsxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xs);
}
.p-xsxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xs);
}
.p-sm {
padding: var(--sizes-sm);
}
.p-sm-t {
padding-top: var(--sizes-sm);
}
.p-sm-r {
padding-right: var(--sizes-sm);
}
.p-sm-b {
padding-bottom: var(--sizes-sm);
}
.p-sm-l {
padding-left: var(--sizes-sm);
}
.p-sm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.p-sm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.p-sm-rl, .p-sm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-sm);
}
.p-sm-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.p-sm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.p-sm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.p-smxxs {
padding: var(--sizes-sm) var(--sizes-xxs);
}
.p-smxxs-t {
padding-top: var(--sizes-sm);
}
.p-smxxs-r {
padding-right: var(--sizes-xxs);
}
.p-smxxs-b {
padding-bottom: var(--sizes-sm);
}
.p-smxxs-l {
padding-left: var(--sizes-xxs);
}
.p-smxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-sm);
}
.p-smxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-sm);
}
.p-smxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-sm);
}
.p-smxxs-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xxs);
}
.p-smxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-sm);
}
.p-smxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-sm);
}
.p-smxs {
padding: var(--sizes-sm) var(--sizes-xs);
}
.p-smxs-t {
padding-top: var(--sizes-sm);
}
.p-smxs-r {
padding-right: var(--sizes-xs);
}
.p-smxs-b {
padding-bottom: var(--sizes-sm);
}
.p-smxs-l {
padding-left: var(--sizes-xs);
}
.p-smxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-sm);
}
.p-smxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-sm);
}
.p-smxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-sm);
}
.p-smxs-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xs);
}
.p-smxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-sm);
}
.p-smxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-sm);
}
.p-smsm {
padding: var(--sizes-sm) var(--sizes-sm);
}
.p-smsm-t {
padding-top: var(--sizes-sm);
}
.p-smsm-r {
padding-right: var(--sizes-sm);
}
.p-smsm-b {
padding-bottom: var(--sizes-sm);
}
.p-smsm-l {
padding-left: var(--sizes-sm);
}
.p-smsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.p-smsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.p-smsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-sm);
}
.p-smsm-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.p-smsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.p-smsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.p-smmd {
padding: var(--sizes-sm) var(--sizes-md);
}
.p-smmd-t {
padding-top: var(--sizes-sm);
}
.p-smmd-r {
padding-right: var(--sizes-md);
}
.p-smmd-b {
padding-bottom: var(--sizes-sm);
}
.p-smmd-l {
padding-left: var(--sizes-md);
}
.p-smmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-sm);
}
.p-smmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-sm);
}
.p-smmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-sm);
}
.p-smmd-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-md);
}
.p-smmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-sm);
}
.p-smmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-sm);
}
.p-smlg {
padding: var(--sizes-sm) var(--sizes-lg);
}
.p-smlg-t {
padding-top: var(--sizes-sm);
}
.p-smlg-r {
padding-right: var(--sizes-lg);
}
.p-smlg-b {
padding-bottom: var(--sizes-sm);
}
.p-smlg-l {
padding-left: var(--sizes-lg);
}
.p-smlg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-sm);
}
.p-smlg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-sm);
}
.p-smlg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-sm);
}
.p-smlg-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-lg);
}
.p-smlg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-sm);
}
.p-smlg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-sm);
}
.p-smxl {
padding: var(--sizes-sm) var(--sizes-xl);
}
.p-smxl-t {
padding-top: var(--sizes-sm);
}
.p-smxl-r {
padding-right: var(--sizes-xl);
}
.p-smxl-b {
padding-bottom: var(--sizes-sm);
}
.p-smxl-l {
padding-left: var(--sizes-xl);
}
.p-smxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-sm);
}
.p-smxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-sm);
}
.p-smxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-sm);
}
.p-smxl-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xl);
}
.p-smxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-sm);
}
.p-smxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-sm);
}
.p-smxxl {
padding: var(--sizes-sm) var(--sizes-xxl);
}
.p-smxxl-t {
padding-top: var(--sizes-sm);
}
.p-smxxl-r {
padding-right: var(--sizes-xxl);
}
.p-smxxl-b {
padding-bottom: var(--sizes-sm);
}
.p-smxxl-l {
padding-left: var(--sizes-xxl);
}
.p-smxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-sm);
}
.p-smxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-sm);
}
.p-smxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-sm);
}
.p-smxxl-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xxl);
}
.p-smxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-sm);
}
.p-smxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-sm);
}
.p-md {
padding: var(--sizes-md);
}
.p-md-t {
padding-top: var(--sizes-md);
}
.p-md-r {
padding-right: var(--sizes-md);
}
.p-md-b {
padding-bottom: var(--sizes-md);
}
.p-md-l {
padding-left: var(--sizes-md);
}
.p-md-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-md);
}
.p-md-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.p-md-rl, .p-md-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-md);
}
.p-md-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.p-md-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.p-md-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-md);
}
.p-mdxxs {
padding: var(--sizes-md) var(--sizes-xxs);
}
.p-mdxxs-t {
padding-top: var(--sizes-md);
}
.p-mdxxs-r {
padding-right: var(--sizes-xxs);
}
.p-mdxxs-b {
padding-bottom: var(--sizes-md);
}
.p-mdxxs-l {
padding-left: var(--sizes-xxs);
}
.p-mdxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-md);
}
.p-mdxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-md);
}
.p-mdxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-md);
}
.p-mdxxs-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xxs);
}
.p-mdxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-md);
}
.p-mdxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-md);
}
.p-mdxs {
padding: var(--sizes-md) var(--sizes-xs);
}
.p-mdxs-t {
padding-top: var(--sizes-md);
}
.p-mdxs-r {
padding-right: var(--sizes-xs);
}
.p-mdxs-b {
padding-bottom: var(--sizes-md);
}
.p-mdxs-l {
padding-left: var(--sizes-xs);
}
.p-mdxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-md);
}
.p-mdxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-md);
}
.p-mdxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-md);
}
.p-mdxs-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xs);
}
.p-mdxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-md);
}
.p-mdxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-md);
}
.p-mdsm {
padding: var(--sizes-md) var(--sizes-sm);
}
.p-mdsm-t {
padding-top: var(--sizes-md);
}
.p-mdsm-r {
padding-right: var(--sizes-sm);
}
.p-mdsm-b {
padding-bottom: var(--sizes-md);
}
.p-mdsm-l {
padding-left: var(--sizes-sm);
}
.p-mdsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-md);
}
.p-mdsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-md);
}
.p-mdsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-md);
}
.p-mdsm-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-sm);
}
.p-mdsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-md);
}
.p-mdsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-md);
}
.p-mdmd {
padding: var(--sizes-md) var(--sizes-md);
}
.p-mdmd-t {
padding-top: var(--sizes-md);
}
.p-mdmd-r {
padding-right: var(--sizes-md);
}
.p-mdmd-b {
padding-bottom: var(--sizes-md);
}
.p-mdmd-l {
padding-left: var(--sizes-md);
}
.p-mdmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-md);
}
.p-mdmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.p-mdmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-md);
}
.p-mdmd-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.p-mdmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.p-mdmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-md);
}
.p-mdlg {
padding: var(--sizes-md) var(--sizes-lg);
}
.p-mdlg-t {
padding-top: var(--sizes-md);
}
.p-mdlg-r {
padding-right: var(--sizes-lg);
}
.p-mdlg-b {
padding-bottom: var(--sizes-md);
}
.p-mdlg-l {
padding-left: var(--sizes-lg);
}
.p-mdlg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-md);
}
.p-mdlg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-md);
}
.p-mdlg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-md);
}
.p-mdlg-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-lg);
}
.p-mdlg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-md);
}
.p-mdlg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-md);
}
.p-mdxl {
padding: var(--sizes-md) var(--sizes-xl);
}
.p-mdxl-t {
padding-top: var(--sizes-md);
}
.p-mdxl-r {
padding-right: var(--sizes-xl);
}
.p-mdxl-b {
padding-bottom: var(--sizes-md);
}
.p-mdxl-l {
padding-left: var(--sizes-xl);
}
.p-mdxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-md);
}
.p-mdxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-md);
}
.p-mdxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-md);
}
.p-mdxl-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xl);
}
.p-mdxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-md);
}
.p-mdxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-md);
}
.p-mdxxl {
padding: var(--sizes-md) var(--sizes-xxl);
}
.p-mdxxl-t {
padding-top: var(--sizes-md);
}
.p-mdxxl-r {
padding-right: var(--sizes-xxl);
}
.p-mdxxl-b {
padding-bottom: var(--sizes-md);
}
.p-mdxxl-l {
padding-left: var(--sizes-xxl);
}
.p-mdxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-md);
}
.p-mdxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-md);
}
.p-mdxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-md);
}
.p-mdxxl-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xxl);
}
.p-mdxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-md);
}
.p-mdxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-md);
}
.p-lg {
padding: var(--sizes-lg);
}
.p-lg-t {
padding-top: var(--sizes-lg);
}
.p-lg-r {
padding-right: var(--sizes-lg);
}
.p-lg-b {
padding-bottom: var(--sizes-lg);
}
.p-lg-l {
padding-left: var(--sizes-lg);
}
.p-lg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.p-lg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.p-lg-rl, .p-lg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-lg);
}
.p-lg-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.p-lg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.p-lg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.p-lgxxs {
padding: var(--sizes-lg) var(--sizes-xxs);
}
.p-lgxxs-t {
padding-top: var(--sizes-lg);
}
.p-lgxxs-r {
padding-right: var(--sizes-xxs);
}
.p-lgxxs-b {
padding-bottom: var(--sizes-lg);
}
.p-lgxxs-l {
padding-left: var(--sizes-xxs);
}
.p-lgxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-lg);
}
.p-lgxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-lg);
}
.p-lgxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-lg);
}
.p-lgxxs-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xxs);
}
.p-lgxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-lg);
}
.p-lgxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-lg);
}
.p-lgxs {
padding: var(--sizes-lg) var(--sizes-xs);
}
.p-lgxs-t {
padding-top: var(--sizes-lg);
}
.p-lgxs-r {
padding-right: var(--sizes-xs);
}
.p-lgxs-b {
padding-bottom: var(--sizes-lg);
}
.p-lgxs-l {
padding-left: var(--sizes-xs);
}
.p-lgxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-lg);
}
.p-lgxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-lg);
}
.p-lgxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-lg);
}
.p-lgxs-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xs);
}
.p-lgxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-lg);
}
.p-lgxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-lg);
}
.p-lgsm {
padding: var(--sizes-lg) var(--sizes-sm);
}
.p-lgsm-t {
padding-top: var(--sizes-lg);
}
.p-lgsm-r {
padding-right: var(--sizes-sm);
}
.p-lgsm-b {
padding-bottom: var(--sizes-lg);
}
.p-lgsm-l {
padding-left: var(--sizes-sm);
}
.p-lgsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-lg);
}
.p-lgsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-lg);
}
.p-lgsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-lg);
}
.p-lgsm-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-sm);
}
.p-lgsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-lg);
}
.p-lgsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-lg);
}
.p-lgmd {
padding: var(--sizes-lg) var(--sizes-md);
}
.p-lgmd-t {
padding-top: var(--sizes-lg);
}
.p-lgmd-r {
padding-right: var(--sizes-md);
}
.p-lgmd-b {
padding-bottom: var(--sizes-lg);
}
.p-lgmd-l {
padding-left: var(--sizes-md);
}
.p-lgmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-lg);
}
.p-lgmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-lg);
}
.p-lgmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-lg);
}
.p-lgmd-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-md);
}
.p-lgmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-lg);
}
.p-lgmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-lg);
}
.p-lglg {
padding: var(--sizes-lg) var(--sizes-lg);
}
.p-lglg-t {
padding-top: var(--sizes-lg);
}
.p-lglg-r {
padding-right: var(--sizes-lg);
}
.p-lglg-b {
padding-bottom: var(--sizes-lg);
}
.p-lglg-l {
padding-left: var(--sizes-lg);
}
.p-lglg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.p-lglg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.p-lglg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-lg);
}
.p-lglg-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.p-lglg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.p-lglg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.p-lgxl {
padding: var(--sizes-lg) var(--sizes-xl);
}
.p-lgxl-t {
padding-top: var(--sizes-lg);
}
.p-lgxl-r {
padding-right: var(--sizes-xl);
}
.p-lgxl-b {
padding-bottom: var(--sizes-lg);
}
.p-lgxl-l {
padding-left: var(--sizes-xl);
}
.p-lgxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-lg);
}
.p-lgxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-lg);
}
.p-lgxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-lg);
}
.p-lgxl-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xl);
}
.p-lgxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-lg);
}
.p-lgxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-lg);
}
.p-lgxxl {
padding: var(--sizes-lg) var(--sizes-xxl);
}
.p-lgxxl-t {
padding-top: var(--sizes-lg);
}
.p-lgxxl-r {
padding-right: var(--sizes-xxl);
}
.p-lgxxl-b {
padding-bottom: var(--sizes-lg);
}
.p-lgxxl-l {
padding-left: var(--sizes-xxl);
}
.p-lgxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-lg);
}
.p-lgxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-lg);
}
.p-lgxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-lg);
}
.p-lgxxl-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xxl);
}
.p-lgxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-lg);
}
.p-lgxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-lg);
}
.p-xl {
padding: var(--sizes-xl);
}
.p-xl-t {
padding-top: var(--sizes-xl);
}
.p-xl-r {
padding-right: var(--sizes-xl);
}
.p-xl-b {
padding-bottom: var(--sizes-xl);
}
.p-xl-l {
padding-left: var(--sizes-xl);
}
.p-xl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.p-xl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.p-xl-rl, .p-xl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xl);
}
.p-xl-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.p-xl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.p-xl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.p-xlxxs {
padding: var(--sizes-xl) var(--sizes-xxs);
}
.p-xlxxs-t {
padding-top: var(--sizes-xl);
}
.p-xlxxs-r {
padding-right: var(--sizes-xxs);
}
.p-xlxxs-b {
padding-bottom: var(--sizes-xl);
}
.p-xlxxs-l {
padding-left: var(--sizes-xxs);
}
.p-xlxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xl);
}
.p-xlxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xl);
}
.p-xlxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xl);
}
.p-xlxxs-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xxs);
}
.p-xlxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xl);
}
.p-xlxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xl);
}
.p-xlxs {
padding: var(--sizes-xl) var(--sizes-xs);
}
.p-xlxs-t {
padding-top: var(--sizes-xl);
}
.p-xlxs-r {
padding-right: var(--sizes-xs);
}
.p-xlxs-b {
padding-bottom: var(--sizes-xl);
}
.p-xlxs-l {
padding-left: var(--sizes-xs);
}
.p-xlxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xl);
}
.p-xlxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xl);
}
.p-xlxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xl);
}
.p-xlxs-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xs);
}
.p-xlxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xl);
}
.p-xlxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xl);
}
.p-xlsm {
padding: var(--sizes-xl) var(--sizes-sm);
}
.p-xlsm-t {
padding-top: var(--sizes-xl);
}
.p-xlsm-r {
padding-right: var(--sizes-sm);
}
.p-xlsm-b {
padding-bottom: var(--sizes-xl);
}
.p-xlsm-l {
padding-left: var(--sizes-sm);
}
.p-xlsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xl);
}
.p-xlsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xl);
}
.p-xlsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xl);
}
.p-xlsm-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-sm);
}
.p-xlsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xl);
}
.p-xlsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xl);
}
.p-xlmd {
padding: var(--sizes-xl) var(--sizes-md);
}
.p-xlmd-t {
padding-top: var(--sizes-xl);
}
.p-xlmd-r {
padding-right: var(--sizes-md);
}
.p-xlmd-b {
padding-bottom: var(--sizes-xl);
}
.p-xlmd-l {
padding-left: var(--sizes-md);
}
.p-xlmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xl);
}
.p-xlmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xl);
}
.p-xlmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xl);
}
.p-xlmd-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-md);
}
.p-xlmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xl);
}
.p-xlmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xl);
}
.p-xllg {
padding: var(--sizes-xl) var(--sizes-lg);
}
.p-xllg-t {
padding-top: var(--sizes-xl);
}
.p-xllg-r {
padding-right: var(--sizes-lg);
}
.p-xllg-b {
padding-bottom: var(--sizes-xl);
}
.p-xllg-l {
padding-left: var(--sizes-lg);
}
.p-xllg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xl);
}
.p-xllg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xl);
}
.p-xllg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xl);
}
.p-xllg-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-lg);
}
.p-xllg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xl);
}
.p-xllg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xl);
}
.p-xlxl {
padding: var(--sizes-xl) var(--sizes-xl);
}
.p-xlxl-t {
padding-top: var(--sizes-xl);
}
.p-xlxl-r {
padding-right: var(--sizes-xl);
}
.p-xlxl-b {
padding-bottom: var(--sizes-xl);
}
.p-xlxl-l {
padding-left: var(--sizes-xl);
}
.p-xlxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.p-xlxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.p-xlxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xl);
}
.p-xlxl-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.p-xlxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.p-xlxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.p-xlxxl {
padding: var(--sizes-xl) var(--sizes-xxl);
}
.p-xlxxl-t {
padding-top: var(--sizes-xl);
}
.p-xlxxl-r {
padding-right: var(--sizes-xxl);
}
.p-xlxxl-b {
padding-bottom: var(--sizes-xl);
}
.p-xlxxl-l {
padding-left: var(--sizes-xxl);
}
.p-xlxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xl);
}
.p-xlxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xl);
}
.p-xlxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xl);
}
.p-xlxxl-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xxl);
}
.p-xlxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xl);
}
.p-xlxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xl);
}
.p-xxl {
padding: var(--sizes-xxl);
}
.p-xxl-t {
padding-top: var(--sizes-xxl);
}
.p-xxl-r {
padding-right: var(--sizes-xxl);
}
.p-xxl-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxl-l {
padding-left: var(--sizes-xxl);
}
.p-xxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.p-xxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.p-xxl-rl, .p-xxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xxl);
}
.p-xxl-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.p-xxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.p-xxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.p-xxlxxs {
padding: var(--sizes-xxl) var(--sizes-xxs);
}
.p-xxlxxs-t {
padding-top: var(--sizes-xxl);
}
.p-xxlxxs-r {
padding-right: var(--sizes-xxs);
}
.p-xxlxxs-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxs-l {
padding-left: var(--sizes-xxs);
}
.p-xxlxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xxl);
}
.p-xxlxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xxl);
}
.p-xxlxxs-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xxs);
}
.p-xxlxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xxl);
}
.p-xxlxs {
padding: var(--sizes-xxl) var(--sizes-xs);
}
.p-xxlxs-t {
padding-top: var(--sizes-xxl);
}
.p-xxlxs-r {
padding-right: var(--sizes-xs);
}
.p-xxlxs-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxlxs-l {
padding-left: var(--sizes-xs);
}
.p-xxlxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xxl);
}
.p-xxlxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xxl);
}
.p-xxlxs-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xs);
}
.p-xxlxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xxl);
}
.p-xxlsm {
padding: var(--sizes-xxl) var(--sizes-sm);
}
.p-xxlsm-t {
padding-top: var(--sizes-xxl);
}
.p-xxlsm-r {
padding-right: var(--sizes-sm);
}
.p-xxlsm-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxlsm-l {
padding-left: var(--sizes-sm);
}
.p-xxlsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xxl);
}
.p-xxlsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xxl);
}
.p-xxlsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xxl);
}
.p-xxlsm-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-sm);
}
.p-xxlsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xxl);
}
.p-xxlsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xxl);
}
.p-xxlmd {
padding: var(--sizes-xxl) var(--sizes-md);
}
.p-xxlmd-t {
padding-top: var(--sizes-xxl);
}
.p-xxlmd-r {
padding-right: var(--sizes-md);
}
.p-xxlmd-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxlmd-l {
padding-left: var(--sizes-md);
}
.p-xxlmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xxl);
}
.p-xxlmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xxl);
}
.p-xxlmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xxl);
}
.p-xxlmd-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-md);
}
.p-xxlmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xxl);
}
.p-xxlmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xxl);
}
.p-xxllg {
padding: var(--sizes-xxl) var(--sizes-lg);
}
.p-xxllg-t {
padding-top: var(--sizes-xxl);
}
.p-xxllg-r {
padding-right: var(--sizes-lg);
}
.p-xxllg-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxllg-l {
padding-left: var(--sizes-lg);
}
.p-xxllg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xxl);
}
.p-xxllg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xxl);
}
.p-xxllg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xxl);
}
.p-xxllg-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-lg);
}
.p-xxllg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xxl);
}
.p-xxllg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xxl);
}
.p-xxlxl {
padding: var(--sizes-xxl) var(--sizes-xl);
}
.p-xxlxl-t {
padding-top: var(--sizes-xxl);
}
.p-xxlxl-r {
padding-right: var(--sizes-xl);
}
.p-xxlxl-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxlxl-l {
padding-left: var(--sizes-xl);
}
.p-xxlxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xxl);
}
.p-xxlxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xxl);
}
.p-xxlxl-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xl);
}
.p-xxlxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xxl);
}
.p-xxlxxl {
padding: var(--sizes-xxl) var(--sizes-xxl);
}
.p-xxlxxl-t {
padding-top: var(--sizes-xxl);
}
.p-xxlxxl-r {
padding-right: var(--sizes-xxl);
}
.p-xxlxxl-b {
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-l {
padding-left: var(--sizes-xxl);
}
.p-xxlxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.p-xxlxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xxl);
}
.p-xxlxxl-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.p-xxlxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.p-0 {
padding: 0px;
}
.p-t-0 {
padding-top: 0px;
}
.p-r-0 {
padding-right: 0px;
}
.p-b-0 {
padding-bottom: 0px;
}
.p-l-0 {
padding-left: 0px;
}
.p-tr-0 {
padding-right: 0px;
padding-top: 0px;
}
.p-br-0 {
padding-right: 0px;
padding-bottom: 0px;
}
.p-rl-0, .p-lr-0 {
padding-right: 0px;
padding-left: 0px;
}
.p-tb-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.p-bl-0 {
padding-left: 0px;
padding-bottom: 0px;
}
.p-tl-0 {
padding-left: 0px;
padding-top: 0px;
}
.m-t {
margin-top: 0;
}
.m-r {
margin-right: 0;
}
.m-b {
margin-bottom: 0;
}
.m-l {
margin-left: 0;
}
.m-tr {
margin-right: 0;
margin-top: 0;
}
.m-br {
margin-right: 0;
margin-bottom: 0;
}
.m-rl, .m-lr {
margin-right: 0;
margin-left: 0;
}
.m-tb {
margin-top: 0;
margin-bottom: 0;
}
.m-bl {
margin-left: 0;
margin-bottom: 0;
}
.m-tl {
margin-left: 0;
margin-top: 0;
}
.m-xxs {
margin: var(--sizes-xxs);
}
.m-xxs-t {
margin-top: var(--sizes-xxs);
}
.m-xxs-r {
margin-right: var(--sizes-xxs);
}
.m-xxs-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxs-l {
margin-left: var(--sizes-xxs);
}
.m-xxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-xxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-xxs-rl, .m-xxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xxs);
}
.m-xxs-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-xxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-xxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-xxsxxs {
margin: var(--sizes-xxs) var(--sizes-xxs);
}
.m-xxsxxs-t {
margin-top: var(--sizes-xxs);
}
.m-xxsxxs-r {
margin-right: var(--sizes-xxs);
}
.m-xxsxxs-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-l {
margin-left: var(--sizes-xxs);
}
.m-xxsxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-xxsxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xxs);
}
.m-xxsxxs-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-xxsxs {
margin: var(--sizes-xxs) var(--sizes-xs);
}
.m-xxsxs-t {
margin-top: var(--sizes-xxs);
}
.m-xxsxs-r {
margin-right: var(--sizes-xs);
}
.m-xxsxs-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxsxs-l {
margin-left: var(--sizes-xs);
}
.m-xxsxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xxs);
}
.m-xxsxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xxs);
}
.m-xxsxs-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xs);
}
.m-xxsxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xxs);
}
.m-xxssm {
margin: var(--sizes-xxs) var(--sizes-sm);
}
.m-xxssm-t {
margin-top: var(--sizes-xxs);
}
.m-xxssm-r {
margin-right: var(--sizes-sm);
}
.m-xxssm-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxssm-l {
margin-left: var(--sizes-sm);
}
.m-xxssm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xxs);
}
.m-xxssm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xxs);
}
.m-xxssm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xxs);
}
.m-xxssm-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-sm);
}
.m-xxssm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xxs);
}
.m-xxssm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xxs);
}
.m-xxsmd {
margin: var(--sizes-xxs) var(--sizes-md);
}
.m-xxsmd-t {
margin-top: var(--sizes-xxs);
}
.m-xxsmd-r {
margin-right: var(--sizes-md);
}
.m-xxsmd-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxsmd-l {
margin-left: var(--sizes-md);
}
.m-xxsmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xxs);
}
.m-xxsmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xxs);
}
.m-xxsmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xxs);
}
.m-xxsmd-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-md);
}
.m-xxsmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xxs);
}
.m-xxsmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xxs);
}
.m-xxslg {
margin: var(--sizes-xxs) var(--sizes-lg);
}
.m-xxslg-t {
margin-top: var(--sizes-xxs);
}
.m-xxslg-r {
margin-right: var(--sizes-lg);
}
.m-xxslg-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxslg-l {
margin-left: var(--sizes-lg);
}
.m-xxslg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xxs);
}
.m-xxslg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xxs);
}
.m-xxslg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xxs);
}
.m-xxslg-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-lg);
}
.m-xxslg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xxs);
}
.m-xxslg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xxs);
}
.m-xxsxl {
margin: var(--sizes-xxs) var(--sizes-xl);
}
.m-xxsxl-t {
margin-top: var(--sizes-xxs);
}
.m-xxsxl-r {
margin-right: var(--sizes-xl);
}
.m-xxsxl-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxsxl-l {
margin-left: var(--sizes-xl);
}
.m-xxsxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xxs);
}
.m-xxsxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xxs);
}
.m-xxsxl-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xl);
}
.m-xxsxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xxs);
}
.m-xxsxxl {
margin: var(--sizes-xxs) var(--sizes-xxl);
}
.m-xxsxxl-t {
margin-top: var(--sizes-xxs);
}
.m-xxsxxl-r {
margin-right: var(--sizes-xxl);
}
.m-xxsxxl-b {
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxl-l {
margin-left: var(--sizes-xxl);
}
.m-xxsxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xxs);
}
.m-xxsxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xxs);
}
.m-xxsxxl-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xxl);
}
.m-xxsxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xxs);
}
.m-xxsxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xxs);
}
.m-xs {
margin: var(--sizes-xs);
}
.m-xs-t {
margin-top: var(--sizes-xs);
}
.m-xs-r {
margin-right: var(--sizes-xs);
}
.m-xs-b {
margin-bottom: var(--sizes-xs);
}
.m-xs-l {
margin-left: var(--sizes-xs);
}
.m-xs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-xs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-xs-rl, .m-xs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xs);
}
.m-xs-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-xs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-xs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-xsxxs {
margin: var(--sizes-xs) var(--sizes-xxs);
}
.m-xsxxs-t {
margin-top: var(--sizes-xs);
}
.m-xsxxs-r {
margin-right: var(--sizes-xxs);
}
.m-xsxxs-b {
margin-bottom: var(--sizes-xs);
}
.m-xsxxs-l {
margin-left: var(--sizes-xxs);
}
.m-xsxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xs);
}
.m-xsxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xs);
}
.m-xsxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xs);
}
.m-xsxxs-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xxs);
}
.m-xsxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xs);
}
.m-xsxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xs);
}
.m-xsxs {
margin: var(--sizes-xs) var(--sizes-xs);
}
.m-xsxs-t {
margin-top: var(--sizes-xs);
}
.m-xsxs-r {
margin-right: var(--sizes-xs);
}
.m-xsxs-b {
margin-bottom: var(--sizes-xs);
}
.m-xsxs-l {
margin-left: var(--sizes-xs);
}
.m-xsxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-xsxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-xsxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xs);
}
.m-xsxs-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-xsxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-xsxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-xssm {
margin: var(--sizes-xs) var(--sizes-sm);
}
.m-xssm-t {
margin-top: var(--sizes-xs);
}
.m-xssm-r {
margin-right: var(--sizes-sm);
}
.m-xssm-b {
margin-bottom: var(--sizes-xs);
}
.m-xssm-l {
margin-left: var(--sizes-sm);
}
.m-xssm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xs);
}
.m-xssm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xs);
}
.m-xssm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xs);
}
.m-xssm-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-sm);
}
.m-xssm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xs);
}
.m-xssm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xs);
}
.m-xsmd {
margin: var(--sizes-xs) var(--sizes-md);
}
.m-xsmd-t {
margin-top: var(--sizes-xs);
}
.m-xsmd-r {
margin-right: var(--sizes-md);
}
.m-xsmd-b {
margin-bottom: var(--sizes-xs);
}
.m-xsmd-l {
margin-left: var(--sizes-md);
}
.m-xsmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xs);
}
.m-xsmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xs);
}
.m-xsmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xs);
}
.m-xsmd-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-md);
}
.m-xsmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xs);
}
.m-xsmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xs);
}
.m-xslg {
margin: var(--sizes-xs) var(--sizes-lg);
}
.m-xslg-t {
margin-top: var(--sizes-xs);
}
.m-xslg-r {
margin-right: var(--sizes-lg);
}
.m-xslg-b {
margin-bottom: var(--sizes-xs);
}
.m-xslg-l {
margin-left: var(--sizes-lg);
}
.m-xslg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xs);
}
.m-xslg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xs);
}
.m-xslg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xs);
}
.m-xslg-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-lg);
}
.m-xslg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xs);
}
.m-xslg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xs);
}
.m-xsxl {
margin: var(--sizes-xs) var(--sizes-xl);
}
.m-xsxl-t {
margin-top: var(--sizes-xs);
}
.m-xsxl-r {
margin-right: var(--sizes-xl);
}
.m-xsxl-b {
margin-bottom: var(--sizes-xs);
}
.m-xsxl-l {
margin-left: var(--sizes-xl);
}
.m-xsxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xs);
}
.m-xsxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xs);
}
.m-xsxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xs);
}
.m-xsxl-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xl);
}
.m-xsxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xs);
}
.m-xsxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xs);
}
.m-xsxxl {
margin: var(--sizes-xs) var(--sizes-xxl);
}
.m-xsxxl-t {
margin-top: var(--sizes-xs);
}
.m-xsxxl-r {
margin-right: var(--sizes-xxl);
}
.m-xsxxl-b {
margin-bottom: var(--sizes-xs);
}
.m-xsxxl-l {
margin-left: var(--sizes-xxl);
}
.m-xsxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xs);
}
.m-xsxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xs);
}
.m-xsxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xs);
}
.m-xsxxl-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xxl);
}
.m-xsxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xs);
}
.m-xsxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xs);
}
.m-sm {
margin: var(--sizes-sm);
}
.m-sm-t {
margin-top: var(--sizes-sm);
}
.m-sm-r {
margin-right: var(--sizes-sm);
}
.m-sm-b {
margin-bottom: var(--sizes-sm);
}
.m-sm-l {
margin-left: var(--sizes-sm);
}
.m-sm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-sm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-sm-rl, .m-sm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-sm);
}
.m-sm-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-sm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-sm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-smxxs {
margin: var(--sizes-sm) var(--sizes-xxs);
}
.m-smxxs-t {
margin-top: var(--sizes-sm);
}
.m-smxxs-r {
margin-right: var(--sizes-xxs);
}
.m-smxxs-b {
margin-bottom: var(--sizes-sm);
}
.m-smxxs-l {
margin-left: var(--sizes-xxs);
}
.m-smxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-sm);
}
.m-smxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-sm);
}
.m-smxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-sm);
}
.m-smxxs-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xxs);
}
.m-smxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-sm);
}
.m-smxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-sm);
}
.m-smxs {
margin: var(--sizes-sm) var(--sizes-xs);
}
.m-smxs-t {
margin-top: var(--sizes-sm);
}
.m-smxs-r {
margin-right: var(--sizes-xs);
}
.m-smxs-b {
margin-bottom: var(--sizes-sm);
}
.m-smxs-l {
margin-left: var(--sizes-xs);
}
.m-smxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-sm);
}
.m-smxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-sm);
}
.m-smxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-sm);
}
.m-smxs-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xs);
}
.m-smxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-sm);
}
.m-smxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-sm);
}
.m-smsm {
margin: var(--sizes-sm) var(--sizes-sm);
}
.m-smsm-t {
margin-top: var(--sizes-sm);
}
.m-smsm-r {
margin-right: var(--sizes-sm);
}
.m-smsm-b {
margin-bottom: var(--sizes-sm);
}
.m-smsm-l {
margin-left: var(--sizes-sm);
}
.m-smsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-smsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-smsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-sm);
}
.m-smsm-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-smsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-smsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-smmd {
margin: var(--sizes-sm) var(--sizes-md);
}
.m-smmd-t {
margin-top: var(--sizes-sm);
}
.m-smmd-r {
margin-right: var(--sizes-md);
}
.m-smmd-b {
margin-bottom: var(--sizes-sm);
}
.m-smmd-l {
margin-left: var(--sizes-md);
}
.m-smmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-sm);
}
.m-smmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-sm);
}
.m-smmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-sm);
}
.m-smmd-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-md);
}
.m-smmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-sm);
}
.m-smmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-sm);
}
.m-smlg {
margin: var(--sizes-sm) var(--sizes-lg);
}
.m-smlg-t {
margin-top: var(--sizes-sm);
}
.m-smlg-r {
margin-right: var(--sizes-lg);
}
.m-smlg-b {
margin-bottom: var(--sizes-sm);
}
.m-smlg-l {
margin-left: var(--sizes-lg);
}
.m-smlg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-sm);
}
.m-smlg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-sm);
}
.m-smlg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-sm);
}
.m-smlg-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-lg);
}
.m-smlg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-sm);
}
.m-smlg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-sm);
}
.m-smxl {
margin: var(--sizes-sm) var(--sizes-xl);
}
.m-smxl-t {
margin-top: var(--sizes-sm);
}
.m-smxl-r {
margin-right: var(--sizes-xl);
}
.m-smxl-b {
margin-bottom: var(--sizes-sm);
}
.m-smxl-l {
margin-left: var(--sizes-xl);
}
.m-smxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-sm);
}
.m-smxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-sm);
}
.m-smxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-sm);
}
.m-smxl-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xl);
}
.m-smxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-sm);
}
.m-smxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-sm);
}
.m-smxxl {
margin: var(--sizes-sm) var(--sizes-xxl);
}
.m-smxxl-t {
margin-top: var(--sizes-sm);
}
.m-smxxl-r {
margin-right: var(--sizes-xxl);
}
.m-smxxl-b {
margin-bottom: var(--sizes-sm);
}
.m-smxxl-l {
margin-left: var(--sizes-xxl);
}
.m-smxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-sm);
}
.m-smxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-sm);
}
.m-smxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-sm);
}
.m-smxxl-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xxl);
}
.m-smxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-sm);
}
.m-smxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-sm);
}
.m-md {
margin: var(--sizes-md);
}
.m-md-t {
margin-top: var(--sizes-md);
}
.m-md-r {
margin-right: var(--sizes-md);
}
.m-md-b {
margin-bottom: var(--sizes-md);
}
.m-md-l {
margin-left: var(--sizes-md);
}
.m-md-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-md-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-md-rl, .m-md-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-md);
}
.m-md-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-md-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-md-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-mdxxs {
margin: var(--sizes-md) var(--sizes-xxs);
}
.m-mdxxs-t {
margin-top: var(--sizes-md);
}
.m-mdxxs-r {
margin-right: var(--sizes-xxs);
}
.m-mdxxs-b {
margin-bottom: var(--sizes-md);
}
.m-mdxxs-l {
margin-left: var(--sizes-xxs);
}
.m-mdxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-md);
}
.m-mdxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-md);
}
.m-mdxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-md);
}
.m-mdxxs-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xxs);
}
.m-mdxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-md);
}
.m-mdxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-md);
}
.m-mdxs {
margin: var(--sizes-md) var(--sizes-xs);
}
.m-mdxs-t {
margin-top: var(--sizes-md);
}
.m-mdxs-r {
margin-right: var(--sizes-xs);
}
.m-mdxs-b {
margin-bottom: var(--sizes-md);
}
.m-mdxs-l {
margin-left: var(--sizes-xs);
}
.m-mdxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-md);
}
.m-mdxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-md);
}
.m-mdxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-md);
}
.m-mdxs-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xs);
}
.m-mdxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-md);
}
.m-mdxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-md);
}
.m-mdsm {
margin: var(--sizes-md) var(--sizes-sm);
}
.m-mdsm-t {
margin-top: var(--sizes-md);
}
.m-mdsm-r {
margin-right: var(--sizes-sm);
}
.m-mdsm-b {
margin-bottom: var(--sizes-md);
}
.m-mdsm-l {
margin-left: var(--sizes-sm);
}
.m-mdsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-md);
}
.m-mdsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-md);
}
.m-mdsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-md);
}
.m-mdsm-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-sm);
}
.m-mdsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-md);
}
.m-mdsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-md);
}
.m-mdmd {
margin: var(--sizes-md) var(--sizes-md);
}
.m-mdmd-t {
margin-top: var(--sizes-md);
}
.m-mdmd-r {
margin-right: var(--sizes-md);
}
.m-mdmd-b {
margin-bottom: var(--sizes-md);
}
.m-mdmd-l {
margin-left: var(--sizes-md);
}
.m-mdmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-mdmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-mdmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-md);
}
.m-mdmd-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-mdmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-mdmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-mdlg {
margin: var(--sizes-md) var(--sizes-lg);
}
.m-mdlg-t {
margin-top: var(--sizes-md);
}
.m-mdlg-r {
margin-right: var(--sizes-lg);
}
.m-mdlg-b {
margin-bottom: var(--sizes-md);
}
.m-mdlg-l {
margin-left: var(--sizes-lg);
}
.m-mdlg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-md);
}
.m-mdlg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-md);
}
.m-mdlg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-md);
}
.m-mdlg-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-lg);
}
.m-mdlg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-md);
}
.m-mdlg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-md);
}
.m-mdxl {
margin: var(--sizes-md) var(--sizes-xl);
}
.m-mdxl-t {
margin-top: var(--sizes-md);
}
.m-mdxl-r {
margin-right: var(--sizes-xl);
}
.m-mdxl-b {
margin-bottom: var(--sizes-md);
}
.m-mdxl-l {
margin-left: var(--sizes-xl);
}
.m-mdxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-md);
}
.m-mdxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-md);
}
.m-mdxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-md);
}
.m-mdxl-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xl);
}
.m-mdxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-md);
}
.m-mdxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-md);
}
.m-mdxxl {
margin: var(--sizes-md) var(--sizes-xxl);
}
.m-mdxxl-t {
margin-top: var(--sizes-md);
}
.m-mdxxl-r {
margin-right: var(--sizes-xxl);
}
.m-mdxxl-b {
margin-bottom: var(--sizes-md);
}
.m-mdxxl-l {
margin-left: var(--sizes-xxl);
}
.m-mdxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-md);
}
.m-mdxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-md);
}
.m-mdxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-md);
}
.m-mdxxl-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xxl);
}
.m-mdxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-md);
}
.m-mdxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-md);
}
.m-lg {
margin: var(--sizes-lg);
}
.m-lg-t {
margin-top: var(--sizes-lg);
}
.m-lg-r {
margin-right: var(--sizes-lg);
}
.m-lg-b {
margin-bottom: var(--sizes-lg);
}
.m-lg-l {
margin-left: var(--sizes-lg);
}
.m-lg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-lg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-lg-rl, .m-lg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-lg);
}
.m-lg-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-lg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-lg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-lgxxs {
margin: var(--sizes-lg) var(--sizes-xxs);
}
.m-lgxxs-t {
margin-top: var(--sizes-lg);
}
.m-lgxxs-r {
margin-right: var(--sizes-xxs);
}
.m-lgxxs-b {
margin-bottom: var(--sizes-lg);
}
.m-lgxxs-l {
margin-left: var(--sizes-xxs);
}
.m-lgxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-lg);
}
.m-lgxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-lg);
}
.m-lgxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-lg);
}
.m-lgxxs-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xxs);
}
.m-lgxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-lg);
}
.m-lgxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-lg);
}
.m-lgxs {
margin: var(--sizes-lg) var(--sizes-xs);
}
.m-lgxs-t {
margin-top: var(--sizes-lg);
}
.m-lgxs-r {
margin-right: var(--sizes-xs);
}
.m-lgxs-b {
margin-bottom: var(--sizes-lg);
}
.m-lgxs-l {
margin-left: var(--sizes-xs);
}
.m-lgxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-lg);
}
.m-lgxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-lg);
}
.m-lgxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-lg);
}
.m-lgxs-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xs);
}
.m-lgxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-lg);
}
.m-lgxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-lg);
}
.m-lgsm {
margin: var(--sizes-lg) var(--sizes-sm);
}
.m-lgsm-t {
margin-top: var(--sizes-lg);
}
.m-lgsm-r {
margin-right: var(--sizes-sm);
}
.m-lgsm-b {
margin-bottom: var(--sizes-lg);
}
.m-lgsm-l {
margin-left: var(--sizes-sm);
}
.m-lgsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-lg);
}
.m-lgsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-lg);
}
.m-lgsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-lg);
}
.m-lgsm-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-sm);
}
.m-lgsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-lg);
}
.m-lgsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-lg);
}
.m-lgmd {
margin: var(--sizes-lg) var(--sizes-md);
}
.m-lgmd-t {
margin-top: var(--sizes-lg);
}
.m-lgmd-r {
margin-right: var(--sizes-md);
}
.m-lgmd-b {
margin-bottom: var(--sizes-lg);
}
.m-lgmd-l {
margin-left: var(--sizes-md);
}
.m-lgmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-lg);
}
.m-lgmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-lg);
}
.m-lgmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-lg);
}
.m-lgmd-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-md);
}
.m-lgmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-lg);
}
.m-lgmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-lg);
}
.m-lglg {
margin: var(--sizes-lg) var(--sizes-lg);
}
.m-lglg-t {
margin-top: var(--sizes-lg);
}
.m-lglg-r {
margin-right: var(--sizes-lg);
}
.m-lglg-b {
margin-bottom: var(--sizes-lg);
}
.m-lglg-l {
margin-left: var(--sizes-lg);
}
.m-lglg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-lglg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-lglg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-lg);
}
.m-lglg-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-lglg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-lglg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-lgxl {
margin: var(--sizes-lg) var(--sizes-xl);
}
.m-lgxl-t {
margin-top: var(--sizes-lg);
}
.m-lgxl-r {
margin-right: var(--sizes-xl);
}
.m-lgxl-b {
margin-bottom: var(--sizes-lg);
}
.m-lgxl-l {
margin-left: var(--sizes-xl);
}
.m-lgxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-lg);
}
.m-lgxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-lg);
}
.m-lgxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-lg);
}
.m-lgxl-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xl);
}
.m-lgxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-lg);
}
.m-lgxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-lg);
}
.m-lgxxl {
margin: var(--sizes-lg) var(--sizes-xxl);
}
.m-lgxxl-t {
margin-top: var(--sizes-lg);
}
.m-lgxxl-r {
margin-right: var(--sizes-xxl);
}
.m-lgxxl-b {
margin-bottom: var(--sizes-lg);
}
.m-lgxxl-l {
margin-left: var(--sizes-xxl);
}
.m-lgxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-lg);
}
.m-lgxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-lg);
}
.m-lgxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-lg);
}
.m-lgxxl-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xxl);
}
.m-lgxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-lg);
}
.m-lgxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-lg);
}
.m-xl {
margin: var(--sizes-xl);
}
.m-xl-t {
margin-top: var(--sizes-xl);
}
.m-xl-r {
margin-right: var(--sizes-xl);
}
.m-xl-b {
margin-bottom: var(--sizes-xl);
}
.m-xl-l {
margin-left: var(--sizes-xl);
}
.m-xl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-xl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-xl-rl, .m-xl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xl);
}
.m-xl-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-xl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-xl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-xlxxs {
margin: var(--sizes-xl) var(--sizes-xxs);
}
.m-xlxxs-t {
margin-top: var(--sizes-xl);
}
.m-xlxxs-r {
margin-right: var(--sizes-xxs);
}
.m-xlxxs-b {
margin-bottom: var(--sizes-xl);
}
.m-xlxxs-l {
margin-left: var(--sizes-xxs);
}
.m-xlxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xl);
}
.m-xlxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xl);
}
.m-xlxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xl);
}
.m-xlxxs-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xxs);
}
.m-xlxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xl);
}
.m-xlxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xl);
}
.m-xlxs {
margin: var(--sizes-xl) var(--sizes-xs);
}
.m-xlxs-t {
margin-top: var(--sizes-xl);
}
.m-xlxs-r {
margin-right: var(--sizes-xs);
}
.m-xlxs-b {
margin-bottom: var(--sizes-xl);
}
.m-xlxs-l {
margin-left: var(--sizes-xs);
}
.m-xlxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xl);
}
.m-xlxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xl);
}
.m-xlxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xl);
}
.m-xlxs-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xs);
}
.m-xlxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xl);
}
.m-xlxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xl);
}
.m-xlsm {
margin: var(--sizes-xl) var(--sizes-sm);
}
.m-xlsm-t {
margin-top: var(--sizes-xl);
}
.m-xlsm-r {
margin-right: var(--sizes-sm);
}
.m-xlsm-b {
margin-bottom: var(--sizes-xl);
}
.m-xlsm-l {
margin-left: var(--sizes-sm);
}
.m-xlsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xl);
}
.m-xlsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xl);
}
.m-xlsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xl);
}
.m-xlsm-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-sm);
}
.m-xlsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xl);
}
.m-xlsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xl);
}
.m-xlmd {
margin: var(--sizes-xl) var(--sizes-md);
}
.m-xlmd-t {
margin-top: var(--sizes-xl);
}
.m-xlmd-r {
margin-right: var(--sizes-md);
}
.m-xlmd-b {
margin-bottom: var(--sizes-xl);
}
.m-xlmd-l {
margin-left: var(--sizes-md);
}
.m-xlmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xl);
}
.m-xlmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xl);
}
.m-xlmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xl);
}
.m-xlmd-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-md);
}
.m-xlmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xl);
}
.m-xlmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xl);
}
.m-xllg {
margin: var(--sizes-xl) var(--sizes-lg);
}
.m-xllg-t {
margin-top: var(--sizes-xl);
}
.m-xllg-r {
margin-right: var(--sizes-lg);
}
.m-xllg-b {
margin-bottom: var(--sizes-xl);
}
.m-xllg-l {
margin-left: var(--sizes-lg);
}
.m-xllg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xl);
}
.m-xllg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xl);
}
.m-xllg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xl);
}
.m-xllg-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-lg);
}
.m-xllg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xl);
}
.m-xllg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xl);
}
.m-xlxl {
margin: var(--sizes-xl) var(--sizes-xl);
}
.m-xlxl-t {
margin-top: var(--sizes-xl);
}
.m-xlxl-r {
margin-right: var(--sizes-xl);
}
.m-xlxl-b {
margin-bottom: var(--sizes-xl);
}
.m-xlxl-l {
margin-left: var(--sizes-xl);
}
.m-xlxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-xlxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-xlxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xl);
}
.m-xlxl-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-xlxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-xlxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-xlxxl {
margin: var(--sizes-xl) var(--sizes-xxl);
}
.m-xlxxl-t {
margin-top: var(--sizes-xl);
}
.m-xlxxl-r {
margin-right: var(--sizes-xxl);
}
.m-xlxxl-b {
margin-bottom: var(--sizes-xl);
}
.m-xlxxl-l {
margin-left: var(--sizes-xxl);
}
.m-xlxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xl);
}
.m-xlxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xl);
}
.m-xlxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xl);
}
.m-xlxxl-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xxl);
}
.m-xlxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xl);
}
.m-xlxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xl);
}
.m-xxl {
margin: var(--sizes-xxl);
}
.m-xxl-t {
margin-top: var(--sizes-xxl);
}
.m-xxl-r {
margin-right: var(--sizes-xxl);
}
.m-xxl-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxl-l {
margin-left: var(--sizes-xxl);
}
.m-xxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-xxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-xxl-rl, .m-xxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xxl);
}
.m-xxl-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-xxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-xxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-xxlxxs {
margin: var(--sizes-xxl) var(--sizes-xxs);
}
.m-xxlxxs-t {
margin-top: var(--sizes-xxl);
}
.m-xxlxxs-r {
margin-right: var(--sizes-xxs);
}
.m-xxlxxs-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxs-l {
margin-left: var(--sizes-xxs);
}
.m-xxlxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xxl);
}
.m-xxlxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xxl);
}
.m-xxlxxs-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xxs);
}
.m-xxlxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xxl);
}
.m-xxlxs {
margin: var(--sizes-xxl) var(--sizes-xs);
}
.m-xxlxs-t {
margin-top: var(--sizes-xxl);
}
.m-xxlxs-r {
margin-right: var(--sizes-xs);
}
.m-xxlxs-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxlxs-l {
margin-left: var(--sizes-xs);
}
.m-xxlxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xxl);
}
.m-xxlxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xxl);
}
.m-xxlxs-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xs);
}
.m-xxlxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xxl);
}
.m-xxlsm {
margin: var(--sizes-xxl) var(--sizes-sm);
}
.m-xxlsm-t {
margin-top: var(--sizes-xxl);
}
.m-xxlsm-r {
margin-right: var(--sizes-sm);
}
.m-xxlsm-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxlsm-l {
margin-left: var(--sizes-sm);
}
.m-xxlsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xxl);
}
.m-xxlsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xxl);
}
.m-xxlsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xxl);
}
.m-xxlsm-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-sm);
}
.m-xxlsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xxl);
}
.m-xxlsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xxl);
}
.m-xxlmd {
margin: var(--sizes-xxl) var(--sizes-md);
}
.m-xxlmd-t {
margin-top: var(--sizes-xxl);
}
.m-xxlmd-r {
margin-right: var(--sizes-md);
}
.m-xxlmd-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxlmd-l {
margin-left: var(--sizes-md);
}
.m-xxlmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xxl);
}
.m-xxlmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xxl);
}
.m-xxlmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xxl);
}
.m-xxlmd-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-md);
}
.m-xxlmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xxl);
}
.m-xxlmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xxl);
}
.m-xxllg {
margin: var(--sizes-xxl) var(--sizes-lg);
}
.m-xxllg-t {
margin-top: var(--sizes-xxl);
}
.m-xxllg-r {
margin-right: var(--sizes-lg);
}
.m-xxllg-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxllg-l {
margin-left: var(--sizes-lg);
}
.m-xxllg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xxl);
}
.m-xxllg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xxl);
}
.m-xxllg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xxl);
}
.m-xxllg-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-lg);
}
.m-xxllg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xxl);
}
.m-xxllg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xxl);
}
.m-xxlxl {
margin: var(--sizes-xxl) var(--sizes-xl);
}
.m-xxlxl-t {
margin-top: var(--sizes-xxl);
}
.m-xxlxl-r {
margin-right: var(--sizes-xl);
}
.m-xxlxl-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxlxl-l {
margin-left: var(--sizes-xl);
}
.m-xxlxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xxl);
}
.m-xxlxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xxl);
}
.m-xxlxl-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xl);
}
.m-xxlxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xxl);
}
.m-xxlxxl {
margin: var(--sizes-xxl) var(--sizes-xxl);
}
.m-xxlxxl-t {
margin-top: var(--sizes-xxl);
}
.m-xxlxxl-r {
margin-right: var(--sizes-xxl);
}
.m-xxlxxl-b {
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-l {
margin-left: var(--sizes-xxl);
}
.m-xxlxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-xxlxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xxl);
}
.m-xxlxxl-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-xxlxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-0 {
margin: 0px;
}
.m-t-0 {
margin-top: 0px;
}
.m-r-0 {
margin-right: 0px;
}
.m-b-0 {
margin-bottom: 0px;
}
.m-l-0 {
margin-left: 0px;
}
.m-tr-0 {
margin-right: 0px;
margin-top: 0px;
}
.m-br-0 {
margin-right: 0px;
margin-bottom: 0px;
}
.m-rl-0, .m-lr-0 {
margin-right: 0px;
margin-left: 0px;
}
.m-tb-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.m-bl-0 {
margin-left: 0px;
margin-bottom: 0px;
}
.m-tl-0 {
margin-left: 0px;
margin-top: 0px;
}
@media only screen and (max-width: 790px) {
.m-g-0 {
gap: 0px;
}
.m-g-xxs {
gap: var(--sizes-xxs);
}
.m-g-xxsxxs {
gap: var(--sizes-xxs) var(--sizes-xxs);
}
.m-g-xxsxs {
gap: var(--sizes-xxs) var(--sizes-xs);
}
.m-g-xxssm {
gap: var(--sizes-xxs) var(--sizes-sm);
}
.m-g-xxsmd {
gap: var(--sizes-xxs) var(--sizes-md);
}
.m-g-xxslg {
gap: var(--sizes-xxs) var(--sizes-lg);
}
.m-g-xxsxl {
gap: var(--sizes-xxs) var(--sizes-xl);
}
.m-g-xxsxxl {
gap: var(--sizes-xxs) var(--sizes-xxl);
}
.m-g-xs {
gap: var(--sizes-xs);
}
.m-g-xsxxs {
gap: var(--sizes-xs) var(--sizes-xxs);
}
.m-g-xsxs {
gap: var(--sizes-xs) var(--sizes-xs);
}
.m-g-xssm {
gap: var(--sizes-xs) var(--sizes-sm);
}
.m-g-xsmd {
gap: var(--sizes-xs) var(--sizes-md);
}
.m-g-xslg {
gap: var(--sizes-xs) var(--sizes-lg);
}
.m-g-xsxl {
gap: var(--sizes-xs) var(--sizes-xl);
}
.m-g-xsxxl {
gap: var(--sizes-xs) var(--sizes-xxl);
}
.m-g-sm {
gap: var(--sizes-sm);
}
.m-g-smxxs {
gap: var(--sizes-sm) var(--sizes-xxs);
}
.m-g-smxs {
gap: var(--sizes-sm) var(--sizes-xs);
}
.m-g-smsm {
gap: var(--sizes-sm) var(--sizes-sm);
}
.m-g-smmd {
gap: var(--sizes-sm) var(--sizes-md);
}
.m-g-smlg {
gap: var(--sizes-sm) var(--sizes-lg);
}
.m-g-smxl {
gap: var(--sizes-sm) var(--sizes-xl);
}
.m-g-smxxl {
gap: var(--sizes-sm) var(--sizes-xxl);
}
.m-g-md {
gap: var(--sizes-md);
}
.m-g-mdxxs {
gap: var(--sizes-md) var(--sizes-xxs);
}
.m-g-mdxs {
gap: var(--sizes-md) var(--sizes-xs);
}
.m-g-mdsm {
gap: var(--sizes-md) var(--sizes-sm);
}
.m-g-mdmd {
gap: var(--sizes-md) var(--sizes-md);
}
.m-g-mdlg {
gap: var(--sizes-md) var(--sizes-lg);
}
.m-g-mdxl {
gap: var(--sizes-md) var(--sizes-xl);
}
.m-g-mdxxl {
gap: var(--sizes-md) var(--sizes-xxl);
}
.m-g-lg {
gap: var(--sizes-lg);
}
.m-g-lgxxs {
gap: var(--sizes-lg) var(--sizes-xxs);
}
.m-g-lgxs {
gap: var(--sizes-lg) var(--sizes-xs);
}
.m-g-lgsm {
gap: var(--sizes-lg) var(--sizes-sm);
}
.m-g-lgmd {
gap: var(--sizes-lg) var(--sizes-md);
}
.m-g-lglg {
gap: var(--sizes-lg) var(--sizes-lg);
}
.m-g-lgxl {
gap: var(--sizes-lg) var(--sizes-xl);
}
.m-g-lgxxl {
gap: var(--sizes-lg) var(--sizes-xxl);
}
.m-g-xl {
gap: var(--sizes-xl);
}
.m-g-xlxxs {
gap: var(--sizes-xl) var(--sizes-xxs);
}
.m-g-xlxs {
gap: var(--sizes-xl) var(--sizes-xs);
}
.m-g-xlsm {
gap: var(--sizes-xl) var(--sizes-sm);
}
.m-g-xlmd {
gap: var(--sizes-xl) var(--sizes-md);
}
.m-g-xllg {
gap: var(--sizes-xl) var(--sizes-lg);
}
.m-g-xlxl {
gap: var(--sizes-xl) var(--sizes-xl);
}
.m-g-xlxxl {
gap: var(--sizes-xl) var(--sizes-xxl);
}
.m-g-xxl {
gap: var(--sizes-xxl);
}
.m-g-xxlxxs {
gap: var(--sizes-xxl) var(--sizes-xxs);
}
.m-g-xxlxs {
gap: var(--sizes-xxl) var(--sizes-xs);
}
.m-g-xxlsm {
gap: var(--sizes-xxl) var(--sizes-sm);
}
.m-g-xxlmd {
gap: var(--sizes-xxl) var(--sizes-md);
}
.m-g-xxllg {
gap: var(--sizes-xxl) var(--sizes-lg);
}
.m-g-xxlxl {
gap: var(--sizes-xxl) var(--sizes-xl);
}
.m-g-xxlxxl {
gap: var(--sizes-xxl) var(--sizes-xxl);
}
.m-p-t {
padding-top: 0;
}
.m-p-r {
padding-right: 0;
}
.m-p-b {
padding-bottom: 0;
}
.m-p-l {
padding-left: 0;
}
.m-p-tr {
padding-right: 0;
padding-top: 0;
}
.m-p-br {
padding-right: 0;
padding-bottom: 0;
}
.m-p-rl, .m-p-lr {
padding-right: 0;
padding-left: 0;
}
.m-p-tb {
padding-top: 0;
padding-bottom: 0;
}
.m-p-bl {
padding-left: 0;
padding-bottom: 0;
}
.m-p-tl {
padding-left: 0;
padding-top: 0;
}
.m-p-xxs {
padding: var(--sizes-xxs);
}
.m-p-xxs-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-xxs-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-xxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.m-p-xxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxs-rl, .m-p-xxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xxs);
}
.m-p-xxs-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxxs {
padding: var(--sizes-xxs) var(--sizes-xxs);
}
.m-p-xxsxxs-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxsxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-xxsxxs-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-xxsxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xxs);
}
.m-p-xxsxxs-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxs {
padding: var(--sizes-xxs) var(--sizes-xs);
}
.m-p-xxsxs-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxsxs-r {
padding-right: var(--sizes-xs);
}
.m-p-xxsxs-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxs-l {
padding-left: var(--sizes-xs);
}
.m-p-xxsxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xxs);
}
.m-p-xxsxs-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xs);
}
.m-p-xxsxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xxs);
}
.m-p-xxssm {
padding: var(--sizes-xxs) var(--sizes-sm);
}
.m-p-xxssm-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxssm-r {
padding-right: var(--sizes-sm);
}
.m-p-xxssm-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxssm-l {
padding-left: var(--sizes-sm);
}
.m-p-xxssm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xxs);
}
.m-p-xxssm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxssm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xxs);
}
.m-p-xxssm-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-sm);
}
.m-p-xxssm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxssm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xxs);
}
.m-p-xxsmd {
padding: var(--sizes-xxs) var(--sizes-md);
}
.m-p-xxsmd-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxsmd-r {
padding-right: var(--sizes-md);
}
.m-p-xxsmd-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsmd-l {
padding-left: var(--sizes-md);
}
.m-p-xxsmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xxs);
}
.m-p-xxsmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xxs);
}
.m-p-xxsmd-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-md);
}
.m-p-xxsmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xxs);
}
.m-p-xxslg {
padding: var(--sizes-xxs) var(--sizes-lg);
}
.m-p-xxslg-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxslg-r {
padding-right: var(--sizes-lg);
}
.m-p-xxslg-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxslg-l {
padding-left: var(--sizes-lg);
}
.m-p-xxslg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xxs);
}
.m-p-xxslg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxslg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xxs);
}
.m-p-xxslg-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-lg);
}
.m-p-xxslg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxslg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxl {
padding: var(--sizes-xxs) var(--sizes-xl);
}
.m-p-xxsxl-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxsxl-r {
padding-right: var(--sizes-xl);
}
.m-p-xxsxl-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxl-l {
padding-left: var(--sizes-xl);
}
.m-p-xxsxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xxs);
}
.m-p-xxsxl-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xl);
}
.m-p-xxsxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxxl {
padding: var(--sizes-xxs) var(--sizes-xxl);
}
.m-p-xxsxxl-t {
padding-top: var(--sizes-xxs);
}
.m-p-xxsxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-xxsxxl-b {
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-xxsxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xxs);
}
.m-p-xxsxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xxs);
}
.m-p-xxsxxl-tb {
padding-top: var(--sizes-xxs);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxsxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxsxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xxs);
}
.m-p-xs {
padding: var(--sizes-xs);
}
.m-p-xs-t {
padding-top: var(--sizes-xs);
}
.m-p-xs-r {
padding-right: var(--sizes-xs);
}
.m-p-xs-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xs-l {
padding-left: var(--sizes-xs);
}
.m-p-xs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.m-p-xs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.m-p-xs-rl, .m-p-xs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xs);
}
.m-p-xs-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.m-p-xs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.m-p-xs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.m-p-xsxxs {
padding: var(--sizes-xs) var(--sizes-xxs);
}
.m-p-xsxxs-t {
padding-top: var(--sizes-xs);
}
.m-p-xsxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-xsxxs-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xsxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-xsxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xs);
}
.m-p-xsxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xs);
}
.m-p-xsxxs-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xxs);
}
.m-p-xsxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xs);
}
.m-p-xsxs {
padding: var(--sizes-xs) var(--sizes-xs);
}
.m-p-xsxs-t {
padding-top: var(--sizes-xs);
}
.m-p-xsxs-r {
padding-right: var(--sizes-xs);
}
.m-p-xsxs-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xsxs-l {
padding-left: var(--sizes-xs);
}
.m-p-xsxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.m-p-xsxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xs);
}
.m-p-xsxs-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xs);
}
.m-p-xssm {
padding: var(--sizes-xs) var(--sizes-sm);
}
.m-p-xssm-t {
padding-top: var(--sizes-xs);
}
.m-p-xssm-r {
padding-right: var(--sizes-sm);
}
.m-p-xssm-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xssm-l {
padding-left: var(--sizes-sm);
}
.m-p-xssm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xs);
}
.m-p-xssm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xs);
}
.m-p-xssm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xs);
}
.m-p-xssm-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-sm);
}
.m-p-xssm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xs);
}
.m-p-xssm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xs);
}
.m-p-xsmd {
padding: var(--sizes-xs) var(--sizes-md);
}
.m-p-xsmd-t {
padding-top: var(--sizes-xs);
}
.m-p-xsmd-r {
padding-right: var(--sizes-md);
}
.m-p-xsmd-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xsmd-l {
padding-left: var(--sizes-md);
}
.m-p-xsmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xs);
}
.m-p-xsmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xs);
}
.m-p-xsmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xs);
}
.m-p-xsmd-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-md);
}
.m-p-xsmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xs);
}
.m-p-xsmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xs);
}
.m-p-xslg {
padding: var(--sizes-xs) var(--sizes-lg);
}
.m-p-xslg-t {
padding-top: var(--sizes-xs);
}
.m-p-xslg-r {
padding-right: var(--sizes-lg);
}
.m-p-xslg-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xslg-l {
padding-left: var(--sizes-lg);
}
.m-p-xslg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xs);
}
.m-p-xslg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xs);
}
.m-p-xslg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xs);
}
.m-p-xslg-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-lg);
}
.m-p-xslg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xs);
}
.m-p-xslg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xs);
}
.m-p-xsxl {
padding: var(--sizes-xs) var(--sizes-xl);
}
.m-p-xsxl-t {
padding-top: var(--sizes-xs);
}
.m-p-xsxl-r {
padding-right: var(--sizes-xl);
}
.m-p-xsxl-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xsxl-l {
padding-left: var(--sizes-xl);
}
.m-p-xsxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xs);
}
.m-p-xsxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xs);
}
.m-p-xsxl-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xl);
}
.m-p-xsxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xs);
}
.m-p-xsxxl {
padding: var(--sizes-xs) var(--sizes-xxl);
}
.m-p-xsxxl-t {
padding-top: var(--sizes-xs);
}
.m-p-xsxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-xsxxl-b {
padding-bottom: var(--sizes-xs);
}
.m-p-xsxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-xsxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xs);
}
.m-p-xsxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xs);
}
.m-p-xsxxl-tb {
padding-top: var(--sizes-xs);
padding-bottom: var(--sizes-xxl);
}
.m-p-xsxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xs);
}
.m-p-xsxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xs);
}
.m-p-sm {
padding: var(--sizes-sm);
}
.m-p-sm-t {
padding-top: var(--sizes-sm);
}
.m-p-sm-r {
padding-right: var(--sizes-sm);
}
.m-p-sm-b {
padding-bottom: var(--sizes-sm);
}
.m-p-sm-l {
padding-left: var(--sizes-sm);
}
.m-p-sm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.m-p-sm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.m-p-sm-rl, .m-p-sm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-sm);
}
.m-p-sm-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.m-p-sm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.m-p-sm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.m-p-smxxs {
padding: var(--sizes-sm) var(--sizes-xxs);
}
.m-p-smxxs-t {
padding-top: var(--sizes-sm);
}
.m-p-smxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-smxxs-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-smxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-sm);
}
.m-p-smxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-sm);
}
.m-p-smxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-sm);
}
.m-p-smxxs-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xxs);
}
.m-p-smxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-sm);
}
.m-p-smxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-sm);
}
.m-p-smxs {
padding: var(--sizes-sm) var(--sizes-xs);
}
.m-p-smxs-t {
padding-top: var(--sizes-sm);
}
.m-p-smxs-r {
padding-right: var(--sizes-xs);
}
.m-p-smxs-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smxs-l {
padding-left: var(--sizes-xs);
}
.m-p-smxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-sm);
}
.m-p-smxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-sm);
}
.m-p-smxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-sm);
}
.m-p-smxs-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xs);
}
.m-p-smxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-sm);
}
.m-p-smxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-sm);
}
.m-p-smsm {
padding: var(--sizes-sm) var(--sizes-sm);
}
.m-p-smsm-t {
padding-top: var(--sizes-sm);
}
.m-p-smsm-r {
padding-right: var(--sizes-sm);
}
.m-p-smsm-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smsm-l {
padding-left: var(--sizes-sm);
}
.m-p-smsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.m-p-smsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.m-p-smsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-sm);
}
.m-p-smsm-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.m-p-smsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-sm);
}
.m-p-smsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-sm);
}
.m-p-smmd {
padding: var(--sizes-sm) var(--sizes-md);
}
.m-p-smmd-t {
padding-top: var(--sizes-sm);
}
.m-p-smmd-r {
padding-right: var(--sizes-md);
}
.m-p-smmd-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smmd-l {
padding-left: var(--sizes-md);
}
.m-p-smmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-sm);
}
.m-p-smmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-sm);
}
.m-p-smmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-sm);
}
.m-p-smmd-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-md);
}
.m-p-smmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-sm);
}
.m-p-smmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-sm);
}
.m-p-smlg {
padding: var(--sizes-sm) var(--sizes-lg);
}
.m-p-smlg-t {
padding-top: var(--sizes-sm);
}
.m-p-smlg-r {
padding-right: var(--sizes-lg);
}
.m-p-smlg-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smlg-l {
padding-left: var(--sizes-lg);
}
.m-p-smlg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-sm);
}
.m-p-smlg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-sm);
}
.m-p-smlg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-sm);
}
.m-p-smlg-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-lg);
}
.m-p-smlg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-sm);
}
.m-p-smlg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-sm);
}
.m-p-smxl {
padding: var(--sizes-sm) var(--sizes-xl);
}
.m-p-smxl-t {
padding-top: var(--sizes-sm);
}
.m-p-smxl-r {
padding-right: var(--sizes-xl);
}
.m-p-smxl-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smxl-l {
padding-left: var(--sizes-xl);
}
.m-p-smxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-sm);
}
.m-p-smxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-sm);
}
.m-p-smxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-sm);
}
.m-p-smxl-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xl);
}
.m-p-smxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-sm);
}
.m-p-smxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-sm);
}
.m-p-smxxl {
padding: var(--sizes-sm) var(--sizes-xxl);
}
.m-p-smxxl-t {
padding-top: var(--sizes-sm);
}
.m-p-smxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-smxxl-b {
padding-bottom: var(--sizes-sm);
}
.m-p-smxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-smxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-sm);
}
.m-p-smxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-sm);
}
.m-p-smxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-sm);
}
.m-p-smxxl-tb {
padding-top: var(--sizes-sm);
padding-bottom: var(--sizes-xxl);
}
.m-p-smxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-sm);
}
.m-p-smxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-sm);
}
.m-p-md {
padding: var(--sizes-md);
}
.m-p-md-t {
padding-top: var(--sizes-md);
}
.m-p-md-r {
padding-right: var(--sizes-md);
}
.m-p-md-b {
padding-bottom: var(--sizes-md);
}
.m-p-md-l {
padding-left: var(--sizes-md);
}
.m-p-md-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-md);
}
.m-p-md-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.m-p-md-rl, .m-p-md-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-md);
}
.m-p-md-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.m-p-md-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.m-p-md-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-md);
}
.m-p-mdxxs {
padding: var(--sizes-md) var(--sizes-xxs);
}
.m-p-mdxxs-t {
padding-top: var(--sizes-md);
}
.m-p-mdxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-mdxxs-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-mdxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-md);
}
.m-p-mdxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-md);
}
.m-p-mdxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-md);
}
.m-p-mdxxs-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xxs);
}
.m-p-mdxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-md);
}
.m-p-mdxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-md);
}
.m-p-mdxs {
padding: var(--sizes-md) var(--sizes-xs);
}
.m-p-mdxs-t {
padding-top: var(--sizes-md);
}
.m-p-mdxs-r {
padding-right: var(--sizes-xs);
}
.m-p-mdxs-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdxs-l {
padding-left: var(--sizes-xs);
}
.m-p-mdxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-md);
}
.m-p-mdxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-md);
}
.m-p-mdxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-md);
}
.m-p-mdxs-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xs);
}
.m-p-mdxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-md);
}
.m-p-mdxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-md);
}
.m-p-mdsm {
padding: var(--sizes-md) var(--sizes-sm);
}
.m-p-mdsm-t {
padding-top: var(--sizes-md);
}
.m-p-mdsm-r {
padding-right: var(--sizes-sm);
}
.m-p-mdsm-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdsm-l {
padding-left: var(--sizes-sm);
}
.m-p-mdsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-md);
}
.m-p-mdsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-md);
}
.m-p-mdsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-md);
}
.m-p-mdsm-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-sm);
}
.m-p-mdsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-md);
}
.m-p-mdsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-md);
}
.m-p-mdmd {
padding: var(--sizes-md) var(--sizes-md);
}
.m-p-mdmd-t {
padding-top: var(--sizes-md);
}
.m-p-mdmd-r {
padding-right: var(--sizes-md);
}
.m-p-mdmd-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdmd-l {
padding-left: var(--sizes-md);
}
.m-p-mdmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-md);
}
.m-p-mdmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.m-p-mdmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-md);
}
.m-p-mdmd-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.m-p-mdmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-md);
}
.m-p-mdmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-md);
}
.m-p-mdlg {
padding: var(--sizes-md) var(--sizes-lg);
}
.m-p-mdlg-t {
padding-top: var(--sizes-md);
}
.m-p-mdlg-r {
padding-right: var(--sizes-lg);
}
.m-p-mdlg-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdlg-l {
padding-left: var(--sizes-lg);
}
.m-p-mdlg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-md);
}
.m-p-mdlg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-md);
}
.m-p-mdlg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-md);
}
.m-p-mdlg-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-lg);
}
.m-p-mdlg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-md);
}
.m-p-mdlg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-md);
}
.m-p-mdxl {
padding: var(--sizes-md) var(--sizes-xl);
}
.m-p-mdxl-t {
padding-top: var(--sizes-md);
}
.m-p-mdxl-r {
padding-right: var(--sizes-xl);
}
.m-p-mdxl-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdxl-l {
padding-left: var(--sizes-xl);
}
.m-p-mdxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-md);
}
.m-p-mdxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-md);
}
.m-p-mdxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-md);
}
.m-p-mdxl-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xl);
}
.m-p-mdxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-md);
}
.m-p-mdxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-md);
}
.m-p-mdxxl {
padding: var(--sizes-md) var(--sizes-xxl);
}
.m-p-mdxxl-t {
padding-top: var(--sizes-md);
}
.m-p-mdxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-mdxxl-b {
padding-bottom: var(--sizes-md);
}
.m-p-mdxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-mdxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-md);
}
.m-p-mdxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-md);
}
.m-p-mdxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-md);
}
.m-p-mdxxl-tb {
padding-top: var(--sizes-md);
padding-bottom: var(--sizes-xxl);
}
.m-p-mdxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-md);
}
.m-p-mdxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-md);
}
.m-p-lg {
padding: var(--sizes-lg);
}
.m-p-lg-t {
padding-top: var(--sizes-lg);
}
.m-p-lg-r {
padding-right: var(--sizes-lg);
}
.m-p-lg-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lg-l {
padding-left: var(--sizes-lg);
}
.m-p-lg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.m-p-lg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.m-p-lg-rl, .m-p-lg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-lg);
}
.m-p-lg-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.m-p-lg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.m-p-lg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.m-p-lgxxs {
padding: var(--sizes-lg) var(--sizes-xxs);
}
.m-p-lgxxs-t {
padding-top: var(--sizes-lg);
}
.m-p-lgxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-lgxxs-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lgxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-lgxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-lg);
}
.m-p-lgxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-lg);
}
.m-p-lgxxs-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xxs);
}
.m-p-lgxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-lg);
}
.m-p-lgxs {
padding: var(--sizes-lg) var(--sizes-xs);
}
.m-p-lgxs-t {
padding-top: var(--sizes-lg);
}
.m-p-lgxs-r {
padding-right: var(--sizes-xs);
}
.m-p-lgxs-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lgxs-l {
padding-left: var(--sizes-xs);
}
.m-p-lgxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-lg);
}
.m-p-lgxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-lg);
}
.m-p-lgxs-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xs);
}
.m-p-lgxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-lg);
}
.m-p-lgsm {
padding: var(--sizes-lg) var(--sizes-sm);
}
.m-p-lgsm-t {
padding-top: var(--sizes-lg);
}
.m-p-lgsm-r {
padding-right: var(--sizes-sm);
}
.m-p-lgsm-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lgsm-l {
padding-left: var(--sizes-sm);
}
.m-p-lgsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-lg);
}
.m-p-lgsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-lg);
}
.m-p-lgsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-lg);
}
.m-p-lgsm-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-sm);
}
.m-p-lgsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-lg);
}
.m-p-lgsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-lg);
}
.m-p-lgmd {
padding: var(--sizes-lg) var(--sizes-md);
}
.m-p-lgmd-t {
padding-top: var(--sizes-lg);
}
.m-p-lgmd-r {
padding-right: var(--sizes-md);
}
.m-p-lgmd-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lgmd-l {
padding-left: var(--sizes-md);
}
.m-p-lgmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-lg);
}
.m-p-lgmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-lg);
}
.m-p-lgmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-lg);
}
.m-p-lgmd-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-md);
}
.m-p-lgmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-lg);
}
.m-p-lgmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-lg);
}
.m-p-lglg {
padding: var(--sizes-lg) var(--sizes-lg);
}
.m-p-lglg-t {
padding-top: var(--sizes-lg);
}
.m-p-lglg-r {
padding-right: var(--sizes-lg);
}
.m-p-lglg-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lglg-l {
padding-left: var(--sizes-lg);
}
.m-p-lglg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.m-p-lglg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.m-p-lglg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-lg);
}
.m-p-lglg-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.m-p-lglg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-lg);
}
.m-p-lglg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-lg);
}
.m-p-lgxl {
padding: var(--sizes-lg) var(--sizes-xl);
}
.m-p-lgxl-t {
padding-top: var(--sizes-lg);
}
.m-p-lgxl-r {
padding-right: var(--sizes-xl);
}
.m-p-lgxl-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lgxl-l {
padding-left: var(--sizes-xl);
}
.m-p-lgxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-lg);
}
.m-p-lgxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-lg);
}
.m-p-lgxl-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xl);
}
.m-p-lgxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-lg);
}
.m-p-lgxxl {
padding: var(--sizes-lg) var(--sizes-xxl);
}
.m-p-lgxxl-t {
padding-top: var(--sizes-lg);
}
.m-p-lgxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-lgxxl-b {
padding-bottom: var(--sizes-lg);
}
.m-p-lgxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-lgxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-lg);
}
.m-p-lgxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-lg);
}
.m-p-lgxxl-tb {
padding-top: var(--sizes-lg);
padding-bottom: var(--sizes-xxl);
}
.m-p-lgxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-lg);
}
.m-p-lgxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-lg);
}
.m-p-xl {
padding: var(--sizes-xl);
}
.m-p-xl-t {
padding-top: var(--sizes-xl);
}
.m-p-xl-r {
padding-right: var(--sizes-xl);
}
.m-p-xl-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xl-l {
padding-left: var(--sizes-xl);
}
.m-p-xl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.m-p-xl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.m-p-xl-rl, .m-p-xl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xl);
}
.m-p-xl-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.m-p-xl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.m-p-xl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.m-p-xlxxs {
padding: var(--sizes-xl) var(--sizes-xxs);
}
.m-p-xlxxs-t {
padding-top: var(--sizes-xl);
}
.m-p-xlxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-xlxxs-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xlxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-xlxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xl);
}
.m-p-xlxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xl);
}
.m-p-xlxxs-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xxs);
}
.m-p-xlxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xl);
}
.m-p-xlxs {
padding: var(--sizes-xl) var(--sizes-xs);
}
.m-p-xlxs-t {
padding-top: var(--sizes-xl);
}
.m-p-xlxs-r {
padding-right: var(--sizes-xs);
}
.m-p-xlxs-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xlxs-l {
padding-left: var(--sizes-xs);
}
.m-p-xlxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xl);
}
.m-p-xlxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xl);
}
.m-p-xlxs-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xs);
}
.m-p-xlxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xl);
}
.m-p-xlsm {
padding: var(--sizes-xl) var(--sizes-sm);
}
.m-p-xlsm-t {
padding-top: var(--sizes-xl);
}
.m-p-xlsm-r {
padding-right: var(--sizes-sm);
}
.m-p-xlsm-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xlsm-l {
padding-left: var(--sizes-sm);
}
.m-p-xlsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xl);
}
.m-p-xlsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xl);
}
.m-p-xlsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xl);
}
.m-p-xlsm-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-sm);
}
.m-p-xlsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xl);
}
.m-p-xlsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xl);
}
.m-p-xlmd {
padding: var(--sizes-xl) var(--sizes-md);
}
.m-p-xlmd-t {
padding-top: var(--sizes-xl);
}
.m-p-xlmd-r {
padding-right: var(--sizes-md);
}
.m-p-xlmd-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xlmd-l {
padding-left: var(--sizes-md);
}
.m-p-xlmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xl);
}
.m-p-xlmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xl);
}
.m-p-xlmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xl);
}
.m-p-xlmd-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-md);
}
.m-p-xlmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xl);
}
.m-p-xlmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xl);
}
.m-p-xllg {
padding: var(--sizes-xl) var(--sizes-lg);
}
.m-p-xllg-t {
padding-top: var(--sizes-xl);
}
.m-p-xllg-r {
padding-right: var(--sizes-lg);
}
.m-p-xllg-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xllg-l {
padding-left: var(--sizes-lg);
}
.m-p-xllg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xl);
}
.m-p-xllg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xl);
}
.m-p-xllg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xl);
}
.m-p-xllg-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-lg);
}
.m-p-xllg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xl);
}
.m-p-xllg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xl);
}
.m-p-xlxl {
padding: var(--sizes-xl) var(--sizes-xl);
}
.m-p-xlxl-t {
padding-top: var(--sizes-xl);
}
.m-p-xlxl-r {
padding-right: var(--sizes-xl);
}
.m-p-xlxl-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xlxl-l {
padding-left: var(--sizes-xl);
}
.m-p-xlxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.m-p-xlxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xl);
}
.m-p-xlxl-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xl);
}
.m-p-xlxxl {
padding: var(--sizes-xl) var(--sizes-xxl);
}
.m-p-xlxxl-t {
padding-top: var(--sizes-xl);
}
.m-p-xlxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-xlxxl-b {
padding-bottom: var(--sizes-xl);
}
.m-p-xlxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-xlxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xl);
}
.m-p-xlxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xl);
}
.m-p-xlxxl-tb {
padding-top: var(--sizes-xl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xlxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xl);
}
.m-p-xlxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xl);
}
.m-p-xxl {
padding: var(--sizes-xxl);
}
.m-p-xxl-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-xxl-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-xxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.m-p-xxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxl-rl, .m-p-xxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xxl);
}
.m-p-xxl-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxxs {
padding: var(--sizes-xxl) var(--sizes-xxs);
}
.m-p-xxlxxs-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxlxxs-r {
padding-right: var(--sizes-xxs);
}
.m-p-xxlxxs-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxs-l {
padding-left: var(--sizes-xxs);
}
.m-p-xxlxxs-tr {
padding-right: var(--sizes-xxs);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxxs-br {
padding-right: var(--sizes-xxs);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxs-lr {
padding-right: var(--sizes-xxs);
padding-left: var(--sizes-xxl);
}
.m-p-xxlxxs-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xxs);
}
.m-p-xxlxxs-bl {
padding-left: var(--sizes-xxs);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxs-tl {
padding-left: var(--sizes-xxs);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxs {
padding: var(--sizes-xxl) var(--sizes-xs);
}
.m-p-xxlxs-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxlxs-r {
padding-right: var(--sizes-xs);
}
.m-p-xxlxs-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxs-l {
padding-left: var(--sizes-xs);
}
.m-p-xxlxs-tr {
padding-right: var(--sizes-xs);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxs-br {
padding-right: var(--sizes-xs);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxs-lr {
padding-right: var(--sizes-xs);
padding-left: var(--sizes-xxl);
}
.m-p-xxlxs-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xs);
}
.m-p-xxlxs-bl {
padding-left: var(--sizes-xs);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxs-tl {
padding-left: var(--sizes-xs);
padding-top: var(--sizes-xxl);
}
.m-p-xxlsm {
padding: var(--sizes-xxl) var(--sizes-sm);
}
.m-p-xxlsm-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxlsm-r {
padding-right: var(--sizes-sm);
}
.m-p-xxlsm-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlsm-l {
padding-left: var(--sizes-sm);
}
.m-p-xxlsm-tr {
padding-right: var(--sizes-sm);
padding-top: var(--sizes-xxl);
}
.m-p-xxlsm-br {
padding-right: var(--sizes-sm);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlsm-lr {
padding-right: var(--sizes-sm);
padding-left: var(--sizes-xxl);
}
.m-p-xxlsm-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-sm);
}
.m-p-xxlsm-bl {
padding-left: var(--sizes-sm);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlsm-tl {
padding-left: var(--sizes-sm);
padding-top: var(--sizes-xxl);
}
.m-p-xxlmd {
padding: var(--sizes-xxl) var(--sizes-md);
}
.m-p-xxlmd-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxlmd-r {
padding-right: var(--sizes-md);
}
.m-p-xxlmd-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlmd-l {
padding-left: var(--sizes-md);
}
.m-p-xxlmd-tr {
padding-right: var(--sizes-md);
padding-top: var(--sizes-xxl);
}
.m-p-xxlmd-br {
padding-right: var(--sizes-md);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlmd-lr {
padding-right: var(--sizes-md);
padding-left: var(--sizes-xxl);
}
.m-p-xxlmd-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-md);
}
.m-p-xxlmd-bl {
padding-left: var(--sizes-md);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlmd-tl {
padding-left: var(--sizes-md);
padding-top: var(--sizes-xxl);
}
.m-p-xxllg {
padding: var(--sizes-xxl) var(--sizes-lg);
}
.m-p-xxllg-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxllg-r {
padding-right: var(--sizes-lg);
}
.m-p-xxllg-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxllg-l {
padding-left: var(--sizes-lg);
}
.m-p-xxllg-tr {
padding-right: var(--sizes-lg);
padding-top: var(--sizes-xxl);
}
.m-p-xxllg-br {
padding-right: var(--sizes-lg);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxllg-lr {
padding-right: var(--sizes-lg);
padding-left: var(--sizes-xxl);
}
.m-p-xxllg-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-lg);
}
.m-p-xxllg-bl {
padding-left: var(--sizes-lg);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxllg-tl {
padding-left: var(--sizes-lg);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxl {
padding: var(--sizes-xxl) var(--sizes-xl);
}
.m-p-xxlxl-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxlxl-r {
padding-right: var(--sizes-xl);
}
.m-p-xxlxl-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxl-l {
padding-left: var(--sizes-xl);
}
.m-p-xxlxl-tr {
padding-right: var(--sizes-xl);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxl-br {
padding-right: var(--sizes-xl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxl-lr {
padding-right: var(--sizes-xl);
padding-left: var(--sizes-xxl);
}
.m-p-xxlxl-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xl);
}
.m-p-xxlxl-bl {
padding-left: var(--sizes-xl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxl-tl {
padding-left: var(--sizes-xl);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxxl {
padding: var(--sizes-xxl) var(--sizes-xxl);
}
.m-p-xxlxxl-t {
padding-top: var(--sizes-xxl);
}
.m-p-xxlxxl-r {
padding-right: var(--sizes-xxl);
}
.m-p-xxlxxl-b {
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxl-l {
padding-left: var(--sizes-xxl);
}
.m-p-xxlxxl-tr {
padding-right: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.m-p-xxlxxl-br {
padding-right: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxl-lr {
padding-right: var(--sizes-xxl);
padding-left: var(--sizes-xxl);
}
.m-p-xxlxxl-tb {
padding-top: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxl-bl {
padding-left: var(--sizes-xxl);
padding-bottom: var(--sizes-xxl);
}
.m-p-xxlxxl-tl {
padding-left: var(--sizes-xxl);
padding-top: var(--sizes-xxl);
}
.m-p-0 {
padding: 0px;
}
.m-p-t-0 {
padding-top: 0px;
}
.m-p-r-0 {
padding-right: 0px;
}
.m-p-b-0 {
padding-bottom: 0px;
}
.m-p-l-0 {
padding-left: 0px;
}
.m-p-tr-0 {
padding-right: 0px;
padding-top: 0px;
}
.m-p-br-0 {
padding-right: 0px;
padding-bottom: 0px;
}
.m-p-rl-0, .m-p-lr-0 {
padding-right: 0px;
padding-left: 0px;
}
.m-p-tb-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.m-p-bl-0 {
padding-left: 0px;
padding-bottom: 0px;
}
.m-p-tl-0 {
padding-left: 0px;
padding-top: 0px;
}
.m-m-t {
margin-top: 0;
}
.m-m-r {
margin-right: 0;
}
.m-m-b {
margin-bottom: 0;
}
.m-m-l {
margin-left: 0;
}
.m-m-tr {
margin-right: 0;
margin-top: 0;
}
.m-m-br {
margin-right: 0;
margin-bottom: 0;
}
.m-m-rl, .m-m-lr {
margin-right: 0;
margin-left: 0;
}
.m-m-tb {
margin-top: 0;
margin-bottom: 0;
}
.m-m-bl {
margin-left: 0;
margin-bottom: 0;
}
.m-m-tl {
margin-left: 0;
margin-top: 0;
}
.m-m-xxs {
margin: var(--sizes-xxs);
}
.m-m-xxs-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-xxs-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-xxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-m-xxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxs-rl, .m-m-xxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xxs);
}
.m-m-xxs-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxxs {
margin: var(--sizes-xxs) var(--sizes-xxs);
}
.m-m-xxsxxs-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxsxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-xxsxxs-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-xxsxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xxs);
}
.m-m-xxsxxs-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxs {
margin: var(--sizes-xxs) var(--sizes-xs);
}
.m-m-xxsxs-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxsxs-r {
margin-right: var(--sizes-xs);
}
.m-m-xxsxs-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxs-l {
margin-left: var(--sizes-xs);
}
.m-m-xxsxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xxs);
}
.m-m-xxsxs-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xs);
}
.m-m-xxsxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xxs);
}
.m-m-xxssm {
margin: var(--sizes-xxs) var(--sizes-sm);
}
.m-m-xxssm-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxssm-r {
margin-right: var(--sizes-sm);
}
.m-m-xxssm-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxssm-l {
margin-left: var(--sizes-sm);
}
.m-m-xxssm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xxs);
}
.m-m-xxssm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxssm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xxs);
}
.m-m-xxssm-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-sm);
}
.m-m-xxssm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxssm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xxs);
}
.m-m-xxsmd {
margin: var(--sizes-xxs) var(--sizes-md);
}
.m-m-xxsmd-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxsmd-r {
margin-right: var(--sizes-md);
}
.m-m-xxsmd-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsmd-l {
margin-left: var(--sizes-md);
}
.m-m-xxsmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xxs);
}
.m-m-xxsmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xxs);
}
.m-m-xxsmd-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-md);
}
.m-m-xxsmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xxs);
}
.m-m-xxslg {
margin: var(--sizes-xxs) var(--sizes-lg);
}
.m-m-xxslg-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxslg-r {
margin-right: var(--sizes-lg);
}
.m-m-xxslg-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxslg-l {
margin-left: var(--sizes-lg);
}
.m-m-xxslg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xxs);
}
.m-m-xxslg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxslg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xxs);
}
.m-m-xxslg-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-lg);
}
.m-m-xxslg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxslg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxl {
margin: var(--sizes-xxs) var(--sizes-xl);
}
.m-m-xxsxl-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxsxl-r {
margin-right: var(--sizes-xl);
}
.m-m-xxsxl-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxl-l {
margin-left: var(--sizes-xl);
}
.m-m-xxsxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xxs);
}
.m-m-xxsxl-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xl);
}
.m-m-xxsxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxxl {
margin: var(--sizes-xxs) var(--sizes-xxl);
}
.m-m-xxsxxl-t {
margin-top: var(--sizes-xxs);
}
.m-m-xxsxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-xxsxxl-b {
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-xxsxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xxs);
}
.m-m-xxsxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xxs);
}
.m-m-xxsxxl-tb {
margin-top: var(--sizes-xxs);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxsxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxsxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xxs);
}
.m-m-xs {
margin: var(--sizes-xs);
}
.m-m-xs-t {
margin-top: var(--sizes-xs);
}
.m-m-xs-r {
margin-right: var(--sizes-xs);
}
.m-m-xs-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xs-l {
margin-left: var(--sizes-xs);
}
.m-m-xs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-m-xs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-m-xs-rl, .m-m-xs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xs);
}
.m-m-xs-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-m-xs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-m-xs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-m-xsxxs {
margin: var(--sizes-xs) var(--sizes-xxs);
}
.m-m-xsxxs-t {
margin-top: var(--sizes-xs);
}
.m-m-xsxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-xsxxs-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xsxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-xsxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xs);
}
.m-m-xsxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xs);
}
.m-m-xsxxs-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xxs);
}
.m-m-xsxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xs);
}
.m-m-xsxs {
margin: var(--sizes-xs) var(--sizes-xs);
}
.m-m-xsxs-t {
margin-top: var(--sizes-xs);
}
.m-m-xsxs-r {
margin-right: var(--sizes-xs);
}
.m-m-xsxs-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xsxs-l {
margin-left: var(--sizes-xs);
}
.m-m-xsxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-m-xsxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xs);
}
.m-m-xsxs-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xs);
}
.m-m-xssm {
margin: var(--sizes-xs) var(--sizes-sm);
}
.m-m-xssm-t {
margin-top: var(--sizes-xs);
}
.m-m-xssm-r {
margin-right: var(--sizes-sm);
}
.m-m-xssm-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xssm-l {
margin-left: var(--sizes-sm);
}
.m-m-xssm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xs);
}
.m-m-xssm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xs);
}
.m-m-xssm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xs);
}
.m-m-xssm-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-sm);
}
.m-m-xssm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xs);
}
.m-m-xssm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xs);
}
.m-m-xsmd {
margin: var(--sizes-xs) var(--sizes-md);
}
.m-m-xsmd-t {
margin-top: var(--sizes-xs);
}
.m-m-xsmd-r {
margin-right: var(--sizes-md);
}
.m-m-xsmd-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xsmd-l {
margin-left: var(--sizes-md);
}
.m-m-xsmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xs);
}
.m-m-xsmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xs);
}
.m-m-xsmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xs);
}
.m-m-xsmd-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-md);
}
.m-m-xsmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xs);
}
.m-m-xsmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xs);
}
.m-m-xslg {
margin: var(--sizes-xs) var(--sizes-lg);
}
.m-m-xslg-t {
margin-top: var(--sizes-xs);
}
.m-m-xslg-r {
margin-right: var(--sizes-lg);
}
.m-m-xslg-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xslg-l {
margin-left: var(--sizes-lg);
}
.m-m-xslg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xs);
}
.m-m-xslg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xs);
}
.m-m-xslg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xs);
}
.m-m-xslg-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-lg);
}
.m-m-xslg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xs);
}
.m-m-xslg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xs);
}
.m-m-xsxl {
margin: var(--sizes-xs) var(--sizes-xl);
}
.m-m-xsxl-t {
margin-top: var(--sizes-xs);
}
.m-m-xsxl-r {
margin-right: var(--sizes-xl);
}
.m-m-xsxl-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xsxl-l {
margin-left: var(--sizes-xl);
}
.m-m-xsxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xs);
}
.m-m-xsxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xs);
}
.m-m-xsxl-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xl);
}
.m-m-xsxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xs);
}
.m-m-xsxxl {
margin: var(--sizes-xs) var(--sizes-xxl);
}
.m-m-xsxxl-t {
margin-top: var(--sizes-xs);
}
.m-m-xsxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-xsxxl-b {
margin-bottom: var(--sizes-xs);
}
.m-m-xsxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-xsxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xs);
}
.m-m-xsxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xs);
}
.m-m-xsxxl-tb {
margin-top: var(--sizes-xs);
margin-bottom: var(--sizes-xxl);
}
.m-m-xsxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xs);
}
.m-m-xsxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xs);
}
.m-m-sm {
margin: var(--sizes-sm);
}
.m-m-sm-t {
margin-top: var(--sizes-sm);
}
.m-m-sm-r {
margin-right: var(--sizes-sm);
}
.m-m-sm-b {
margin-bottom: var(--sizes-sm);
}
.m-m-sm-l {
margin-left: var(--sizes-sm);
}
.m-m-sm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-m-sm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-m-sm-rl, .m-m-sm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-sm);
}
.m-m-sm-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-m-sm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-m-sm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-m-smxxs {
margin: var(--sizes-sm) var(--sizes-xxs);
}
.m-m-smxxs-t {
margin-top: var(--sizes-sm);
}
.m-m-smxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-smxxs-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-smxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-sm);
}
.m-m-smxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-sm);
}
.m-m-smxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-sm);
}
.m-m-smxxs-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xxs);
}
.m-m-smxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-sm);
}
.m-m-smxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-sm);
}
.m-m-smxs {
margin: var(--sizes-sm) var(--sizes-xs);
}
.m-m-smxs-t {
margin-top: var(--sizes-sm);
}
.m-m-smxs-r {
margin-right: var(--sizes-xs);
}
.m-m-smxs-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smxs-l {
margin-left: var(--sizes-xs);
}
.m-m-smxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-sm);
}
.m-m-smxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-sm);
}
.m-m-smxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-sm);
}
.m-m-smxs-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xs);
}
.m-m-smxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-sm);
}
.m-m-smxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-sm);
}
.m-m-smsm {
margin: var(--sizes-sm) var(--sizes-sm);
}
.m-m-smsm-t {
margin-top: var(--sizes-sm);
}
.m-m-smsm-r {
margin-right: var(--sizes-sm);
}
.m-m-smsm-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smsm-l {
margin-left: var(--sizes-sm);
}
.m-m-smsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-m-smsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-m-smsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-sm);
}
.m-m-smsm-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-m-smsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-sm);
}
.m-m-smsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-sm);
}
.m-m-smmd {
margin: var(--sizes-sm) var(--sizes-md);
}
.m-m-smmd-t {
margin-top: var(--sizes-sm);
}
.m-m-smmd-r {
margin-right: var(--sizes-md);
}
.m-m-smmd-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smmd-l {
margin-left: var(--sizes-md);
}
.m-m-smmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-sm);
}
.m-m-smmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-sm);
}
.m-m-smmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-sm);
}
.m-m-smmd-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-md);
}
.m-m-smmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-sm);
}
.m-m-smmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-sm);
}
.m-m-smlg {
margin: var(--sizes-sm) var(--sizes-lg);
}
.m-m-smlg-t {
margin-top: var(--sizes-sm);
}
.m-m-smlg-r {
margin-right: var(--sizes-lg);
}
.m-m-smlg-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smlg-l {
margin-left: var(--sizes-lg);
}
.m-m-smlg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-sm);
}
.m-m-smlg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-sm);
}
.m-m-smlg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-sm);
}
.m-m-smlg-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-lg);
}
.m-m-smlg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-sm);
}
.m-m-smlg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-sm);
}
.m-m-smxl {
margin: var(--sizes-sm) var(--sizes-xl);
}
.m-m-smxl-t {
margin-top: var(--sizes-sm);
}
.m-m-smxl-r {
margin-right: var(--sizes-xl);
}
.m-m-smxl-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smxl-l {
margin-left: var(--sizes-xl);
}
.m-m-smxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-sm);
}
.m-m-smxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-sm);
}
.m-m-smxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-sm);
}
.m-m-smxl-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xl);
}
.m-m-smxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-sm);
}
.m-m-smxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-sm);
}
.m-m-smxxl {
margin: var(--sizes-sm) var(--sizes-xxl);
}
.m-m-smxxl-t {
margin-top: var(--sizes-sm);
}
.m-m-smxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-smxxl-b {
margin-bottom: var(--sizes-sm);
}
.m-m-smxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-smxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-sm);
}
.m-m-smxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-sm);
}
.m-m-smxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-sm);
}
.m-m-smxxl-tb {
margin-top: var(--sizes-sm);
margin-bottom: var(--sizes-xxl);
}
.m-m-smxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-sm);
}
.m-m-smxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-sm);
}
.m-m-md {
margin: var(--sizes-md);
}
.m-m-md-t {
margin-top: var(--sizes-md);
}
.m-m-md-r {
margin-right: var(--sizes-md);
}
.m-m-md-b {
margin-bottom: var(--sizes-md);
}
.m-m-md-l {
margin-left: var(--sizes-md);
}
.m-m-md-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-m-md-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-m-md-rl, .m-m-md-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-md);
}
.m-m-md-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-m-md-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-m-md-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-m-mdxxs {
margin: var(--sizes-md) var(--sizes-xxs);
}
.m-m-mdxxs-t {
margin-top: var(--sizes-md);
}
.m-m-mdxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-mdxxs-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-mdxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-md);
}
.m-m-mdxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-md);
}
.m-m-mdxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-md);
}
.m-m-mdxxs-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xxs);
}
.m-m-mdxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-md);
}
.m-m-mdxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-md);
}
.m-m-mdxs {
margin: var(--sizes-md) var(--sizes-xs);
}
.m-m-mdxs-t {
margin-top: var(--sizes-md);
}
.m-m-mdxs-r {
margin-right: var(--sizes-xs);
}
.m-m-mdxs-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdxs-l {
margin-left: var(--sizes-xs);
}
.m-m-mdxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-md);
}
.m-m-mdxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-md);
}
.m-m-mdxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-md);
}
.m-m-mdxs-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xs);
}
.m-m-mdxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-md);
}
.m-m-mdxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-md);
}
.m-m-mdsm {
margin: var(--sizes-md) var(--sizes-sm);
}
.m-m-mdsm-t {
margin-top: var(--sizes-md);
}
.m-m-mdsm-r {
margin-right: var(--sizes-sm);
}
.m-m-mdsm-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdsm-l {
margin-left: var(--sizes-sm);
}
.m-m-mdsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-md);
}
.m-m-mdsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-md);
}
.m-m-mdsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-md);
}
.m-m-mdsm-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-sm);
}
.m-m-mdsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-md);
}
.m-m-mdsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-md);
}
.m-m-mdmd {
margin: var(--sizes-md) var(--sizes-md);
}
.m-m-mdmd-t {
margin-top: var(--sizes-md);
}
.m-m-mdmd-r {
margin-right: var(--sizes-md);
}
.m-m-mdmd-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdmd-l {
margin-left: var(--sizes-md);
}
.m-m-mdmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-m-mdmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-m-mdmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-md);
}
.m-m-mdmd-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-m-mdmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-md);
}
.m-m-mdmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-md);
}
.m-m-mdlg {
margin: var(--sizes-md) var(--sizes-lg);
}
.m-m-mdlg-t {
margin-top: var(--sizes-md);
}
.m-m-mdlg-r {
margin-right: var(--sizes-lg);
}
.m-m-mdlg-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdlg-l {
margin-left: var(--sizes-lg);
}
.m-m-mdlg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-md);
}
.m-m-mdlg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-md);
}
.m-m-mdlg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-md);
}
.m-m-mdlg-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-lg);
}
.m-m-mdlg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-md);
}
.m-m-mdlg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-md);
}
.m-m-mdxl {
margin: var(--sizes-md) var(--sizes-xl);
}
.m-m-mdxl-t {
margin-top: var(--sizes-md);
}
.m-m-mdxl-r {
margin-right: var(--sizes-xl);
}
.m-m-mdxl-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdxl-l {
margin-left: var(--sizes-xl);
}
.m-m-mdxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-md);
}
.m-m-mdxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-md);
}
.m-m-mdxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-md);
}
.m-m-mdxl-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xl);
}
.m-m-mdxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-md);
}
.m-m-mdxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-md);
}
.m-m-mdxxl {
margin: var(--sizes-md) var(--sizes-xxl);
}
.m-m-mdxxl-t {
margin-top: var(--sizes-md);
}
.m-m-mdxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-mdxxl-b {
margin-bottom: var(--sizes-md);
}
.m-m-mdxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-mdxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-md);
}
.m-m-mdxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-md);
}
.m-m-mdxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-md);
}
.m-m-mdxxl-tb {
margin-top: var(--sizes-md);
margin-bottom: var(--sizes-xxl);
}
.m-m-mdxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-md);
}
.m-m-mdxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-md);
}
.m-m-lg {
margin: var(--sizes-lg);
}
.m-m-lg-t {
margin-top: var(--sizes-lg);
}
.m-m-lg-r {
margin-right: var(--sizes-lg);
}
.m-m-lg-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lg-l {
margin-left: var(--sizes-lg);
}
.m-m-lg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-m-lg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-m-lg-rl, .m-m-lg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-lg);
}
.m-m-lg-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-m-lg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-m-lg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-m-lgxxs {
margin: var(--sizes-lg) var(--sizes-xxs);
}
.m-m-lgxxs-t {
margin-top: var(--sizes-lg);
}
.m-m-lgxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-lgxxs-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lgxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-lgxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-lg);
}
.m-m-lgxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-lg);
}
.m-m-lgxxs-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xxs);
}
.m-m-lgxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-lg);
}
.m-m-lgxs {
margin: var(--sizes-lg) var(--sizes-xs);
}
.m-m-lgxs-t {
margin-top: var(--sizes-lg);
}
.m-m-lgxs-r {
margin-right: var(--sizes-xs);
}
.m-m-lgxs-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lgxs-l {
margin-left: var(--sizes-xs);
}
.m-m-lgxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-lg);
}
.m-m-lgxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-lg);
}
.m-m-lgxs-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xs);
}
.m-m-lgxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-lg);
}
.m-m-lgsm {
margin: var(--sizes-lg) var(--sizes-sm);
}
.m-m-lgsm-t {
margin-top: var(--sizes-lg);
}
.m-m-lgsm-r {
margin-right: var(--sizes-sm);
}
.m-m-lgsm-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lgsm-l {
margin-left: var(--sizes-sm);
}
.m-m-lgsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-lg);
}
.m-m-lgsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-lg);
}
.m-m-lgsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-lg);
}
.m-m-lgsm-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-sm);
}
.m-m-lgsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-lg);
}
.m-m-lgsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-lg);
}
.m-m-lgmd {
margin: var(--sizes-lg) var(--sizes-md);
}
.m-m-lgmd-t {
margin-top: var(--sizes-lg);
}
.m-m-lgmd-r {
margin-right: var(--sizes-md);
}
.m-m-lgmd-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lgmd-l {
margin-left: var(--sizes-md);
}
.m-m-lgmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-lg);
}
.m-m-lgmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-lg);
}
.m-m-lgmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-lg);
}
.m-m-lgmd-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-md);
}
.m-m-lgmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-lg);
}
.m-m-lgmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-lg);
}
.m-m-lglg {
margin: var(--sizes-lg) var(--sizes-lg);
}
.m-m-lglg-t {
margin-top: var(--sizes-lg);
}
.m-m-lglg-r {
margin-right: var(--sizes-lg);
}
.m-m-lglg-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lglg-l {
margin-left: var(--sizes-lg);
}
.m-m-lglg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-m-lglg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-m-lglg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-lg);
}
.m-m-lglg-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-m-lglg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-lg);
}
.m-m-lglg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-lg);
}
.m-m-lgxl {
margin: var(--sizes-lg) var(--sizes-xl);
}
.m-m-lgxl-t {
margin-top: var(--sizes-lg);
}
.m-m-lgxl-r {
margin-right: var(--sizes-xl);
}
.m-m-lgxl-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lgxl-l {
margin-left: var(--sizes-xl);
}
.m-m-lgxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-lg);
}
.m-m-lgxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-lg);
}
.m-m-lgxl-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xl);
}
.m-m-lgxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-lg);
}
.m-m-lgxxl {
margin: var(--sizes-lg) var(--sizes-xxl);
}
.m-m-lgxxl-t {
margin-top: var(--sizes-lg);
}
.m-m-lgxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-lgxxl-b {
margin-bottom: var(--sizes-lg);
}
.m-m-lgxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-lgxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-lg);
}
.m-m-lgxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-lg);
}
.m-m-lgxxl-tb {
margin-top: var(--sizes-lg);
margin-bottom: var(--sizes-xxl);
}
.m-m-lgxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-lg);
}
.m-m-lgxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-lg);
}
.m-m-xl {
margin: var(--sizes-xl);
}
.m-m-xl-t {
margin-top: var(--sizes-xl);
}
.m-m-xl-r {
margin-right: var(--sizes-xl);
}
.m-m-xl-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xl-l {
margin-left: var(--sizes-xl);
}
.m-m-xl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-m-xl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-m-xl-rl, .m-m-xl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xl);
}
.m-m-xl-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-m-xl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-m-xl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-m-xlxxs {
margin: var(--sizes-xl) var(--sizes-xxs);
}
.m-m-xlxxs-t {
margin-top: var(--sizes-xl);
}
.m-m-xlxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-xlxxs-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xlxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-xlxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xl);
}
.m-m-xlxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xl);
}
.m-m-xlxxs-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xxs);
}
.m-m-xlxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xl);
}
.m-m-xlxs {
margin: var(--sizes-xl) var(--sizes-xs);
}
.m-m-xlxs-t {
margin-top: var(--sizes-xl);
}
.m-m-xlxs-r {
margin-right: var(--sizes-xs);
}
.m-m-xlxs-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xlxs-l {
margin-left: var(--sizes-xs);
}
.m-m-xlxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xl);
}
.m-m-xlxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xl);
}
.m-m-xlxs-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xs);
}
.m-m-xlxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xl);
}
.m-m-xlsm {
margin: var(--sizes-xl) var(--sizes-sm);
}
.m-m-xlsm-t {
margin-top: var(--sizes-xl);
}
.m-m-xlsm-r {
margin-right: var(--sizes-sm);
}
.m-m-xlsm-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xlsm-l {
margin-left: var(--sizes-sm);
}
.m-m-xlsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xl);
}
.m-m-xlsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xl);
}
.m-m-xlsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xl);
}
.m-m-xlsm-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-sm);
}
.m-m-xlsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xl);
}
.m-m-xlsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xl);
}
.m-m-xlmd {
margin: var(--sizes-xl) var(--sizes-md);
}
.m-m-xlmd-t {
margin-top: var(--sizes-xl);
}
.m-m-xlmd-r {
margin-right: var(--sizes-md);
}
.m-m-xlmd-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xlmd-l {
margin-left: var(--sizes-md);
}
.m-m-xlmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xl);
}
.m-m-xlmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xl);
}
.m-m-xlmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xl);
}
.m-m-xlmd-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-md);
}
.m-m-xlmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xl);
}
.m-m-xlmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xl);
}
.m-m-xllg {
margin: var(--sizes-xl) var(--sizes-lg);
}
.m-m-xllg-t {
margin-top: var(--sizes-xl);
}
.m-m-xllg-r {
margin-right: var(--sizes-lg);
}
.m-m-xllg-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xllg-l {
margin-left: var(--sizes-lg);
}
.m-m-xllg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xl);
}
.m-m-xllg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xl);
}
.m-m-xllg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xl);
}
.m-m-xllg-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-lg);
}
.m-m-xllg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xl);
}
.m-m-xllg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xl);
}
.m-m-xlxl {
margin: var(--sizes-xl) var(--sizes-xl);
}
.m-m-xlxl-t {
margin-top: var(--sizes-xl);
}
.m-m-xlxl-r {
margin-right: var(--sizes-xl);
}
.m-m-xlxl-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xlxl-l {
margin-left: var(--sizes-xl);
}
.m-m-xlxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-m-xlxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xl);
}
.m-m-xlxl-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xl);
}
.m-m-xlxxl {
margin: var(--sizes-xl) var(--sizes-xxl);
}
.m-m-xlxxl-t {
margin-top: var(--sizes-xl);
}
.m-m-xlxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-xlxxl-b {
margin-bottom: var(--sizes-xl);
}
.m-m-xlxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-xlxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xl);
}
.m-m-xlxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xl);
}
.m-m-xlxxl-tb {
margin-top: var(--sizes-xl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xlxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xl);
}
.m-m-xlxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xl);
}
.m-m-xxl {
margin: var(--sizes-xxl);
}
.m-m-xxl-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-xxl-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-xxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-m-xxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxl-rl, .m-m-xxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xxl);
}
.m-m-xxl-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxxs {
margin: var(--sizes-xxl) var(--sizes-xxs);
}
.m-m-xxlxxs-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxlxxs-r {
margin-right: var(--sizes-xxs);
}
.m-m-xxlxxs-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxs-l {
margin-left: var(--sizes-xxs);
}
.m-m-xxlxxs-tr {
margin-right: var(--sizes-xxs);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxxs-br {
margin-right: var(--sizes-xxs);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxs-lr {
margin-right: var(--sizes-xxs);
margin-left: var(--sizes-xxl);
}
.m-m-xxlxxs-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xxs);
}
.m-m-xxlxxs-bl {
margin-left: var(--sizes-xxs);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxs-tl {
margin-left: var(--sizes-xxs);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxs {
margin: var(--sizes-xxl) var(--sizes-xs);
}
.m-m-xxlxs-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxlxs-r {
margin-right: var(--sizes-xs);
}
.m-m-xxlxs-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxs-l {
margin-left: var(--sizes-xs);
}
.m-m-xxlxs-tr {
margin-right: var(--sizes-xs);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxs-br {
margin-right: var(--sizes-xs);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxs-lr {
margin-right: var(--sizes-xs);
margin-left: var(--sizes-xxl);
}
.m-m-xxlxs-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xs);
}
.m-m-xxlxs-bl {
margin-left: var(--sizes-xs);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxs-tl {
margin-left: var(--sizes-xs);
margin-top: var(--sizes-xxl);
}
.m-m-xxlsm {
margin: var(--sizes-xxl) var(--sizes-sm);
}
.m-m-xxlsm-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxlsm-r {
margin-right: var(--sizes-sm);
}
.m-m-xxlsm-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlsm-l {
margin-left: var(--sizes-sm);
}
.m-m-xxlsm-tr {
margin-right: var(--sizes-sm);
margin-top: var(--sizes-xxl);
}
.m-m-xxlsm-br {
margin-right: var(--sizes-sm);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlsm-lr {
margin-right: var(--sizes-sm);
margin-left: var(--sizes-xxl);
}
.m-m-xxlsm-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-sm);
}
.m-m-xxlsm-bl {
margin-left: var(--sizes-sm);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlsm-tl {
margin-left: var(--sizes-sm);
margin-top: var(--sizes-xxl);
}
.m-m-xxlmd {
margin: var(--sizes-xxl) var(--sizes-md);
}
.m-m-xxlmd-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxlmd-r {
margin-right: var(--sizes-md);
}
.m-m-xxlmd-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlmd-l {
margin-left: var(--sizes-md);
}
.m-m-xxlmd-tr {
margin-right: var(--sizes-md);
margin-top: var(--sizes-xxl);
}
.m-m-xxlmd-br {
margin-right: var(--sizes-md);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlmd-lr {
margin-right: var(--sizes-md);
margin-left: var(--sizes-xxl);
}
.m-m-xxlmd-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-md);
}
.m-m-xxlmd-bl {
margin-left: var(--sizes-md);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlmd-tl {
margin-left: var(--sizes-md);
margin-top: var(--sizes-xxl);
}
.m-m-xxllg {
margin: var(--sizes-xxl) var(--sizes-lg);
}
.m-m-xxllg-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxllg-r {
margin-right: var(--sizes-lg);
}
.m-m-xxllg-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxllg-l {
margin-left: var(--sizes-lg);
}
.m-m-xxllg-tr {
margin-right: var(--sizes-lg);
margin-top: var(--sizes-xxl);
}
.m-m-xxllg-br {
margin-right: var(--sizes-lg);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxllg-lr {
margin-right: var(--sizes-lg);
margin-left: var(--sizes-xxl);
}
.m-m-xxllg-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-lg);
}
.m-m-xxllg-bl {
margin-left: var(--sizes-lg);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxllg-tl {
margin-left: var(--sizes-lg);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxl {
margin: var(--sizes-xxl) var(--sizes-xl);
}
.m-m-xxlxl-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxlxl-r {
margin-right: var(--sizes-xl);
}
.m-m-xxlxl-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxl-l {
margin-left: var(--sizes-xl);
}
.m-m-xxlxl-tr {
margin-right: var(--sizes-xl);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxl-br {
margin-right: var(--sizes-xl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxl-lr {
margin-right: var(--sizes-xl);
margin-left: var(--sizes-xxl);
}
.m-m-xxlxl-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xl);
}
.m-m-xxlxl-bl {
margin-left: var(--sizes-xl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxl-tl {
margin-left: var(--sizes-xl);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxxl {
margin: var(--sizes-xxl) var(--sizes-xxl);
}
.m-m-xxlxxl-t {
margin-top: var(--sizes-xxl);
}
.m-m-xxlxxl-r {
margin-right: var(--sizes-xxl);
}
.m-m-xxlxxl-b {
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxl-l {
margin-left: var(--sizes-xxl);
}
.m-m-xxlxxl-tr {
margin-right: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-m-xxlxxl-br {
margin-right: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxl-lr {
margin-right: var(--sizes-xxl);
margin-left: var(--sizes-xxl);
}
.m-m-xxlxxl-tb {
margin-top: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxl-bl {
margin-left: var(--sizes-xxl);
margin-bottom: var(--sizes-xxl);
}
.m-m-xxlxxl-tl {
margin-left: var(--sizes-xxl);
margin-top: var(--sizes-xxl);
}
.m-m-0 {
margin: 0px;
}
.m-m-t-0 {
margin-top: 0px;
}
.m-m-r-0 {
margin-right: 0px;
}
.m-m-b-0 {
margin-bottom: 0px;
}
.m-m-l-0 {
margin-left: 0px;
}
.m-m-tr-0 {
margin-right: 0px;
margin-top: 0px;
}
.m-m-br-0 {
margin-right: 0px;
margin-bottom: 0px;
}
.m-m-rl-0, .m-m-lr-0 {
margin-right: 0px;
margin-left: 0px;
}
.m-m-tb-0 {
margin-top: 0px;
margin-bottom: 0px;
}
.m-m-bl-0 {
margin-left: 0px;
margin-bottom: 0px;
}
.m-m-tl-0 {
margin-left: 0px;
margin-top: 0px;
}
}
/* Webkit browsers (Chrome, Safari) */
*::-webkit-scrollbar {
width: 4px;
height: 4px;
}
*::-webkit-scrollbar-thumb {
background-color: black; /* Black color for the scrollbar thumb */
border-radius: 20px; /* No border-radius for square corners */
}
*::-webkit-scrollbar-track {
background: transparent; /* Optional: transparent track */
}
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: black transparent; /* Black thumb with transparent track */
}
.s-xxs {
width: var(--s-sizes-xxs);
}
.s-xs {
width: var(--s-sizes-xs);
}
.s-sm {
width: var(--s-sizes-sm);
}
.s-md {
width: var(--s-sizes-md);
}
.s-lg {
width: var(--s-sizes-lg);
}
.s-xl {
width: var(--s-sizes-xl);
}
.s-xxl {
width: var(--s-sizes-xxl);
}
.s-min-xxs {
min-width: var(--s-sizes-xxs);
}
.s-min-xs {
min-width: var(--s-sizes-xs);
}
.s-min-sm {
min-width: var(--s-sizes-sm);
}
.s-min-md {
min-width: var(--s-sizes-md);
}
.s-min-lg {
min-width: var(--s-sizes-lg);
}
.s-min-xl {
min-width: var(--s-sizes-xl);
}
.s-min-xxl {
min-width: var(--s-sizes-xxl);
}
.s-max-xxs {
max-width: var(--s-sizes-xxs);
}
.s-max-xs {
max-width: var(--s-sizes-xs);
}
.s-max-sm {
max-width: var(--s-sizes-sm);
}
.s-max-md {
max-width: var(--s-sizes-md);
}
.s-max-lg {
max-width: var(--s-sizes-lg);
}
.s-max-xl {
max-width: var(--s-sizes-xl);
}
.s-max-xxl {
max-width: var(--s-sizes-xxl);
}
.s-x-xxs {
width: var(--s-sizes-xxs);
}
.s-x-xs {
width: var(--s-sizes-xs);
}
.s-x-sm {
width: var(--s-sizes-sm);
}
.s-x-md {
width: var(--s-sizes-md);
}
.s-x-lg {
width: var(--s-sizes-lg);
}
.s-x-xl {
width: var(--s-sizes-xl);
}
.s-x-xxl {
width: var(--s-sizes-xxl);
}
.s-x-min-xxs {
min-width: var(--s-sizes-xxs);
}
.s-x-min-xs {
min-width: var(--s-sizes-xs);
}
.s-x-min-sm {
min-width: var(--s-sizes-sm);
}
.s-x-min-md {
min-width: var(--s-sizes-md);
}
.s-x-min-lg {
min-width: var(--s-sizes-lg);
}
.s-x-min-xl {
min-width: var(--s-sizes-xl);
}
.s-x-min-xxl {
min-width: var(--s-sizes-xxl);
}
.s-x-max-xxs {
max-width: var(--s-sizes-xxs);
}
.s-x-max-xs {
max-width: var(--s-sizes-xs);
}
.s-x-max-sm {
max-width: var(--s-sizes-sm);
}
.s-x-max-md {
max-width: var(--s-sizes-md);
}
.s-x-max-lg {
max-width: var(--s-sizes-lg);
}
.s-x-max-xl {
max-width: var(--s-sizes-xl);
}
.s-x-max-xxl {
max-width: var(--s-sizes-xxl);
}
.s-y-xxs {
height: var(--s-sizes-xxs);
}
.s-y-xs {
height: var(--s-sizes-xs);
}
.s-y-sm {
height: var(--s-sizes-sm);
}
.s-y-md {
height: var(--s-sizes-md);
}
.s-y-lg {
height: var(--s-sizes-lg);
}
.s-y-xl {
height: var(--s-sizes-xl);
}
.s-y-xxl {
height: var(--s-sizes-xxl);
}
.s-y-min-xxs {
min-height: var(--s-sizes-xxs);
}
.s-y-min-xs {
min-height: var(--s-sizes-xs);
}
.s-y-min-sm {
min-height: var(--s-sizes-sm);
}
.s-y-min-md {
min-height: var(--s-sizes-md);
}
.s-y-min-lg {
min-height: var(--s-sizes-lg);
}
.s-y-min-xl {
min-height: var(--s-sizes-xl);
}
.s-y-min-xxl {
min-height: var(--s-sizes-xxl);
}
.s-y-max-xxs {
max-height: var(--s-sizes-xxs);
}
.s-y-max-xs {
max-height: var(--s-sizes-xs);
}
.s-y-max-sm {
max-height: var(--s-sizes-sm);
}
.s-y-max-md {
max-height: var(--s-sizes-md);
}
.s-y-max-lg {
max-height: var(--s-sizes-lg);
}
.s-y-max-xl {
max-height: var(--s-sizes-xl);
}
.s-y-max-xxl {
max-height: var(--s-sizes-xxl);
}
.w-100 {
width: 100%;
}
.w-50 {
width: 50%;
}
.red h1, .red h2, .red h3, .red h4, .red h6, .red p, .red a, .red .header menu a, .red .header a {
color: #F60909;
}
.grey a, .grey b {
color: #B6B2B2;
}
h0.c-highlight, h1.c-highlight, h2.c-highlight, h3.c-highlight, h4.c-highlight, h5.c-highlight, h6.c-highlight, p.c-highlight, span.c-highlight {
color: var(--color-highlight);
}
.eyebrow {
color: var(--color-highlight);
}
@media only screen and (min-width: 790px) {
.d-hide {
display: none !important;
}
}
@media only screen and (max-width: 790px) {
.m-hide {
display: none !important;
}
}
img {
display: block;
max-width: 100%;
}
img.object-fit-cover {
object-fit: cover;
height: 100%;
width: 100%;
}
.object-fit-cover img {
object-fit: cover;
height: 100%;
width: 100%;
}
.object-fit-contain img {
object-fit: contain;
height: 100%;
width: 100%;
}
.location_card_img {
height: 300px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.logo-con img {
height: auto;
min-width: 15px;
}
.logo-con .logo_dark {
display: none;
}
.icon-svg svg {
width: 20px;
height: 20px;
}
.theme_dark .logo-con .logo, .theme_highlight .logo-con .logo {
display: none;
}
.theme_dark .logo-con .logo_dark, .theme_highlight .logo-con .logo_dark {
display: flex;
}
.custom-separator-class .vc_separator {
border-top: 2px solid #333;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.custom-separator-class .vc_separator .vc_separator_heading {
display: block;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
color: #333;
}
.content_container_inner .vc_row {
max-width: 100%;
margin: auto;
}
.content_container_inner .vc_row.ingrid {
max-width: 1100px;
padding-left: 0px;
padding-right: 0px;
}
@media screen and (min-width: 1200px) {
.content_container_inner .vc_row.ingrid .vc_column-inner {
padding-left: 0px;
padding-right: 0px;
}
}
.content_container_inner div[data-vc-full-width=true] {
left: unset !important;
}
.content_container_inner div[data-vc-full-width=true]:not(div[data-vc-stretch-content=true]) {
display: flex;
max-width: 100% !important;
left: unset;
}
.content_container_inner div[data-vc-full-width=true]:not(div[data-vc-stretch-content=true]) .vc_column-inner {
max-width: 100%;
margin: auto;
}
.content_container_inner div[data-vc-stretch-content=true] {
max-width: 100% !important;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 0 !important;
}
.slider-container {
position: relative;
}
.slider-init.of_hidden {
overflow: hidden;
}
.slider-init.of_both {
overflow: visible;
}
.slider-init.of_right {
overflow: visible;
clip-path: inset(-100vw -100vw -100vw 0);
}
.slider-init.of_left {
overflow: visible;
clip-path: inset(-100vw 0vw -100vw -100vw);
}
@media only screen and (max-width: 790px) {
.slider-init.of_right, .slider-init.of_left {
overflow: visible;
clip-path: unset;
}
}
.scrollbar-container .swiper-scrollbar.swiper-scrollbar-horizontal {
position: unset !important;
left: unset !important;
width: 100% !important;
height: var(--swiper-scrollbar-size, 6px) !important;
}
.swiper-pagination {
position: relative !important;
margin: 10px -2px;
z-index: 1 !important;
}
.swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 2px;
background: var(--slider-navigationdots-color-rgba);
opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
background: var(--slider-navigationdot-active-colour);
opacity: 1;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: var(--slider-scrollrail-colour-rgba) !important;
height: 6px;
}
.swiper-scrollbar .swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--slider-scrollbar-color);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-navigation-arrow {
pointer-events: none;
}
.swiper-navigation-arrow .swiper__prev, .swiper-navigation-arrow .swiper__next {
width: var(--slider-icon-arrow-width);
pointer-events: all;
}
.swiper-navigation-arrow .swiper__prev {
transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
}
.swiper-navigation-arrow .logo-con {
cursor: pointer;
}
.swiper-navigation-arrow.arrow-tl {
position: absolute;
z-index: 2;
top: 0px;
}
@media screen and (min-width: 1200px) {
.swiper-navigation-arrow.arrow-tl {
left: -40px;
}
}
.swiper-navigation-arrow.arrow-bl {
margin-top: 20px;
}
.swiper-navigation-arrow.arrow-bl .swiper__prev, .swiper-navigation-arrow.arrow-bl .swiper__next {
padding-left: 10px;
}
.swiper-navigation-arrow.arrow-bl .swiper-navigation-arrow-inner {
display: flex;
flex-direction: row;
}
.swiper-navigation-arrow.arrow-blr {
width: 100%;
margin-top: 20px;
}
.swiper-navigation-arrow.arrow-blr .swiper-navigation-arrow-inner {
display: flex;
justify-content: space-between;
width: 100%;
}
.swiper-navigation-arrow.arrow-clr {
overflow: visible;
height: 50px;
z-index: 2;
}
.swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner {
top: 0px;
height: 100%;
position: absolute;
width: 100%;
z-index: 2;
display: flex;
justify-content: space-between;
}
.swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner .swiper__prev, .swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner .swiper__next {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
@media screen and (min-width: 1200px) {
.swiper-navigation-arrow.arrow-clr .swiper-navigation-arrow-inner {
width: calc(100% + 80px);
left: -40px;
}
}
.swiper-navigation-arrow.arrow-tlr {
overflow: visible;
height: 50px;
z-index: 2;
}
.swiper-navigation-arrow.arrow-tlr .swiper-navigation-arrow-inner {
top: 0px;
position: absolute;
width: 100%;
z-index: 2;
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 1200px) {
.swiper-navigation-arrow.arrow-tlr .swiper-navigation-arrow-inner {
width: calc(100% + 80px);
left: -40px;
}
}
.swiper-button-disabled {
opacity: 0.5;
}
.swiper-notification {
display: none !important;
}
.theme_dark .swiper-scrollbar {
background: var(--slider-scrollrail-colour-rgba-dark) !important;
}
.theme_dark .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--slider-scrollbar-color-dark);
}
.theme_dark .swiper-pagination .swiper-pagination-bullet {
background: var(--slider-navigationdots-color-rgba-dark);
}
.theme_dark .swiper-pagination .swiper-pagination-bullet-active {
background: var(--slider-navigationdot-active-colour-dark);
}
.theme_highlight .swiper-scrollbar {
background: var(--slider-scrollrail-colour-rgba-highlight) !important;
}
.theme_highlight .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--slider-scrollbar-color-highlight);
}
.theme_highlight .swiper-pagination .swiper-pagination-bullet {
background: var(--slider-navigationdots-color-rgba-highlight);
}
.theme_highlight .swiper-pagination .swiper-pagination-bullet-active {
background: var(--slider-navigationdot-active-colour-highlight);
}
.theme_light .swiper-scrollbar {
background: var(--slider-scrollrail-colour-rgba-light) !important;
}
.theme_light .swiper-scrollbar .swiper-scrollbar-drag {
background: var(--slider-scrollbar-color-light);
}
.theme_light .swiper-pagination .swiper-pagination-bullet {
background: var(--slider-navigationdots-color-rgba-light);
}
.theme_light .swiper-pagination .swiper-pagination-bullet-active {
background: var(--slider-navigationdot-active-colour-light);
}
::-webkit-input-placeholder { /* Edge */
color: var(--color-grey) !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: var(--color-grey) !important;
}
::placeholder {
color: var(--color-grey) !important;
}
.grecaptcha-badge {
visibility: hidden;
}
.gform_wrapper {
width: 100%;
}
.gform_wrapper .gform_heading {
display: none !important;
}
.gform_wrapper select, .gform_wrapper textarea {
padding-top: 14px !important;
}
.gform_wrapper input[type=radio] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 20px; /* Set custom size for the square */
height: 20px; /* Set custom size for the square */
border: 2px solid #ccc; /* Optional: Border for the square */
border-radius: 0; /* Ensure no rounded corners */
position: relative;
}
.gform_wrapper input[type=radio]::before {
content: "";
display: block;
position: absolute;
top: 2px; /* Adjust position to center within the border */
left: 2px; /* Adjust position to center within the border */
width: 16px; /* Adjust size of the tick mark */
height: 16px; /* Adjust size of the tick mark */
background-color: transparent;
border: 2px solid var(--color-highlight); /* Color of the tick mark */
transform: rotate(45deg); /* Rotate to form a tick */
opacity: 0; /* Hide initially */
}
.gform_wrapper input[type=radio]:focus {
outline: 0 !important;
box-shadow: none !important;
}
.gform_wrapper input[type=checkbox] {
padding: 10px !important;
}
.gform_wrapper input[type=checkbox]:checked::before {
color: var(--color-highlight) !important; /* Change this to set the tick color */
}
.gform_wrapper input[type=checkbox]:focus {
outline: 0 !important;
box-shadow: none !important;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=number], .gform_wrapper input[type=tel], .gform_wrapper input[type=email], .gform_wrapper select {
min-height: 50px !important;
height: fit-content !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
.gform_wrapper .gform-body input[type=text], .gform_wrapper .gform-body input[type=number], .gform_wrapper .gform-body input[type=tel], .gform_wrapper .gform-body input[type=email], .gform_wrapper .gform-body select, .gform_wrapper .gform-body textarea {
border: 1px solid var(--color-highlight) !important;
border-radius: 0px !important;
padding-left: 20px !important;
padding-right: 20px !important;
color: var(--color-dark) !important;
width: 100% !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 30px !important;
font-family: var(--paragraph-font-name) !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.gform_wrapper .gform-body input[type=text]:focus, .gform_wrapper .gform-body input[type=number]:focus, .gform_wrapper .gform-body input[type=tel]:focus, .gform_wrapper .gform-body input[type=email]:focus, .gform_wrapper .gform-body select:focus, .gform_wrapper .gform-body textarea:focus {
outline: 0 !important;
box-shadow: none !important;
}
.gform_wrapper label, .gform_wrapper legend {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 20px !important;
font-family: var(--paragraph-font-name) !important;
color: var(--color-highlight) !important;
}
.gform_wrapper .gchoice label, .gform_wrapper .gchoice legend {
color: var(--color-dark) !important;
}
.validation_error {
background-color: var(--color-primary);
color: var(--color-white);
font-size: 12px;
padding: 8px;
margin-bottom: 1em;
}
.validation_error h2 {
font-size: 12px;
color: var(--color-white);
}
.validation_message {
background-color: var(--color-primary);
color: var(--color-white);
padding: 2px 8px;
font-size: 12px;
}
ul.gform_fields {
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
ul.gform_fields li {
flex: 0 0 100%;
padding: 0 8px 1em;
}
ul.gform_fields li.half {
flex: 0 0 50%;
}
.gfield select {
background-image: url("assets/icons/chevron-down.svg");
background-position: 99% 50%;
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gfield select:focus {
outline: 0;
}
.gfield textarea {
resize: vertical;
}
.gfield textarea:focus {
outline: 0;
}
.ginput_recaptcha, .gfield--type-captcha .gform-field-label {
justify-content: center !important;
}
.gform_footer {
justify-content: center !important;
}
.gform_footer input[type=submit] {
background: var(--color-highlight);
color: var(--color-white);
border-radius: 100px;
padding: 1em 2em;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.5px;
transition: all 0.5s ease;
cursor: pointer;
border: 1px solid transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gform_footer input[type=submit]:hover {
border: 1px solid var(--color-highlight);
background: transparent;
color: var(--color-highlight);
transition: all 0.5s ease;
}
.gform_footer input[type=submit]:focus {
outline: 0;
}
.gfield.hide {
display: none;
}
.hidden_label label {
display: none;
}
img.gform_ajax_spinner {
display: none !important;
}
.gform_button {
width: 180px !important;
padding: 1em 2em !important;
font-weight: 600 !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
font-family: var(--title-font-name) !important;
letter-spacing: 0.5px !important;
background: var(--color-highlight) !important;
color: var(--color-white) !important;
text-decoration: none !important;
border: none !important;
border-radius: 100px !important;
border: 1px solid transparent !important;
transition: all 0.5s ease;
border: 1px solid var(--color-white) !important;
}
@media screen and (max-width: 789px) {
.gform_button {
width: 100% !important;
}
}
.gform_button:hover {
border: 1px solid var(--color-highlight) !important;
background: transparent !important;
color: var(--color-highlight) !important;
color: var(--color-highlight);
}
/*
.theme_highlight, .theme_dark{
label, legend{
color: $color-white !important;
}
.gchoice {
label, legend{
color: $color-white !important;
}
}
}
*/
.grecaptcha-badge {
visibility: hidden;
}
.validation_error {
background-color: var(--color-primary);
color: var(--color-white);
font-size: 12px;
padding: 8px;
margin-bottom: 1em;
}
.validation_error h2 {
font-size: 12px;
color: var(--color-white);
}
.gfield select {
background-image: url("assets/icons/chevron-down.svg");
background-position: 99% 50%;
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gfield select:focus {
outline: 0;
}
.gfield textarea {
resize: vertical;
}
.gfield textarea:focus {
outline: 0;
}
.gform_button {
width: 180px !important;
padding: 1em 2em !important;
font-weight: 600 !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 500 !important;
text-transform: uppercase !important;
font-family: var(--title-font-name) !important;
letter-spacing: 0.5px !important;
background: var(--color-highlight) !important;
color: var(--color-white) !important;
text-decoration: none !important;
border: none !important;
border-radius: 100px !important;
border: 1px solid transparent !important;
transition: all 0.5s ease;
border: 1px solid var(--color-white) !important;
}
@media screen and (max-width: 789px) {
.gform_button {
width: 100% !important;
}
}
.gform_button:hover {
border: 1px solid var(--color-highlight) !important;
background: transparent !important;
color: var(--color-highlight) !important;
color: var(--color-highlight);
}
.theme_dark .seperator {
background-color: var(--color-white);
}
.theme_light .seperator {
background-color: var(--color-highlight);
min-height: 2px;
}
.theme_highlight .seperator {
background-color: var(--color-white);
}
.seperator {
height: 1px;
width: 100%;
}
.seperator.color-primary {
background-color: var(--color-primary);
}
.seperator.color-secondary {
background-color: var(--color-secondary);
}
.seperator.color-highlight {
height: 2px;
background-color: var(--color-highlight);
}
.seperator.color-alt {
background-color: var(--color-alt);
}
.seperator.color-white {
background-color: var(--color-white);
}
.seperator.color-black {
background-color: var(--color-black);
}
.seperator.color-white {
background-color: var(--color-dark);
}
.seperator.color-light {
background-color: var(--color-light);
}
.seperator.color-grey {
background-color: var(--color-grey);
}
.seperator.color-lightgrey {
background-color: var(--color-lightgrey);
}
.seperator.off-right {
width: 200%;
}
.theme_dark .btn-1 {
background: var(--button_1_dark_background_colour);
color: var(--button_1_dark_text_colour);
text-decoration: none;
border: var(--button_1_dark_outline_thickness) solid;
border-color: var(--button_1_dark_outline_colour);
border-radius: var(--button_1_dark_border_radius);
opacity: var(--button_1_dark_opacity);
}
.theme_dark .btn-1 h1, .theme_dark .btn-1 h2, .theme_dark .btn-1 h3, .theme_dark .btn-1 h4, .theme_dark .btn-1 h5, .theme_dark .btn-1 h6, .theme_dark .btn-1 p {
color: var(--button_1_dark_text_colour);
transition: all 0.5s ease;
}
.theme_dark .btn-1:hover {
background: var(--button_1_dark_background_colour_hover);
color: var(--button_1_dark_text_colour_hover);
border: var(--button_1_dark_outline_thickness_hover) solid;
border-color: var(--button_1_dark_outline_colour_hover);
opacity: var(--button_1_dark_opacity_hover);
}
.theme_dark .btn-1:hover h1, .theme_dark .btn-1:hover h2, .theme_dark .btn-1:hover h3, .theme_dark .btn-1:hover h4, .theme_dark .btn-1:hover h5, .theme_dark .btn-1:hover h6, .theme_dark .btn-1:hover p {
color: var(--button_1_dark_text_colour_hover);
}
.theme_dark .btn-2 {
background: var(--button_2_dark_background_colour);
color: var(--button_2_dark_text_colour);
text-decoration: none;
border: var(--button_2_dark_outline_thickness) solid;
border-color: var(--button_2_dark_outline_colour);
border-radius: var(--button_2_dark_border_radius);
opacity: var(--button_2_dark_opacity);
}
.theme_dark .btn-2 h1, .theme_dark .btn-2 h2, .theme_dark .btn-2 h3, .theme_dark .btn-2 h4, .theme_dark .btn-2 h5, .theme_dark .btn-2 h6, .theme_dark .btn-2 p {
color: var(--button_2_dark_text_colour);
transition: all 0.5s ease;
}
.theme_dark .btn-2:hover {
background: var(--button_2_dark_background_colour_hover);
color: var(--button_2_dark_text_colour_hover);
border: var(--button_2_dark_outline_thickness_hover) solid;
border-color: var(--button_2_dark_outline_colour_hover);
opacity: var(--button_2_dark_opacity_hover);
}
.theme_dark .btn-2:hover h1, .theme_dark .btn-2:hover h2, .theme_dark .btn-2:hover h3, .theme_dark .btn-2:hover h4, .theme_dark .btn-2:hover h5, .theme_dark .btn-2:hover h6, .theme_dark .btn-2:hover p {
color: var(--button_2_dark_text_colour_hover);
}
.theme_dark .btn-3 {
background: var(--button_3_dark_background_colour);
color: var(--button_3_dark_text_colour);
text-decoration: none;
border: var(--button_3_dark_outline_thickness) solid;
border-color: var(--button_3_dark_outline_colour);
border-radius: var(--button_3_dark_border_radius);
opacity: var(--button_3_dark_opacity);
}
.theme_dark .btn-3 h1, .theme_dark .btn-3 h2, .theme_dark .btn-3 h3, .theme_dark .btn-3 h4, .theme_dark .btn-3 h5, .theme_dark .btn-3 h6, .theme_dark .btn-3 p {
color: var(--button_3_dark_text_colour);
transition: all 0.5s ease;
}
.theme_dark .btn-3:hover {
background: var(--button_3_dark_background_colour_hover);
color: var(--button_3_dark_text_colour_hover);
border: var(--button_3_dark_outline_thickness_hover) solid;
border-color: var(--button_3_dark_outline_colour_hover);
opacity: var(--button_3_dark_opacity_hover);
}
.theme_dark .btn-3:hover h1, .theme_dark .btn-3:hover h2, .theme_dark .btn-3:hover h3, .theme_dark .btn-3:hover h4, .theme_dark .btn-3:hover h5, .theme_dark .btn-3:hover h6, .theme_dark .btn-3:hover p {
color: var(--button_3_dark_text_colour_hover);
}
.theme_dark .btn-4 {
background: var(--button_4_dark_background_colour);
color: var(--button_4_dark_text_colour);
text-decoration: none;
border: var(--button_4_dark_outline_thickness) solid;
border-color: var(--button_4_dark_outline_colour);
border-radius: var(--button_4_dark_border_radius);
opacity: var(--button_4_dark_opacity);
}
.theme_dark .btn-4 h1, .theme_dark .btn-4 h2, .theme_dark .btn-4 h3, .theme_dark .btn-4 h4, .theme_dark .btn-4 h5, .theme_dark .btn-4 h6, .theme_dark .btn-4 p {
color: var(--button_4_dark_text_colour);
transition: all 0.5s ease;
}
.theme_dark .btn-4:hover {
background: var(--button_4_dark_background_colour_hover);
color: var(--button_4_dark_text_colour_hover);
border: var(--button_4_dark_outline_thickness_hover) solid;
border-color: var(--button_4_dark_outline_colour_hover);
opacity: var(--button_4_dark_opacity_hover);
}
.theme_dark .btn-4:hover h1, .theme_dark .btn-4:hover h2, .theme_dark .btn-4:hover h3, .theme_dark .btn-4:hover h4, .theme_dark .btn-4:hover h5, .theme_dark .btn-4:hover h6, .theme_dark .btn-4:hover p {
color: var(--button_4_dark_text_colour_hover);
}
.theme_dark .btn-5 {
background: var(--button_5_dark_background_colour);
color: var(--button_5_dark_text_colour);
text-decoration: none;
border: var(--button_5_dark_outline_thickness) solid;
border-color: var(--button_5_dark_outline_colour);
border-radius: var(--button_5_dark_border_radius);
opacity: var(--button_5_dark_opacity);
}
.theme_dark .btn-5 h1, .theme_dark .btn-5 h2, .theme_dark .btn-5 h3, .theme_dark .btn-5 h4, .theme_dark .btn-5 h5, .theme_dark .btn-5 h6, .theme_dark .btn-5 p {
color: var(--button_5_dark_text_colour);
transition: all 0.5s ease;
}
.theme_dark .btn-5:hover {
background: var(--button_5_dark_background_colour_hover);
color: var(--button_5_dark_text_colour_hover);
border: var(--button_5_dark_outline_thickness_hover) solid;
border-color: var(--button_5_dark_outline_colour_hover);
opacity: var(--button_5_dark_opacity_hover);
}
.theme_dark .btn-5:hover h1, .theme_dark .btn-5:hover h2, .theme_dark .btn-5:hover h3, .theme_dark .btn-5:hover h4, .theme_dark .btn-5:hover h5, .theme_dark .btn-5:hover h6, .theme_dark .btn-5:hover p {
color: var(--button_5_dark_text_colour_hover);
}
.theme_dark .btn-6 {
background: var(--button_6_dark_background_colour);
color: var(--button_6_dark_text_colour);
text-decoration: none;
border: var(--button_6_dark_outline_thickness) solid;
border-color: var(--button_6_dark_outline_colour);
border-radius: var(--button_6_dark_border_radius);
opacity: var(--button_6_dark_opacity);
}
.theme_dark .btn-6 h1, .theme_dark .btn-6 h2, .theme_dark .btn-6 h3, .theme_dark .btn-6 h4, .theme_dark .btn-6 h5, .theme_dark .btn-6 h6, .theme_dark .btn-6 p {
color: var(--button_6_dark_text_colour);
transition: all 0.5s ease;
}
.theme_dark .btn-6:hover {
background: var(--button_6_dark_background_colour_hover);
color: var(--button_6_dark_text_colour_hover);
border: var(--button_6_dark_outline_thickness_hover) solid;
border-color: var(--button_6_dark_outline_colour_hover);
opacity: var(--button_6_dark_opacity_hover);
}
.theme_dark .btn-6:hover h1, .theme_dark .btn-6:hover h2, .theme_dark .btn-6:hover h3, .theme_dark .btn-6:hover h4, .theme_dark .btn-6:hover h5, .theme_dark .btn-6:hover h6, .theme_dark .btn-6:hover p {
color: var(--button_6_dark_text_colour_hover);
}
.theme_dark .animate_underline {
background-color: var(--button_5_dark_text_colour);
}
.theme_dark .animate_underline_reversed {
background-color: var(--button_5_dark_text_colour);
}
.theme_highlight .btn-1 {
background: var(--button_1_highlight_background_colour);
color: var(--button_1_highlight_text_colour);
text-decoration: none;
border: var(--button_1_highlight_outline_thickness) solid;
border-color: var(--button_1_highlight_outline_colour);
border-radius: var(--button_1_highlight_border_radius);
opacity: var(--button_1_highlight_opacity);
}
.theme_highlight .btn-1 h1, .theme_highlight .btn-1 h2, .theme_highlight .btn-1 h3, .theme_highlight .btn-1 h4, .theme_highlight .btn-1 h5, .theme_highlight .btn-1 h6, .theme_highlight .btn-1 p {
color: var(--button_1_highlight_text_colour);
transition: all 0.5s ease;
}
.theme_highlight .btn-1:hover {
background: var(--button_1_highlight_background_colour_hover);
color: var(--button_1_highlight_text_colour_hover);
border: var(--button_1_highlight_outline_thickness_hover) solid;
border-color: var(--button_1_highlight_outline_colour_hover);
opacity: var(--button_1_highlight_opacity_hover);
}
.theme_highlight .btn-1:hover h1, .theme_highlight .btn-1:hover h2, .theme_highlight .btn-1:hover h3, .theme_highlight .btn-1:hover h4, .theme_highlight .btn-1:hover h5, .theme_highlight .btn-1:hover h6, .theme_highlight .btn-1:hover p {
color: var(--button_1_highlight_text_colour_hover);
}
.theme_highlight .btn-2 {
background: var(--button_2_highlight_background_colour);
color: var(--button_2_highlight_text_colour);
text-decoration: none;
border: var(--button_2_highlight_outline_thickness) solid;
border-color: var(--button_2_highlight_outline_colour);
border-radius: var(--button_2_highlight_border_radius);
opacity: var(--button_2_highlight_opacity);
}
.theme_highlight .btn-2 h1, .theme_highlight .btn-2 h2, .theme_highlight .btn-2 h3, .theme_highlight .btn-2 h4, .theme_highlight .btn-2 h5, .theme_highlight .btn-2 h6, .theme_highlight .btn-2 p {
color: var(--button_2_highlight_text_colour);
transition: all 0.5s ease;
}
.theme_highlight .btn-2:hover {
background: var(--button_2_highlight_background_colour_hover);
color: var(--button_2_highlight_text_colour_hover);
border: var(--button_2_highlight_outline_thickness_hover) solid;
border-color: var(--button_2_highlight_outline_colour_hover);
opacity: var(--button_2_highlight_opacity_hover);
}
.theme_highlight .btn-2:hover h1, .theme_highlight .btn-2:hover h2, .theme_highlight .btn-2:hover h3, .theme_highlight .btn-2:hover h4, .theme_highlight .btn-2:hover h5, .theme_highlight .btn-2:hover h6, .theme_highlight .btn-2:hover p {
color: var(--button_2_highlight_text_colour_hover);
}
.theme_highlight .btn-3 {
background: var(--button_3_highlight_background_colour);
color: var(--button_3_highlight_text_colour);
text-decoration: none;
border: var(--button_3_highlight_outline_thickness) solid;
border-color: var(--button_3_highlight_outline_colour);
border-radius: var(--button_3_highlight_border_radius);
opacity: var(--button_3_highlight_opacity);
}
.theme_highlight .btn-3 h1, .theme_highlight .btn-3 h2, .theme_highlight .btn-3 h3, .theme_highlight .btn-3 h4, .theme_highlight .btn-3 h5, .theme_highlight .btn-3 h6, .theme_highlight .btn-3 p {
color: var(--button_3_highlight_text_colour);
transition: all 0.5s ease;
}
.theme_highlight .btn-3:hover {
background: var(--button_3_highlight_background_colour_hover);
color: var(--button_3_highlight_text_colour_hover);
border: var(--button_3_highlight_outline_thickness_hover) solid;
border-color: var(--button_3_highlight_outline_colour_hover);
opacity: var(--button_3_highlight_opacity_hover);
}
.theme_highlight .btn-3:hover h1, .theme_highlight .btn-3:hover h2, .theme_highlight .btn-3:hover h3, .theme_highlight .btn-3:hover h4, .theme_highlight .btn-3:hover h5, .theme_highlight .btn-3:hover h6, .theme_highlight .btn-3:hover p {
color: var(--button_3_highlight_text_colour_hover);
}
.theme_highlight .btn-4 {
background: var(--button_4_highlight_background_colour);
color: var(--button_4_highlight_text_colour);
text-decoration: none;
border: var(--button_4_highlight_outline_thickness) solid;
border-color: var(--button_4_highlight_outline_colour);
border-radius: var(--button_4_highlight_border_radius);
opacity: var(--button_4_highlight_opacity);
}
.theme_highlight .btn-4 h1, .theme_highlight .btn-4 h2, .theme_highlight .btn-4 h3, .theme_highlight .btn-4 h4, .theme_highlight .btn-4 h5, .theme_highlight .btn-4 h6, .theme_highlight .btn-4 p {
color: var(--button_4_highlight_text_colour);
transition: all 0.5s ease;
}
.theme_highlight .btn-4:hover {
background: var(--button_4_highlight_background_colour_hover);
color: var(--button_4_highlight_text_colour_hover);
border: var(--button_4_highlight_outline_thickness_hover) solid;
border-color: var(--button_4_highlight_outline_colour_hover);
opacity: var(--button_4_highlight_opacity_hover);
}
.theme_highlight .btn-4:hover h1, .theme_highlight .btn-4:hover h2, .theme_highlight .btn-4:hover h3, .theme_highlight .btn-4:hover h4, .theme_highlight .btn-4:hover h5, .theme_highlight .btn-4:hover h6, .theme_highlight .btn-4:hover p {
color: var(--button_4_highlight_text_colour_hover);
}
.theme_highlight .btn-5 {
background: var(--button_5_highlight_background_colour);
color: var(--button_5_highlight_text_colour);
text-decoration: none;
border: var(--button_5_highlight_outline_thickness) solid;
border-color: var(--button_5_highlight_outline_colour);
border-radius: var(--button_5_highlight_border_radius);
opacity: var(--button_5_highlight_opacity);
}
.theme_highlight .btn-5 h1, .theme_highlight .btn-5 h2, .theme_highlight .btn-5 h3, .theme_highlight .btn-5 h4, .theme_highlight .btn-5 h5, .theme_highlight .btn-5 h6, .theme_highlight .btn-5 p {
color: var(--button_5_highlight_text_colour);
transition: all 0.5s ease;
}
.theme_highlight .btn-5:hover {
background: var(--button_5_highlight_background_colour_hover);
color: var(--button_5_highlight_text_colour_hover);
border: var(--button_5_highlight_outline_thickness_hover) solid;
border-color: var(--button_5_highlight_outline_colour_hover);
opacity: var(--button_5_highlight_opacity_hover);
}
.theme_highlight .btn-5:hover h1, .theme_highlight .btn-5:hover h2, .theme_highlight .btn-5:hover h3, .theme_highlight .btn-5:hover h4, .theme_highlight .btn-5:hover h5, .theme_highlight .btn-5:hover h6, .theme_highlight .btn-5:hover p {
color: var(--button_5_highlight_text_colour_hover);
}
.theme_highlight .btn-6 {
background: var(--button_6_highlight_background_colour);
color: var(--button_6_highlight_text_colour);
text-decoration: none;
border: var(--button_6_highlight_outline_thickness) solid;
border-color: var(--button_6_highlight_outline_colour);
border-radius: var(--button_6_highlight_border_radius);
opacity: var(--button_6_highlight_opacity);
}
.theme_highlight .btn-6 h1, .theme_highlight .btn-6 h2, .theme_highlight .btn-6 h3, .theme_highlight .btn-6 h4, .theme_highlight .btn-6 h5, .theme_highlight .btn-6 h6, .theme_highlight .btn-6 p {
color: var(--button_6_highlight_text_colour);
transition: all 0.5s ease;
}
.theme_highlight .btn-6:hover {
background: var(--button_6_highlight_background_colour_hover);
color: var(--button_6_highlight_text_colour_hover);
border: var(--button_6_highlight_outline_thickness_hover) solid;
border-color: var(--button_6_highlight_outline_colour_hover);
opacity: var(--button_6_highlight_opacity_hover);
}
.theme_highlight .btn-6:hover h1, .theme_highlight .btn-6:hover h2, .theme_highlight .btn-6:hover h3, .theme_highlight .btn-6:hover h4, .theme_highlight .btn-6:hover h5, .theme_highlight .btn-6:hover h6, .theme_highlight .btn-6:hover p {
color: var(--button_6_highlight_text_colour_hover);
}
.theme_highlight .animate_underline {
background-color: var(--button_5_highlight_text_colour);
}
.theme_highlight .animate_underline_reversed {
background-color: var(--button_5_highlight_text_colour);
}
.theme_light .btn-1 {
background: var(--button_1_light_background_colour);
color: var(--button_1_light_text_colour);
text-decoration: none;
border: var(--button_1_light_outline_thickness) solid;
border-color: var(--button_1_light_outline_colour);
border-radius: var(--button_1_light_border_radius);
opacity: var(--button_1_light_opacity);
}
.theme_light .btn-1 h1, .theme_light .btn-1 h2, .theme_light .btn-1 h3, .theme_light .btn-1 h4, .theme_light .btn-1 h5, .theme_light .btn-1 h6, .theme_light .btn-1 p {
color: var(--button_1_light_text_colour);
transition: all 0.5s ease;
}
.theme_light .btn-1:hover {
background: var(--button_1_light_background_colour_hover);
color: var(--button_1_light_text_colour_hover);
border: var(--button_1_light_outline_thickness_hover) solid;
border-color: var(--button_1_light_outline_colour_hover);
opacity: var(--button_1_light_opacity_hover);
}
.theme_light .btn-1:hover h1, .theme_light .btn-1:hover h2, .theme_light .btn-1:hover h3, .theme_light .btn-1:hover h4, .theme_light .btn-1:hover h5, .theme_light .btn-1:hover h6, .theme_light .btn-1:hover p {
color: var(--button_1_light_text_colour_hover);
}
.theme_light .btn-2 {
background: var(--button_2_light_background_colour);
color: var(--button_2_light_text_colour);
text-decoration: none;
border: var(--button_2_light_outline_thickness) solid;
border-color: var(--button_2_light_outline_colour);
border-radius: var(--button_2_light_border_radius);
opacity: var(--button_2_light_opacity);
}
.theme_light .btn-2 h1, .theme_light .btn-2 h2, .theme_light .btn-2 h3, .theme_light .btn-2 h4, .theme_light .btn-2 h5, .theme_light .btn-2 h6, .theme_light .btn-2 p {
color: var(--button_2_light_text_colour);
transition: all 0.5s ease;
}
.theme_light .btn-2:hover {
background: var(--button_2_light_background_colour_hover);
color: var(--button_2_light_text_colour_hover);
border: var(--button_2_light_outline_thickness_hover) solid;
border-color: var(--button_2_light_outline_colour_hover);
opacity: var(--button_2_light_opacity_hover);
}
.theme_light .btn-2:hover h1, .theme_light .btn-2:hover h2, .theme_light .btn-2:hover h3, .theme_light .btn-2:hover h4, .theme_light .btn-2:hover h5, .theme_light .btn-2:hover h6, .theme_light .btn-2:hover p {
color: var(--button_2_light_text_colour_hover);
}
.theme_light .btn-3 {
background: var(--button_3_light_background_colour);
color: var(--button_3_light_text_colour);
text-decoration: none;
border: var(--button_3_light_outline_thickness) solid;
border-color: var(--button_3_light_outline_colour);
border-radius: var(--button_3_light_border_radius);
opacity: var(--button_3_light_opacity);
}
.theme_light .btn-3 h1, .theme_light .btn-3 h2, .theme_light .btn-3 h3, .theme_light .btn-3 h4, .theme_light .btn-3 h5, .theme_light .btn-3 h6, .theme_light .btn-3 p {
color: var(--button_3_light_text_colour);
transition: all 0.5s ease;
}
.theme_light .btn-3:hover {
background: var(--button_3_light_background_colour_hover);
color: var(--button_3_light_text_colour_hover);
border: var(--button_3_light_outline_thickness_hover) solid;
border-color: var(--button_3_light_outline_colour_hover);
opacity: var(--button_3_light_opacity_hover);
}
.theme_light .btn-3:hover h1, .theme_light .btn-3:hover h2, .theme_light .btn-3:hover h3, .theme_light .btn-3:hover h4, .theme_light .btn-3:hover h5, .theme_light .btn-3:hover h6, .theme_light .btn-3:hover p {
color: var(--button_3_light_text_colour_hover);
}
.theme_light .btn-4 {
background: var(--button_4_light_background_colour);
color: var(--button_4_light_text_colour);
text-decoration: none;
border: var(--button_4_light_outline_thickness) solid;
border-color: var(--button_4_light_outline_colour);
border-radius: var(--button_4_light_border_radius);
opacity: var(--button_4_light_opacity);
}
.theme_light .btn-4 h1, .theme_light .btn-4 h2, .theme_light .btn-4 h3, .theme_light .btn-4 h4, .theme_light .btn-4 h5, .theme_light .btn-4 h6, .theme_light .btn-4 p {
color: var(--button_4_light_text_colour);
transition: all 0.5s ease;
}
.theme_light .btn-4:hover {
background: var(--button_4_light_background_colour_hover);
color: var(--button_4_light_text_colour_hover);
border: var(--button_4_light_outline_thickness_hover) solid;
border-color: var(--button_4_light_outline_colour_hover);
opacity: var(--button_4_light_opacity_hover);
}
.theme_light .btn-4:hover h1, .theme_light .btn-4:hover h2, .theme_light .btn-4:hover h3, .theme_light .btn-4:hover h4, .theme_light .btn-4:hover h5, .theme_light .btn-4:hover h6, .theme_light .btn-4:hover p {
color: var(--button_4_light_text_colour_hover);
}
.theme_light .btn-5 {
background: var(--button_5_light_background_colour);
color: var(--button_5_light_text_colour);
text-decoration: none;
border: var(--button_5_light_outline_thickness) solid;
border-color: var(--button_5_light_outline_colour);
border-radius: var(--button_5_light_border_radius);
opacity: var(--button_5_light_opacity);
}
.theme_light .btn-5 h1, .theme_light .btn-5 h2, .theme_light .btn-5 h3, .theme_light .btn-5 h4, .theme_light .btn-5 h5, .theme_light .btn-5 h6, .theme_light .btn-5 p {
color: var(--button_5_light_text_colour);
transition: all 0.5s ease;
}
.theme_light .btn-5:hover {
background: var(--button_5_light_background_colour_hover);
color: var(--button_5_light_text_colour_hover);
border: var(--button_5_light_outline_thickness_hover) solid;
border-color: var(--button_5_light_outline_colour_hover);
opacity: var(--button_5_light_opacity_hover);
}
.theme_light .btn-5:hover h1, .theme_light .btn-5:hover h2, .theme_light .btn-5:hover h3, .theme_light .btn-5:hover h4, .theme_light .btn-5:hover h5, .theme_light .btn-5:hover h6, .theme_light .btn-5:hover p {
color: var(--button_5_light_text_colour_hover);
}
.theme_light .btn-6 {
background: var(--button_6_light_background_colour);
color: var(--button_6_light_text_colour);
text-decoration: none;
border: var(--button_6_light_outline_thickness) solid;
border-color: var(--button_6_light_outline_colour);
border-radius: var(--button_6_light_border_radius);
opacity: var(--button_6_light_opacity);
}
.theme_light .btn-6 h1, .theme_light .btn-6 h2, .theme_light .btn-6 h3, .theme_light .btn-6 h4, .theme_light .btn-6 h5, .theme_light .btn-6 h6, .theme_light .btn-6 p {
color: var(--button_6_light_text_colour);
transition: all 0.5s ease;
}
.theme_light .btn-6:hover {
background: var(--button_6_light_background_colour_hover);
color: var(--button_6_light_text_colour_hover);
border: var(--button_6_light_outline_thickness_hover) solid;
border-color: var(--button_6_light_outline_colour_hover);
opacity: var(--button_6_light_opacity_hover);
}
.theme_light .btn-6:hover h1, .theme_light .btn-6:hover h2, .theme_light .btn-6:hover h3, .theme_light .btn-6:hover h4, .theme_light .btn-6:hover h5, .theme_light .btn-6:hover h6, .theme_light .btn-6:hover p {
color: var(--button_6_light_text_colour_hover);
}
.theme_light .animate_underline {
background-color: var(--button_5_light_text_colour);
}
.theme_light .animate_underline_reversed {
background-color: var(--button_5_light_text_colour);
}
.btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-6, .link, .js_button {
cursor: pointer;
}
.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
min-width: 180px;
padding: 1em 2em;
font-weight: 500;
letter-spacing: 0.5px;
text-align: center;
transition: all 0.5s ease;
text-transform: uppercase;
}
@media screen and (max-width: 789px) {
.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
min-width: 100%;
}
}
.btn-1 {
background: var(--button_1_background_colour);
color: var(--button_1_text_colour);
text-decoration: none;
border: var(--button_1_outline_thickness) solid;
border-color: var(--button_1_outline_colour);
border-radius: var(--button_1_border_radius);
opacity: var(--button_1_opacity);
}
.btn-1 h1, .btn-1 h2, .btn-1 h3, .btn-1 h4, .btn-1 h5, .btn-1 h6, .btn-1 p {
color: var(--button_1_text_colour);
transition: all 0.5s ease;
}
.btn-1:hover {
background: var(--button_1_background_colour_hover);
color: var(--button_1_text_colour_hover);
border: var(--button_1_outline_thickness_hover) solid;
border-color: var(--button_1_outline_colour_hover);
opacity: var(--button_1_opacity_hover);
}
.btn-1:hover h1, .btn-1:hover h2, .btn-1:hover h3, .btn-1:hover h4, .btn-1:hover h5, .btn-1:hover h6, .btn-1:hover p {
color: var(--button_1_text_colour_hover);
}
.btn-2 {
background: var(--button_2_background_colour);
color: var(--button_2_text_colour);
text-decoration: none;
border: var(--button_2_outline_thickness) solid;
border-color: var(--button_2_outline_colour);
border-radius: var(--button_2_border_radius);
opacity: var(--button_2_opacity);
}
.btn-2 h1, .btn-2 h2, .btn-2 h3, .btn-2 h4, .btn-2 h5, .btn-2 h6, .btn-2 p {
color: var(--button_2_text_colour);
transition: all 0.5s ease;
}
.btn-2:hover {
background: var(--button_2_background_colour_hover);
color: var(--button_2_text_colour_hover);
border: var(--button_2_outline_thickness_hover) solid;
border-color: var(--button_2_outline_colour_hover);
opacity: var(--button_2_opacity_hover);
}
.btn-2:hover h1, .btn-2:hover h2, .btn-2:hover h3, .btn-2:hover h4, .btn-2:hover h5, .btn-2:hover h6, .btn-2:hover p {
color: var(--button_2_text_colour_hover);
}
.btn-3 {
background: var(--button_3_background_colour);
color: var(--button_3_text_colour);
text-decoration: none;
border: var(--button_3_outline_thickness) solid;
border-color: var(--button_3_outline_colour);
border-radius: var(--button_3_border_radius);
opacity: var(--button_3_opacity);
}
.btn-3 h1, .btn-3 h2, .btn-3 h3, .btn-3 h4, .btn-3 h5, .btn-3 h6, .btn-3 p {
color: var(--button_3_text_colour);
transition: all 0.5s ease;
}
.btn-3:hover {
background: var(--button_3_background_colour_hover);
color: var(--button_3_text_colour_hover);
border: var(--button_3_outline_thickness_hover) solid;
border-color: var(--button_3_outline_colour_hover);
opacity: var(--button_3_opacity_hover);
}
.btn-3:hover h1, .btn-3:hover h2, .btn-3:hover h3, .btn-3:hover h4, .btn-3:hover h5, .btn-3:hover h6, .btn-3:hover p {
color: var(--button_3_text_colour_hover);
}
.btn-3:hover svg path {
fill: var(--button_3_text_colour_hover);
}
.btn-4 {
background: var(--button_4_background_colour);
color: var(--button_4_text_colour);
text-decoration: none;
border: var(--button_4_outline_thickness) solid;
border-color: var(--button_4_outline_colour);
border-radius: var(--button_4_border_radius);
opacity: var(--button_4_opacity);
}
.btn-4 h1, .btn-4 h2, .btn-4 h3, .btn-4 h4, .btn-4 h5, .btn-4 h6, .btn-4 p {
color: var(--button_4_text_colour);
transition: all 0.5s ease;
}
.btn-4:hover {
background: var(--button_4_background_colour_hover);
color: var(--button_4_text_colour_hover);
border: var(--button_4_outline_thickness_hover) solid;
border-color: var(--button_4_outline_colour_hover);
opacity: var(--button_4_opacity_hover);
}
.btn-4:hover h1, .btn-4:hover h2, .btn-4:hover h3, .btn-4:hover h4, .btn-4:hover h5, .btn-4:hover h6, .btn-4:hover p {
color: var(--button_4_text_colour_hover);
}
.btn-5 {
min-width: fit-content;
padding: unset;
background: var(--button_5_background_colour);
color: var(--button_5_text_colour);
text-decoration: none;
border: var(--button_5_outline_thickness) solid;
border-color: var(--button_5_outline_colour);
border-radius: var(--button_5_border_radius);
opacity: var(--button_5_opacity);
}
.btn-5 h1, .btn-5 h2, .btn-5 h3, .btn-5 h4, .btn-5 h5, .btn-5 h6, .btn-5 p {
color: var(--button_5_text_colour);
transition: all 0.5s ease;
}
.btn-5:hover {
background: var(--button_5_background_colour_hover);
color: var(--button_5_text_colour_hover);
border: var(--button_5_outline_thickness_hover) solid;
border-color: var(--button_5_outline_colour_hover);
opacity: var(--button_5_opacity_hover);
}
.btn-5:hover h1, .btn-5:hover h2, .btn-5:hover h3, .btn-5:hover h4, .btn-5:hover h5, .btn-5:hover h6, .btn-5:hover p {
color: var(--button_5_text_colour_hover);
}
.btn-6 {
background: var(--button_6_background_colour);
color: var(--button_6_text_colour);
text-decoration: none;
border: var(--button_6_outline_thickness) solid;
border-color: var(--button_6_outline_colour);
border-radius: var(--button_6_border_radius);
opacity: var(--button_6_opacity);
}
.btn-6 h1, .btn-6 h2, .btn-6 h3, .btn-6 h4, .btn-6 h5, .btn-6 h6, .btn-6 p {
color: var(--button_6_text_colour);
transition: all 0.5s ease;
}
.btn-6:hover {
background: var(--button_6_background_colour_hover);
color: var(--button_6_text_colour_hover);
border: var(--button_6_outline_thickness_hover) solid;
border-color: var(--button_6_outline_colour_hover);
opacity: var(--button_6_opacity_hover);
}
.btn-6:hover h1, .btn-6:hover h2, .btn-6:hover h3, .btn-6:hover h4, .btn-6:hover h5, .btn-6:hover h6, .btn-6:hover p {
color: var(--button_6_text_colour_hover);
}
.animate_underline {
width: 0%;
height: 1px;
transition: 0.5s ease;
background-color: var(--button_5_text_colour);
}
.animate_underline_reversed {
width: 100%;
height: 1px;
background-color: var(--button_5_text_colour_hover);
transition: 0.5s ease;
}
.header_menu .animate_underline {
height: 3px;
}
a:hover .animate_underline, .js_a:hover .animate_underline, .header_menu .active .animate_underline {
width: 100%;
}
a:hover .animate_underline_reversed {
width: 0%;
}
.social_logo {
position: relative;
width: 100%;
height: var(--social-logo-size);
width: var(--social-logo-size);
max-height: var(--social-logo-size);
}
@media screen and (max-width: 789px) {
.social_logo {
height: var(--social-logo-size-mobile);
width: var(--social-logo-size-mobile);
max-height: var(--social-logo-size-mobile);
}
}
.social_logo img {
position: absolute;
max-height: 100%;
}
.social_logo img.logo_dark {
display: none;
}
.theme_dark .social img.logo, .theme_highlight .social img.logo {
display: none;
}
.theme_dark .social img.logo_dark, .theme_highlight .social img.logo_dark {
display: flex;
}
.social {
transform: scale(1);
transition: all 0.3s ease;
}
.social:hover {
transform: scale(1.1);
}
html.open_menu {
overflow-y: hidden;
}
.navigation-header {
z-index: 99;
position: relative;
background-color: var(--color-white);
}
.navigation-header .navigation-header-inner.show_rule {
border-bottom: 1px solid var(--color-grey);
}
.navigation-header .logo {
opacity: 1;
}
.navigation-header .logo_dark {
opacity: 0;
}
.navigation-header.theme_dark, .navigation-header.theme_highlight {
background-color: var(--color-black);
}
.navigation-header.theme_dark .navigation-header-inner.show_rule, .navigation-header.theme_highlight .navigation-header-inner.show_rule {
border-bottom: 1px solid var(--color-white);
}
.navigation-header.theme_dark .logo, .navigation-header.theme_highlight .logo {
opacity: 0;
}
.navigation-header.theme_dark .logo_dark, .navigation-header.theme_highlight .logo_dark {
opacity: 1;
}
.navigation-header.transparent {
background-color: transparent;
}
.navigation-header.transparent .navigation-header-inner {
position: absolute;
}
.header_logo {
position: relative;
width: 100%;
height: var(--header-logo-height);
max-height: var(--header-logo-height);
}
@media screen and (max-width: 789px) {
.header_logo {
height: var(--header-logo-height-mobile);
max-height: var(--header-logo-height-mobile);
}
}
.header_logo img {
position: absolute;
max-height: 100%;
}
.menu-toggle {
width: 40px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.bar {
width: 100%;
height: 3px;
background-color: var(--color-primary);
transition: transform 0.3s ease-out;
}
.bar:first-child {
transform-origin: top;
}
.bar:last-child {
transform-origin: bottom;
}
.menu-toggle.active .bar:first-child {
transform: translateY(14px) rotate(45deg);
}
.menu-toggle.active .bar:last-child {
transform: translateY(-14px) rotate(-45deg);
}
.menu-toggle.active .bar:nth-child(2) {
opacity: 0;
}
.theme_dark .bar, .theme_highlight .bar {
background-color: var(--color-white);
}
.header_menu .mainmenu_text {
text-wrap: nowrap;
}
.header_menu .dropdown svg {
transform: rotate(0deg);
transition: all 0.3s ease;
}
.header_menu .dropdown:hover svg {
transform: rotate(180deg);
}
/* Initially hide the elements */
/* Container for the overall menu (optional, adjust to your layout) */
.menu-container {
display: flex;
gap: 10px;
}
/* Style the dropdown parent */
.dropdown {
position: relative;
margin-bottom: -1px;
}
.dropdown-menu {
display: none;
list-style: none;
margin: 0;
margin-top: 1px;
padding: 10px 0px;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
background-color: var(--color-white);
z-index: 999;
}
.dropdown-menu li a {
display: block;
padding: 8px 16px;
text-decoration: none;
color: var(--color-primary);
background-color: transparent;
transition: background-color 0.3s ease;
}
.dropdown-menu li a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.theme_dark .dropdown-menu li a:hover, .theme_highlight .dropdown-menu li a:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.theme_dark .dropdown svg path, .theme_highlight .dropdown svg path {
fill: var(--color-white) !important;
}
.dropdown-item {
text-align: left;
}
.navigation_slideout.theme_dark {
background-color: unset;
}
.navigation_slideout_overlay {
display: flex;
position: fixed;
opacity: 0;
top: 0;
left: 100%;
width: 100%;
height: 100dvh;
z-index: 45;
pointer-events: none;
background: var(--overlay-backgroundcolour);
transition: all 0.3s;
}
.open_menu .navigation_slideout_overlay {
pointer-events: all;
opacity: var(--overlay-opacity);
left: 0%;
}
.mobile-menu, .mobile-menu-sub {
display: flex;
position: fixed;
opacity: 0;
top: 0;
left: 100%;
width: 100%;
height: 100dvh;
z-index: 50;
pointer-events: none;
padding: 200px 20px 80px 20px;
transition: all 0.3s;
}
.mobile-menu-sub {
z-index: 52;
}
.open-menu, .close-menu {
font-size: 24px;
cursor: pointer;
background: none;
border: none;
outline: none;
}
.open_menu .mobile-menu {
opacity: 1;
pointer-events: all;
left: 0%;
}
.open_sub_menu .mobile-menu {
left: -100%;
pointer-events: none;
}
.mobile-menu {
max-width: 100%;
}
.open_sub_menu .mobile-menu-sub {
pointer-events: all;
opacity: 1;
left: 0%;
}
.mobile-menu img, .mobile-menu-sub img {
min-width: 17px;
height: 19px;
margin: 0px;
}
.mobile-menu img.flip, .mobile-menu-sub img.flip {
transform: scaleX(-1);
}
.menu_back_button {
margin-left: 0px;
margin-right: 0px;
}
.sublink {
cursor: pointer;
width: fit-content;
}
.sublink .icon-arrow {
overflow: visible;
max-width: 0px;
}
.sublink .icon-arrow img {
padding-left: 50px;
max-width: unset;
}
.mobile-menu-inner {
width: 100%;
}
.link_options h1, .link_options h2, .link_options h3, .link_options h4, .link_options h5, .link_options h6, .link_options h7, .link_options p {
width: fit-content;
}
.module-con {
overflow: hidden;
height: 100%;
}
.module-con .module-con-inner {
height: 100%;
}
.module-con-inner {
overflow: hidden;
opacity: var(--con-fade-start);
transform: translateY(var(--con-translate-y-start)); /* Start with the element translated up by 200px */
transition: opacity var(--con-fade-time) ease, transform var(--con-translate-y-time) ease !important;
}
.vc_row {
opacity: var(--bg-fade-start);
transition: opacity var(--bg-fade-time) ease;
}
.theme_dark, .theme_highlight, .theme_light {
overflow-y: auto;
}
.theme_dark.navigation-header, .theme_highlight.navigation-header, .theme_light.navigation-header {
overflow-y: visible;
}
.theme_dark h0, .theme_dark h1, .theme_dark h2, .theme_dark h3, .theme_dark h4, .theme_dark h5, .theme_dark h6, .theme_dark p, .theme_dark p1, .theme_dark p2, .theme_dark a, .theme_highlight h0, .theme_highlight h1, .theme_highlight h2, .theme_highlight h3, .theme_highlight h4, .theme_highlight h5, .theme_highlight h6, .theme_highlight p, .theme_highlight p1, .theme_highlight p2, .theme_highlight a {
color: var(--color-white);
}
.theme_dark {
background-color: var(--color-primary);
}
.theme_highlight {
background-color: var(--color-highlight);
}
.theme_light {
background-color: var(--color-alt);
}
.theme_light h0, .theme_light h1, .theme_light h2, .theme_light h3, .theme_light h4, .theme_light h5, .theme_light h6, .theme_light p, .theme_light p1, .theme_light p2 {
color: var(--color-dark);
}
.theme_light .eyebrow {
color: var(--color-highlight);
}
.theme_light .c-highlight {
color: var(--color-highlight);
}
.vc_row-has-fill .theme_dark, .vc_row-has-fill .theme_highlight, .vc_row-has-fill .theme_light {
background-color: transparent;
}
.card-con .card_img {
height: 320px;
overflow: hidden;
}
@media screen and (max-width: 789px) {
.card-con .card_img {
height: 270px;
}
}
.card-con .card_img img {
transform: scale(1);
transition: all 1s ease;
}
.card-con .card_team .card_img {
height: 400px;
}
@media screen and (max-width: 789px) {
.card-con .card_team .card_img {
height: 470px;
}
}
.card-con:hover .card_img img {
transform: scale(1.05);
}
.card-con .card_property, .card-con .card_team {
height: 100%;
}
.card-con .card_property h6, .card-con .card_team h6 {
color: var(--color-highlight);
}
.card-con .card_process h3, .card-con .card_process p {
text-align: center;
}
.card-con .card_process .logo-con {
width: 100%;
min-height: 80px;
}
.card-con .card_process .logo-con img {
height: 75px;
padding: 5px;
transition: all 0.5s ease;
}
.card-con .card_process:hover img {
height: 80px;
padding: 0px;
}
.card-con .card_team_2 .card_img {
height: 140px;
width: 130px;
}
.card-con .card_team_2 .card_img img {
object-position: 50% 25%;
}
.card-con .card_testimonial .logo-con {
max-width: 20px;
}
.card-con .card_product {
background-color: white;
border-radius: 4px;
border: 2px solid var(--color-lightgrey);
}
.postgrid .card_property {
border-bottom: 2px solid var(--color-highlight);
margin-bottom: 30px;
}
.card_process_2 .logo-con {
padding-top: 6px;
}
.card_process_2 .logo-con img {
height: fit-content;
min-width: 50px;
transform: scale(1);
transition: all 0.3s ease;
}
.card_process_2:hover .logo-con img {
transform: scale(1.2);
}
.theme_dark .card-con .card_property h6, .theme_dark .card-con .card_team h6, .theme_highlight .card-con .card_property h6, .theme_highlight .card-con .card_team h6 {
color: var(--color-white);
}
.theme_dark .postgrid .card_property, .theme_highlight .postgrid .card_property {
border-bottom: 2px solid var(--color-white);
}
.theme_highlight h6 {
color: white;
}
.loadmore {
display: none !important;
}
.overlay-con {
position: relative;
}
.overlay-con .overlay {
position: absolute;
min-width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
}
:root {
--plyr-color-main: var(--color-highlight);
--plyr-control-bg: var(--color-highlight);
--plyr-control-bg-hover: darken(var(--color-highlight), 10%);
--plyr-control-color: #ffffff;
--plyr-control-icon: #ffffff;
--plyr-control-icon-hover: #ffffff;
}
.plyr__controls {
z-index: 12 !important;
opacity: 0;
transition: opacity 0.3s;
padding-bottom: 5px !important;
}
@media screen and (max-width: 789px) {
.video-fullscreen .plyr__controls {
padding-bottom: 30px !important;
}
}
.plyr--video:hover .plyr__controls {
opacity: 1;
}
.image-con {
height: 100%;
}
.text_module .fullwidth {
padding: 20px;
}
.section-1-ingrid .text_module .fullwidth {
padding: unset;
}
.mapboxgl-ctrl {
display: flex !important;
flex-direction: column-reverse;
}
.fa-brands:hover {
opacity: 0.7;
}
.mapboxgl-ctrl-group button {
width: 30px;
height: 30px;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
background-size: 20px;
}
.mapboxgl-ctrl-group:not(:empty) {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.mapboxgl-ctrl-compass {
display: none !important;
}
.filter_option_con {
gap: 40px;
cursor: pointer;
}
.filter_btn {
text-align: right;
}
.fa-filter {
font-size: 15px;
vertical-align: middle;
}
.map_container {
margin-bottom: -1px;
}
.map_container-single {
width: 100%;
}
.filter_containter {
margin-bottom: 60px;
}
/* Location List style */
.grid_view_locations {
flex-wrap: wrap;
margin-bottom: 60px;
margin-top: 0px;
}
.grid_view_locations.filterOpened {
margin-top: 60px;
}
.slidein {
opacity: 1;
padding-top: 0px;
transition: all 0.3s ease-out;
}
.location_card_img {
height: 240px;
background-size: cover;
}
.location_card_img_floating {
margin-bottom: 15px;
}
.location_card_img_floating img {
height: 60px;
margin: auto;
margin-top: -50px;
}
.location_card h6 {
font-size: 16px;
line-height: 20px;
color: var(--color-primary);
}
.socialbtns i {
font-size: 18px;
}
.socialbtns {
gap: 12px;
}
.location_url_dispaly h5 {
font-size: 11px;
font-weight: 400;
line-height: 13px;
letter-spacing: 0.7857142687px;
text-align: left;
}
.location_url_dispaly {
padding-top: 6px;
}
.locationTitle {
line-height: 1.3;
margin-left: -2px;
}
h4.locationTitle {
font-size: 18px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0px;
text-align: center;
}
.location_card_info strong {
font-weight: 700;
}
/* Map style */
.location_icon_img_floating {
height: 185px;
width: 100%;
background-size: cover;
}
.mapboxgl-popup-content h4 {
margin-bottom: 0px;
text-align: left;
color: var(--color-primary);
}
.marker {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 40px;
height: 40px;
margin-top: -20px;
cursor: pointer;
}
.marker:hover {
width: 45px;
height: 45px;
z-index: 9999 !important;
}
.marker.active {
width: 45px;
height: 45px;
z-index: 9999 !important;
}
.mapboxgl-popup-tip {
display: none;
}
.mapboxgl-popup-content {
padding: 0px !important;
text-align: center;
font-family: "Open Sans", sans-serif;
overflow: hidden;
text-align: left;
border-radius: 0px !important;
border: 1px solid var(--color-alt);
}
.mapboxgl-popup {
min-width: 300px;
margin-left: -110px;
margin-top: -25px;
background-color: white;
}
.mapboxgl-popup:after {
position: absolute;
top: 10px;
right: 10px;
pointer-events: all;
display: none;
}
.mapboxgl-popup-close-button {
display: none;
}
.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right {
display: none;
}
.mapboxgl-popup {
max-width: 200px;
}
.location_card_info p a {
font-weight: 900;
text-decoration: underline;
}
.location_card_info p a:hover {
opacity: 0.7;
}
.popup-info {
padding: 10px !important;
}
.filter_btn h5 {
text-decoration: underline;
}
.fa-solid.fa-filter {
padding-left: 10px;
}
.btn.std {
display: inline-block;
font-size: 16px;
line-height: 1;
background: transparent;
padding: 12px 25px;
border: 1px solid var(--color-primary);
border-radius: 40px;
text-align: center;
transition: ease all 0.3s;
cursor: pointer;
display: flex;
align-items: center;
}
.btn.std.active {
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: var(--color-white);
}
.btn.std:hover {
background: var(--color-primary);
color: var(--color-white);
}
.dropdown {
position: relative;
cursor: pointer;
}
.dropbtn {
border-bottom: 1px solid var(--color-primary);
padding: 10px 0px;
}
.dropbtn .displayfilter {
font-size: 16px;
}
.map_filter {
height: 0px;
opacity: 0;
transition: all 0.4s;
display: flex;
pointer-events: none;
}
.map_filter.filter_activated {
pointer-events: all;
opacity: 1;
height: auto;
transition: all 0.4s;
}
.show_filters,
.view_changer#grid,
.view_changer#mapbox,
.clear_btn {
font-family: var(--highlight-font-name);
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.show_filters svg,
.view_changer#grid svg,
.view_changer#mapbox svg,
.clear_btn svg {
color: var(--color-primary);
fill: var(--color-primary);
width: 20px;
}
.show_filters:hover,
.view_changer#grid:hover,
.view_changer#mapbox:hover,
.clear_btn:hover {
color: var(--color-secondary);
fill: var(--color-secondary);
}
.show_filters:hover svg,
.view_changer#grid:hover svg,
.view_changer#mapbox:hover svg,
.clear_btn:hover svg {
color: var(--color-secondary);
fill: var(--color-secondary);
}
.show_filters.active,
.view_changer#grid.active,
.view_changer#mapbox.active,
.clear_btn.active {
color: var(--color-secondary);
fill: var(--color-secondary);
}
.show_filters.active svg,
.view_changer#grid.active svg,
.view_changer#mapbox.active svg,
.clear_btn.active svg {
color: var(--color-secondary);
fill: var(--color-secondary);
}
.map_header .f-row {
align-items: center;
}
.map_header .f-row .a-between {
align-items: center;
}
.open > .fa-chevron-down {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.in-grid {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (max-width: 789px) {
.m-hide {
display: none;
}
}
.capsule {
border-radius: 900px;
position: absolute;
padding: 10px;
text-align: center;
font-weight: 400;
font-size: 8px;
line-height: 12px;
left: 15px;
top: 15px;
font-family: var(--highlight-font-name);
}
.no_results {
display: none;
padding: 50px 0px;
}
.padding1-3 {
padding-left: 60px;
}
@media screen and (max-width: 979px) {
.fullwidth-outer > .vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
.textblock-1-3 {
display: flex;
flex-grow: 1;
}
.textblock-1-3 > .vc_column-inner {
height: fit-content;
margin: auto;
padding-top: 25px !important;
padding-bottom: 25px !important;
}
@media screen and (min-width: 980px) {
.textblock-1-3 > .vc_column-inner {
padding-right: 50px !important;
}
}
.map_card .location_card_img {
height: 180px !important;
}
.map_card .location_card_info {
padding: 0px 15px 20px;
}
.map_card .favorite-button {
display: none;
opacity: 0;
}
.animate-text-type {
display: none;
}
.animate-text-rollover {
position: relative;
overflow: hidden;
display: inline-block;
}
.animate-text-rollover span {
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: auto;
opacity: 0;
transition: opacity 0.5s ease-in-out 0s, top 0.5s ease-in-out 0.5s;
}
.animate-text-rollover span.active {
position: relative !important;
opacity: 1;
top: 0px;
transition: 0.5s ease-in-out;
}
.text_propertyinfo .description-con {
white-space: break-spaces;
gap: 10px;
}
.text_propertyinfo .quick_info img {
max-height: 16px;
width: 20px;
overflow: visible;
position: absolute;
}
.text_propertyinfo .logo-con {
height: 16px;
width: 20px;
}
.text_propertyinfo .btn-icon:hover .logo-con .logo-con .logo {
display: none !important;
}
.text_propertyinfo .btn-icon:hover .logo-con .logo_dark {
display: flex;
}
.text_propertyinfo .readmore-btn {
width: fit-content;
}
.text_propertyinfo .readmore-btn .animate_underline_reversed {
background-color: var(--color-highlight);
}
.more_section_con {
display: flex;
overflow: hidden;
position: relative;
}
.more_section {
position: absolute;
width: 100%;
}
.specifications_section {
padding: 13px 0px 10px;
border-bottom: 1px solid var(--color-highlight);
}
.module_html_code iframe {
max-width: 100%;
}
.popup_gallery.active {
top: 0 !important;
left: 0 !important;
height: 100vh !important;
opacity: 1 !important;
z-index: 40 !important;
position: fixed !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
background: black !important;
margin-left: 0px !important;
margin-right: 0px !important;
display: flex !important;
align-items: center !important;
}
.popup_gallery.active .ingrid {
padding-left: 0px !important;
padding-right: 0px !important;
}
.popup_gallery.active img {
object-fit: contain !important;
}
.module_slider_type1 > .fullwidth .slider_type1 {
padding-left: 20px;
padding-right: 20px;
}
.teammember-socials .social_logo {
height: 24px;
width: 24px;
}
.downloads_property .quick_info img {
max-height: 16px;
width: 20px;
overflow: visible;
position: absolute;
}
.downloads_property .logo-con {
height: 16px;
min-width: 20px;
}
.downloads_property .btn-icon:hover .logo-con .logo-con .logo {
display: none !important;
}
.downloads_property .btn-icon:hover .logo-con .logo_dark {
display: flex;
}
.module_post_filter {
overflow: visible;
position: relative;
z-index: 2;
}
.module_post_filter .module-con-inner {
overflow: visible;
}
.module_post_filter .post_filter_containter {
padding: 20px 0px;
border-top: 1px solid var(--color-highlight);
border-bottom: 1px solid var(--color-highlight);
}
.module_post_filter .dropdown_filter_con {
background-color: var(--color-lightgrey);
border-bottom: 1px solid var(--color-grey);
}
.module_post_filter .icon_dropdown svg {
width: 10px;
}
.module_post_filter .select-circle {
min-width: 16px;
min-height: 16px;
max-height: 16px;
border-radius: 900px;
border: 1px solid var(--color-highlight);
padding: 3px;
background-color: var(--color-white);
}
.module_post_filter .select-circle-inner {
background-color: var(--color-white);
}
.module_post_filter .dropdown-content {
background-color: var(--color-white);
border: 1px solid var(--color-lightgrey);
border-top: none;
position: absolute;
width: 100%;
z-index: 2;
max-height: 350px;
top: 41px !important;
overflow-y: auto;
}
@media screen and (max-width: 789px) {
.module_post_filter .dropdown-content {
position: inherit;
top: 0px !important;
}
}
.module_post_filter .filter_option {
background-color: transparent;
border-bottom: 1px solid var(--color-lightgrey);
padding: 13px 15px;
transition: all 0.2s;
}
.module_post_filter .filter_option:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.module_post_filter .filter_option.active .select-circle-inner {
background-color: var(--color-highlight);
border-radius: 999px;
width: 100%;
height: 100%;
}
.module_post_filter .show_filters svg {
fill: var(--color-white);
}
.module_post_filter .icon-search-overlaid-con {
position: relative;
max-width: 0px;
overflow: visible;
}
.module_post_filter .icon-search-overlaid-con .icon-search-overlaid {
width: 17px;
position: absolute;
left: 15px;
}
.module_post_filter .icon-search-overlaid-con .icon-search-overlaid svg {
margin-top: 4px;
}
.module_post_filter .icon-search-overlaid-con .icon-search-overlaid svg path {
fill: var(--color-primary);
}
.module_post_filter .search_value {
height: 50px;
background-color: var(--color-white);
color: var(--color-primary);
border: 1px solid var(--color-primary);
padding-left: 40px;
}
.module_post_filter .search_value:focus {
outline: none;
}
.module_post_filter .search_value::placeholder {
color: var(--color-grey);
}
.theme_highlight .select-circle {
border: 1px solid var(--color-primary);
background-color: var(--color-white);
}
.theme_highlight .filter_option.active .select-circle-inner {
background-color: var(--color-primary);
}
.footer .footer_logo {
position: relative;
left: 0;
width: 100%;
height: var(--footer-logo-height);
max-height: var(--footer-logo-height);
}
@media screen and (max-width: 789px) {
.footer .footer_logo {
height: var(--footer-logo-height-mobile);
max-height: var(--footer-logo-height-mobile);
}
}
.footer .footer_logo img {
position: absolute;
left: 0;
max-height: 100%;
}
.footer .footer_logo .logo {
opacity: 1;
}
.footer .footer_logo .logo_dark {
opacity: 0;
}
.theme_dark .footer .footer_logo .logo {
opacity: 0;
}
.theme_dark .footer .footer_logo .logo_dark {
opacity: 1;
}
.theme_light .footer {
background-color: var(--color-primary);
}
.theme_light .footer .footer_logo .logo {
opacity: 1;
}
.theme_light .footer .footer_logo .logo_dark {
opacity: 0;
}
.theme_highlight .footer {
background-color: var(--color-highlight);
}
.theme_highlight .footer .footer_logo .logo {
opacity: 0;
}
.theme_highlight .footer .footer_logo .logo_dark {
opacity: 1;
}