@charset "UTF-8";

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@-webkit-keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

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

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

body {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    line-height: 1.57;
    background-color: var(--c-s-site-bgc);
    color: var(--c-s-site-c);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior-y: contain
}

a {
    cursor: pointer;
    color: currentColor;
    text-decoration: none
}

    a:focus, a:hover, a:visited {
        outline: 0
    }

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    display: block;
    cursor: pointer;
    width: auto;
    background-color: transparent;
    color: currentColor;
    text-decoration: none
}

    button:focus, button:hover, button:visited {
        outline: 0
    }

:focus {
    outline: 0
}

h1, h2, h3, h4, h5, h6, p {
    max-width: 100%;
    white-space: pre-line;
    text-overflow: ellipsis;
    word-break: break-word
}

input {
    font-family: inherit
}

.d-n {
    display: none !important
}

.d-i {
    display: inline !important
}

.d-ib {
    display: inline-block !important
}

.d-b {
    display: block !important
}

.d-t {
    display: table !important
}

.d-tr {
    display: table-row !important
}

.d-tc {
    display: table-cell !important
}

.d-f {
    display: flex !important
}

.d-if {
    display: inline-flex !important
}

.d-g {
    display: grid !important
}

@media (min-width:9.375em) {
    .d-n-vp1 {
        display: none !important
    }

    .d-i-vp1 {
        display: inline !important
    }

    .d-ib-vp1 {
        display: inline-block !important
    }

    .d-b-vp1 {
        display: block !important
    }

    .d-t-vp1 {
        display: table !important
    }

    .d-tr-vp1 {
        display: table-row !important
    }

    .d-tc-vp1 {
        display: table-cell !important
    }

    .d-f-vp1 {
        display: flex !important
    }

    .d-if-vp1 {
        display: inline-flex !important
    }

    .d-g-vp1 {
        display: grid !important
    }
}

@media (min-width:23.4375em) {
    .d-n-vp2 {
        display: none !important
    }

    .d-i-vp2 {
        display: inline !important
    }

    .d-ib-vp2 {
        display: inline-block !important
    }

    .d-b-vp2 {
        display: block !important
    }

    .d-t-vp2 {
        display: table !important
    }

    .d-tr-vp2 {
        display: table-row !important
    }

    .d-tc-vp2 {
        display: table-cell !important
    }

    .d-f-vp2 {
        display: flex !important
    }

    .d-if-vp2 {
        display: inline-flex !important
    }

    .d-g-vp2 {
        display: grid !important
    }
}

@media (min-width:35em) {
    .d-n-vp3 {
        display: none !important
    }

    .d-i-vp3 {
        display: inline !important
    }

    .d-ib-vp3 {
        display: inline-block !important
    }

    .d-b-vp3 {
        display: block !important
    }

    .d-t-vp3 {
        display: table !important
    }

    .d-tr-vp3 {
        display: table-row !important
    }

    .d-tc-vp3 {
        display: table-cell !important
    }

    .d-f-vp3 {
        display: flex !important
    }

    .d-if-vp3 {
        display: inline-flex !important
    }

    .d-g-vp3 {
        display: grid !important
    }
}

@media (min-width:48em) {
    .d-n-vp4 {
        display: none !important
    }

    .d-i-vp4 {
        display: inline !important
    }

    .d-ib-vp4 {
        display: inline-block !important
    }

    .d-b-vp4 {
        display: block !important
    }

    .d-t-vp4 {
        display: table !important
    }

    .d-tr-vp4 {
        display: table-row !important
    }

    .d-tc-vp4 {
        display: table-cell !important
    }

    .d-f-vp4 {
        display: flex !important
    }

    .d-if-vp4 {
        display: inline-flex !important
    }

    .d-g-vp4 {
        display: grid !important
    }
}

@media (min-width:64em) {
    .d-n-vp5 {
        display: none !important
    }

    .d-i-vp5 {
        display: inline !important
    }

    .d-ib-vp5 {
        display: inline-block !important
    }

    .d-b-vp5 {
        display: block !important
    }

    .d-t-vp5 {
        display: table !important
    }

    .d-tr-vp5 {
        display: table-row !important
    }

    .d-tc-vp5 {
        display: table-cell !important
    }

    .d-f-vp5 {
        display: flex !important
    }

    .d-if-vp5 {
        display: inline-flex !important
    }

    .d-g-vp5 {
        display: grid !important
    }
}

@media (min-width:72.5em) {
    .d-n-vp6 {
        display: none !important
    }

    .d-i-vp6 {
        display: inline !important
    }

    .d-ib-vp6 {
        display: inline-block !important
    }

    .d-b-vp6 {
        display: block !important
    }

    .d-t-vp6 {
        display: table !important
    }

    .d-tr-vp6 {
        display: table-row !important
    }

    .d-tc-vp6 {
        display: table-cell !important
    }

    .d-f-vp6 {
        display: flex !important
    }

    .d-if-vp6 {
        display: inline-flex !important
    }

    .d-g-vp6 {
        display: grid !important
    }
}

@media (min-width:87.5em) {
    .d-n-vp7 {
        display: none !important
    }

    .d-i-vp7 {
        display: inline !important
    }

    .d-ib-vp7 {
        display: inline-block !important
    }

    .d-b-vp7 {
        display: block !important
    }

    .d-t-vp7 {
        display: table !important
    }

    .d-tr-vp7 {
        display: table-row !important
    }

    .d-tc-vp7 {
        display: table-cell !important
    }

    .d-f-vp7 {
        display: flex !important
    }

    .d-if-vp7 {
        display: inline-flex !important
    }

    .d-g-vp7 {
        display: grid !important
    }
}

@media (min-width:118.75em) {
    .d-n-vp8 {
        display: none !important
    }

    .d-i-vp8 {
        display: inline !important
    }

    .d-ib-vp8 {
        display: inline-block !important
    }

    .d-b-vp8 {
        display: block !important
    }

    .d-t-vp8 {
        display: table !important
    }

    .d-tr-vp8 {
        display: table-row !important
    }

    .d-tc-vp8 {
        display: table-cell !important
    }

    .d-f-vp8 {
        display: flex !important
    }

    .d-if-vp8 {
        display: inline-flex !important
    }

    .d-g-vp8 {
        display: grid !important
    }
}

@media (min-width:150em) {
    .d-n-vp9 {
        display: none !important
    }

    .d-i-vp9 {
        display: inline !important
    }

    .d-ib-vp9 {
        display: inline-block !important
    }

    .d-b-vp9 {
        display: block !important
    }

    .d-t-vp9 {
        display: table !important
    }

    .d-tr-vp9 {
        display: table-row !important
    }

    .d-tc-vp9 {
        display: table-cell !important
    }

    .d-f-vp9 {
        display: flex !important
    }

    .d-if-vp9 {
        display: inline-flex !important
    }

    .d-g-vp9 {
        display: grid !important
    }
}

.pa0 {
    padding: calc(var(--margin-unit) * 0)
}

.pl0 {
    padding-left: calc(var(--margin-unit) * 0)
}

.pr0 {
    padding-right: calc(var(--margin-unit) * 0)
}

.pt0 {
    padding-top: calc(var(--margin-unit) * 0)
}

.pb0 {
    padding-bottom: calc(var(--margin-unit) * 0)
}

.pv0 {
    padding-top: calc(var(--margin-unit) * 0);
    padding-bottom: calc(var(--margin-unit) * 0)
}

.ph0 {
    padding-left: calc(var(--margin-unit) * 0);
    padding-right: calc(var(--margin-unit) * 0)
}

.ma0 {
    margin: calc(var(--margin-unit) * 0)
}

.ml0 {
    margin-left: calc(var(--margin-unit) * 0)
}

.mr0 {
    margin-right: calc(var(--margin-unit) * 0)
}

.mt0 {
    margin-top: calc(var(--margin-unit) * 0)
}

.mb0 {
    margin-bottom: calc(var(--margin-unit) * 0)
}

.mv0 {
    margin-top: calc(var(--margin-unit) * 0);
    margin-bottom: calc(var(--margin-unit) * 0)
}

.mh0 {
    margin-left: calc(var(--margin-unit) * 0);
    margin-right: calc(var(--margin-unit) * 0)
}

.pa1 {
    padding: calc(var(--margin-unit) * 1)
}

.pl1 {
    padding-left: calc(var(--margin-unit) * 1)
}

.pr1 {
    padding-right: calc(var(--margin-unit) * 1)
}

.pt1 {
    padding-top: calc(var(--margin-unit) * 1)
}

.pb1 {
    padding-bottom: calc(var(--margin-unit) * 1)
}

.pv1 {
    padding-top: calc(var(--margin-unit) * 1);
    padding-bottom: calc(var(--margin-unit) * 1)
}

.ph1 {
    padding-left: calc(var(--margin-unit) * 1);
    padding-right: calc(var(--margin-unit) * 1)
}

.ma1 {
    margin: calc(var(--margin-unit) * 1)
}

.ml1 {
    margin-left: calc(var(--margin-unit) * 1)
}

.mr1 {
    margin-right: calc(var(--margin-unit) * 1)
}

.mt1 {
    margin-top: calc(var(--margin-unit) * 1)
}

.mb1 {
    margin-bottom: calc(var(--margin-unit) * 1)
}

.mv1 {
    margin-top: calc(var(--margin-unit) * 1);
    margin-bottom: calc(var(--margin-unit) * 1)
}

.mh1 {
    margin-left: calc(var(--margin-unit) * 1);
    margin-right: calc(var(--margin-unit) * 1)
}

.pa2 {
    padding: calc(var(--margin-unit) * 2)
}

.pl2 {
    padding-left: calc(var(--margin-unit) * 2)
}

.pr2 {
    padding-right: calc(var(--margin-unit) * 2)
}

.pt2 {
    padding-top: calc(var(--margin-unit) * 2)
}

.pb2 {
    padding-bottom: calc(var(--margin-unit) * 2)
}

.pv2 {
    padding-top: calc(var(--margin-unit) * 2);
    padding-bottom: calc(var(--margin-unit) * 2)
}

.ph2 {
    padding-left: calc(var(--margin-unit) * 2);
    padding-right: calc(var(--margin-unit) * 2)
}

.ma2 {
    margin: calc(var(--margin-unit) * 2)
}

.ml2 {
    margin-left: calc(var(--margin-unit) * 2)
}

.mr2 {
    margin-right: calc(var(--margin-unit) * 2)
}

.mt2 {
    margin-top: calc(var(--margin-unit) * 2)
}

.mb2 {
    margin-bottom: calc(var(--margin-unit) * 2)
}

.mv2 {
    margin-top: calc(var(--margin-unit) * 2);
    margin-bottom: calc(var(--margin-unit) * 2)
}

.mh2 {
    margin-left: calc(var(--margin-unit) * 2);
    margin-right: calc(var(--margin-unit) * 2)
}

.pa3 {
    padding: calc(var(--margin-unit) * 3)
}

.pl3 {
    padding-left: calc(var(--margin-unit) * 3)
}

.pr3 {
    padding-right: calc(var(--margin-unit) * 3)
}

.pt3 {
    padding-top: calc(var(--margin-unit) * 3)
}

.pb3 {
    padding-bottom: calc(var(--margin-unit) * 3)
}

.pv3 {
    padding-top: calc(var(--margin-unit) * 3);
    padding-bottom: calc(var(--margin-unit) * 3)
}

.ph3 {
    padding-left: calc(var(--margin-unit) * 3);
    padding-right: calc(var(--margin-unit) * 3)
}

.ma3 {
    margin: calc(var(--margin-unit) * 3)
}

.ml3 {
    margin-left: calc(var(--margin-unit) * 3)
}

.mr3 {
    margin-right: calc(var(--margin-unit) * 3)
}

.mt3 {
    margin-top: calc(var(--margin-unit) * 3)
}

.mb3 {
    margin-bottom: calc(var(--margin-unit) * 3)
}

.mv3 {
    margin-top: calc(var(--margin-unit) * 3);
    margin-bottom: calc(var(--margin-unit) * 3)
}

.mh3 {
    margin-left: calc(var(--margin-unit) * 3);
    margin-right: calc(var(--margin-unit) * 3)
}

.pa4 {
    padding: calc(var(--margin-unit) * 4)
}

.pl4 {
    padding-left: calc(var(--margin-unit) * 4)
}

.pr4 {
    padding-right: calc(var(--margin-unit) * 4)
}

.pt4 {
    padding-top: calc(var(--margin-unit) * 4)
}

.pb4 {
    padding-bottom: calc(var(--margin-unit) * 4)
}

.pv4 {
    padding-top: calc(var(--margin-unit) * 4);
    padding-bottom: calc(var(--margin-unit) * 4)
}

.ph4 {
    padding-left: calc(var(--margin-unit) * 4);
    padding-right: calc(var(--margin-unit) * 4)
}

.ma4 {
    margin: calc(var(--margin-unit) * 4)
}

.ml4 {
    margin-left: calc(var(--margin-unit) * 4)
}

.mr4 {
    margin-right: calc(var(--margin-unit) * 4)
}

.mt4 {
    margin-top: calc(var(--margin-unit) * 4)
}

.mb4 {
    margin-bottom: calc(var(--margin-unit) * 4)
}

.mv4 {
    margin-top: calc(var(--margin-unit) * 4);
    margin-bottom: calc(var(--margin-unit) * 4)
}

.mh4 {
    margin-left: calc(var(--margin-unit) * 4);
    margin-right: calc(var(--margin-unit) * 4)
}

.pa5 {
    padding: calc(var(--margin-unit) * 5)
}

.pl5 {
    padding-left: calc(var(--margin-unit) * 5)
}

.pr5 {
    padding-right: calc(var(--margin-unit) * 5)
}

.pt5 {
    padding-top: calc(var(--margin-unit) * 5)
}

.pb5 {
    padding-bottom: calc(var(--margin-unit) * 5)
}

.pv5 {
    padding-top: calc(var(--margin-unit) * 5);
    padding-bottom: calc(var(--margin-unit) * 5)
}

.ph5 {
    padding-left: calc(var(--margin-unit) * 5);
    padding-right: calc(var(--margin-unit) * 5)
}

.ma5 {
    margin: calc(var(--margin-unit) * 5)
}

.ml5 {
    margin-left: calc(var(--margin-unit) * 5)
}

.mr5 {
    margin-right: calc(var(--margin-unit) * 5)
}

.mt5 {
    margin-top: calc(var(--margin-unit) * 5)
}

.mb5 {
    margin-bottom: calc(var(--margin-unit) * 5)
}

.mv5 {
    margin-top: calc(var(--margin-unit) * 5);
    margin-bottom: calc(var(--margin-unit) * 5)
}

.mh5 {
    margin-left: calc(var(--margin-unit) * 5);
    margin-right: calc(var(--margin-unit) * 5)
}

.pa6 {
    padding: calc(var(--margin-unit) * 6)
}

.pl6 {
    padding-left: calc(var(--margin-unit) * 6)
}

.pr6 {
    padding-right: calc(var(--margin-unit) * 6)
}

.pt6 {
    padding-top: calc(var(--margin-unit) * 6)
}

.pb6 {
    padding-bottom: calc(var(--margin-unit) * 6)
}

.pv6 {
    padding-top: calc(var(--margin-unit) * 6);
    padding-bottom: calc(var(--margin-unit) * 6)
}

.ph6 {
    padding-left: calc(var(--margin-unit) * 6);
    padding-right: calc(var(--margin-unit) * 6)
}

.ma6 {
    margin: calc(var(--margin-unit) * 6)
}

.ml6 {
    margin-left: calc(var(--margin-unit) * 6)
}

.mr6 {
    margin-right: calc(var(--margin-unit) * 6)
}

.mt6 {
    margin-top: calc(var(--margin-unit) * 6)
}

.mb6 {
    margin-bottom: calc(var(--margin-unit) * 6)
}

.mv6 {
    margin-top: calc(var(--margin-unit) * 6);
    margin-bottom: calc(var(--margin-unit) * 6)
}

.mh6 {
    margin-left: calc(var(--margin-unit) * 6);
    margin-right: calc(var(--margin-unit) * 6)
}

.pa7 {
    padding: calc(var(--margin-unit) * 7)
}

.pl7 {
    padding-left: calc(var(--margin-unit) * 7)
}

.pr7 {
    padding-right: calc(var(--margin-unit) * 7)
}

.pt7 {
    padding-top: calc(var(--margin-unit) * 7)
}

.pb7 {
    padding-bottom: calc(var(--margin-unit) * 7)
}

.pv7 {
    padding-top: calc(var(--margin-unit) * 7);
    padding-bottom: calc(var(--margin-unit) * 7)
}

.ph7 {
    padding-left: calc(var(--margin-unit) * 7);
    padding-right: calc(var(--margin-unit) * 7)
}

.ma7 {
    margin: calc(var(--margin-unit) * 7)
}

.ml7 {
    margin-left: calc(var(--margin-unit) * 7)
}

.mr7 {
    margin-right: calc(var(--margin-unit) * 7)
}

.mt7 {
    margin-top: calc(var(--margin-unit) * 7)
}

.mb7 {
    margin-bottom: calc(var(--margin-unit) * 7)
}

.mv7 {
    margin-top: calc(var(--margin-unit) * 7);
    margin-bottom: calc(var(--margin-unit) * 7)
}

.mh7 {
    margin-left: calc(var(--margin-unit) * 7);
    margin-right: calc(var(--margin-unit) * 7)
}

.pa8 {
    padding: calc(var(--margin-unit) * 8)
}

.pl8 {
    padding-left: calc(var(--margin-unit) * 8)
}

.pr8 {
    padding-right: calc(var(--margin-unit) * 8)
}

.pt8 {
    padding-top: calc(var(--margin-unit) * 8)
}

.pb8 {
    padding-bottom: calc(var(--margin-unit) * 8)
}

.pv8 {
    padding-top: calc(var(--margin-unit) * 8);
    padding-bottom: calc(var(--margin-unit) * 8)
}

.ph8 {
    padding-left: calc(var(--margin-unit) * 8);
    padding-right: calc(var(--margin-unit) * 8)
}

.ma8 {
    margin: calc(var(--margin-unit) * 8)
}

.ml8 {
    margin-left: calc(var(--margin-unit) * 8)
}

.mr8 {
    margin-right: calc(var(--margin-unit) * 8)
}

.mt8 {
    margin-top: calc(var(--margin-unit) * 8)
}

.mb8 {
    margin-bottom: calc(var(--margin-unit) * 8)
}

.mv8 {
    margin-top: calc(var(--margin-unit) * 8);
    margin-bottom: calc(var(--margin-unit) * 8)
}

.mh8 {
    margin-left: calc(var(--margin-unit) * 8);
    margin-right: calc(var(--margin-unit) * 8)
}

.pa9 {
    padding: calc(var(--margin-unit) * 9)
}

.pl9 {
    padding-left: calc(var(--margin-unit) * 9)
}

.pr9 {
    padding-right: calc(var(--margin-unit) * 9)
}

.pt9 {
    padding-top: calc(var(--margin-unit) * 9)
}

.pb9 {
    padding-bottom: calc(var(--margin-unit) * 9)
}

.pv9 {
    padding-top: calc(var(--margin-unit) * 9);
    padding-bottom: calc(var(--margin-unit) * 9)
}

.ph9 {
    padding-left: calc(var(--margin-unit) * 9);
    padding-right: calc(var(--margin-unit) * 9)
}

.ma9 {
    margin: calc(var(--margin-unit) * 9)
}

.ml9 {
    margin-left: calc(var(--margin-unit) * 9)
}

.mr9 {
    margin-right: calc(var(--margin-unit) * 9)
}

.mt9 {
    margin-top: calc(var(--margin-unit) * 9)
}

.mb9 {
    margin-bottom: calc(var(--margin-unit) * 9)
}

.mv9 {
    margin-top: calc(var(--margin-unit) * 9);
    margin-bottom: calc(var(--margin-unit) * 9)
}

.mh9 {
    margin-left: calc(var(--margin-unit) * 9);
    margin-right: calc(var(--margin-unit) * 9)
}

.pa10 {
    padding: calc(var(--margin-unit) * 10)
}

.pl10 {
    padding-left: calc(var(--margin-unit) * 10)
}

.pr10 {
    padding-right: calc(var(--margin-unit) * 10)
}

.pt10 {
    padding-top: calc(var(--margin-unit) * 10)
}

.pb10 {
    padding-bottom: calc(var(--margin-unit) * 10)
}

.pv10 {
    padding-top: calc(var(--margin-unit) * 10);
    padding-bottom: calc(var(--margin-unit) * 10)
}

.ph10 {
    padding-left: calc(var(--margin-unit) * 10);
    padding-right: calc(var(--margin-unit) * 10)
}

.ma10 {
    margin: calc(var(--margin-unit) * 10)
}

.ml10 {
    margin-left: calc(var(--margin-unit) * 10)
}

.mr10 {
    margin-right: calc(var(--margin-unit) * 10)
}

.mt10 {
    margin-top: calc(var(--margin-unit) * 10)
}

.mb10 {
    margin-bottom: calc(var(--margin-unit) * 10)
}

.mv10 {
    margin-top: calc(var(--margin-unit) * 10);
    margin-bottom: calc(var(--margin-unit) * 10)
}

.mh10 {
    margin-left: calc(var(--margin-unit) * 10);
    margin-right: calc(var(--margin-unit) * 10)
}

@media (min-width:9.375em) {
    .pa0-vp1 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp1 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp1 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp1 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp1 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp1 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp1 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp1 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp1 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp1 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp1 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp1 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp1 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp1 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:9.375em) {
    .pa1-vp1 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp1 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp1 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp1 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp1 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp1 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp1 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp1 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp1 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp1 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp1 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp1 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp1 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp1 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:9.375em) {
    .pa2-vp1 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp1 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp1 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp1 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp1 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp1 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp1 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp1 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp1 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp1 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp1 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp1 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp1 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp1 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:9.375em) {
    .pa3-vp1 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp1 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp1 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp1 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp1 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp1 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp1 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp1 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp1 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp1 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp1 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp1 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp1 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp1 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:9.375em) {
    .pa4-vp1 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp1 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp1 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp1 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp1 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp1 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp1 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp1 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp1 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp1 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp1 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp1 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp1 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp1 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:9.375em) {
    .pa5-vp1 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp1 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp1 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp1 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp1 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp1 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp1 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp1 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp1 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp1 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp1 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp1 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp1 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp1 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:9.375em) {
    .pa6-vp1 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp1 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp1 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp1 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp1 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp1 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp1 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp1 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp1 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp1 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp1 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp1 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp1 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp1 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:9.375em) {
    .pa7-vp1 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp1 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp1 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp1 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp1 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp1 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp1 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp1 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp1 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp1 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp1 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp1 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp1 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp1 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:9.375em) {
    .pa8-vp1 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp1 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp1 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp1 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp1 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp1 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp1 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp1 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp1 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp1 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp1 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp1 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp1 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp1 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:9.375em) {
    .pa9-vp1 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp1 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp1 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp1 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp1 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp1 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp1 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp1 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp1 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp1 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp1 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp1 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp1 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp1 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:9.375em) {
    .pa10-vp1 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp1 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp1 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp1 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp1 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp1 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp1 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp1 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp1 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp1 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp1 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp1 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp1 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp1 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:23.4375em) {
    .pa0-vp2 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp2 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp2 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp2 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp2 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp2 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp2 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp2 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp2 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp2 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp2 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp2 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp2 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp2 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:23.4375em) {
    .pa1-vp2 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp2 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp2 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp2 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp2 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp2 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp2 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp2 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp2 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp2 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp2 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp2 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp2 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp2 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:23.4375em) {
    .pa2-vp2 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp2 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp2 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp2 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp2 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp2 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp2 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp2 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp2 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp2 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp2 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp2 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp2 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp2 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:23.4375em) {
    .pa3-vp2 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp2 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp2 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp2 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp2 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp2 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp2 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp2 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp2 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp2 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp2 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp2 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp2 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp2 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:23.4375em) {
    .pa4-vp2 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp2 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp2 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp2 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp2 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp2 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp2 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp2 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp2 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp2 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp2 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp2 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp2 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp2 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:23.4375em) {
    .pa5-vp2 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp2 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp2 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp2 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp2 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp2 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp2 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp2 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp2 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp2 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp2 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp2 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp2 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp2 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:23.4375em) {
    .pa6-vp2 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp2 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp2 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp2 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp2 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp2 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp2 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp2 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp2 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp2 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp2 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp2 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp2 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp2 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:23.4375em) {
    .pa7-vp2 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp2 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp2 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp2 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp2 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp2 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp2 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp2 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp2 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp2 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp2 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp2 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp2 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp2 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:23.4375em) {
    .pa8-vp2 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp2 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp2 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp2 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp2 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp2 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp2 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp2 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp2 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp2 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp2 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp2 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp2 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp2 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:23.4375em) {
    .pa9-vp2 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp2 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp2 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp2 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp2 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp2 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp2 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp2 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp2 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp2 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp2 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp2 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp2 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp2 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:23.4375em) {
    .pa10-vp2 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp2 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp2 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp2 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp2 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp2 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp2 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp2 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp2 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp2 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp2 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp2 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp2 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp2 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:35em) {
    .pa0-vp3 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp3 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp3 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp3 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp3 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp3 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp3 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp3 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp3 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp3 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp3 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp3 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp3 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp3 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:35em) {
    .pa1-vp3 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp3 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp3 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp3 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp3 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp3 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp3 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp3 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp3 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp3 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp3 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp3 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp3 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp3 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:35em) {
    .pa2-vp3 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp3 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp3 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp3 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp3 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp3 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp3 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp3 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp3 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp3 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp3 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp3 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp3 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp3 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:35em) {
    .pa3-vp3 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp3 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp3 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp3 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp3 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp3 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp3 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp3 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp3 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp3 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp3 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp3 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp3 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp3 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:35em) {
    .pa4-vp3 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp3 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp3 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp3 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp3 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp3 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp3 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp3 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp3 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp3 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp3 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp3 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp3 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp3 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:35em) {
    .pa5-vp3 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp3 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp3 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp3 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp3 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp3 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp3 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp3 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp3 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp3 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp3 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp3 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp3 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp3 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:35em) {
    .pa6-vp3 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp3 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp3 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp3 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp3 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp3 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp3 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp3 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp3 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp3 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp3 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp3 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp3 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp3 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:35em) {
    .pa7-vp3 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp3 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp3 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp3 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp3 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp3 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp3 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp3 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp3 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp3 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp3 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp3 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp3 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp3 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:35em) {
    .pa8-vp3 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp3 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp3 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp3 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp3 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp3 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp3 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp3 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp3 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp3 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp3 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp3 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp3 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp3 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:35em) {
    .pa9-vp3 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp3 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp3 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp3 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp3 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp3 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp3 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp3 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp3 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp3 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp3 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp3 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp3 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp3 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:35em) {
    .pa10-vp3 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp3 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp3 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp3 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp3 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp3 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp3 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp3 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp3 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp3 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp3 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp3 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp3 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp3 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:48em) {
    .pa0-vp4 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp4 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp4 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp4 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp4 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp4 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp4 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp4 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp4 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp4 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp4 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp4 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp4 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp4 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:48em) {
    .pa1-vp4 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp4 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp4 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp4 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp4 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp4 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp4 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp4 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp4 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp4 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp4 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp4 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp4 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp4 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:48em) {
    .pa2-vp4 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp4 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp4 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp4 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp4 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp4 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp4 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp4 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp4 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp4 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp4 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp4 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp4 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp4 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:48em) {
    .pa3-vp4 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp4 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp4 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp4 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp4 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp4 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp4 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp4 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp4 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp4 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp4 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp4 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp4 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp4 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:48em) {
    .pa4-vp4 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp4 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp4 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp4 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp4 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp4 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp4 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp4 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp4 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp4 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp4 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp4 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp4 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp4 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:48em) {
    .pa5-vp4 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp4 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp4 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp4 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp4 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp4 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp4 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp4 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp4 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp4 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp4 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp4 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp4 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp4 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:48em) {
    .pa6-vp4 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp4 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp4 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp4 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp4 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp4 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp4 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp4 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp4 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp4 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp4 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp4 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp4 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp4 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:48em) {
    .pa7-vp4 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp4 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp4 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp4 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp4 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp4 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp4 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp4 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp4 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp4 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp4 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp4 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp4 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp4 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:48em) {
    .pa8-vp4 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp4 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp4 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp4 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp4 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp4 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp4 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp4 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp4 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp4 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp4 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp4 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp4 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp4 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:48em) {
    .pa9-vp4 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp4 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp4 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp4 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp4 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp4 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp4 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp4 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp4 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp4 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp4 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp4 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp4 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp4 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:48em) {
    .pa10-vp4 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp4 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp4 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp4 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp4 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp4 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp4 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp4 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp4 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp4 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp4 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp4 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp4 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp4 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:64em) {
    .pa0-vp5 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp5 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp5 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp5 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp5 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp5 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp5 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp5 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp5 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp5 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp5 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp5 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp5 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp5 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:64em) {
    .pa1-vp5 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp5 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp5 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp5 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp5 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp5 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp5 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp5 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp5 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp5 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp5 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp5 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp5 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp5 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:64em) {
    .pa2-vp5 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp5 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp5 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp5 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp5 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp5 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp5 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp5 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp5 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp5 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp5 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp5 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp5 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp5 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:64em) {
    .pa3-vp5 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp5 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp5 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp5 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp5 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp5 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp5 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp5 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp5 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp5 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp5 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp5 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp5 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp5 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:64em) {
    .pa4-vp5 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp5 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp5 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp5 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp5 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp5 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp5 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp5 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp5 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp5 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp5 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp5 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp5 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp5 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:64em) {
    .pa5-vp5 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp5 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp5 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp5 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp5 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp5 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp5 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp5 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp5 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp5 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp5 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp5 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp5 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp5 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:64em) {
    .pa6-vp5 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp5 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp5 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp5 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp5 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp5 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp5 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp5 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp5 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp5 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp5 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp5 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp5 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp5 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:64em) {
    .pa7-vp5 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp5 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp5 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp5 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp5 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp5 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp5 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp5 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp5 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp5 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp5 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp5 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp5 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp5 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:64em) {
    .pa8-vp5 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp5 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp5 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp5 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp5 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp5 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp5 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp5 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp5 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp5 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp5 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp5 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp5 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp5 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:64em) {
    .pa9-vp5 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp5 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp5 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp5 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp5 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp5 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp5 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp5 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp5 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp5 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp5 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp5 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp5 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp5 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:64em) {
    .pa10-vp5 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp5 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp5 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp5 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp5 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp5 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp5 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp5 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp5 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp5 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp5 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp5 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp5 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp5 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:72.5em) {
    .pa0-vp6 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp6 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp6 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp6 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp6 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp6 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp6 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp6 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp6 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp6 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp6 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp6 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp6 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp6 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:72.5em) {
    .pa1-vp6 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp6 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp6 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp6 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp6 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp6 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp6 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp6 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp6 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp6 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp6 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp6 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp6 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp6 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:72.5em) {
    .pa2-vp6 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp6 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp6 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp6 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp6 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp6 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp6 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp6 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp6 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp6 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp6 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp6 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp6 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp6 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:72.5em) {
    .pa3-vp6 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp6 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp6 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp6 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp6 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp6 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp6 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp6 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp6 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp6 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp6 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp6 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp6 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp6 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:72.5em) {
    .pa4-vp6 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp6 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp6 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp6 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp6 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp6 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp6 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp6 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp6 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp6 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp6 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp6 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp6 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp6 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:72.5em) {
    .pa5-vp6 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp6 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp6 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp6 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp6 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp6 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp6 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp6 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp6 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp6 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp6 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp6 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp6 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp6 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:72.5em) {
    .pa6-vp6 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp6 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp6 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp6 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp6 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp6 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp6 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp6 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp6 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp6 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp6 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp6 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp6 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp6 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:72.5em) {
    .pa7-vp6 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp6 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp6 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp6 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp6 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp6 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp6 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp6 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp6 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp6 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp6 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp6 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp6 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp6 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:72.5em) {
    .pa8-vp6 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp6 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp6 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp6 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp6 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp6 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp6 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp6 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp6 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp6 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp6 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp6 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp6 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp6 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:72.5em) {
    .pa9-vp6 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp6 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp6 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp6 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp6 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp6 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp6 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp6 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp6 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp6 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp6 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp6 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp6 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp6 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:72.5em) {
    .pa10-vp6 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp6 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp6 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp6 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp6 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp6 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp6 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp6 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp6 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp6 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp6 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp6 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp6 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp6 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:87.5em) {
    .pa0-vp7 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp7 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp7 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp7 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp7 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp7 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp7 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp7 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp7 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp7 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp7 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp7 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp7 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp7 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:87.5em) {
    .pa1-vp7 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp7 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp7 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp7 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp7 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp7 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp7 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp7 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp7 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp7 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp7 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp7 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp7 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp7 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:87.5em) {
    .pa2-vp7 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp7 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp7 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp7 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp7 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp7 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp7 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp7 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp7 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp7 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp7 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp7 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp7 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp7 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:87.5em) {
    .pa3-vp7 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp7 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp7 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp7 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp7 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp7 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp7 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp7 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp7 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp7 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp7 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp7 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp7 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp7 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:87.5em) {
    .pa4-vp7 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp7 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp7 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp7 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp7 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp7 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp7 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp7 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp7 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp7 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp7 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp7 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp7 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp7 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:87.5em) {
    .pa5-vp7 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp7 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp7 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp7 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp7 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp7 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp7 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp7 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp7 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp7 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp7 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp7 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp7 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp7 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:87.5em) {
    .pa6-vp7 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp7 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp7 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp7 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp7 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp7 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp7 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp7 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp7 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp7 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp7 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp7 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp7 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp7 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:87.5em) {
    .pa7-vp7 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp7 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp7 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp7 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp7 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp7 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp7 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp7 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp7 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp7 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp7 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp7 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp7 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp7 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:87.5em) {
    .pa8-vp7 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp7 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp7 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp7 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp7 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp7 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp7 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp7 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp7 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp7 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp7 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp7 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp7 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp7 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:87.5em) {
    .pa9-vp7 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp7 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp7 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp7 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp7 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp7 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp7 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp7 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp7 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp7 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp7 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp7 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp7 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp7 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:87.5em) {
    .pa10-vp7 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp7 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp7 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp7 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp7 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp7 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp7 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp7 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp7 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp7 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp7 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp7 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp7 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp7 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:118.75em) {
    .pa0-vp8 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp8 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp8 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp8 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp8 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp8 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp8 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp8 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp8 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp8 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp8 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp8 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp8 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp8 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:118.75em) {
    .pa1-vp8 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp8 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp8 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp8 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp8 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp8 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp8 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp8 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp8 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp8 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp8 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp8 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp8 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp8 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:118.75em) {
    .pa2-vp8 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp8 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp8 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp8 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp8 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp8 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp8 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp8 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp8 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp8 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp8 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp8 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp8 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp8 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:118.75em) {
    .pa3-vp8 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp8 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp8 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp8 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp8 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp8 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp8 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp8 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp8 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp8 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp8 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp8 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp8 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp8 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:118.75em) {
    .pa4-vp8 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp8 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp8 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp8 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp8 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp8 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp8 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp8 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp8 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp8 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp8 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp8 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp8 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp8 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:118.75em) {
    .pa5-vp8 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp8 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp8 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp8 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp8 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp8 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp8 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp8 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp8 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp8 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp8 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp8 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp8 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp8 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:118.75em) {
    .pa6-vp8 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp8 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp8 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp8 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp8 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp8 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp8 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp8 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp8 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp8 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp8 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp8 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp8 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp8 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:118.75em) {
    .pa7-vp8 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp8 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp8 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp8 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp8 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp8 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp8 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp8 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp8 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp8 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp8 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp8 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp8 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp8 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:118.75em) {
    .pa8-vp8 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp8 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp8 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp8 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp8 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp8 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp8 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp8 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp8 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp8 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp8 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp8 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp8 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp8 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:118.75em) {
    .pa9-vp8 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp8 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp8 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp8 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp8 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp8 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp8 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp8 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp8 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp8 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp8 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp8 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp8 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp8 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:118.75em) {
    .pa10-vp8 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp8 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp8 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp8 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp8 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp8 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp8 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp8 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp8 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp8 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp8 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp8 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp8 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp8 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

@media (min-width:150em) {
    .pa0-vp9 {
        padding: calc(var(--margin-unit) * 0)
    }

    .pl0-vp9 {
        padding-left: calc(var(--margin-unit) * 0)
    }

    .pr0-vp9 {
        padding-right: calc(var(--margin-unit) * 0)
    }

    .pt0-vp9 {
        padding-top: calc(var(--margin-unit) * 0)
    }

    .pb0-vp9 {
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .pv0-vp9 {
        padding-top: calc(var(--margin-unit) * 0);
        padding-bottom: calc(var(--margin-unit) * 0)
    }

    .ph0-vp9 {
        padding-left: calc(var(--margin-unit) * 0);
        padding-right: calc(var(--margin-unit) * 0)
    }

    .ma0-vp9 {
        margin: calc(var(--margin-unit) * 0)
    }

    .ml0-vp9 {
        margin-left: calc(var(--margin-unit) * 0)
    }

    .mr0-vp9 {
        margin-right: calc(var(--margin-unit) * 0)
    }

    .mt0-vp9 {
        margin-top: calc(var(--margin-unit) * 0)
    }

    .mb0-vp9 {
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mv0-vp9 {
        margin-top: calc(var(--margin-unit) * 0);
        margin-bottom: calc(var(--margin-unit) * 0)
    }

    .mh0-vp9 {
        margin-left: calc(var(--margin-unit) * 0);
        margin-right: calc(var(--margin-unit) * 0)
    }
}

@media (min-width:150em) {
    .pa1-vp9 {
        padding: calc(var(--margin-unit) * 1)
    }

    .pl1-vp9 {
        padding-left: calc(var(--margin-unit) * 1)
    }

    .pr1-vp9 {
        padding-right: calc(var(--margin-unit) * 1)
    }

    .pt1-vp9 {
        padding-top: calc(var(--margin-unit) * 1)
    }

    .pb1-vp9 {
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .pv1-vp9 {
        padding-top: calc(var(--margin-unit) * 1);
        padding-bottom: calc(var(--margin-unit) * 1)
    }

    .ph1-vp9 {
        padding-left: calc(var(--margin-unit) * 1);
        padding-right: calc(var(--margin-unit) * 1)
    }

    .ma1-vp9 {
        margin: calc(var(--margin-unit) * 1)
    }

    .ml1-vp9 {
        margin-left: calc(var(--margin-unit) * 1)
    }

    .mr1-vp9 {
        margin-right: calc(var(--margin-unit) * 1)
    }

    .mt1-vp9 {
        margin-top: calc(var(--margin-unit) * 1)
    }

    .mb1-vp9 {
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mv1-vp9 {
        margin-top: calc(var(--margin-unit) * 1);
        margin-bottom: calc(var(--margin-unit) * 1)
    }

    .mh1-vp9 {
        margin-left: calc(var(--margin-unit) * 1);
        margin-right: calc(var(--margin-unit) * 1)
    }
}

@media (min-width:150em) {
    .pa2-vp9 {
        padding: calc(var(--margin-unit) * 2)
    }

    .pl2-vp9 {
        padding-left: calc(var(--margin-unit) * 2)
    }

    .pr2-vp9 {
        padding-right: calc(var(--margin-unit) * 2)
    }

    .pt2-vp9 {
        padding-top: calc(var(--margin-unit) * 2)
    }

    .pb2-vp9 {
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .pv2-vp9 {
        padding-top: calc(var(--margin-unit) * 2);
        padding-bottom: calc(var(--margin-unit) * 2)
    }

    .ph2-vp9 {
        padding-left: calc(var(--margin-unit) * 2);
        padding-right: calc(var(--margin-unit) * 2)
    }

    .ma2-vp9 {
        margin: calc(var(--margin-unit) * 2)
    }

    .ml2-vp9 {
        margin-left: calc(var(--margin-unit) * 2)
    }

    .mr2-vp9 {
        margin-right: calc(var(--margin-unit) * 2)
    }

    .mt2-vp9 {
        margin-top: calc(var(--margin-unit) * 2)
    }

    .mb2-vp9 {
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mv2-vp9 {
        margin-top: calc(var(--margin-unit) * 2);
        margin-bottom: calc(var(--margin-unit) * 2)
    }

    .mh2-vp9 {
        margin-left: calc(var(--margin-unit) * 2);
        margin-right: calc(var(--margin-unit) * 2)
    }
}

@media (min-width:150em) {
    .pa3-vp9 {
        padding: calc(var(--margin-unit) * 3)
    }

    .pl3-vp9 {
        padding-left: calc(var(--margin-unit) * 3)
    }

    .pr3-vp9 {
        padding-right: calc(var(--margin-unit) * 3)
    }

    .pt3-vp9 {
        padding-top: calc(var(--margin-unit) * 3)
    }

    .pb3-vp9 {
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .pv3-vp9 {
        padding-top: calc(var(--margin-unit) * 3);
        padding-bottom: calc(var(--margin-unit) * 3)
    }

    .ph3-vp9 {
        padding-left: calc(var(--margin-unit) * 3);
        padding-right: calc(var(--margin-unit) * 3)
    }

    .ma3-vp9 {
        margin: calc(var(--margin-unit) * 3)
    }

    .ml3-vp9 {
        margin-left: calc(var(--margin-unit) * 3)
    }

    .mr3-vp9 {
        margin-right: calc(var(--margin-unit) * 3)
    }

    .mt3-vp9 {
        margin-top: calc(var(--margin-unit) * 3)
    }

    .mb3-vp9 {
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mv3-vp9 {
        margin-top: calc(var(--margin-unit) * 3);
        margin-bottom: calc(var(--margin-unit) * 3)
    }

    .mh3-vp9 {
        margin-left: calc(var(--margin-unit) * 3);
        margin-right: calc(var(--margin-unit) * 3)
    }
}

@media (min-width:150em) {
    .pa4-vp9 {
        padding: calc(var(--margin-unit) * 4)
    }

    .pl4-vp9 {
        padding-left: calc(var(--margin-unit) * 4)
    }

    .pr4-vp9 {
        padding-right: calc(var(--margin-unit) * 4)
    }

    .pt4-vp9 {
        padding-top: calc(var(--margin-unit) * 4)
    }

    .pb4-vp9 {
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .pv4-vp9 {
        padding-top: calc(var(--margin-unit) * 4);
        padding-bottom: calc(var(--margin-unit) * 4)
    }

    .ph4-vp9 {
        padding-left: calc(var(--margin-unit) * 4);
        padding-right: calc(var(--margin-unit) * 4)
    }

    .ma4-vp9 {
        margin: calc(var(--margin-unit) * 4)
    }

    .ml4-vp9 {
        margin-left: calc(var(--margin-unit) * 4)
    }

    .mr4-vp9 {
        margin-right: calc(var(--margin-unit) * 4)
    }

    .mt4-vp9 {
        margin-top: calc(var(--margin-unit) * 4)
    }

    .mb4-vp9 {
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mv4-vp9 {
        margin-top: calc(var(--margin-unit) * 4);
        margin-bottom: calc(var(--margin-unit) * 4)
    }

    .mh4-vp9 {
        margin-left: calc(var(--margin-unit) * 4);
        margin-right: calc(var(--margin-unit) * 4)
    }
}

@media (min-width:150em) {
    .pa5-vp9 {
        padding: calc(var(--margin-unit) * 5)
    }

    .pl5-vp9 {
        padding-left: calc(var(--margin-unit) * 5)
    }

    .pr5-vp9 {
        padding-right: calc(var(--margin-unit) * 5)
    }

    .pt5-vp9 {
        padding-top: calc(var(--margin-unit) * 5)
    }

    .pb5-vp9 {
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .pv5-vp9 {
        padding-top: calc(var(--margin-unit) * 5);
        padding-bottom: calc(var(--margin-unit) * 5)
    }

    .ph5-vp9 {
        padding-left: calc(var(--margin-unit) * 5);
        padding-right: calc(var(--margin-unit) * 5)
    }

    .ma5-vp9 {
        margin: calc(var(--margin-unit) * 5)
    }

    .ml5-vp9 {
        margin-left: calc(var(--margin-unit) * 5)
    }

    .mr5-vp9 {
        margin-right: calc(var(--margin-unit) * 5)
    }

    .mt5-vp9 {
        margin-top: calc(var(--margin-unit) * 5)
    }

    .mb5-vp9 {
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mv5-vp9 {
        margin-top: calc(var(--margin-unit) * 5);
        margin-bottom: calc(var(--margin-unit) * 5)
    }

    .mh5-vp9 {
        margin-left: calc(var(--margin-unit) * 5);
        margin-right: calc(var(--margin-unit) * 5)
    }
}

@media (min-width:150em) {
    .pa6-vp9 {
        padding: calc(var(--margin-unit) * 6)
    }

    .pl6-vp9 {
        padding-left: calc(var(--margin-unit) * 6)
    }

    .pr6-vp9 {
        padding-right: calc(var(--margin-unit) * 6)
    }

    .pt6-vp9 {
        padding-top: calc(var(--margin-unit) * 6)
    }

    .pb6-vp9 {
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .pv6-vp9 {
        padding-top: calc(var(--margin-unit) * 6);
        padding-bottom: calc(var(--margin-unit) * 6)
    }

    .ph6-vp9 {
        padding-left: calc(var(--margin-unit) * 6);
        padding-right: calc(var(--margin-unit) * 6)
    }

    .ma6-vp9 {
        margin: calc(var(--margin-unit) * 6)
    }

    .ml6-vp9 {
        margin-left: calc(var(--margin-unit) * 6)
    }

    .mr6-vp9 {
        margin-right: calc(var(--margin-unit) * 6)
    }

    .mt6-vp9 {
        margin-top: calc(var(--margin-unit) * 6)
    }

    .mb6-vp9 {
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mv6-vp9 {
        margin-top: calc(var(--margin-unit) * 6);
        margin-bottom: calc(var(--margin-unit) * 6)
    }

    .mh6-vp9 {
        margin-left: calc(var(--margin-unit) * 6);
        margin-right: calc(var(--margin-unit) * 6)
    }
}

@media (min-width:150em) {
    .pa7-vp9 {
        padding: calc(var(--margin-unit) * 7)
    }

    .pl7-vp9 {
        padding-left: calc(var(--margin-unit) * 7)
    }

    .pr7-vp9 {
        padding-right: calc(var(--margin-unit) * 7)
    }

    .pt7-vp9 {
        padding-top: calc(var(--margin-unit) * 7)
    }

    .pb7-vp9 {
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .pv7-vp9 {
        padding-top: calc(var(--margin-unit) * 7);
        padding-bottom: calc(var(--margin-unit) * 7)
    }

    .ph7-vp9 {
        padding-left: calc(var(--margin-unit) * 7);
        padding-right: calc(var(--margin-unit) * 7)
    }

    .ma7-vp9 {
        margin: calc(var(--margin-unit) * 7)
    }

    .ml7-vp9 {
        margin-left: calc(var(--margin-unit) * 7)
    }

    .mr7-vp9 {
        margin-right: calc(var(--margin-unit) * 7)
    }

    .mt7-vp9 {
        margin-top: calc(var(--margin-unit) * 7)
    }

    .mb7-vp9 {
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mv7-vp9 {
        margin-top: calc(var(--margin-unit) * 7);
        margin-bottom: calc(var(--margin-unit) * 7)
    }

    .mh7-vp9 {
        margin-left: calc(var(--margin-unit) * 7);
        margin-right: calc(var(--margin-unit) * 7)
    }
}

@media (min-width:150em) {
    .pa8-vp9 {
        padding: calc(var(--margin-unit) * 8)
    }

    .pl8-vp9 {
        padding-left: calc(var(--margin-unit) * 8)
    }

    .pr8-vp9 {
        padding-right: calc(var(--margin-unit) * 8)
    }

    .pt8-vp9 {
        padding-top: calc(var(--margin-unit) * 8)
    }

    .pb8-vp9 {
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .pv8-vp9 {
        padding-top: calc(var(--margin-unit) * 8);
        padding-bottom: calc(var(--margin-unit) * 8)
    }

    .ph8-vp9 {
        padding-left: calc(var(--margin-unit) * 8);
        padding-right: calc(var(--margin-unit) * 8)
    }

    .ma8-vp9 {
        margin: calc(var(--margin-unit) * 8)
    }

    .ml8-vp9 {
        margin-left: calc(var(--margin-unit) * 8)
    }

    .mr8-vp9 {
        margin-right: calc(var(--margin-unit) * 8)
    }

    .mt8-vp9 {
        margin-top: calc(var(--margin-unit) * 8)
    }

    .mb8-vp9 {
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mv8-vp9 {
        margin-top: calc(var(--margin-unit) * 8);
        margin-bottom: calc(var(--margin-unit) * 8)
    }

    .mh8-vp9 {
        margin-left: calc(var(--margin-unit) * 8);
        margin-right: calc(var(--margin-unit) * 8)
    }
}

@media (min-width:150em) {
    .pa9-vp9 {
        padding: calc(var(--margin-unit) * 9)
    }

    .pl9-vp9 {
        padding-left: calc(var(--margin-unit) * 9)
    }

    .pr9-vp9 {
        padding-right: calc(var(--margin-unit) * 9)
    }

    .pt9-vp9 {
        padding-top: calc(var(--margin-unit) * 9)
    }

    .pb9-vp9 {
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .pv9-vp9 {
        padding-top: calc(var(--margin-unit) * 9);
        padding-bottom: calc(var(--margin-unit) * 9)
    }

    .ph9-vp9 {
        padding-left: calc(var(--margin-unit) * 9);
        padding-right: calc(var(--margin-unit) * 9)
    }

    .ma9-vp9 {
        margin: calc(var(--margin-unit) * 9)
    }

    .ml9-vp9 {
        margin-left: calc(var(--margin-unit) * 9)
    }

    .mr9-vp9 {
        margin-right: calc(var(--margin-unit) * 9)
    }

    .mt9-vp9 {
        margin-top: calc(var(--margin-unit) * 9)
    }

    .mb9-vp9 {
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mv9-vp9 {
        margin-top: calc(var(--margin-unit) * 9);
        margin-bottom: calc(var(--margin-unit) * 9)
    }

    .mh9-vp9 {
        margin-left: calc(var(--margin-unit) * 9);
        margin-right: calc(var(--margin-unit) * 9)
    }
}

@media (min-width:150em) {
    .pa10-vp9 {
        padding: calc(var(--margin-unit) * 10)
    }

    .pl10-vp9 {
        padding-left: calc(var(--margin-unit) * 10)
    }

    .pr10-vp9 {
        padding-right: calc(var(--margin-unit) * 10)
    }

    .pt10-vp9 {
        padding-top: calc(var(--margin-unit) * 10)
    }

    .pb10-vp9 {
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .pv10-vp9 {
        padding-top: calc(var(--margin-unit) * 10);
        padding-bottom: calc(var(--margin-unit) * 10)
    }

    .ph10-vp9 {
        padding-left: calc(var(--margin-unit) * 10);
        padding-right: calc(var(--margin-unit) * 10)
    }

    .ma10-vp9 {
        margin: calc(var(--margin-unit) * 10)
    }

    .ml10-vp9 {
        margin-left: calc(var(--margin-unit) * 10)
    }

    .mr10-vp9 {
        margin-right: calc(var(--margin-unit) * 10)
    }

    .mt10-vp9 {
        margin-top: calc(var(--margin-unit) * 10)
    }

    .mb10-vp9 {
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mv10-vp9 {
        margin-top: calc(var(--margin-unit) * 10);
        margin-bottom: calc(var(--margin-unit) * 10)
    }

    .mh10-vp9 {
        margin-left: calc(var(--margin-unit) * 10);
        margin-right: calc(var(--margin-unit) * 10)
    }
}

.sr-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

:root {
    --c-t-yellow: #f19b1f;
    --c-t-lightgreen: #d6e1b9;
    --c-t-beige: #efeeeb;
    --c-s-site-bgc: white;
    --c-s-site-c: black;
    --c-s-mode-switch-bc: black;
    --c-s-mode-switch-c: white;
    --c-s-border: #c6c6c6;
    --c-s-error1: #f19b1f;
    --c-s-error2: #f41212;
    --c-s-valid: green;
    --c-s-warning: #ff8d8d;
    --c-b-black: black;
    --c-b-grey1: #333333;
    --c-b-grey2: #666666;
    --c-b-grey3: #c6c6c6;
    --c-b-grey4: #f1f0ec;
    --c-b-white: white;
    --c-b-white-trans: rgba(255, 255, 255, 0.7);
    --margin-unit: 0.3125rem;
    --anim-duration: 0.25s;
    --anim-ease: cubic-bezier(0.25, 0.01, 0.25, 1);
    --default-transition: var(--anim-duration) var(--anim-ease);
    --site-header-height: 3.9375rem
}

@font-face {
    font-family: HansenGrotesque;
    font-style: normal;
    font-weight: 400;
    src: url(../font/HansenGrotesque-Regular.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: italic;
    font-weight: 400;
    src: url(../font/HansenGrotesque-Italic.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: normal;
    font-weight: 500;
    src: url(../font/HansenGrotesque-Medium.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: italic;
    font-weight: 500;
    src: url(../font/HansenGrotesque-MediumItalic.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: normal;
    font-weight: 700;
    src: url(../font/HansenGrotesque-Bold.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: italic;
    font-weight: 700;
    src: url(../font/HansenGrotesque-BoldItalic.woff2) format("woff2")
}

.rich-text {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .rich-text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text blockquote, .rich-text embed, .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text iframe, .rich-text img, .rich-text object, .rich-text ol, .rich-text p + p, .rich-text table, .rich-text ul, .rich-text > a {
    margin-top: 1em
}

.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    font-weight: 600;
    margin-bottom: 0
}

@media (min-width:118.75em) {
    .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text p {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    white-space: normal
}

@media (min-width:118.75em) {
    .rich-text p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text p a {
    text-decoration: underline
}

.rich-text p strong {
    font-weight: 400
}

.rich-text p em {
    font-style: normal
}

.rich-text span {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .rich-text span {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text span {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text > a {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    display: inline-block;
    text-decoration: underline
}

@media (min-width:118.75em) {
    .rich-text > a {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .rich-text > a {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.rich-text ol li, .rich-text ul li {
    margin-left: 2em;
    padding-left: 1em
}

.rich-text ol li {
    list-style: decimal outside
}

.rich-text ul li {
    list-style: square outside
}

.rich-text blockquote {
    padding-left: 2em;
    border-left: .0625rem solid var(--c-b-grey)
}

.rich-text sup {
    font-size: 70%;
    position: relative;
    top: -.5em
}

.rich-text sub {
    font-size: 70%;
    position: relative;
    top: .5em
}

.rich-text small {
    font-size: .875em
}

.rich-text img {
    max-width: 100%;
    height: auto;
    object-fit: cover
}

.rich-text embed, .rich-text iframe, .rich-text object {
    background: var(--c-b-grey3);
    display: block;
    width: 100%
}

.rich-text table {
    min-width: 100%;
    line-height: 1.4
}

@media (min-width:48em) {
    .rich-text table {
        min-width: 0
    }

        .rich-text table td, .rich-text table th {
            padding-right: 1.875rem
        }

            .rich-text table td:last-child, .rich-text table th:last-child {
                padding-right: 0
            }
}

.page-enter-active {
    transition: all 1s ease-out
}

.page-exit-active {
    transition: all 1s ease-out
}

.transition-group {
    position: relative
}

.route-section {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.animation--fade-in {
    display: block;
    -webkit-animation: fadeIn ease .6s;
    animation: fadeIn ease .6s
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(4px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes foldDown {
    0% {
        opacity: .5;
        transform: translateY(-.625rem) scaleY(0)
    }

    100% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

@keyframes foldDown {
    0% {
        opacity: .5;
        transform: translateY(-.625rem) scaleY(0)
    }

    100% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

@-webkit-keyframes foldUp {
    0% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }

    100% {
        transform: scaleY(0)
    }
}

@keyframes foldUp {
    0% {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }

    100% {
        transform: scaleY(0)
    }
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.layout {
    position: relative;
    overflow: hidden;
    background-color: var(--c-s-site-bgc)
}

.layout__container {
    transform: translateX(0);
    transition: transform .7s cubic-bezier(.75,0,.4,1)
}

    .layout__container.is-inactive {
        transition: transform .7s cubic-bezier(.75,0,.4,1) .2s;
        transform: translateX(-50vw) !important
    }

.mode-container > :first-child {
    border-top: var(--site-header-height) solid transparent
}

.mode-container .hero-cover:first-child {
    border-top: none
}

.mode-container.is-inactive {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.svg-icon {
    fill: var(--c-b-black)
}

.vsp {
    padding-bottom: clamp(5.625rem,24vw,6.25rem)
}

@media (min-width:48em) {
    .vsp {
        padding-bottom: clamp(6.25rem,13.02083vw,7.5rem)
    }
}

@media (min-width:64em) {
    .vsp {
        padding-bottom: clamp(7.5rem,11.71875vw,8.75rem)
    }
}

@media (min-width:87.5em) {
    .vsp {
        padding-bottom: clamp(8.75rem,10vw,10rem)
    }
}

@media (min-width:118.75em) {
    .vsp {
        padding-bottom: clamp(10rem,8.42105vw,12.5rem)
    }
}

@media (min-width:150em) {
    .vsp {
        padding-bottom: 12.5rem
    }
}

@media (min-width:64em) {
    body {
        --site-header-height: 5.1875rem
    }
}

@media (min-width:118.75em) {
    body {
        --site-header-height: 6.4375rem
    }
}

body.has-modeswitch:not(.no-modeswitch) .layout, body.has-modeswitch:not(.no-modeswitch) .main-header {
    transform: translateY(1.875rem)
}

@media (min-width:64em) {
    body.has-modeswitch:not(.no-modeswitch) .layout {
        transform: translateY(1.875rem)
    }
}

.sr-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

.logo-animation {
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.logo-animation__outer {
    transform-origin: left center
}

@media (min-width:64em) {
    .logo-animation__outer {
        transform: scale(.8);
        margin: 0
    }
}

@media (min-width:72.5em) {
    .logo-animation__outer {
        transform: scale(1)
    }
}

@media (min-width:87.5em) {
    .logo-animation__outer {
        min-width: 15.625rem
    }
}

.logo-animation svg {
    fill: currentColor
}

.logo-animation__wrapper {
    display: flex;
    align-items: center;
    position: static
}

@media (min-width:64em) {
    .logo-animation__wrapper {
        position: absolute;
        left: 0
    }
}

.logo-animation__hansen {
    margin-left: .8rem
}

@media (min-width:64em) {
    .logo-animation__hansen {
        margin-left: 0 !important
    }
}

.logo-animation__hansen.padding-reset {
    padding-left: 0 !important
}

.logo-animation__fritz, .logo-animation__hansen {
    overflow: hidden;
    display: grid
}

@media (max-width:63.99em) {
    .logo-animation__fritz, .logo-animation__hansen {
        width: auto !important
    }
}

.logo-animation__fritz-svg, .logo-animation__hansen-svg {
    height: 1rem
}

@media (min-width:64em) {
    .logo-animation__fritz-svg, .logo-animation__hansen-svg {
        height: 1.5625rem
    }
}

.logo-animation__fritz-svg {
    width: 3.8125rem
}

@media (min-width:64em) {
    .logo-animation__fritz-svg {
        width: 5.9375rem
    }
}

.logo-animation__hansen-svg {
    width: 5.8125rem
}

@media (min-width:64em) {
    .logo-animation__hansen-svg {
        width: 9.0625rem
    }
}

.logo-animation__dot-a-svg, .logo-animation__dot-b-svg {
    width: .25rem;
    display: none
}

@media (min-width:64em) {
    .logo-animation__dot-a-svg, .logo-animation__dot-b-svg {
        display: flex;
        width: .3125rem
    }
}

.logo-animation__dot-a, .logo-animation__dot-b {
    position: absolute;
    bottom: 0
}

.logo-animation__dot-a {
    left: .875rem
}

@media (min-width:64em) {
    .logo-animation__dot-a {
        left: 1.0625rem
    }
}

.logo-animation__dot-b {
    left: 2.5rem
}

@media (min-width:64em) {
    .logo-animation__dot-b {
        left: 3.25rem
    }
}

@-webkit-keyframes slideHansen {
    0% {
        width: auto;
        padding-left: 1.2rem
    }

    50% {
        width: 1.4rem;
        padding-left: 0
    }

    100% {
        width: auto;
        padding-left: 1.2rem
    }
}

@keyframes slideHansen {
    0% {
        width: auto;
        padding-left: 1.2rem
    }

    50% {
        width: 1.4rem;
        padding-left: 0
    }

    100% {
        width: auto;
        padding-left: 1.2rem
    }
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

.checkout-header {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem);
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width:35em) {
    .checkout-header {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-header {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .checkout-header {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .checkout-header {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:48em) {
    .checkout-header {
        padding-top: 1.875rem;
        height: 1.5625rem;
        flex-direction: row;
        justify-content: space-between
    }
}

.checkout-header__logo {
    order: 2
}

@media (min-width:48em) {
    .checkout-header__logo {
        order: 1;
        margin-top: 0
    }
}

.checkout-header__link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    text-align: center;
    order: 1;
    text-decoration: underline;
    width: 100%;
    padding: .3125rem 0;
    margin-bottom: 2.5rem;
    background-color: var(--c-b-grey3)
}

@media (min-width:118.75em) {
    .checkout-header__link {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkout-header__link {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:48em) {
    .checkout-header__link {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        order: 2;
        text-align: end;
        align-self: flex-end
    }
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

.checkout-footer .trustpilot-widget {
    margin-bottom: 1.875rem
}

.checkout-footer__container {
    padding-top: 1.875rem;
    border-top: .0625rem solid var(--c-s-border);
    margin-left: clamp(.625rem,2.66667vw,1.875rem);
    margin-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .checkout-footer__container {
        margin-left: clamp(1.875rem,5.35714vw,3.75rem);
        margin-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-footer__container {
        margin-left: clamp(3.75rem,4.28571vw,8.75rem);
        margin-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .checkout-footer__container {
        margin-left: clamp(8.75rem,7.36842vw,13.75rem);
        margin-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .checkout-footer__container {
        margin-left: 13.75rem;
        margin-right: 13.75rem
    }
}

.checkout-footer__image {
    margin-bottom: 1.875rem
}

    .checkout-footer__image img {
        max-width: 100%;
        height: auto
    }

@media (min-width:48em) {
    .checkout-footer__image img {
        width: auto
    }
}

.checkout-footer__main {
    background-color: var(--c-b-black);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3.75rem
}

.checkout-footer__headline {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    color: var(--c-b-white);
    padding-bottom: 1.875rem
}

@media (min-width:64em) {
    .checkout-footer__headline {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .checkout-footer__headline {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.checkout-footer__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    color: var(--c-b-grey3)
}

@media (min-width:48em) {
    .checkout-footer__links {
        flex-direction: row
    }
}

.checkout-footer__link-items {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    text-align: center
}

@media (min-width:118.75em) {
    .checkout-footer__link-items {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkout-footer__link-items {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.checkout-footer__link-items:not(:last-child) {
    margin-bottom: 1.25rem
}

@media (min-width:48em) {
    .checkout-footer__link-items:not(:last-child) {
        margin-right: 1.25rem
    }
}

.checkout-footer__footer-logo {
    display: flex;
    justify-content: center;
    margin: 1.875rem 0
}

@media (min-width:48em) {
    .checkout-footer__footer-logo {
        justify-content: flex-start
    }
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

.checkout-flow {
    padding-bottom: clamp(5.625rem,24vw,6.25rem)
}

@media (min-width:48em) {
    .checkout-flow {
        padding-bottom: clamp(6.25rem,13.02083vw,7.5rem)
    }
}

@media (min-width:64em) {
    .checkout-flow {
        padding-bottom: clamp(7.5rem,11.71875vw,8.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-flow {
        padding-bottom: clamp(8.75rem,10vw,10rem)
    }
}

@media (min-width:118.75em) {
    .checkout-flow {
        padding-bottom: clamp(10rem,8.42105vw,12.5rem)
    }
}

@media (min-width:150em) {
    .checkout-flow {
        padding-bottom: 12.5rem
    }
}

.checkout-flow__inner {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem);
    --grid-gap: 0.625rem;
    --grid-cells: 12;
    display: grid;
    -webkit-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-template-columns: repeat(var(--grid-cells),1fr)
}

@media (min-width:35em) {
    .checkout-flow__inner {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .checkout-flow__inner {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .checkout-flow__inner {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .checkout-flow__inner {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

@media (min-width:64em) {
    .checkout-flow__inner {
        --grid-cells: 24
    }
}

@media (min-width:9.375em) {
    .checkout-flow__inner {
        --grid-gap: 0.625rem
    }
}

@media (min-width:35em) {
    .checkout-flow__inner {
        --grid-gap: 1.25rem
    }
}

@media (min-width:64em) {
    .checkout-flow__inner {
        --grid-gap: 1.25rem
    }
}

@media (min-width:87.5em) {
    .checkout-flow__inner {
        --grid-gap: 1.5625rem
    }
}

@media (min-width:118.75em) {
    .checkout-flow__inner {
        --grid-gap: 1.875rem
    }
}

@media (min-width:150em) {
    .checkout-flow__inner {
        --grid-gap: 2.5rem
    }
}

.checkout-flow__inner--altapay {
    display: block
}

    .checkout-flow__inner--altapay form {
        display: block;
        max-width: 31.25rem
    }

.checkout-flow__progress {
    grid-area: 1/1/2/13;
    margin-bottom: 3.75rem
}

@media (min-width:35em) {
    .checkout-flow__progress {
        grid-area: 1/2/2/12
    }
}

@media (min-width:64em) {
    .checkout-flow__progress {
        grid-area: 1/2/2/24
    }
}

@media (min-width:64em) {
    .checkout-flow__progress {
        margin-bottom: 6.25rem
    }
}

.checkout-flow__header {
    grid-area: 2/1/3/13;
    margin-bottom: 2.5rem
}

@media (min-width:35em) {
    .checkout-flow__header {
        grid-area: 2/2/3/12
    }
}

@media (min-width:64em) {
    .checkout-flow__header {
        grid-area: 2/2/3/24
    }
}

.checkout-flow__header h3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818;
    padding-bottom: 1.25rem;
    grid-column: 1/13
}

@media (min-width:64em) {
    .checkout-flow__header h3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .checkout-flow__header h3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .checkout-flow__header h3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .checkout-flow__header h3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

@media (min-width:35em) {
    .checkout-flow__header h3 {
        padding-bottom: 2.5rem;
        grid-column: 2/12
    }
}

@media (min-width:64em) {
    .checkout-flow__header h3 {
        grid-column: 2/22
    }
}

.checkout-flow__header p {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .checkout-flow__header p {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .checkout-flow__header p {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:64em) {
    .checkout-flow__header p {
        width: 60%
    }
}

.checkout-flow__aside {
    margin-top: 3.75rem;
    grid-area: 4/1/5/13
}

@media (min-width:35em) {
    .checkout-flow__aside {
        grid-area: 4/2/5/12
    }
}

@media (min-width:64em) {
    .checkout-flow__aside {
        margin-top: 0;
        grid-area: 3/16/4/24
    }
}

@media (min-width:64em) {
    .checkout-flow__aside + .checkout-flow__main {
        grid-area: 3/2/4/15
    }
}

.checkout-flow__main {
    grid-area: 3/1/4/13
}

@media (min-width:35em) {
    .checkout-flow__main {
        grid-area: 3/2/4/12
    }
}

@media (min-width:64em) {
    .checkout-flow__main {
        grid-area: 3/2/4/24
    }
}

@media (min-width:72.5em) {
    .checkout-flow__main .form {
        width: 80%
    }
}

@media (min-width:87.5em) {
    .checkout-flow__main .form {
        width: 70%
    }
}

@media (min-width:150em) {
    .checkout-flow__main .form {
        width: 60%
    }
}

.checkout-flow__main .form hr {
    border: 0;
    margin: 3.75rem 0 0;
    padding: 0
}

.checkout-flow__main .form h4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625;
    font-weight: 500;
    padding-bottom: 1.875rem
}

@media (min-width:64em) {
    .checkout-flow__main .form h4 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .checkout-flow__main .form h4 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .checkout-flow__main .form h4 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.checkout-flow__main .form .checkbox + .checkbox, .checkout-flow__main .form .radio + .radio {
    margin-top: .9375rem
}

.checkout-flow__main .form__row--dual {
    display: flex;
    justify-content: space-between
}

    .checkout-flow__main .form__row--dual > :first-child {
        flex: 0 0 calc(40% - 1.5625rem);
        margin-right: 1.5625rem
    }

    .checkout-flow__main .form__row--dual > :last-child {
        flex: 0 1 60%
    }

.checkout-flow__main .form__row + .form__row {
    padding-top: 1.875rem
}

.checkout-flow__main .form__group + .form__group {
    margin-top: 3.75rem
}

.checkout-flow__main table {
    width: 100%;
    max-width: 100%;
    line-height: 1.4
}

    .checkout-flow__main table td, .checkout-flow__main table th {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 12.5rem
    }

@media (min-width:48em) {
    .checkout-flow__main table {
        min-width: 0
    }

        .checkout-flow__main table td, .checkout-flow__main table th {
            padding-right: 1.875rem
        }

            .checkout-flow__main table td:last-child, .checkout-flow__main table th:last-child {
                padding-right: 0
            }
}

.checkout-flow__footer .action-button {
    margin-top: 3.75rem
}

.checkout-flow__footer .action-button--primary {
    --button-bgc: #d6e1b9
}

    .checkout-flow__footer .action-button--primary.is-disabled {
        opacity: 1;
        --button-bgc: var(--c-b-grey4);
        --button-c: var(--c-b-grey1)
    }

        .checkout-flow__footer .action-button--primary.is-disabled:hover {
            opacity: 1
        }

    .checkout-flow__footer .action-button--primary .text {
        font-size: .75rem;
        text-transform: none
    }

.checkout-flow__footer .action-button--secondary .text {
    font-size: .75rem;
    text-transform: none
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

.pensio_payment_form_table {
    width: 100%
}

    .pensio_payment_form_table tr {
        display: flex;
        align-items: center;
        position: relative
    }

    .pensio_payment_form_table td {
        height: auto;
        display: flex;
        justify-content: space-between;
        line-height: 3.6em;
        position: relative;
        flex: 1
    }

@media (min-width:64em) {
    .pensio_payment_form_table td {
        flex: 50%
    }
}

.pensio_payment_form_table td:not(.pensio_payment_form_cvc_error) {
    padding-top: 1.25rem
}

.pensio_payment_form_table input[type=tel], .pensio_payment_form_table input[type=text] {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 1.125rem 1.125rem 1rem 1.125rem;
    border: .0625rem solid var(--c-b-grey3);
    background-color: var(--input-bg);
    color: var(--c-b-grey1);
    line-height: 1;
    outline: 0;
    height: auto;
    margin: 0
}

@media (min-width:118.75em) {
    .pensio_payment_form_table input[type=tel], .pensio_payment_form_table input[type=text] {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table input[type=tel], .pensio_payment_form_table input[type=text] {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pensio_payment_form_table img {
    display: none;
    position: absolute;
    bottom: 1rem;
    left: calc(100% + 1rem);
    width: 1.5rem;
    height: .9375rem
}

.pensio_payment_form_table select {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143;
    width: 40%;
    padding: 1.125rem 1.125rem 1rem 1.125rem;
    line-height: normal;
    border: .0625rem solid var(--c-b-grey3);
    outline: 0;
    background-color: transparent;
    color: var(--c-b-grey1);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none
}

@media (min-width:118.75em) {
    .pensio_payment_form_table select {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table select {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pensio_payment_form_table small {
    display: block;
    position: absolute;
    left: calc(100% + .625rem);
    top: calc(50% + .625rem);
    transform: translateY(-50%)
}

    .pensio_payment_form_table small a {
        display: block
    }

.pensio_payment_form_table input[type=submit] {
    --button-bgc: var(--c-b-white);
    --button-c: var(--c-b-black);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    transition: all var(--default-transition);
    color: var(--button-c);
    background-color: var(--button-bgc);
    padding: 1.25rem;
    border: 0;
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white);
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

    .pensio_payment_form_table input[type=submit].is-disabled {
        cursor: default
    }

@media (min-width:48em) {
    .pensio_payment_form_table input[type=submit] {
        padding: 1.25rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .pensio_payment_form_table input[type=submit] {
        padding: 1.25rem 2.5rem
    }
}

.pensio_payment_form_table input[type=submit]:hover {
    opacity: .7
}

.pensio_payment_form_table input[type=submit].is-disabled {
    opacity: .5;
    --button-bgc: var(--c-b-grey3)
}

    .pensio_payment_form_table input[type=submit].is-disabled:hover {
        opacity: .5
    }

.pensio_payment_form_table input[type=submit] .svg-icon {
    fill: var(--button-c)
}

.pensio_payment_form_table input[type=submit] .text {
    display: inline-block;
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:118.75em) {
    .pensio_payment_form_table input[type=submit] .text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table input[type=submit] .text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.pensio_payment_form_table input[type=submit] .icon {
    display: inline-flex
}

    .pensio_payment_form_table input[type=submit] .icon + .text, .pensio_payment_form_table input[type=submit] .text + .icon {
        margin-left: .625rem
    }

.pensio_payment_form_table input[type=submit].is-outlined {
    --button-bgc: transparent;
    color: var(--button-c);
    border: .0625rem solid var(--button-c)
}

    .pensio_payment_form_table input[type=submit].is-outlined:hover {
        color: var(--button-c);
        background-color: var(--button-bgc)
    }

    .pensio_payment_form_table input[type=submit].is-outlined.is-disabled:hover {
        color: var(--button-c);
        background: var(--button-bgc)
    }

.pensio_payment_form_table input[type=submit].is-inverted {
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white)
}

    .pensio_payment_form_table input[type=submit].is-inverted:hover .svg-icon {
        fill: var(--button-c)
    }

    .pensio_payment_form_table input[type=submit].is-inverted.is-disabled {
        --button-bgc: var(--c-b-grey3);
        --button-c: var(--c-b-black);
        color: var(--button-c)
    }

        .pensio_payment_form_table input[type=submit].is-inverted.is-disabled:hover {
            color: var(--button-c);
            background: var(--button-bgc)
        }

.pensio_payment_form_table input[type=submit].is-icon-link {
    padding: .625rem
}

.pensio_payment_form_table input[type=submit].is-link {
    --button-bgc: transparent;
    --button-c: var(--c-b-black);
    padding: 0;
    position: relative
}

    .pensio_payment_form_table input[type=submit].is-link strong {
        padding-left: .25em;
        padding-right: .5em;
        transition: transform var(--default-transition)
    }

    .pensio_payment_form_table input[type=submit].is-link:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 100%;
        height: .0625rem;
        background: currentColor;
        transition: right var(--default-transition)
    }

    .pensio_payment_form_table input[type=submit].is-link:hover:before {
        right: 0
    }

    .pensio_payment_form_table input[type=submit].is-link:hover .svg-icon {
        fill: var(--button-c)
    }

    .pensio_payment_form_table input[type=submit].is-link.is-inverted {
        --button-bgc: transparent;
        --button-c: var(--c-b-white)
    }

@media (min-width:118.75em) {
    .pensio_payment_form_table input[type=submit] {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .pensio_payment_form_table input[type=submit] {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

:export {
    breakpoint-vp1-max: 419px;
    breakpoint-vp2-min: 420px;
    breakpoint-vp2-max: 559px;
    breakpoint-vp3-min: 560px;
    breakpoint-vp3-max: 767px;
    breakpoint-vp4-min: 768px;
    breakpoint-vp4-max: 1023px;
    breakpoint-vp5-min: 1024px;
    breakpoint-vp5-max: 1159px;
    breakpoint-vp6-min: 1160px;
    breakpoint-vp6-max: 1399px;
    breakpoint-vp7-min: 1900px;
    breakpoint-vp7-max: 2399px;
    breakpoint-vp8-min: 2400px
}

.t-heading-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.33333
}

@media (min-width:48em) {
    .t-heading-1 {
        font-size: 2.1875rem;
        line-height: 1.28571
    }
}

@media (min-width:64em) {
    .t-heading-1 {
        font-size: clamp(2.1875rem,3.41797vw,5rem);
        line-height: 1.28571
    }
}

@media (min-width:150em) {
    .t-heading-1 {
        font-size: 5rem;
        letter-spacing: -.0625rem;
        line-height: 1.1875
    }
}

.t-heading-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-2 {
        font-size: clamp(1.625rem,2.53906vw,3.75rem);
        line-height: 1.26923
    }
}

@media (min-width:150em) {
    .t-heading-2 {
        font-size: 3.75rem;
        letter-spacing: -.0625rem;
        line-height: 1.3
    }
}

.t-heading-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.31818
}

@media (min-width:64em) {
    .t-heading-3 {
        font-size: clamp(1.375rem,2.14844vw,1.75rem);
        line-height: 1.31818
    }
}

@media (min-width:87.5em) {
    .t-heading-3 {
        font-size: clamp(1.75rem,2vw,2rem);
        line-height: 1.28571
    }
}

@media (min-width:118.75em) {
    .t-heading-3 {
        font-size: clamp(2rem,1.68421vw,2.375rem);
        line-height: 1.3125
    }
}

@media (min-width:150em) {
    .t-heading-3 {
        font-size: 2.375rem;
        line-height: 1.28947
    }
}

.t-heading-4 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5
}

@media (min-width:64em) {
    .t-heading-4 {
        font-size: clamp(1rem,1.5625vw,1.25rem);
        line-height: 1.5
    }
}

@media (min-width:87.5em) {
    .t-heading-4 {
        font-size: clamp(1.25rem,1.42857vw,1.375rem);
        line-height: 1.4
    }
}

@media (min-width:118.75em) {
    .t-heading-4 {
        font-size: clamp(1.375rem,1.15789vw,1.5625rem);
        line-height: 1.31818
    }
}

@media (min-width:150em) {
    .t-heading-4 {
        font-size: 1.5625rem;
        line-height: 1.36
    }
}

.t-heading-5 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.21429
}

@media (min-width:64em) {
    .t-heading-5 {
        font-size: 1rem;
        line-height: 1.1875
    }
}

@media (min-width:87.5em) {
    .t-heading-5 {
        font-size: 1.125rem;
        line-height: 1.22222
    }
}

.t-trumpet-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.18182
}

.t-trumpet-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.6
}

.t-trumpet-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 2.08333
}

.t-paragraph-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5625
}

@media (min-width:64em) {
    .t-paragraph-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

@media (min-width:118.75em) {
    .t-paragraph-1 {
        font-size: 1.25rem;
        line-height: 1.55
    }
}

@media (min-width:150em) {
    .t-paragraph-1 {
        font-size: 1.375rem;
        line-height: 1.54545
    }
}

.t-paragraph-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-paragraph-2 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-paragraph-2 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-paragraph-3 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636
}

@media (min-width:118.75em) {
    .t-paragraph-3 {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .t-paragraph-3 {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.t-link-1 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143
}

@media (min-width:118.75em) {
    .t-link-1 {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .t-link-1 {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.t-link-2 {
    font-family: HansenGrotesque,sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 1
}

.container {
    padding-left: clamp(.625rem,2.66667vw,1.875rem);
    padding-right: clamp(.625rem,2.66667vw,1.875rem)
}

@media (min-width:35em) {
    .container {
        padding-left: clamp(1.875rem,5.35714vw,3.75rem);
        padding-right: clamp(1.875rem,5.35714vw,3.75rem)
    }
}

@media (min-width:87.5em) {
    .container {
        padding-left: clamp(3.75rem,4.28571vw,8.75rem);
        padding-right: clamp(3.75rem,4.28571vw,8.75rem)
    }
}

@media (min-width:118.75em) {
    .container {
        padding-left: clamp(8.75rem,7.36842vw,13.75rem);
        padding-right: clamp(8.75rem,7.36842vw,13.75rem)
    }
}

@media (min-width:150em) {
    .container {
        padding-left: 13.75rem;
        padding-right: 13.75rem
    }
}

.basic-link {
    font-family: HansenGrotesque,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: 1.63636;
    display: inline-flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center
}

@media (min-width:118.75em) {
    .basic-link {
        font-size: .75rem;
        line-height: 1.66667
    }
}

@media (min-width:150em) {
    .basic-link {
        font-size: .875rem;
        line-height: 1.71429
    }
}

.basic-link span + span {
    margin-left: .625rem
}

.basic-link .text {
    text-decoration: underline
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(-20px) scaleX(.97);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform-origin: left center
    }

    20% {
        opacity: 0;
        transform: translateX(20px) scaleX(1.03);
        transform-origin: left center
    }

    70% {
        opacity: .5
    }

    100% {
        transform: translateX(0) scaleX(1);
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        left: 0;
        transform: translate(0,0)
    }

    30% {
        left: 100%;
        transform: translate(-100%,0)
    }

    50% {
        left: 100%;
        transform: translate(-100%,0)
    }

    80% {
        left: 0;
        transform: translate(0,0)
    }

    100% {
        left: 0;
        transform: translate(0,0)
    }
}

.save-button {
    position: absolute;
    top: .875rem;
    right: .875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.25rem;
    height: 1.875rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.6);
    transition: all var(--default-transition)
}

    .save-button .icon {
        display: inline-flex;
        color: var(--c-b-white)
    }

:root {
    --c-t-yellow: #f19b1f;
    --c-t-lightgreen: #d6e1b9;
    --c-t-beige: #efeeeb;
    --c-s-site-bgc: white;
    --c-s-site-c: black;
    --c-s-mode-switch-bc: black;
    --c-s-mode-switch-c: white;
    --c-s-border: #c6c6c6;
    --c-s-error1: #f19b1f;
    --c-s-error2: #f41212;
    --c-s-valid: green;
    --c-s-warning: #ff8d8d;
    --c-b-black: black;
    --c-b-grey1: #333333;
    --c-b-grey2: #666666;
    --c-b-grey3: #c6c6c6;
    --c-b-grey4: #f1f0ec;
    --c-b-white: white;
    --c-b-white-trans: rgba(255, 255, 255, 0.7);
    --margin-unit: 0.3125rem;
    --anim-duration: 0.25s;
    --anim-ease: cubic-bezier(0.25, 0.01, 0.25, 1);
    --default-transition: var(--anim-duration) var(--anim-ease);
    --site-header-height: 3.9375rem
}

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

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

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

body {
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    line-height: 1.57;
    background-color: var(--c-s-site-bgc);
    color: var(--c-s-site-c);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior-y: contain
}

a {
    cursor: pointer;
    color: currentColor;
    text-decoration: none
}

    a:focus, a:hover, a:visited {
        outline: 0
    }

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    display: block;
    cursor: pointer;
    width: auto;
    background-color: transparent;
    color: currentColor;
    text-decoration: none
}

    button:focus, button:hover, button:visited {
        outline: 0
    }

:focus {
    outline: 0
}

h1, h2, h3, h4, h5, h6, p {
    max-width: 100%;
    white-space: pre-line;
    text-overflow: ellipsis;
    word-break: break-word
}

input {
    font-family: inherit
}

@font-face {
    font-family: HansenGrotesque;
    font-style: normal;
    font-weight: 400;
    src: url(../../assets/font/HansenGrotesque-Regular.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: italic;
    font-weight: 400;
    src: url(../../assets/font/HansenGrotesque-Italic.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: normal;
    font-weight: 500;
    src: url(../../assets/font/HansenGrotesque-Medium.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: italic;
    font-weight: 500;
    src: url(../../assets/font/HansenGrotesque-MediumItalic.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: normal;
    font-weight: 700;
    src: url(../../assets/font/HansenGrotesque-Bold.woff2) format("woff2")
}

@font-face {
    font-family: HansenGrotesque;
    font-style: italic;
    font-weight: 700;
    src: url(../../assets/font/HansenGrotesque-BoldItalic.woff2) format("woff2")
}

.body-container {
    width: auto;
    padding: 3rem 1.5rem
}

@media screen and (min-width:900px) {
    .body-container {
        padding: 5rem 3rem
    }
}

.body-container .alert {
    margin-bottom: 1.25rem
}

    .body-container .alert strong {
        font-weight: 500
    }

.body-container .alert-danger {
    color: var(--c-s-error2)
}

.body-container .card-header {
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 500;
    font-size: 22px;
    padding-bottom: 1.2em
}

.body-container .card-body .btn{
    margin-top: 30px;
}

.body-container .card-body .warning {
    color: #FF5630;
}
.body-container .card-body .confirm-message2 {
    margin-top: 10px;
}

.body-container .card-body .confirm-message2 strong {
    font-weight: 500;
}

.body-container .card-body .email {
    text-decoration: underline;
}

@media screen and (min-width:900px) {
    .body-container .card-header {
        font-size: 26px
    }
}

@media screen and (min-width:2400px) {
    .body-container .card-header {
        letter-spacing: -1;
        font-size: 60px
    }
}

.body-container .card-header .svg-icon {
    font-size: 25px;
    height: 1em
}

.body-container form {
    padding-bottom: 1em
}

.body-container .form-group {
    position: relative;
    margin: 0 0 20px;
    padding: 3px 0
}

    .body-container .form-group .form-control {
        font-size: 14px;
        line-height: 1.6;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-sizing: border-box;
        width: 100%;
        padding: 1.2rem 1.2rem 1rem 1.2rem;
        border: 1px solid #c6c6c6;
        background-color: transparent;
        color: #333;
        line-height: 1;
        outline: 0;
        transition: all .25s ease,text-indent 0s ease 0s
    }

    .body-container .form-group .radio+.radio {
        margin-top: 0.9375rem
    }

.body-container .form-group .radio__wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}
    .body-container .form-group .radio__box {
        appearance: none;
        margin: 0;
        font-size: 0;
        height: 1.563rem;
        flex: 0 0 1.563rem;
        border-radius: 50% 50%;
        background-color: transparent;
        border: 0.063rem solid #000;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        outline: none;
        box-sizing: border-box;
    }
        .body-container .form-group .radio__box:checked {
            height: 1.563rem;
            width: 1.563rem;
        }
.body-container .form-group .radio__box:after {
    content: "";
    display: block;
    background-color: #000;
    border-radius: 50% 50%;
    font-size: 18px;
    width: 50%;
    height: 50%;
    opacity: 0;
    transition: opacity 0.25s cubic-bezier(0.25,0.01,0.25,1);
}
.body-container .form-group .radio__box:checked:after {  
    opacity: 1;
}

    .body-container .form-group .radio__label {
        margin-left: 0.938rem;
        cursor: pointer;
        text-align: left;
        width: 100%;
        white-space: pre-line;
        line-height: 1.563rem;
    }
.body-container .form-group .radio__label span {
    display: block;
}
    
@media screen and (min-width:1900px) {
    .body-container .form-group .form-control {
        font-size: 16px
    }
}

@media screen and (min-width:2400px) {
    .body-container .form-group .form-control {
        font-size: 18px
    }
}

.body-container .form-group .form-control::-webkit-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control::-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control::placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control::-webkit-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control::-moz-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-ms-input-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-moz-placeholder {
    color: transparent;
    opacity: 0
}

.body-container .form-group .form-control:-webkit-autofill {
    -webkit-animation-name: onAutoFillStart;
    animation-name: onAutoFillStart
}

.body-container .form-group .form-control:not(:-webkit-autofill) {
    -webkit-animation-name: onAutoFillStop;
    animation-name: onAutoFillStop
}

.body-container .form-group .form-control:-webkit-autofill, .body-container .form-group .form-control:-webkit-autofill:hover {
    box-shadow: 0 0 0 10000px transparent inset;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
    color: #000 !important;
    outline: 0
}

.body-container .form-group .form-control:-moz-autofill, .body-container .form-group .form-control:-moz-autofill-preview {
    background-color: red;
    color: #000
}

.body-container .form-group .form-control:-moz-ui-invalid {
    color: #000;
    border-color: #f41212;
    outline: 0;
    box-shadow: none
}

    .body-container .form-group .form-control:-moz-ui-invalid + .label {
        color: #f41212
    }

.body-container .form-group .form-control:focus {
    border: 1px solid #666
}

.body-container .form-group .form-control:-ms-input-placeholder + .label {
    top: 32px;
    color: #c6c6c6;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.6
}

.body-container .form-group .form-control:placeholder-shown + .label {
    top: 32px;
    color: #c6c6c6;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (min-width:1900px) {
    .body-container .form-group .form-control:-ms-input-placeholder + .label {
        font-size: 16px
    }

    .body-container .form-group .form-control:placeholder-shown + .label {
        font-size: 16px
    }
}

@media screen and (min-width:2400px) {
    .body-container .form-group .form-control:-ms-input-placeholder + .label {
        font-size: 18px
    }

    .body-container .form-group .form-control:placeholder-shown + .label {
        font-size: 18px
    }
}

.body-container .form-group .form-control:focus + .label {
    top: 4px;
    font-size: 11px;
    background-color: #fff;
    color: #333
}

.body-container .form-group .form-control:-webkit-autofill:focus + .label {
    top: 4px !important;
    font-size: 11px;
    background-color: #fff
}

.body-container .form-group > label {
    font-size: .6875rem;
    display: block;
    position: absolute;
    top: 4px;
    left: 18px;
    pointer-events: none;
    transform: translate(0,-50%);
    transition: all .25s ease;
    line-height: 1;
    color: #666;
    background-color: #fff;
    padding: 0 2px;
    z-index: 1;
    max-width: 85%
}

.body-container .buttons {
    margin-top: 2.5rem;
    display: flex;
    flex-grow: auto;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .body-container .buttons {
        justify-content: start
    }
}

.body-container .btn {
    --button-bgc: var(--c-b-white);
    --button-c: var(--c-b-black);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    transition: all var(--default-transition);
    color: var(--button-c);
    background-color: var(--button-bgc);
    padding: 1.25rem
}

    .body-container .btn.is-disabled {
        cursor: default
    }

@media (min-width:48em) {
    .body-container .btn {
        padding: 1.25rem 1.875rem
    }
}

@media (min-width:72.5em) {
    .body-container .btn {
        padding: 1.25rem 2.5rem
    }
}

.body-container .btn:hover {
    opacity: .7
}

.body-container .btn.is-disabled {
    opacity: .5;
    --button-bgc: var(--c-b-grey3)
}

    .body-container .btn.is-disabled:hover {
        opacity: .5
    }

.body-container .btn .svg-icon {
    fill: var(--button-c)
}

.body-container .btn .text {
    display: inline-block;
    font-family: HansenGrotesque,sans-serif;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.57143;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:118.75em) {
    .body-container .btn .text {
        font-size: 1rem;
        line-height: 1.5625
    }
}

@media (min-width:150em) {
    .body-container .btn .text {
        font-size: 1.125rem;
        line-height: 1.55556
    }
}

.body-container .btn .icon {
    display: inline-flex
}

    .body-container .btn .icon + .text, .body-container .btn .text + .icon {
        margin-left: .625rem
    }

.body-container .btn.is-outlined {
    --button-bgc: transparent;
    color: var(--button-c);
    border: .0625rem solid var(--button-c)
}

    .body-container .btn.is-outlined:hover {
        color: var(--button-c);
        background-color: var(--button-bgc)
    }

    .body-container .btn.is-outlined.is-disabled:hover {
        color: var(--button-c);
        background: var(--button-bgc)
    }

.body-container .btn.is-inverted {
    --button-bgc: var(--c-b-black);
    --button-c: var(--c-b-white)
}

    .body-container .btn.is-inverted:hover .svg-icon {
        fill: var(--button-c)
    }

    .body-container .btn.is-inverted.is-disabled {
        --button-bgc: var(--c-b-grey3);
        --button-c: var(--c-b-black);
        color: var(--button-c)
    }

        .body-container .btn.is-inverted.is-disabled:hover {
            color: var(--button-c);
            background: var(--button-bgc)
        }

.body-container .btn.is-icon-link {
    padding: .625rem
}

.body-container .btn.is-link {
    --button-bgc: transparent;
    --button-c: var(--c-b-black);
    padding: 0;
    position: relative
}

    .body-container .btn.is-link strong {
        padding-left: .25em;
        padding-right: .5em;
        transition: transform var(--default-transition)
    }

    .body-container .btn.is-link:before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 100%;
        height: .0625rem;
        background: currentColor;
        transition: right var(--default-transition)
    }

    .body-container .btn.is-link:hover:before {
        right: 0
    }

    .body-container .btn.is-link:hover .svg-icon {
        fill: var(--button-c)
    }

    .body-container .btn.is-link.is-inverted {
        --button-bgc: transparent;
        --button-c: var(--c-b-white)
    }

.body-container .btn + .btn {
    margin-left: .6rem
}

.body-container .form-check {
    display: flex;
    position: relative;
    cursor: pointer
}

.body-container .form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    height: 25px;
    flex: 0 0 25px;
    background-color: transparent;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: 0
}

    .body-container .form-check-input:checked {
        height: 25px;
        width: 25px
    }

    .body-container .form-check-input:after {
        display: flex;
        justify-content: center;
        align-items: center;
        content: url(../../assets/svg/checkmark-small.svg);
        background-color: #000;
        font-size: 18px;
        width: 100%;
        height: 100%;
        opacity: 0;
        color: #fff;
        transition: all .25s cubic-bezier(.25,.01,.25,1)
    }

    .body-container .form-check-input:checked:after {
        opacity: 1
    }

    .body-container .form-check-input:disabled {
        border-color: #666;
        background-color: #f2f2f2
    }

        .body-container .form-check-input:disabled + label {
            color: #666
        }

.body-container .form-check-label {
    margin-left: 15px;
    font-size: 14px;
    line-height: 1.6;
    cursor: pointer;
    text-align: left;
    width: 100%;
    /*word-break: break-all;*/
}

/*.body-container .form-check-label.data-consent-label {
    font-size: 12px;
}*/

@media screen and (min-width:1900px) {
    .body-container .form-check-label {
        font-size: 16px
    }
}

@media screen and (min-width:2400px) {
    .body-container .form-check-label {
        font-size: 18px
    }
}

.body-container a {
    text-decoration: none;
    color: #000
}

@-webkit-keyframes onAutoFillStart {
    from {
        width: inherit
    }

    to {
        width: inherit
    }
}

@keyframes onAutoFillStart {
    from {
        width: inherit
    }

    to {
        width: inherit
    }
}

@-webkit-keyframes onAutoFillCancel {
    from {
        width: inherit
    }

    to {
        width: inherit
    }
}

@keyframes onAutoFillCancel {
    from {
        width: inherit
    }

    to {
        width: inherit
    }
}