/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 0.0625rem dotted ButtonText
    }

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -0.125rem
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.row.smaller {
    max-width: 62.25rem
}

.row.xsmaller {
    max-width: 36.875rem
}

.row {
    max-width: 85rem;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-flow: row wrap
}

    .row .row {
        margin-right: -1rem;
        margin-left: -1rem
    }

@media print, screen and (min-width: 48em) {
    .row .row {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media print, screen and (min-width: 64em) {
    .row .row {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

.row .row.collapse {
    margin-right: 0;
    margin-left: 0
}

.row.expanded {
    max-width: none
}

    .row.expanded .row {
        margin-right: auto;
        margin-left: auto
    }

.row:not(.expanded) .row {
    max-width: none
}

.row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

    .row.is-collapse-child, .row.collapse > .column > .row, .row.collapse > .columns > .row {
        margin-right: 0;
        margin-left: 0
    }

.column, .columns {
    flex: 1 1 0;
    padding-right: 1rem;
    padding-left: 1rem;
    min-width: 0
}

@media print, screen and (min-width: 48em) {
    .column, .columns {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.column.row.row, .row.row.columns {
    float: none;
    display: block
}

.row .column.row.row, .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.small-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0%
}

.small-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 {
    flex-wrap: wrap
}

    .small-up-1 > .column, .small-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

.small-up-2 {
    flex-wrap: wrap
}

    .small-up-2 > .column, .small-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

.small-up-3 {
    flex-wrap: wrap
}

    .small-up-3 > .column, .small-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

.small-up-4 {
    flex-wrap: wrap
}

    .small-up-4 > .column, .small-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

.small-up-5 {
    flex-wrap: wrap
}

    .small-up-5 > .column, .small-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

.small-up-6 {
    flex-wrap: wrap
}

    .small-up-6 > .column, .small-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

.small-up-7 {
    flex-wrap: wrap
}

    .small-up-7 > .column, .small-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

.small-up-8 {
    flex-wrap: wrap
}

    .small-up-8 > .column, .small-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

.small-collapse > .column, .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse > .column, .small-uncollapse > .columns {
    padding-right: 1rem;
    padding-left: 1rem
}

@media print, screen and (min-width: 48em) {
    .medium-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0%
    }

    .medium-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 {
        flex-wrap: wrap
    }

        .medium-up-1 > .column, .medium-up-1 > .columns {
            flex: 0 0 100%;
            max-width: 100%
        }

    .medium-up-2 {
        flex-wrap: wrap
    }

        .medium-up-2 > .column, .medium-up-2 > .columns {
            flex: 0 0 50%;
            max-width: 50%
        }

    .medium-up-3 {
        flex-wrap: wrap
    }

        .medium-up-3 > .column, .medium-up-3 > .columns {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .medium-up-4 {
        flex-wrap: wrap
    }

        .medium-up-4 > .column, .medium-up-4 > .columns {
            flex: 0 0 25%;
            max-width: 25%
        }

    .medium-up-5 {
        flex-wrap: wrap
    }

        .medium-up-5 > .column, .medium-up-5 > .columns {
            flex: 0 0 20%;
            max-width: 20%
        }

    .medium-up-6 {
        flex-wrap: wrap
    }

        .medium-up-6 > .column, .medium-up-6 > .columns {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .medium-up-7 {
        flex-wrap: wrap
    }

        .medium-up-7 > .column, .medium-up-7 > .columns {
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .medium-up-8 {
        flex-wrap: wrap
    }

        .medium-up-8 > .column, .medium-up-8 > .columns {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

@media print, screen and (min-width: 48em) and (min-width: 48em) {
    .medium-expand {
        flex: 1 1 0
    }
}

.row.medium-unstack > .column, .row.medium-unstack > .columns {
    flex: 0 0 100%
}

@media print, screen and (min-width: 48em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
        flex: 1 1 0
    }
}

@media print, screen and (min-width: 48em) {
    .medium-collapse > .column, .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .medium-uncollapse > .column, .medium-uncollapse > .columns {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media print, screen and (min-width: 64em) {
    .large-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0%
    }

    .large-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 {
        flex-wrap: wrap
    }

        .large-up-1 > .column, .large-up-1 > .columns {
            flex: 0 0 100%;
            max-width: 100%
        }

    .large-up-2 {
        flex-wrap: wrap
    }

        .large-up-2 > .column, .large-up-2 > .columns {
            flex: 0 0 50%;
            max-width: 50%
        }

    .large-up-3 {
        flex-wrap: wrap
    }

        .large-up-3 > .column, .large-up-3 > .columns {
            flex: 0 0 33.33333%;
            max-width: 33.33333%
        }

    .large-up-4 {
        flex-wrap: wrap
    }

        .large-up-4 > .column, .large-up-4 > .columns {
            flex: 0 0 25%;
            max-width: 25%
        }

    .large-up-5 {
        flex-wrap: wrap
    }

        .large-up-5 > .column, .large-up-5 > .columns {
            flex: 0 0 20%;
            max-width: 20%
        }

    .large-up-6 {
        flex-wrap: wrap
    }

        .large-up-6 > .column, .large-up-6 > .columns {
            flex: 0 0 16.66667%;
            max-width: 16.66667%
        }

    .large-up-7 {
        flex-wrap: wrap
    }

        .large-up-7 > .column, .large-up-7 > .columns {
            flex: 0 0 14.28571%;
            max-width: 14.28571%
        }

    .large-up-8 {
        flex-wrap: wrap
    }

        .large-up-8 > .column, .large-up-8 > .columns {
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
}

@media print, screen and (min-width: 64em) and (min-width: 64em) {
    .large-expand {
        flex: 1 1 0
    }
}

.row.large-unstack > .column, .row.large-unstack > .columns {
    flex: 0 0 100%
}

@media print, screen and (min-width: 64em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
        flex: 1 1 0
    }
}

@media print, screen and (min-width: 64em) {
    .large-collapse > .column, .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0
    }

    .large-uncollapse > .column, .large-uncollapse > .columns {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.shrink {
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 2rem
}

    .column-block > :last-child {
        margin-bottom: 0
    }

@media print, screen and (min-width: 48em) {
    .column-block {
        margin-bottom: 2rem
    }

        .column-block > :last-child {
            margin-bottom: 0
        }
}

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

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

.align-center {
    justify-content: center
}

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

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

.align-left.vertical.menu > li > a {
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    justify-content: center
}

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

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

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

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

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print, screen and (min-width: 48em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print, screen and (min-width: 64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print, screen and (min-width: 48em) {
    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print, screen and (min-width: 64em) {
    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print, screen and (max-width: 47.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em), screen and (min-width: 48em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print, screen and (min-width: 48em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 47.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 47.99875em), screen and (min-width: 64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) and (max-width: 79.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 80em) {
    .show-for-large-only {
        display: none !important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 0.0625rem !important;
    height: 0.0625rem !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

    .show-on-focus:active, .show-on-focus:focus {
        position: static !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        clip: auto !important;
        white-space: normal !important
    }

.show-for-landscape, .hide-for-portrait {
    display: block !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: block !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-landscape, .hide-for-portrait {
        display: none !important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {
    .hide-for-landscape, .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {
    .hide-for-landscape, .show-for-portrait {
        display: block !important
    }
}

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .show-for-ie {
        display: block !important
    }

    .hide-for-ie {
        display: none !important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

.content-wrap {
    max-width: 36.875rem;
    width: 100%;
    margin: 0 auto
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@font-face {
    font-family: 'Geogrotesque';
    font-style: normal;
    font-weight: 300;
    src: local("Geogrotesque"),local("Geogrotesque-Light"),url("../media/fonts/geogrotesque/geogrotesque-light.woff2") format("woff2"),url("../media/fonts/geogrotesque/geogrotesque-light.woff") format("woff")
}

@font-face {
    font-family: 'Geogrotesque';
    font-style: normal;
    font-weight: 400;
    src: local("Geogrotesque"),local("Geogrotesque-Regular"),url("../media/fonts/geogrotesque/geogrotesque-regular.woff2") format("woff2"),url("../media/fonts/geogrotesque/geogrotesque-regular.woff") format("woff")
}

@font-face {
    font-family: 'Geogrotesque';
    font-style: normal;
    font-weight: 500;
    src: local("Geogrotesque"),local("Geogrotesque-Medium"),url("../media/fonts/geogrotesque/geogrotesque-medium.woff2") format("woff2"),url("../media/fonts/geogrotesque/geogrotesque-medium.woff") format("woff")
}

@font-face {
    font-family: 'Geogrotesque';
    font-style: normal;
    font-weight: 600;
    src: local("Geogrotesque"),local("Geogrotesque-Semibold"),url("../media/fonts/geogrotesque/geogrotesque-semibold.woff2") format("woff2"),url("../media/fonts/geogrotesque/geogrotesque-semibold.woff") format("woff")
}

@font-face {
    font-family: 'Geogrotesque';
    font-style: normal;
    font-weight: 700;
    src: local("Geogrotesque"),local("Geogrotesque-Bold"),url("../media/fonts/geogrotesque/geogrotesque-bold.woff2") format("woff2"),url("../media/fonts/geogrotesque/geogrotesque-bold.woff") format("woff")
}

.light, h1, .h1, h3, .h3 {
    font-weight: 300
}

.regular, h2, .h2, h6, table caption, .h6, p, .smaller, .small, small {
    font-weight: 400
}

.medium, h4, .h4, h5, .h5 {
    font-weight: 500
}

.semi-bold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

b, strong, .semibold {
    font-weight: 600 !important
}

.long-line {
    line-height: 1.8
}

.underline {
    text-decoration: underline
}

.uppercase {
    text-transform: uppercase
}

.center {
    text-align: center
}

.input-cb-lh-16 input[type='checkbox'] ~ label {
    line-height: 16px
}

    .input-cb-lh-16 input[type='checkbox'] ~ label::before {
        top: 0
    }

    .input-cb-lh-16 input[type='checkbox'] ~ label::after {
        top: 0.1875rem
    }

h1, .h1 {
    font-size: clamp(3rem, calc(2.73rem + 1.19vw), 3.58rem);
    margin-bottom: 1em;
    margin-top: 0;
    font-family: "Geogrotesque",sans-serif;
    color: #252729
}

h2, .h2 {
    font-size: clamp(2.57rem, calc(2.37rem + 0.86vw), 2.99rem);
    margin-bottom: 1em;
    font-family: "Geogrotesque",sans-serif;
    color: #252729
}

h3, .h3 {
    font-size: clamp(2.19rem, calc(2.06rem + 0.61vw), 2.49rem);
    margin-bottom: 1em;
    font-family: "Geogrotesque",sans-serif;
    color: #252729
}

h4, .h4 {
    font-size: clamp(1.87rem, calc(1.78rem + 0.41vw), 2.07rem);
    margin-bottom: 1em;
    font-family: "Geogrotesque",sans-serif;
    color: #252729
}

h5, .h5 {
    font-size: clamp(1.6rem, calc(1.54rem + 0.26vw), 1.73rem);
    margin-bottom: 1em;
    font-family: "Source Sans Pro",sans-serif;
    color: #252729
}

h6, table caption, .h6 {
    font-size: clamp(1.37rem, calc(1.34rem + 0.15vw), 1.44rem);
    margin-bottom: 1em;
    font-family: "Source Sans Pro",sans-serif
}

    h6.long-line, table caption.long-line, .h6.long-line {
        line-height: 1.6
    }

p {
    margin-bottom: 1.5em;
    color: #111
}

.smaller {
    font-size: clamp(1rem, calc(1rem + 0vw), 1rem)
}

.small, small {
    font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem)
}

ul {
    padding: 0 0 0 1rem;
    margin-bottom: 1.5em
}

    ul li {
        margin-bottom: 0.75rem;
        padding-left: 1rem
    }

        ul li::marker {
            color: #33a9eb;
            width: 0.5rem;
            height: 0.5rem
        }

:root {
    --height-app: 100vh;
    --spacing-25: 0.5rem;
    --spacing-50: 0.75rem;
    --spacing-000: 1rem;
    --spacing-100: 1rem;
    --spacing-200: 1.5rem;
    --spacing-300: 2rem;
    --spacing-400: 2.5rem;
    --spacing-500: 3rem;
    --spacing-600: 3.5rem;
    --spacing-700: 3rem;
    --spacing-app: 100vh
}

@media print, screen and (min-width: 64em) {
    :root {
        --spacing-25: 0.5rem;
        --spacing-50: 0.75rem;
        --spacing-000: 1rem;
        --spacing-100: 1.5rem;
        --spacing-200: 2rem;
        --spacing-300: 2.5rem;
        --spacing-400: 3rem;
        --spacing-500: 3.5rem;
        --spacing-600: 4rem;
        --spacing-700: 5rem
    }
}

*, *::before, *::after {
    box-sizing: border-box
}

html {
    font-size: 100%;
    -webkit-overflow-scrolling: touch
}

body {
    background: #fff;
    color: #252729;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 100%;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

    body.full-width-color {
        background: linear-gradient(118.16deg, #be84cf 6.43%, #56c0f5 61.63%, #52fbff 100%)
    }

    body.grey-bg, body.white-bg {
        display: flex;
        flex-direction: column;
        min-height: 100vh
    }

        body.grey-bg footer, body.white-bg footer {
            margin: auto 0 0
        }

    body.full-height-grey {
        background: #f2f2f2;
        height: 100vh;
        display: flex;
        flex-direction: column
    }

        body.full-height-grey footer {
            background: #f2f2f2;
            color: #252729;
            margin: auto 0 0
        }

    body.lock {
        overflow: hidden;
        position: relative
    }

main > div {
    width: 100%
}

    main > div.left {
        display: none
    }

        main > div.left img {
            transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        }

    main > div.right > img {
        display: block;
        height: 3.5rem;
        margin: 1rem 1rem 0
    }

main.full-width {
    background: #fff;
    display: block
}

    main.full-width a {
        color: #009fe9;
        text-decoration: none
    }

    main.full-width > div {
        width: 100%
    }

main.full-width-color, main.full-width-grey, main.full-height-grey {
    background: transparent
}

    main.full-width-color > div.left, main.full-width-grey > div.left, main.full-height-grey > div.left {
        display: none
    }

    main.full-width-color > div.right, main.full-width-grey > div.right, main.full-height-grey > div.right {
        width: 100%;
        height: calc(100vh - 4.5rem - 4.25rem);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

        main.full-width-color > div.right .white-container, main.full-width-grey > div.right .white-container, main.full-height-grey > div.right .white-container {
            min-width: calc(100% - 2rem);
            padding: 3rem 2rem;
            margin: 0 1rem;
            transition: min-width 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            background-color: #fff
        }

            main.full-width-color > div.right .white-container a, main.full-width-grey > div.right .white-container a, main.full-height-grey > div.right .white-container a {
                color: #009ee3
            }

            main.full-width-color > div.right .white-container.center, main.full-width-grey > div.right .white-container.center, main.full-height-grey > div.right .white-container.center {
                text-align: center
            }

    main.full-width-grey > div.right {
        width: 100%;
        height: unset
    }

    main.full-height-grey > div.right {
        width: 100%;
        height: unset
    }

        main.full-height-grey > div.right > img {
            display: none
        }

@media print, screen and (min-width: 48em) {
    main {
        background: linear-gradient(118.16deg, #be84cf 6.43%, #56c0f5 61.63%, #52fbff 100%);
        display: flex;
        align-items: center;
        justify-content: center
    }

        main.-bg-valu {
            background: linear-gradient(118.16deg, #e87f35 9.36%, #ea3993 100%)
        }

        main > div {
            width: 40%
        }

            main > div.left {
                display: block
            }

                main > div.left img {
                    display: block;
                    height: 4.8125rem;
                    position: fixed;
                    transition: all 0.25s ease;
                    top: 50%;
                    left: 13%;
                    transform: translate(-15%, -50%)
                }

            main > div.right > img {
                display: none
            }

            main > div.right .white-container {
                background-color: #fff;
                max-width: 30.5rem;
                margin: 2rem auto;
                padding: 3.5rem 1rem
            }

        main.full-width-color > div.right .white-container {
            min-width: calc(100% - 4rem);
            margin: 0 2rem
        }
}

@media print, screen and (min-width: 64em) {
    main > div.left img {
        left: 20%;
        transform: translate(-30%, -50%)
    }

    main.full-width-color > div.right .white-container {
        min-width: 49.625rem
    }
}

@media screen and (min-width: 80em) {
    main > div.left img {
        left: 30%;
        transform: translate(-30%, -50%)
    }
}

a {
    color: #252729;
    font-weight: 500
}

@media (hover: hover) {
    a:hover {
        text-decoration: none
    }
}

a.-show-underline {
    text-decoration: underline
}

p, ul, ol, table, .media {
    margin: 0 0 1.25rem
}

@media print, screen and (min-width: 64em) {
    p, ul, ol, table, .media {
        margin: 0 0 2.1875rem
    }
}

ul, ol {
    padding: 0 0 0 1.375rem;
    list-style-position: outside
}

.mvp-list {
    list-style-type: none
}

    .mvp-list > li {
        position: relative;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        margin-bottom: 0.5rem
    }

        .mvp-list > li::before {
            content: '';
            position: absolute;
            top: 0.4375rem;
            left: -1.375rem;
            height: 0.375rem;
            width: 0.375rem;
            border-radius: 100%;
            background-color: #009fe9
        }

.full-height {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: var(--height-app)
}

    .full-height main {
        flex-grow: 1;
        flex-shrink: 0
    }

.header-sticky {
    padding-top: 5rem
}

@media print, screen and (max-width: 63.99875em) {
    .header-sticky {
        padding-top: 3.5rem
    }
}

@media print, screen and (max-width: 63.99875em) {
    .tablet-order-1 {
        order: 0
    }
}

@media print, screen and (max-width: 63.99875em) {
    .tablet-order-2 {
        order: 1
    }
}

@media print, screen and (max-width: 47.99875em) {
    .mobile-order-1 {
        order: 0
    }
}

@media print, screen and (max-width: 47.99875em) {
    .mobile-order-2 {
        order: 1
    }
}

@media print, screen and (min-width: 48em) {
    .medium-2-0 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

.single-login {
    background: #fff
}

    .single-login .center-row-content {
        padding-top: 5rem;
        padding-bottom: 3.75rem
    }

@media print, screen and (max-width: 63.99875em) {
    .single-login .center-row-content {
        padding-top: 3.5rem;
        padding-bottom: 6.25rem
    }
}

.single-login__buttons .button {
    max-width: 8.4375rem;
    width: 100%
}

    .single-login__buttons .button:first-child {
        margin-right: 1rem
    }

.autosuggest-wrap {
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    height: auto;
    border-radius: 0;
    max-height: 18.75rem;
    overflow: auto;
    will-change: scroll-position
}

.-has-error .autosuggest-wrap {
    top: calc(100% - 1.1875rem)
}

.autosuggest-wrap.displayed {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.09);
    border: 0.0625rem solid #d9d9d9
}

.autosuggest-wrap__item {
    border: none;
    padding: 0.9375rem;
    font-size: 0.875rem;
    cursor: pointer
}

    .autosuggest-wrap__item:hover {
        background-color: #f3f3f3
    }

.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin: 2rem 0
}

    .strike > span {
        position: relative;
        display: inline-block;
        text-transform: uppercase;
        color: #5c6167;
        font-weight: 600
    }

        .strike > span::before, .strike > span::after {
            content: '';
            position: absolute;
            top: 50%;
            width: 624.9375rem;
            height: 0.0625rem;
            background: #e9e9e9
        }

        .strike > span::before {
            right: 100%;
            margin-right: 0.9375rem
        }

        .strike > span::after {
            left: 100%;
            margin-left: 0.9375rem
        }

@media print, screen and (max-width: 47.99875em) {
    .white-container {
        margin-top: 2rem;
        margin-bottom: 1rem
    }
}

.white-container.-white-middle {
    max-width: 49.625rem !important;
    min-width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.grey-bg {
    width: 100%;
    background-color: #f2f2f2
}

.spacing-200 {
    margin: 2rem 0
}

.qr-login {
    display: grid;
    grid-template-columns: 1fr 8.3125rem;
    gap: 1.5rem;
    align-items: center
}

    .qr-login .qr-code .wrap {
        position: relative
    }

    .qr-login .qr-alert {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.8);
        padding: 0.375rem
    }

        .qr-login .qr-alert .inner-bg {
            border: 0.0625rem solid #252729;
            border-left: 0.1875rem solid #252729;
            background: #fff;
            height: 100%;
            width: 100%;
            padding: 0.875rem;
            padding-left: 1.5rem;
            position: relative
        }

            .qr-login .qr-alert .inner-bg span {
                line-height: 20px;
                position: relative;
                z-index: 1
            }

            .qr-login .qr-alert .inner-bg .button {
                margin-top: 1rem;
                margin-bottom: 0;
                position: relative;
                z-index: 1
            }

        .qr-login .qr-alert.success .inner-bg {
            border: 0
        }

            .qr-login .qr-alert.success .inner-bg::before {
                content: '';
                border: 0.0625rem solid rgba(20,216,122,0.5);
                border-left: 0.1875rem solid #14d87a;
                background-color: rgba(20,216,122,0.1);
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 0
            }

main .mobile {
    display: block !important
}

@media print, screen and (min-width: 48em) {
    main .mobile {
        display: none !important
    }
}

.mobile-flex {
    display: flex !important
}

@media print, screen and (min-width: 48em) {
    .mobile-flex {
        display: none !important
    }
}

.mobile-grid {
    display: grid !important
}

@media print, screen and (min-width: 48em) {
    .mobile-grid {
        display: none !important
    }
}

.desktop {
    display: none !important
}

@media print, screen and (min-width: 48em) {
    .desktop {
        display: block !important
    }
}

.desktop-flex {
    display: none !important
}

@media print, screen and (min-width: 48em) {
    .desktop-flex {
        display: flex !important
    }
}

.desktop-grid {
    display: none !important
}

@media print, screen and (min-width: 48em) {
    .desktop-grid {
        display: grid !important
    }
}

.lighter-text {
    color: #5c6167
}

    .lighter-text a {
        color: #5c6167
    }

.no-bullet {
    padding: 0
}

    .no-bullet li {
        list-style: none
    }

.inline-list li {
    display: inline-block;
    padding: 0 0.625rem
}

.visually-hidden, .form-item.-label-visually-hidden label {
    position: absolute !important;
    clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
    overflow: hidden;
    height: 0.0625rem;
    width: 0.0625rem;
    word-wrap: normal
}

.svg-defs {
    width: 0;
    height: 0;
    position: absolute
}

.relative {
    position: relative
}

.block {
    display: block !important
}

.hidden {
    display: none !important
}

.inline {
    display: inline-block !important
}

.invisible {
    clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
    overflow: hidden;
    height: 0.0625rem;
    width: 0.0625rem;
    word-wrap: normal
}

.center-row-content {
    justify-content: center
}

.center-column-flex {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.center-row-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

@media print, screen and (max-width: 63.99875em) {
    .mobile-end-row-flex {
        justify-content: flex-end
    }

        .mobile-end-row-flex > * {
            margin: 0
        }
}

@media print, screen and (max-width: 47.99875em) {
    .mobile-end-row-flex .button.-inline {
        width: 100%
    }
}

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

.reverse {
    flex-direction: row-reverse
}

.mw-320, .mw-320--left, .mw-320--right {
    max-width: 20rem;
    margin: 0 auto
}

@media print, screen and (min-width: 64em) {
    .mw-320--left {
        margin: 0
    }
}

.mw-320--inline {
    margin: 0
}

@media print, screen and (min-width: 48em) {
    .mw-320--inline {
        max-width: 20rem
    }
}

@media print, screen and (min-width: 64em) {
    .mw-320--right {
        margin: 0;
        margin-left: auto
    }
}

.mw-150 {
    max-width: 9.375rem
}

.mw-550 {
    max-width: 34.375rem;
    margin: 0 auto
}

.mw-550--inline {
    margin: 0
}

@media print, screen and (min-width: 48em) {
    .mw-550--inline {
        max-width: 34.375rem
    }
}

.w-full {
    width: 100%
}

.mw-340 {
    max-width: 21.25rem;
    margin: 0 auto
}

.mw-340--inline {
    margin: 0
}

@media print, screen and (min-width: 48em) {
    .mw-340--inline {
        max-width: 21.25rem
    }
}

.bg-footer {
    background-color: #222222
}

.bg-stepper {
    background-color: #f7f7f7
}

.bg-row {
    background-color: #f0f0f0
}

@media print, screen and (max-width: 47.99875em) {
    .small-0 {
        display: none !important
    }
}

@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .medium-0 {
        display: none !important
    }
}

@media print, screen and (min-width: 64em) {
    .large-0 {
        display: none !important
    }
}

.second-option-indicator::before, .second-option-indicator .mw-320::before, .second-option-indicator .mw-320--left::before, .second-option-indicator .mw-320--right::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0.625rem;
    bottom: 0.625rem;
    border-right: 0.0625rem solid #009fe9
}

.second-option-indicator::after, .second-option-indicator .mw-320::after, .second-option-indicator .mw-320--left::after, .second-option-indicator .mw-320--right::after {
    content: attr(data-content);
    width: 1.875rem;
    position: absolute;
    top: 50%;
    right: -0.9375rem;
    transform: translateY(-50%);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.01875rem;
    padding: 1rem 0.3125rem;
    color: #009fe9;
    background: #fff
}

.second-option-indicator {
    position: relative
}

    .second-option-indicator .mw-320, .second-option-indicator .mw-320--left, .second-option-indicator .mw-320--right {
        position: relative
    }

        .second-option-indicator .mw-320::before, .second-option-indicator .mw-320--left::before, .second-option-indicator .mw-320--right::before, .second-option-indicator .mw-320::after, .second-option-indicator .mw-320--left::after, .second-option-indicator .mw-320--right::after {
            content: none
        }

@media print, screen and (max-width: 47.99875em) {
    .second-option-indicator {
        padding-bottom: 2.125rem
    }

        .second-option-indicator::before, .second-option-indicator::after {
            content: none
        }

        .second-option-indicator .mw-320::before, .second-option-indicator .mw-320--left::before, .second-option-indicator .mw-320--right::before {
            content: '';
            left: 0;
            right: 0;
            bottom: -2.125rem;
            top: auto;
            border-right: none;
            border-bottom: 0.0625rem solid #009fe9
        }

        .second-option-indicator .mw-320::after, .second-option-indicator .mw-320--left::after, .second-option-indicator .mw-320--right::after {
            content: attr(data-content-mobile);
            padding: 0.3125rem 0.9375rem;
            width: 3.125rem;
            top: auto;
            bottom: -2.8125rem;
            left: 50%;
            transform: translateX(-50%)
        }
}

.el-has-separator {
    position: relative;
    padding-bottom: 2.46875rem;
    margin-bottom: 2.46875rem
}

@media print, screen and (max-width: 63.99875em) {
    .el-has-separator {
        margin-bottom: 1.96875rem
    }
}

.el-has-separator::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom: 0.0625rem solid #009fe9
}

.el-has-separator::after {
    content: attr(data-content);
    position: absolute;
    left: 50%;
    bottom: -0.75rem;
    transform: translateX(-50%);
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: 0.01875rem;
    padding: 0.3125rem 1rem;
    color: #009fe9;
    background: #fff
}

.back-to-login {
    display: block;
    margin-top: 4rem;
    margin-bottom: 5.4375rem
}

@media print, screen and (max-width: 63.99875em) {
    .back-to-login {
        margin: 3rem 0 7.5rem
    }
}

.no-visuals::before, .no-visuals::after, .login-password::before, .login-password::after {
    content: none !important
}

.list--plain > li {
    position: relative;
    list-style-type: none
}

    .list--plain > li::before {
        content: '-';
        position: absolute;
        top: 0;
        left: -1.375rem
    }

.no-overflow {
    overflow: hidden
}

.pictogram-medium {
    width: 3.5rem;
    height: 3.5rem
}

.pictogram-big {
    width: 4.5rem;
    height: 4.5rem
}

    .pictogram-big.red {
        color: #d00505
    }

.grey {
    color: #5c6167
}

.lead {
    font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem);
    line-height: 1.5rem
}

.center {
    text-align: center
}

.margin-25 {
    margin: var(--spacing-25) !important
}

.margin-top-25 {
    margin-top: var(--spacing-25) !important
}

.margin-left-25 {
    margin-left: var(--spacing-25) !important
}

.margin-right-25 {
    margin-right: var(--spacing-25) !important
}

.margin-bottom-25 {
    margin-bottom: var(--spacing-25) !important
}

.padding-25 {
    padding: var(--spacing-25) !important
}

.padding-top-25 {
    padding-top: var(--spacing-25) !important
}

.padding-left-25 {
    padding-left: var(--spacing-25) !important
}

.padding-right-25 {
    padding-right: var(--spacing-25) !important
}

.padding-bottom-25 {
    padding-bottom: var(--spacing-25) !important
}

.margin-50 {
    margin: var(--spacing-50) !important
}

.margin-top-50 {
    margin-top: var(--spacing-50) !important
}

.margin-left-50 {
    margin-left: var(--spacing-50) !important
}

.margin-right-50 {
    margin-right: var(--spacing-50) !important
}

.margin-bottom-50 {
    margin-bottom: var(--spacing-50) !important
}

.padding-50 {
    padding: var(--spacing-50) !important
}

.padding-top-50 {
    padding-top: var(--spacing-50) !important
}

.padding-left-50 {
    padding-left: var(--spacing-50) !important
}

.padding-right-50 {
    padding-right: var(--spacing-50) !important
}

.padding-bottom-50 {
    padding-bottom: var(--spacing-50) !important
}

.margin-000 {
    margin: var(--spacing-000) !important
}

.margin-top-000 {
    margin-top: var(--spacing-000) !important
}

.margin-left-000 {
    margin-left: var(--spacing-000) !important
}

.margin-right-000 {
    margin-right: var(--spacing-000) !important
}

.margin-bottom-000 {
    margin-bottom: var(--spacing-000) !important
}

.padding-000 {
    padding: var(--spacing-000) !important
}

.padding-top-000 {
    padding-top: var(--spacing-000) !important
}

.padding-left-000 {
    padding-left: var(--spacing-000) !important
}

.padding-right-000 {
    padding-right: var(--spacing-000) !important
}

.padding-bottom-000 {
    padding-bottom: var(--spacing-000) !important
}

.margin-100 {
    margin: var(--spacing-100) !important
}

.margin-top-100 {
    margin-top: var(--spacing-100) !important
}

.margin-left-100 {
    margin-left: var(--spacing-100) !important
}

.margin-right-100 {
    margin-right: var(--spacing-100) !important
}

.margin-bottom-100 {
    margin-bottom: var(--spacing-100) !important
}

.padding-100 {
    padding: var(--spacing-100) !important
}

.padding-top-100 {
    padding-top: var(--spacing-100) !important
}

.padding-left-100 {
    padding-left: var(--spacing-100) !important
}

.padding-right-100 {
    padding-right: var(--spacing-100) !important
}

.padding-bottom-100 {
    padding-bottom: var(--spacing-100) !important
}

.margin-200 {
    margin: var(--spacing-200) !important
}

.margin-top-200 {
    margin-top: var(--spacing-200) !important
}

.margin-left-200 {
    margin-left: var(--spacing-200) !important
}

.margin-right-200 {
    margin-right: var(--spacing-200) !important
}

.margin-bottom-200 {
    margin-bottom: var(--spacing-200) !important
}

.padding-200 {
    padding: var(--spacing-200) !important
}

.padding-top-200 {
    padding-top: var(--spacing-200) !important
}

.padding-left-200 {
    padding-left: var(--spacing-200) !important
}

.padding-right-200 {
    padding-right: var(--spacing-200) !important
}

.padding-bottom-200 {
    padding-bottom: var(--spacing-200) !important
}

.margin-300 {
    margin: var(--spacing-300) !important
}

.margin-top-300 {
    margin-top: var(--spacing-300) !important
}

.margin-left-300 {
    margin-left: var(--spacing-300) !important
}

.margin-right-300 {
    margin-right: var(--spacing-300) !important
}

.margin-bottom-300 {
    margin-bottom: var(--spacing-300) !important
}

.padding-300 {
    padding: var(--spacing-300) !important
}

.padding-top-300 {
    padding-top: var(--spacing-300) !important
}

.padding-left-300 {
    padding-left: var(--spacing-300) !important
}

.padding-right-300 {
    padding-right: var(--spacing-300) !important
}

.padding-bottom-300 {
    padding-bottom: var(--spacing-300) !important
}

.margin-400 {
    margin: var(--spacing-400) !important
}

.margin-top-400 {
    margin-top: var(--spacing-400) !important
}

.margin-left-400 {
    margin-left: var(--spacing-400) !important
}

.margin-right-400 {
    margin-right: var(--spacing-400) !important
}

.margin-bottom-400 {
    margin-bottom: var(--spacing-400) !important
}

.padding-400 {
    padding: var(--spacing-400) !important
}

.padding-top-400 {
    padding-top: var(--spacing-400) !important
}

.padding-left-400 {
    padding-left: var(--spacing-400) !important
}

.padding-right-400 {
    padding-right: var(--spacing-400) !important
}

.padding-bottom-400 {
    padding-bottom: var(--spacing-400) !important
}

.margin-500 {
    margin: var(--spacing-500) !important
}

.margin-top-500 {
    margin-top: var(--spacing-500) !important
}

.margin-left-500 {
    margin-left: var(--spacing-500) !important
}

.margin-right-500 {
    margin-right: var(--spacing-500) !important
}

.margin-bottom-500 {
    margin-bottom: var(--spacing-500) !important
}

.padding-500 {
    padding: var(--spacing-500) !important
}

.padding-top-500 {
    padding-top: var(--spacing-500) !important
}

.padding-left-500 {
    padding-left: var(--spacing-500) !important
}

.padding-right-500 {
    padding-right: var(--spacing-500) !important
}

.padding-bottom-500 {
    padding-bottom: var(--spacing-500) !important
}

.margin-600 {
    margin: var(--spacing-600) !important
}

.margin-top-600 {
    margin-top: var(--spacing-600) !important
}

.margin-left-600 {
    margin-left: var(--spacing-600) !important
}

.margin-right-600 {
    margin-right: var(--spacing-600) !important
}

.margin-bottom-600 {
    margin-bottom: var(--spacing-600) !important
}

.padding-600 {
    padding: var(--spacing-600) !important
}

.padding-top-600 {
    padding-top: var(--spacing-600) !important
}

.padding-left-600 {
    padding-left: var(--spacing-600) !important
}

.padding-right-600 {
    padding-right: var(--spacing-600) !important
}

.padding-bottom-600 {
    padding-bottom: var(--spacing-600) !important
}

.margin-700 {
    margin: var(--spacing-700) !important
}

.margin-top-700 {
    margin-top: var(--spacing-700) !important
}

.margin-left-700 {
    margin-left: var(--spacing-700) !important
}

.margin-right-700 {
    margin-right: var(--spacing-700) !important
}

.margin-bottom-700 {
    margin-bottom: var(--spacing-700) !important
}

.padding-700 {
    padding: var(--spacing-700) !important
}

.padding-top-700 {
    padding-top: var(--spacing-700) !important
}

.padding-left-700 {
    padding-left: var(--spacing-700) !important
}

.padding-right-700 {
    padding-right: var(--spacing-700) !important
}

.padding-bottom-700 {
    padding-bottom: var(--spacing-700) !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important
    }

    body, p, ul, table {
        font-size: 95% !important
    }

    a:visited {
        text-decoration: underline
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: 2cm
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3, h4 {
        page-break-after: avoid
    }

    .hide-for-print {
        display: none !important
    }
}

table {
    font-size: 1rem;
    border-collapse: collapse;
    width: 100%;
    text-align: left
}

    table caption {
        text-align: left
    }

    table td, table th {
        font-weight: 400;
        color: #787878;
        padding: 0.5rem 0.3125rem;
        border: none;
        border-bottom: 0.0625rem solid #d9d9d9
    }

@media print, screen and (min-width: 48em) {
    table td, table th {
        padding: 0.625rem 0.7rem
    }
}

table thead th {
    font-weight: 600;
    color: #787878;
    background-color: #f0f0f0;
    border: none
}

table tbody td {
    border-bottom: 0.0625rem solid #d9d9d9
}

table.styleguide thead th:last-child {
    text-align: center;
    width: 20%
}

table.styleguide tbody td:last-child {
    text-align: center
}

@media print, screen and (max-width: 63.99875em) {
    .table-scrollable {
        display: block;
        overflow: auto
    }

        .table-scrollable table {
            min-width: 25rem;
            white-space: nowrap
        }
}

.skip-link {
    z-index: 1;
    position: absolute;
    top: 5.75rem;
    left: -624.9375rem;
    transform: translateX(-50%)
}

    .skip-link:focus {
        left: 50%
    }

@media print, screen and (min-width: 64em) {
    .skip-link {
        top: 6.25rem
    }
}

.handorgel {
    display: block;
    width: 100%;
    border: 0.0625rem solid #eee;
    border-top: none
}

.handorgel__header {
    display: block;
    margin: 0
}

.handorgel__header--open .handorgel__header__button {
    background-color: rgba(0,0,0,0)
}

.handorgel__header--focus .handorgel__header__button {
    background-color: rgba(0,0,0,0);
    outline: none
}

.handorgel__header__button {
    display: block;
    width: 100%;
    padding: 1.0625rem 2.5rem 1rem 0;
    margin: 0;
    border: none;
    border-top: 0.0625rem solid #eee;
    background-color: #fff;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    text-align: left;
    transition: background-color .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .handorgel__header__button::-moz-focus-inner {
        border: 0
    }

.handorgel__content {
    display: none;
    overflow: hidden;
    height: 0;
    border-top: 0.0625rem solid #eee;
    background-color: #fff;
    transition: height .1s ease .1s
}

.handorgel__content--open {
    display: block;
    transition: height .2s ease
}

.handorgel__content--opened {
    overflow: visible
}

.handorgel__content__inner {
    padding: 0 0 1rem 0;
    opacity: 0;
    transition: opacity .1s ease
}

.handorgel__content--opened .handorgel__content__inner {
    opacity: 1;
    transition: opacity .3s ease
}

.handorgel {
    border: none;
    margin-bottom: 1.875rem
}

.handorgel__button-toggle {
    background-color: transparent;
    border: none;
    color: #009fe9;
    font-size: 0.875rem;
    text-transform: uppercase;
    padding-right: 0;
    margin-bottom: 0.9375rem;
    cursor: pointer
}

@media (hover: hover) {
    .handorgel__button-toggle:hover {
        text-decoration: underline
    }
}

.handorgel__button-toggle span.hidden {
    display: none
}

.handorgel__header {
    background-color: #efefef
}

    .handorgel__header:not(:first-child) {
        margin-top: 0.625rem
    }

.handorgel__header--opened {
    border-bottom: none
}

.handorgel__content {
    border-top: none;
    background-color: #efefef;
    padding: 0
}

.handorgel__content__inner {
    padding: 1.25rem 2.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .handorgel__content__inner {
        padding: 1.25rem 1.125rem
    }
}

.handorgel__content--opened {
    border-top: 0.125rem solid #fff
}

.handorgel__content h3 {
    margin: 0 0 1rem
}

@media print, screen and (min-width: 48em) {
    .handorgel__content h3 {
        margin: 0.625rem 0 1.625rem
    }
}

.handorgel__content p {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: #0a0a0a
}

@media print, screen and (min-width: 64em) {
    .handorgel__content p {
        margin-bottom: 1.5rem;
        font-size: 1rem
    }
}

.handorgel__header__button {
    font-size: 1rem;
    letter-spacing: 0.025rem;
    line-height: 20px;
    font-weight: 500 !important;
    position: relative;
    background-color: transparent;
    color: #0a0a0a;
    padding: 1.25rem 2.8125rem 1.25rem 1.5rem;
    text-transform: uppercase
}

    .handorgel__header__button .handorgel__icon {
        font-size: 0.75rem;
        position: absolute;
        top: 50%;
        right: 1.375rem;
        transform: translateY(-50%);
        color: #009fe9
    }

    .handorgel__header__button[aria-expanded='true'] .handorgel__icon.-open {
        display: none
    }

    .handorgel__header__button[aria-expanded='false'] .handorgel__icon.-close {
        display: none
    }

@media print, screen and (min-width: 64em) {
    .handorgel__header {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 80em) {
    .handorgel__header {
        font-size: 1.5rem
    }
}

.address-card {
    padding: 1.5rem;
    border: 0.0625rem solid #e9e9e9;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 13rem;
    margin-bottom: 1rem
}

    .address-card .content .title {
        color: #111;
        font-weight: 600;
        font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem);
        margin-bottom: 1rem
    }

    .address-card .content .default {
        color: #5c6167;
        font-weight: 400;
        font-size: clamp(1rem, calc(1rem + 0vw), 1rem);
        text-transform: uppercase;
        margin-bottom: 1rem
    }

    .address-card .content .name, .address-card .content .address, .address-card .content .city {
        color: #5c6167;
        font-weight: 400;
        font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem);
        margin-bottom: 0.5rem
    }

    .address-card .content p:last-child {
        margin-bottom: 1rem
    }

    .address-card .buttons-container .button {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important
    }

        .address-card .buttons-container .button.grey {
            margin-right: 1rem
        }

@media print, screen and (min-width: 64em) {
    .address-card {
        padding: 2rem
    }
}

.breadcrumbs {
    background: #fff;
    width: 100%;
    padding: 1rem 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap
}

    .breadcrumbs .arrow-icon-container {
        display: flex;
        align-items: center;
        gap: 0.5rem
    }

    .breadcrumbs .home-icon-container {
        display: none
    }

    .breadcrumbs .link {
        text-decoration: none;
        font-weight: 600;
        transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        white-space: nowrap;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.83313rem;
        line-height: 16.76px
    }

@media (hover: hover) {
    .breadcrumbs .link:hover {
        color: #009ee3
    }
}

.breadcrumbs .link.hide-on-mobile {
    display: none
}

.breadcrumbs .link:not(.hide-on-mobile) svg {
    display: none
}

.breadcrumbs span {
    font-size: 0.83313rem;
    line-height: 16.76px
}

.breadcrumbs .last {
    display: none
}

@media print, screen and (min-width: 64em) {
    .breadcrumbs {
        padding: 1.5rem 2rem 0
    }

        .breadcrumbs .arrow-icon-container {
            display: none
        }

        .breadcrumbs .home-icon-container {
            display: flex;
            align-items: center;
            gap: 0.5rem
        }

        .breadcrumbs .link.hide-on-mobile {
            display: block
        }

        .breadcrumbs .link:not(.hide-on-mobile) svg {
            display: inline-block
        }

        .breadcrumbs .link.home {
            display: none
        }

        .breadcrumbs .last {
            display: inline-block
        }
}

.button {
    display: inline-flex;
    border-radius: 2.5rem;
    padding: 0 1.5rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #009ee3;
    border: 0.125rem solid #009ee3;
    transition: all 0.25s ease;
    cursor: pointer;
    margin-bottom: 1.25rem;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    font-size: var(--size-000);
    position: relative;
    isolation: isolate;
    height: 3rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .button::after {
        content: '';
        width: calc(100% + 0.25rem);
        height: calc(100% + 0.25rem);
        background: rgba(0,0,0,0.1);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 2.5rem;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.25s ease
    }

    .button span {
        position: relative;
        z-index: 2
    }

    .button .icon {
        position: relative;
        z-index: 2;
        margin-left: 0.75rem
    }

    .button + * {
        margin-top: 1.25rem
    }

    .button + .strike {
        margin-top: 2rem
    }

@media (hover: hover) {
    .button:hover::after {
        opacity: 1
    }
}

.button:disabled {
    opacity: 0.5;
    transition: none;
    cursor: not-allowed
}

    .button:disabled::after {
        display: none
    }

.button.-normal-case {
    text-transform: none;
    font-weight: 600
}

.button.-wide {
    width: 100%;
    text-align: center
}

.button.-wide-mobile {
    width: 100%;
    text-align: center
}

@media print, screen and (min-width: 48em) {
    .button.-wide-mobile {
        width: auto
    }
}

.button.-has-img {
    display: flex;
    align-items: center;
    justify-content: center
}

    .button.-has-img img {
        flex-shrink: 0;
        width: 1.5rem;
        margin-right: 0.625rem
    }

.button.outline {
    background-color: transparent;
    color: #009ee3
}

    .button.outline::after {
        display: none
    }

@media (hover: hover) {
    .button.outline:hover {
        background-color: #009ee3;
        color: #fff;
        box-shadow: none;
        filter: brightness(100%)
    }
}

.button.outline:disabled {
    border-color: #009ee3;
    background-color: transparent
}

@media (hover: hover) {
    .button.outline:disabled:hover {
        color: #009ee3
    }
}

.button.ghost {
    color: #009ee3;
    background-color: #fff;
    border-color: #fff
}

    .button.ghost::after {
        display: none
    }

@media (hover: hover) {
    .button.ghost:hover {
        background-color: #009ee3;
        color: #fff;
        border-color: #009ee3;
        box-shadow: none;
        filter: brightness(100%)
    }
}

.button.ghost:disabled {
    border-color: #fff;
    color: #009ee3;
    background-color: #fff
}

.button.small {
    padding: 0 1rem;
    font-size: 0.875rem;
    height: 1.8125rem
}

    .button.small .icon {
        margin-left: 0.6rem
    }

    .button.small.icon-left .icon {
        margin-left: 0;
        margin-right: 0.6rem
    }

.button.red {
    background-color: #ff0760;
    border-color: #ff0760
}

    .button.red.outline {
        background-color: transparent;
        border: 0.125rem solid #ff0760;
        color: #ff0760
    }

@media (hover: hover) {
    .button.red.outline:hover {
        background-color: #ff0760;
        color: #fff;
        filter: brightness(100%)
    }
}

.button.red:disabled.outline {
    color: #ff0760;
    background-color: transparent
}

.button.red:disabled.ghost {
    border-color: #fff;
    color: #ff0760;
    background-color: #fff
}

@media (hover: hover) {
    .button.red:disabled.ghost:hover {
        background-color: #fff;
        border-color: #fff;
        color: #ff0760;
        filter: brightness(100%)
    }
}

.button.red.ghost {
    color: #ff0760;
    background-color: #fff;
    border-color: #fff
}

@media (hover: hover) {
    .button.red.ghost:hover {
        background-color: #ff0760;
        color: #fff;
        border-color: #ff0760;
        filter: brightness(100%)
    }
}

.button.black {
    background-color: #252729;
    border-color: #252729
}

@media (hover: hover) {
    .button.black:hover {
        background-color: #5c6167;
        border-color: #5c6167
    }
}

.button.black.outline {
    background-color: transparent;
    border: 0.125rem solid #252729;
    color: #252729
}

@media (hover: hover) {
    .button.black.outline:hover {
        background-color: #252729;
        color: #fff;
        filter: brightness(100%)
    }
}

.button.black.outline.dark {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

@media (hover: hover) {
    .button.black.outline.dark:hover {
        background-color: #fff;
        color: #252729;
        filter: brightness(100%)
    }
}

.button.black.outline.dark:disabled {
    color: #fff
}

@media (hover: hover) {
    .button.black.outline.dark:disabled:hover {
        background-color: transparent
    }
}

@media (hover: hover) {
    .button.black:disabled:hover {
        background-color: #252729;
        border-color: #252729
    }
}

.button.black:disabled.outline {
    color: #252729;
    background-color: transparent
}

.button.black:disabled.ghost {
    border-color: #fff;
    color: #252729;
    background-color: #fff
}

@media (hover: hover) {
    .button.black:disabled.ghost:hover {
        background-color: #fff;
        border-color: #fff;
        color: #252729;
        filter: brightness(100%)
    }
}

.button.black.ghost {
    color: #252729;
    background-color: #fff;
    border-color: #fff
}

@media (hover: hover) {
    .button.black.ghost:hover {
        background-color: #252729;
        color: #fff;
        border-color: #252729;
        filter: brightness(100%)
    }
}

.button.black.ghost.dark {
    background-color: #fff;
    border-color: #fff
}

@media (hover: hover) {
    .button.black.ghost.dark:hover {
        background-color: #5c6167;
        border-color: #5c6167;
        filter: brightness(100%)
    }
}

.button.black.ghost.dark:disabled:hover {
    background-color: #fff;
    border-color: #fff;
    filter: brightness(100%)
}

.button.black.dark {
    background-color: #5c6167;
    border-color: #5c6167
}

.button.grey {
    background-color: #e2e1e1;
    color: #252729;
    border-color: #e2e1e1
}

    .button.grey.outline {
        background-color: transparent;
        border: 0.125rem solid #e2e1e1;
        color: #252729
    }

@media (hover: hover) {
    .button.grey.outline:hover {
        background-color: #e2e1e1;
        color: #252729;
        filter: brightness(100%)
    }
}

.button.grey.outline.dark {
    background-color: transparent;
    border-color: #5c6167;
    color: #fff
}

@media (hover: hover) {
    .button.grey.outline.dark:hover {
        background-color: #333;
        border-color: #333;
        filter: brightness(100%)
    }
}

.button.grey.outline.dark:disabled:hover {
    background-color: transparent;
    border-color: #5c6167;
    color: #fff;
    filter: brightness(100%)
}

.button.grey:disabled.outline {
    background-color: transparent
}

@media (hover: hover) {
    .button.grey:disabled.outline:hover {
        background-color: transparent;
        color: #252729;
        filter: brightness(100%)
    }
}

.button.grey:disabled.ghost {
    background-color: transparent
}

@media (hover: hover) {
    .button.grey:disabled.ghost:hover {
        background-color: transparent;
        color: #252729;
        filter: brightness(100%)
    }
}

.button.grey.ghost {
    background-color: transparent;
    border: 0.125rem solid #e2e1e1;
    color: #252729
}

@media (hover: hover) {
    .button.grey.ghost:hover {
        background-color: #e2e1e1;
        color: #252729;
        filter: brightness(100%)
    }
}

.button.grey.ghost.dark {
    background-color: transparent;
    border-color: #5c6167;
    color: #fff
}

@media (hover: hover) {
    .button.grey.ghost.dark:hover {
        background-color: #333;
        border-color: #333;
        filter: brightness(100%)
    }
}

.button.grey.ghost.dark:disabled:hover {
    background-color: transparent;
    border-color: #5c6167;
    color: #fff;
    filter: brightness(100%)
}

.button.grey.dark {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.button.-loading .loading {
    display: block
}

.button-group {
    display: flex;
    flex-direction: column-reverse
}

    .button-group.mobile-same {
        flex-direction: row
    }

        .button-group.mobile-same .button:first-child {
            margin-right: 1rem
        }

        .button-group.mobile-same .button:last-child {
            margin-bottom: 0
        }

    .button-group .button {
        margin: 0
    }

        .button-group .button:last-child {
            margin-bottom: 1rem
        }

@media print, screen and (min-width: 64em) {
    .button-group {
        flex-direction: row
    }

        .button-group .button:first-child {
            margin-right: 1rem
        }

        .button-group .button:last-child {
            margin-bottom: 0
        }
}

.button-group.inside-modal {
    justify-content: flex-end;
    flex-direction: column;
    margin-top: 2rem
}

    .button-group.inside-modal .button {
        margin: 0
    }

        .button-group.inside-modal .button:first-child {
            margin-bottom: 1rem
        }

@media print, screen and (min-width: 64em) {
    .button-group.inside-modal {
        flex-direction: row
    }

        .button-group.inside-modal .button:first-child {
            margin-right: 1rem;
            margin-bottom: 0
        }
}

.button-group.inside-modal.single .button {
    margin: 0
}

.link-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    transition: all 0.25s ease
}

    .link-icon span {
        font-weight: 600;
        font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem)
    }

    .link-icon .icon {
        margin-right: 0.5rem
    }

@media (hover: hover) {
    .link-icon:hover {
        color: #009ee3
    }
}

.content-header {
    width: 100%;
    background: #fff
}

    .content-header .inner {
        max-width: 62.25rem;
        padding: 2.5rem 1rem 3.5rem;
        margin: 0 auto
    }

    .content-header h1 {
        margin-bottom: 1.5rem;
        line-height: 57.62px
    }

    .content-header p {
        font-family: "Geogrotesque",sans-serif;
        font-weight: 400;
        line-height: 1.3
    }

@media print, screen and (min-width: 64em) {
    .content-header .inner {
        padding: 4rem 2rem
    }

    .content-header h1 {
        margin-bottom: 2rem
    }
}

.cookie-sticky-notice {
    display: none;
    background-color: #f0f0f0;
    padding: 1.0625rem
}

@media print, screen and (min-width: 48em) {
    .cookie-sticky-notice {
        padding: 1.0625rem 0
    }
}

.cookie-sticky-notice .button {
    margin: 1.25rem 0
}

@media print, screen and (min-width: 48em) {
    .cookie-sticky-notice .button {
        margin: 0
    }
}

.cookie-sticky-notice__info {
    position: absolute;
    top: 0;
    left: -0.5rem
}

@media print, screen and (min-width: 48em) {
    .cookie-sticky-notice__info {
        top: 50%;
        left: -0.9375rem;
        transform: translateY(-50%)
    }
}

.cookie-sticky-notice__info .icon {
    color: #009fe9
}

.cookie-sticky-notice__close {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

@media print, screen and (min-width: 48em) {
    .cookie-sticky-notice__close {
        top: 50%;
        right: 0.9375rem;
        transform: translateY(-50%)
    }
}

.cookie-sticky-notice__close .icon {
    color: #009fe9;
    height: 0.8125rem;
    width: 0.8125rem
}

.dashboard-card {
    padding: 1.5rem;
    border: 0.0625rem solid #e9e9e9;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 13rem
}

    .dashboard-card .content img {
        margin-bottom: 1rem
    }

    .dashboard-card .content .title {
        font-size: clamp(1.6rem, calc(1.54rem + 0.26vw), 1.73rem);
        font-weight: 600;
        margin-bottom: 1rem
    }

    .dashboard-card .content .text-container {
        color: #5c6167;
        margin-bottom: 0
    }

        .dashboard-card .content .text-container p {
            color: #5c6167;
            margin-bottom: 0.25rem
        }

            .dashboard-card .content .text-container p.with-icon {
                display: flex;
                align-items: center;
                margin-bottom: 1rem
            }

                .dashboard-card .content .text-container p.with-icon img {
                    width: 1.75rem;
                    height: 1.75rem;
                    margin: 0;
                    margin-right: 2rem
                }

                .dashboard-card .content .text-container p.with-icon.last {
                    margin-bottom: 0
                }

        .dashboard-card .content .text-container .text {
            display: block
        }

    .dashboard-card .button {
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 0;
        margin-top: 1.5rem !important
    }

        .dashboard-card .button.-loading {
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding-left: 3rem
        }

            .dashboard-card .button.-loading .loading {
                left: 1.125rem !important
            }

                .dashboard-card .button.-loading .loading .loading-inner {
                    border-color: #009ee3;
                    border-top-color: transparent
                }

@media print, screen and (min-width: 64em) {
    .dashboard-card {
        padding: 2rem
    }

        .dashboard-card .text + .text {
            margin-bottom: 1rem
        }

        .dashboard-card .button {
            margin-top: 2rem !important
        }
}

.device-card {
    padding: 1.5rem;
    border: 0.0625rem solid #e9e9e9;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 13rem
}

    .device-card .content .tag {
        background-color: #c7edf9;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.25rem 0.5rem;
        border-radius: 1rem;
        color: #252729;
        font-weight: 700;
        text-transform: uppercase;
        font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem);
        margin-bottom: 1.5rem
    }

    .device-card .content .title-container {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem
    }

        .device-card .content .title-container img {
            margin-right: 1rem
        }

        .device-card .content .title-container .title {
            font-size: clamp(1.37rem, calc(1.34rem + 0.15vw), 1.44rem);
            font-weight: 600;
            margin-bottom: 0
        }

    .device-card .content .last-login-container {
        display: flex;
        align-items: center;
        padding-bottom: 1.5rem;
        border-bottom: 0.125rem solid #e2e1e1
    }

        .device-card .content .last-login-container.no-border {
            border-bottom: none
        }

        .device-card .content .last-login-container .icon-container {
            border-radius: 50%;
            width: 3rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f8f8f8;
            margin-right: 0.75rem
        }

            .device-card .content .last-login-container .icon-container .icon {
                width: 2rem;
                height: 2rem
            }

        .device-card .content .last-login-container .text-container p {
            margin-bottom: 0
        }

            .device-card .content .last-login-container .text-container p:first-child {
                font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem)
            }

    .device-card .button {
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 0;
        margin-top: 1.5rem !important
    }

    .device-card.expired .text-container p.lead {
        color: #e71d73
    }

@media print, screen and (min-width: 64em) {
    .device-card {
        padding: 2rem
    }

        .device-card.with-padding .content {
            padding-top: 3rem
        }
}

.pp-footer {
    padding: 1rem 1.25rem;
    margin-top: 0.75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

    .pp-footer a {
        margin: 0 1rem;
        white-space: nowrap;
        color: inherit
    }

        .pp-footer a.first {
            margin-left: 0
        }

        .pp-footer a.last {
            margin-right: 0
        }

    .pp-footer .spacer {
        pointer-events: none
    }

@media print, screen and (min-width: 48em) {
    .pp-footer {
        padding: 0;
        margin: 0;
        justify-content: left;
        position: fixed;
        left: 2rem;
        bottom: 2rem;
        color: #fff
    }
}

.pp-footer.grey {
    position: unset;
    background-color: #f2f2f2;
    padding: 2rem 0;
    margin: 0 auto;
    color: #252729
}

    .pp-footer.grey a {
        color: #252729
    }

@media print, screen and (min-width: 48em) {
    .pp-footer.grey {
        padding: 3rem 2rem
    }
}

.pp-footer.grey.white {
    background-color: #fff
}

.form-item {
    margin-bottom: 1rem;
    position: relative
}

    .form-item.-is-disabled label {
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #929394
    }

    .form-item.-is-disabled.animated-label input:focus ~ label, .form-item.-is-disabled.animated-label input:-webkit-autofill ~ label, .form-item.-is-disabled.animated-label input:not(:placeholder-shown) ~ label {
        color: #787878
    }

    .form-item.-is-disabled input {
        border-bottom: 0.125rem solid #e9e9e9;
        background: #f8f8f8;
        color: #929394
    }

    .form-item.-sserr::before, .form-item.-sserr::after {
        content: none !important
    }

    .form-item.-sserr > input {
        border-bottom: 0.125rem solid #d00505
    }

.form-item--password {
    position: relative
}

    .form-item--password.-is-validated::after {
        right: 3.125rem
    }

    .form-item--password.-show-info::after {
        bottom: 2.5rem
    }

    .form-item--password.-has-error, .form-item--password.-is-dirty, .form-item--password.-show-info {
        margin-bottom: 0.8125rem
    }

        .form-item--password.-is-dirty ~ .pw-validation span.-is-invalid {
            color: #222
        }

.form-item--checkbox.-is-validated::after {
    content: none
}

.form-item label {
    display: block
}

.form-item.animated-label label {
    position: absolute;
    top: 0.9375rem;
    left: 1.0625rem;
    transition: all 0.25s ease;
    z-index: 1;
    pointer-events: none
}

.form-item.animated-label input:focus ~ label, .form-item.animated-label input:-webkit-autofill ~ label, .form-item.animated-label input:not(:placeholder-shown) ~ label {
    top: 0.5625rem;
    font-size: 0.83313rem;
    line-height: 16.76px;
    color: #333
}

.form-item.form-item--checkbox.animated-label label {
    left: 0
}

.form-item.-label-small .choices__inner {
    height: 2.5rem
}

.form-item.-label-small .choices__list--single {
    padding: 0.5625rem 0.9375rem
}

.form-item.-label-small .choices__list--dropdown .choices__item {
    padding: 0.5625rem 0.9375rem;
    font-size: 0.875rem
}

.form-item.-label-bold label {
    font-weight: bold
}

.form-item.-label-regular label {
    font-weight: normal
}

@media print, screen and (min-width: 48em) {
    .form-item.-label-nowrap label {
        white-space: nowrap
    }
}

.form-item.-has-icon div, .form-item.-has-unit div {
    position: relative
}

.form-item.-has-icon input, .form-item.-has-unit input {
    padding-right: 4.1875rem
}

.form-item.-has-error .form-item__icon .icon {
    color: #d00505
}

.form-item.-has-error .form-item__note {
    display: none
}

.form-item.-has-error label {
    color: #d00505
}

.form-item.-has-error.animated-label input:focus ~ label, .form-item.-has-error.animated-label input:-webkit-autofill ~ label, .form-item.-has-error.animated-label input:not(:placeholder-shown) ~ label {
    color: #d00505
}

.form-item.-has-error input {
    border-bottom: 0.125rem solid #d00505
}

.form-item__icon, .form-item__unit {
    position: absolute;
    top: 0.0625rem;
    right: 0.0625rem;
    bottom: 0.0625rem;
    display: flex;
    align-items: center;
    padding-right: 1rem;
    cursor: pointer;
    height: 3.525rem
}

    .form-item__icon .icon, .form-item__unit .icon {
        font-size: 1rem;
        margin-left: 0.625rem
    }

        .form-item__icon .icon:first-child, .form-item__unit .icon:first-child {
            margin-left: 0
        }

    .form-item__icon .peek-password, .form-item__unit .peek-password {
        margin-left: 0.625rem
    }

.no-peek-control .form-item__icon .peek-password, .no-peek-control .form-item__unit .peek-password {
    display: none
}

.form-item__icon .error-icon, .form-item__unit .error-icon {
    color: #d00505;
    display: none;
    cursor: default
}

.-has-error .form-item__icon .error-icon, .-sserr .form-item__icon .error-icon, .-has-error .form-item__unit .error-icon, .-sserr .form-item__unit .error-icon {
    display: block
}

.form-item__icon .success-icon, .form-item__unit .success-icon {
    color: #14d87a;
    display: none;
    cursor: default
}

.-is-validated .form-item__icon .success-icon, .-is-validated .form-item__unit .success-icon {
    display: block
}

.form-item__note {
    display: block;
    padding: 0.25rem 0 0 1rem;
    font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem);
    color: #5c6167
}

.form-item__error {
    display: none;
    padding: 0.25rem 0 0 1rem;
    font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem)
}

    .form-item__error.standalone {
        color: #d00505
    }

.-has-error .form-item__error {
    display: block;
    color: #d00505
}

.-is-dirty .form-item__error, .-show-info .form-item__error {
    display: block;
    color: #222
}

.form-item-group.-inline {
    display: flex;
    flex-wrap: wrap
}

    .form-item-group.-inline > div {
        flex: 1 0 auto
    }

    .form-item-group.-inline .form-item__error {
        flex-basis: 100%
    }

[type='button'], [type='reset'], [type='submit'], [type='image'], [type='file'], [type='checkbox'], [type='radio'] {
    cursor: pointer
}

input[type='button'], input[type='reset'], input[type='submit'] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

::-ms-clear {
    display: none
}

@media screen and (device-aspect-ratio: 40 / 71) {
    select, textarea, input[type='text'], input[type='password'], input[type='number'], input[type='email'] {
        font-size: 1rem
    }
}

@media screen and (device-aspect-ratio: 375 / 667) {
    select, textarea, input[type='text'], input[type='password'], input[type='number'], input[type='email'] {
        font-size: 1rem
    }
}

@media screen and (device-aspect-ratio: 9 / 16) {
    select, textarea, input[type='text'], input[type='password'], input[type='number'], input[type='email'] {
        font-size: 1rem
    }
}

input[type='password']::-ms-reveal, input[type='password']::-ms-clear {
    display: none
}

.pw-validation {
    margin-left: 0.25rem !important
}

.form-triplets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5rem
}

@media print, screen and (min-width: 48em) {
    .form-triplets {
        gap: 1rem
    }
}

.short-right {
    display: grid;
    grid-template-columns: 1fr 8rem;
    gap: 0.5rem
}

@media print, screen and (min-width: 48em) {
    .short-right {
        gap: 1rem
    }
}

.half {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem
}

@media print, screen and (min-width: 48em) {
    .half {
        gap: 1rem
    }
}

.short-left {
    display: grid;
    grid-template-columns: 8.625rem 1fr;
    gap: 0.5rem
}

@media print, screen and (min-width: 48em) {
    .short-left {
        gap: 1rem
    }
}

input[type='checkbox'], input[type='radio'] {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 0.0625rem;
    width: 0.0625rem;
    margin: -0.0625rem;
    padding: 0;
    border: 0
}

    input[type='checkbox'] ~ label, input[type='radio'] ~ label {
        cursor: pointer;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 2.5rem;
        min-height: 1.5rem;
        line-height: 24px;
        display: inline-block;
        position: relative;
        color: #252729
    }

        input[type='checkbox'] ~ label::before, input[type='checkbox'] ~ label::after, input[type='radio'] ~ label::before, input[type='radio'] ~ label::after {
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            display: block
        }

        input[type='checkbox'] ~ label::before, input[type='radio'] ~ label::before {
            top: 0.0625rem;
            border: 0.0625rem solid #929394;
            background: #fff;
            color: #009fe9;
            transition: background-color 140ms ease-out
        }

@media (hover: hover) {
    input[type='checkbox'] ~ label:hover::before, input[type='radio'] ~ label:hover::before {
        background: #009fe9;
        border-color: #009fe9
    }
}

input[type='checkbox'] ~ label ~ .form-item__note, input[type='radio'] ~ label ~ .form-item__note {
    padding-left: 2.5rem
}

input[type='checkbox']:focus ~ label::before, input[type='radio']:focus ~ label::before {
    border-color: #009fe9
}

.-has-error input[type='checkbox'] ~ label, .-has-error input[type='radio'] ~ label {
    color: #252729
}

    .-has-error input[type='checkbox'] ~ label::before, .-has-error input[type='radio'] ~ label::before {
        background: #fff;
        border-color: #d00505
    }

@media (hover: hover) {
    .-has-error input[type='checkbox'] ~ label:hover::before, .-has-error input[type='radio'] ~ label:hover::before {
        border-color: #d00505
    }
}

.-has-error input[type='checkbox'] ~ .form-item__error, .-has-error input[type='radio'] ~ .form-item__error {
    padding-left: 2.5rem
}

.-has-error input[type='checkbox']:checked ~ label::before, .-has-error input[type='radio']:checked ~ label::before {
    border-color: #d00505
}

input[type='checkbox']:disabled ~ label, input[type='radio']:disabled ~ label {
    cursor: default;
    color: #a5a5a5
}

    input[type='checkbox']:disabled ~ label::before, input[type='radio']:disabled ~ label::before {
        background: #fff !important;
        border-color: #a5a5a5 !important
    }

    input[type='checkbox']:disabled ~ label::after, input[type='radio']:disabled ~ label::after {
        color: #a5a5a5 !important
    }

input[type='checkbox'] ~ label {
    font-weight: 400;
    letter-spacing: 0.01875rem
}

    input[type='checkbox'] ~ label::before {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.25rem;
        border-color: #929394
    }

    input[type='checkbox'] ~ label::after {
        width: 0;
        height: 0.625rem;
        background: url("../media/images/form/inputfield-check.svg") 0 0/0.75rem 0.75rem no-repeat;
        left: 0.3125rem;
        top: 0.4375rem
    }

@media (hover: hover) {
    input[type='checkbox'] ~ label:hover::before {
        background-color: transparent
    }
}

input[type='checkbox']:checked ~ label::before {
    border-color: #009ee3;
    background: #009ee3
}

input[type='checkbox']:checked ~ label::after {
    transition: width 140ms ease-out;
    width: 0.875rem
}

@media (hover: hover) {
    input[type='checkbox']:checked:hover ~ label::before {
        border-color: #0075bd;
        background: #0075bd
    }
}

input[type='checkbox']:disabled ~ label::before {
    background-color: #a5a5a5 !important
}

input[type='checkbox']:disabled ~ label::after {
    background-color: #a5a5a5 !important
}

input[type='radio'] ~ label::before {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%
}

input[type='radio'] ~ label::after {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #fff;
    left: 0.5rem;
    top: 0.5625rem;
    transform: scale(0);
    transition: transform 140ms ease-out
}

input[type='radio']:checked ~ label::before {
    background: #009ee3;
    border-color: #ccc
}

input[type='radio']:checked ~ label::after {
    background: #fff;
    transform: scale(1)
}

@media (hover: hover) {
    input[type='radio']:checked:hover ~ label::before {
        border-color: #0075bd;
        background: #0075bd
    }
}

input[type='radio']:disabled ~ label::after {
    background-color: #a5a5a5 !important
}

.form-item--checkbox {
    margin: 2rem 0
}

.margin-bottom-show-more {
    margin-bottom: 0.25rem
}

[type='text'], [type='email'], [type='password'], [type='number'], [type='date'], [type='tel'] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 0.0625rem solid #e9e9e9;
    border-bottom: 0.0625rem solid #252729;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 1.625rem 1rem 0.5625rem 1rem;
    color: #5c6167;
    font-weight: 400;
    font-size: 1rem;
    text-align: left;
    width: 100%;
    height: auto;
    background: #f8f8f8;
    box-shadow: none
}

.grey-bg [type='text'], .grey-bg [type='email'], .grey-bg [type='password'], .grey-bg [type='number'], .grey-bg [type='date'], .grey-bg [type='tel'] {
    background: #fff
}

main [type='text']::-moz-placeholder, [type='email']::-moz-placeholder, [type='password']::-moz-placeholder, [type='number']::-moz-placeholder, [type='date']::-moz-placeholder, [type='tel']::-moz-placeholder {
    color: transparent
}

main [type='text']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder {
    color: transparent
}

main [type='text']::placeholder, [type='email']::placeholder, [type='password']::placeholder, [type='number']::placeholder, [type='date']::placeholder, [type='tel']::placeholder {
    color: transparent
}

[type='text']:focus, [type='email']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='tel']:focus {
    border-bottom: 0.0625rem solid #009ee3;
    box-shadow: 0 0.0625rem 0 #009ee3;
    outline: none
}

    [type='text']:focus::-moz-placeholder, [type='email']:focus::-moz-placeholder, [type='password']:focus::-moz-placeholder, [type='number']:focus::-moz-placeholder, [type='date']:focus::-moz-placeholder, [type='tel']:focus::-moz-placeholder {
        color: #787878
    }

    [type='text']:focus:-ms-input-placeholder, [type='email']:focus:-ms-input-placeholder, [type='password']:focus:-ms-input-placeholder, [type='number']:focus:-ms-input-placeholder, [type='date']:focus:-ms-input-placeholder, [type='tel']:focus:-ms-input-placeholder {
        color: #787878
    }

    [type='text']:focus::placeholder, [type='email']:focus::placeholder, [type='password']:focus::placeholder, [type='number']:focus::placeholder, [type='date']:focus::placeholder, [type='tel']:focus::placeholder {
        color: #787878
    }

[type='text']:disabled, [type='email']:disabled, [type='password']:disabled, [type='number']:disabled, [type='date']:disabled, [type='tel']:disabled {
    cursor: default;
    background: #f8f8f8;
    color: #787878;
    -webkit-text-fill-color: #787878;
    -webkit-opacity: 1;
    opacity: 1
}

    [type='text']:disabled::-moz-placeholder, [type='email']:disabled::-moz-placeholder, [type='password']:disabled::-moz-placeholder, [type='number']:disabled::-moz-placeholder, [type='date']:disabled::-moz-placeholder, [type='tel']:disabled::-moz-placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent
    }

    [type='text']:disabled:-ms-input-placeholder, [type='email']:disabled:-ms-input-placeholder, [type='password']:disabled:-ms-input-placeholder, [type='number']:disabled:-ms-input-placeholder, [type='date']:disabled:-ms-input-placeholder, [type='tel']:disabled:-ms-input-placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent
    }

    [type='text']:disabled::placeholder, [type='email']:disabled::placeholder, [type='password']:disabled::placeholder, [type='number']:disabled::placeholder, [type='date']:disabled::placeholder, [type='tel']:disabled::placeholder {
        color: transparent;
        -webkit-text-fill-color: transparent
    }

.-has-error:not(.-is-dirty) [type='text'], .-has-error:not(.-is-dirty) [type='email'], .-has-error:not(.-is-dirty) [type='password'], .-has-error:not(.-is-dirty) [type='number'], .-has-error:not(.-is-dirty) [type='date'], .-has-error:not(.-is-dirty) [type='tel'] {
    border-bottom: 0.0625rem solid #d00505;
    box-shadow: 0 0.0625rem 0 #d00505
}

    .-has-error:not(.-is-dirty) [type='text']:focus, .-has-error:not(.-is-dirty) [type='email']:focus, .-has-error:not(.-is-dirty) [type='password']:focus, .-has-error:not(.-is-dirty) [type='number']:focus, .-has-error:not(.-is-dirty) [type='date']:focus, .-has-error:not(.-is-dirty) [type='tel']:focus {
        border-bottom: 0.0625rem solid #d00505;
        box-shadow: 0 0.0625rem 0 #d00505
    }

[type='number'] {
    -moz-appearance: textfield !important
}

[type='file'] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
    z-index: -1
}

.icon.show-password {
    display: block;
    color: #333 !important
}

.icon.hide-password {
    display: none;
    color: #333 !important;
    margin: 0
}

[type='password'].-is-peeking ~ .form-item__icon .icon.show-password, [type='text'].-is-peeking ~ .form-item__icon .icon.show-password {
    display: none
}

[type='password'].-is-peeking ~ .form-item__icon .icon.hide-password, [type='text'].-is-peeking ~ .form-item__icon .icon.hide-password {
    display: block
}

label {
    color: #5c6167
}

    label:has(.tooltip) {
        display: flex !important;
        align-items: center;
        gap: 0.5rem
    }

    label span {
        font-weight: 300;
        font-size: 0.875rem;
        letter-spacing: 0.01625rem;
        line-height: 18px;
        padding-left: 0.4375rem
    }

.choices {
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 1rem
}

    .choices:focus {
        outline: none
    }

    .choices:last-child {
        margin-bottom: 0
    }

    .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
        background-color: #eaeaea;
        cursor: not-allowed;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .choices.is-disabled .choices__item {
        cursor: not-allowed
    }

    .choices [hidden] {
        display: none !important
    }

    .choices[data-type*='select-one'] {
        cursor: pointer
    }

        .choices[data-type*='select-one'] .choices__inner {
            padding-bottom: 0.46875rem
        }

        .choices[data-type*='select-one'] .choices__input {
            display: block;
            width: 100%;
            padding: 0.625rem;
            border-bottom: 0.0625rem solid #ddd;
            background-color: #ffffff;
            margin: 0
        }

        .choices[data-type*='select-one'] .choices__button {
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
            padding: 0;
            background-size: 0.5rem;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -0.625rem;
            margin-right: 1.5625rem;
            height: 1.25rem;
            width: 1.25rem;
            border-radius: 10em;
            opacity: 0.5
        }

            .choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
                opacity: 1
            }

            .choices[data-type*='select-one'] .choices__button:focus {
                box-shadow: 0 0 0 0.125rem #00bcd4
            }

        .choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
            display: none
        }

        .choices[data-type*='select-one']:after {
            content: '';
            height: 0;
            width: 0;
            border-style: solid;
            border-color: #333 transparent transparent transparent;
            border-width: 0.3125rem;
            position: absolute;
            right: 0.71875rem;
            top: 50%;
            margin-top: -0.15625rem;
            pointer-events: none
        }

        .choices[data-type*='select-one'].is-open:after {
            border-color: transparent transparent #333 transparent;
            margin-top: -0.46875rem
        }

        .choices[data-type*='select-one'][dir='rtl']:after {
            left: 0.71875rem;
            right: auto
        }

        .choices[data-type*='select-one'][dir='rtl'] .choices__button {
            right: auto;
            left: 0;
            margin-left: 1.5625rem;
            margin-right: 0
        }

    .choices[data-type*='select-multiple'] .choices__inner, .choices[data-type*='text'] .choices__inner {
        cursor: text
    }

    .choices[data-type*='select-multiple'] .choices__button, .choices[data-type*='text'] .choices__button {
        position: relative;
        display: inline-block;
        margin-top: 0;
        margin-right: -0.25rem;
        margin-bottom: 0;
        margin-left: 0.5rem;
        padding-left: 1rem;
        border-left: 0.0625rem solid #008fa1;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
        background-size: 0.5rem;
        width: 0.5rem;
        line-height: 1;
        opacity: 0.75;
        border-radius: 0
    }

        .choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus, .choices[data-type*='text'] .choices__button:hover, .choices[data-type*='text'] .choices__button:focus {
            opacity: 1
        }

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 0.46875rem 0.46875rem 0.23438rem;
    border: 0.0625rem solid #ddd;
    border-radius: 0.15625rem;
    font-size: 0.875rem;
    min-height: 2.75rem;
    overflow: hidden
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 0.15625rem 0.15625rem 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 0.15625rem 0.15625rem
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 0.25rem 1rem 0.25rem 0.25rem;
    width: 100%
}

[dir='rtl'] .choices__list--single {
    padding-right: 0.25rem;
    padding-left: 1rem
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

    .choices__list--multiple .choices__item {
        display: inline-block;
        vertical-align: middle;
        border-radius: 1.25rem;
        padding: 0.25rem 0.625rem;
        font-size: 0.75rem;
        font-weight: 500;
        margin-right: 0.23438rem;
        margin-bottom: 0.23438rem;
        background-color: #00bcd4;
        border: 0.0625rem solid #00a5bb;
        color: #ffffff;
        word-break: break-all;
        box-sizing: border-box
    }

        .choices__list--multiple .choices__item[data-deletable] {
            padding-right: 0.3125rem
        }

[dir='rtl'] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 0.23438rem
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 0.0625rem solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 0.0625rem solid #919191
}

.choices__list--dropdown {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 0.0625rem solid #ddd;
    top: 100%;
    margin-top: -0.0625rem;
    border-bottom-left-radius: 0.15625rem;
    border-bottom-right-radius: 0.15625rem;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility
}

    .choices__list--dropdown.is-active {
        visibility: visible
    }

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -0.0625rem;
    border-radius: 0.25rem 0.25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 18.75rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 0.625rem;
    font-size: 0.875rem
}

[dir='rtl'] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 6.25rem
    }

        .choices__list--dropdown .choices__item--selectable:after {
            content: attr(data-select-text);
            font-size: 0.75rem;
            opacity: 0;
            position: absolute;
            right: 0.625rem;
            top: 50%;
            transform: translateY(-50%)
        }

    [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 6.25rem;
        padding-right: 0.625rem
    }

        [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
            right: auto;
            left: 0.625rem
        }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

    .choices__list--dropdown .choices__item--selectable.is-highlighted:after {
        opacity: 0.5
    }

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.5
}

.choices__heading {
    font-weight: 600;
    font-size: 0.75rem;
    padding: 0.625rem;
    border-bottom: 0.0625rem solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -624.9375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

    .choices__button:focus {
        outline: none
    }

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 0.875rem;
    margin-bottom: 0.3125rem;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 0.25rem 0 0.25rem 0.125rem
}

    .choices__input:focus {
        outline: 0
    }

[dir='rtl'] .choices__input {
    padding-right: 0.125rem;
    padding-left: 0
}

.choices__placeholder {
    opacity: 0.5
}

.choices {
    margin-bottom: 0
}

.-is-disabled .choices {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .-is-disabled .choices::after {
        content: none
    }

.choices__inner {
    border-color: #e9e9e9;
    height: 3.5rem;
    min-height: auto;
    padding: 0 !important;
    background: #f8f8f8;
    border-radius: 0.25rem 0.25rem 0 0;
    border-bottom: 0.0625rem solid #252729;
    display: flex;
    align-items: center
}

.grey-bg .choices__inner {
    background: #fff
}

.is-focused .choices__inner {
    border-color: #e9e9e9;
    border-bottom: 0.0625rem solid #009ee3;
    box-shadow: 0 0.0625rem 0 #009ee3;
    outline: none
}

.searchable .is-open .choices__inner {
    border-color: transparent
}

.is-open .choices__inner {
    border-color: #e9e9e9;
    border-bottom: 0.0625rem solid #009ee3;
    outline: none;
    box-shadow: 0 0.0625rem 0 #009ee3
}

.-has-error .choices__inner {
    border-color: #e9e9e9;
    border-bottom: 0.0625rem solid #d00505;
    outline: none;
    box-shadow: 0 0.0625rem 0 #d00505
}

.-is-disabled .choices__inner {
    background: #f8f8f8
}

.choices__list [role='listbox'] {
    border: 0.0625rem solid #d9d9d9
}

.choices__list--single {
    padding: 0 1rem;
    font-size: 1rem;
    line-height: 1.15;
    color: #5c6167
}

.-is-disabled .choices__list--single {
    color: #787878
}

.choices__list--single .choices__placeholder {
    opacity: 1
}

.choices__list--dropdown {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.09);
    border: none;
    border-radius: 0;
    top: calc(100% + 0.125rem);
    overflow: visible;
    z-index: 2
}

    .choices__list--dropdown:not(.is-flipped) .choices__list--dropdown {
        border-top: none
    }

    .choices__list--dropdown ::-webkit-scrollbar {
        width: 0.3125rem
    }

    .choices__list--dropdown ::-webkit-scrollbar-track {
        background: #fff
    }

    .choices__list--dropdown ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 0.625rem
    }

        .choices__list--dropdown ::-webkit-scrollbar-thumb:hover {
            background: #555
        }

.-has-error .choices__list--dropdown {
    border-color: #d00505 !important
}

.is-flipped .choices__list--dropdown {
    border-radius: 0
}

.choices__list--dropdown .choices__item {
    border: none;
    padding: 0.9375rem;
    font-size: 1rem
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item.is-selected {
    background-color: #e9e9e9;
    position: relative
}

    .choices__list--dropdown .choices__item.is-selected::after {
        background: url("../media/icons/16px/SVG/check.svg") center center no-repeat;
        background-size: 100% auto;
        width: 1.25rem;
        height: 0.75rem;
        position: absolute;
        top: 1.75rem;
        right: 1.125rem;
        content: '';
        opacity: 1
    }

.choices__list--dropdown .choices__item.choices__placeholder.is-selected::after {
    content: none
}

.choices__list--dropdown input.choices__input {
    height: 3.5rem;
    position: absolute;
    top: 0;
    z-index: 1000
}

.is-open .choices__list--dropdown input.choices__input {
    border: 0.0625rem solid #e9e9e9;
    box-shadow: 0 0.0625rem 0 #009ee3;
    top: -3.5rem
}

.is-open.is-flipped .choices__list--dropdown input.choices__input {
    top: auto;
    bottom: -3.5rem
}

.choices.is-disabled .choices__inner {
    background: #f8f8f8;
    border-bottom: 0.0625rem solid #e9e9e9
}

.choices.is-disabled .choices__item {
    background: #f8f8f8;
    color: #929394
}

.choices.is-disabled::after {
    opacity: 0.3
}

.choices[data-type*='select-one']::after {
    background: url("../media/icons/16px/SVG/chevron-down.svg") 0 0 no-repeat;
    border: 0;
    width: 1.3125rem;
    height: 1rem;
    background-size: 100%;
    transform: rotate(0deg);
    transition: transform 0.25s ease;
    top: 1.375rem;
    right: 1.125rem
}

.choices[data-type*='select-one'].is-open::after {
    transform: rotate(180deg);
    margin-top: 0
}

.choices__list--dropdown [data-value='loading'] {
    cursor: default;
    opacity: 1;
    height: 3.125rem;
    background-color: #fff !important;
    font-size: 0
}

    .choices__list--dropdown [data-value='loading']::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 100;
        background-image: url("http://mojtelekom-new.pw.renderspace.net/img/icons/preloader_blue.gif");
        background-repeat: no-repeat;
        height: 2rem;
        width: 2rem
    }

    .choices__list--dropdown [data-value='loading']::after {
        content: none
    }

.select__container {
    position: relative
}

    .select__container select {
        border: 0.0625rem solid #e9e9e9;
        border-bottom: 0.0625rem solid #252729;
        border-radius: 0.25rem 0.25rem 0 0;
        padding: 0.75rem 1.5rem 0.5625rem 1rem;
        color: #5c6167;
        font-weight: 400;
        font-size: 1rem;
        text-align: left;
        width: 100%;
        height: 3.5rem;
        background: #fff;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .select__container::after {
        content: '';
        position: absolute;
        top: 1rem;
        right: 1.125rem;
        width: 1.5rem;
        height: 1.5rem;
        background: url("../media/icons/16px/SVG/chevron-down.svg");
        background-size: 1.5rem
    }

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: auto;
    vertical-align: top;
    resize: vertical;
    color: #5c6167;
    background: #f8f8f8;
    width: 100%;
    padding: 1.625rem 1rem 0.5625rem 1rem;
    font-family: "Source Sans Pro",sans-serif;
    border: 0.0625rem solid #e9e9e9;
    border-radius: 0.25rem 0.25rem 0 0
}

    textarea::-moz-placeholder {
        opacity: 1;
        color: #5c6167
    }

    textarea:-ms-input-placeholder {
        opacity: 1;
        color: #5c6167
    }

    textarea::placeholder {
        opacity: 1;
        color: #5c6167
    }

    textarea:focus {
        border-color: #009fe9;
        outline: none
    }

    textarea:disabled {
        cursor: default;
        background: #f8f8f8
    }

.-has-error textarea {
    border-color: #d00505
}

    .-has-error textarea:focus {
        border-color: #009fe9
    }

.gdpr-item {
    border: 0.0625rem solid #c4c4c4;
    border-radius: 0.125rem;
    margin-bottom: 0.9375rem;
    padding: 1.03125rem 1rem
}

@media print, screen and (min-width: 64em) {
    .gdpr-item {
        padding: 1.53125rem
    }
}

.gdpr-item:not(:first-child) {
    margin-bottom: 2.5rem
}

.gdpr-item > h6, table .gdpr-item > caption {
    margin: 0 0 0.5rem
}

.gdpr-item > p {
    margin: 0 0 1.25rem
}

.gdpr-item .quick-info {
    margin: 0
}

    .gdpr-item .quick-info input[type='checkbox']:not(:checked) ~ label {
        margin-bottom: 0
    }

.gdpr-item__options input[type='checkbox']:checked ~ label::before {
    background: #fff
}

@media print, screen and (min-width: 64em) {
    .gdpr-item__options {
        background: #f0f0f0;
        margin: 0 -1.53125rem 0.75rem;
        padding: 0.6875rem 1.53125rem
    }
}

@media print, screen and (min-width: 64em) {
    .gdpr-item__options > .form-item {
        display: inline-block;
        margin: 0 3.5rem 0 0
    }
}

.grid-view {
    margin-bottom: 2.5rem
}

    .grid-view .row {
        transition: max-width 200ms ease-out
    }

    .grid-view .expanded {
        max-width: 100% !important
    }

    .grid-view .column, .grid-view .columns {
        background: rgba(0,159,233,0.3);
        transition: padding 300ms ease-out
    }

    .grid-view .grid-item {
        min-height: 3.125rem;
        background: rgba(0,159,233,0.3);
        margin: 0.625rem 0;
        border: 0.0625rem solid #009fe9
    }

.grid-view-ctrl {
    margin: 0 0 0.625rem
}

    .grid-view-ctrl > div {
        margin-right: 0.625rem;
        display: inline
    }

    .grid-view-ctrl label {
        cursor: pointer
    }

    .grid-view-ctrl input {
        margin-left: 0.3125rem
    }

.header {
    background: #fff;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .header .logo {
        height: 3.5rem;
        flex-shrink: 0
    }

        .header .logo img {
            margin-left: -0.625rem
        }

    .header .user-menu {
        display: flex;
        align-items: center
    }

        .header .user-menu a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 3rem;
            height: 3rem
        }

    .header .user span {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
        width: 2rem;
        height: 2rem;
        background-color: #141760;
        color: #c7edf9;
        border-radius: 50%;
        font-weight: 600;
        font-size: 0.855rem;
        line-height: 17.2px
    }

@media print, screen and (min-width: 48em) {
    .header {
        padding: 1.3125rem 2rem;
        height: 5.25rem
    }

        .header .logo {
            height: 3.5rem
        }
}

.icon {
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    overflow: hidden
}

    .icon.icon24 {
        font-size: 1.5rem
    }

    .icon.light-grey {
        color: #929394
    }

    .icon.big {
        font-size: 5rem
    }

    .icon.semi-big {
        font-size: 4.5rem
    }

    .icon.danger {
        color: #d00505
    }

    .icon.blue {
        color: #009ee3
    }

    .icon.success {
        color: #14d87a
    }

img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    border-style: none;
    -ms-interpolation-mode: bicubic
}

.list-index a {
    text-decoration: none;
    display: block;
    padding: 0.625rem
}

@media (hover: hover) {
    .list-index a:hover {
        background: #f0f0f0
    }
}

.list-index a small {
    display: block;
    color: #252729
}

.load-more {
    max-width: 16.5rem;
    margin: 1rem auto;
    text-align: center
}

    .load-more p {
        margin: 0 auto 1rem
    }

    .load-more .progress-bar {
        width: 100%;
        height: 0.25rem;
        background-color: #d6d6d6;
        border-radius: 0.5rem;
        margin-bottom: 1.5rem
    }

        .load-more .progress-bar .inner {
            height: 0.25rem;
            background-color: #252729;
            border-radius: 0.5rem
        }

    .load-more .button {
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
    }

.loading {
    position: relative;
    display: inline-block
}

    .loading.-min-height-ellipsis {
        min-height: 4rem
    }

    .loading.-min-height-ring {
        min-height: 4rem
    }

    .loading.-min-height-ring-small {
        min-height: 1.25rem
    }

.loading-inner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

    .loading-inner.-on-bottom {
        position: relative;
        transform: translate(-50%, 0)
    }

    .loading-inner.-ellipsis {
        width: 4rem;
        height: 4rem
    }

        .loading-inner.-ellipsis div {
            position: absolute;
            top: 1.6875rem;
            width: 0.6875rem;
            height: 0.6875rem;
            border-radius: 50%;
            background: rgba(0,0,0,0);
            animation-timing-function: cubic-bezier(0, 1, 1, 0)
        }

            .loading-inner.-ellipsis div:nth-child(1) {
                left: 0.375rem;
                animation: ellipsis1 0.6s infinite
            }

            .loading-inner.-ellipsis div:nth-child(2) {
                left: 0.375rem;
                animation: ellipsis2 0.6s infinite
            }

            .loading-inner.-ellipsis div:nth-child(3) {
                left: 1.625rem;
                animation: ellipsis2 0.6s infinite
            }

            .loading-inner.-ellipsis div:nth-child(4) {
                left: 2.8125rem;
                animation: ellipsis3 0.6s infinite
            }

@keyframes ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes ellipsis2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(1.1875rem, 0)
    }
}

@keyframes ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

.loading-inner.-ring {
    border: 0.5rem solid rgba(0,0,0,0);
    border-top: 0.5rem solid #fff;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    animation: ring 1s linear infinite;
    top: calc(50% - 4rem / 2);
    left: calc(50% - 4rem / 2)
}

@keyframes ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loading-inner.-ring.-small {
    width: 1.25rem;
    height: 1.25rem;
    border-width: 0.125rem;
    top: calc(50% - 1.25rem / 2);
    left: calc(50% - 1.25rem / 2)
}

.loading-inner.-inverse.-ellipsis div {
    background-color: #fff
}

.loading-inner.-inverse.-ring {
    border-color: #fff;
    border-top-color: rgba(0,0,0,0)
}

.button.-clr-white .loading-inner.-inverse {
    border-color: #009fe9;
    border-top-color: transparent
}

.button .loading {
    position: absolute !important;
    left: 1.5625rem !important;
    top: 50%;
    translate: 0 -50%;
    display: none;
    pointer-events: none
}

.button.-small .loading {
    position: absolute !important;
    right: 0.9375rem !important
}

.media {
    display: block;
    position: relative;
    background: #d9d9d9;
    overflow: hidden;
    padding-bottom: 56.25%
}

    .media img, .media iframe, .media video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .media iframe {
        border: none
    }

    .media.-ratio-square {
        padding-bottom: 100%
    }

    .media.-ratio-21-9 {
        padding-bottom: 42.8571%
    }

    .media.-ratio-16-9 {
        padding-bottom: 56.25%
    }

    .media.-ratio-4-3 {
        padding-bottom: 75%
    }

    .media.-ratio-3-2 {
        padding-bottom: 66.66%
    }

.media--lazy {
    backface-visibility: hidden;
    transition: opacity 200ms linear;
    opacity: 0
}

.media--lazy-loaded {
    opacity: 1
}

.swiper .media {
    margin-bottom: 0
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute
    }

.modal {
    display: none;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(10,10,10,0.5);
    transition: opacity 200ms ease-out;
    align-items: center;
    justify-content: center;
    padding: 0 1rem
}

    .modal .content-container {
        border-radius: 0.5rem;
        z-index: 2;
        position: relative;
        background: #fff;
        padding: 2rem 1.5rem;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 80vh;
        width: 100%
    }

        .modal .content-container .head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            margin: 0 0 2rem
        }

            .modal .content-container .head .title h3 {
                font-family: 'Source Sans Pro', sans-serif;
                font-weight: 600;
                font-size: clamp(1.37rem, calc(1.34rem + 0.15vw), 1.44rem);
                margin: 0;
                display: flex;
                align-items: center
            }

                .modal .content-container .head .title h3 .icon {
                    width: 2rem;
                    height: 2rem;
                    font-size: 2rem;
                    margin-right: 1rem
                }

            .modal .content-container .head .close {
                color: #0a0a0a;
                width: 2rem;
                height: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                border: none;
                background-color: transparent;
                cursor: pointer;
                margin: 0;
                padding: 0
            }

                .modal .content-container .head .close.icon {
                    font-size: 2rem;
                    width: 2rem;
                    height: 2rem
                }

@media print, screen and (min-width: 48em) {
    .modal .content-container {
        padding: 2.5rem 2rem;
        min-width: 36.875rem;
        max-height: 85vh
    }
}

.modal[aria-hidden='false'], .modal.opened {
    display: flex
}

.modal[aria-hidden='true'] {
    display: none
}

@media print, screen and (min-width: 48em) {
    .modal.large-modal .content-container {
        width: 36.875rem;
        min-width: 36.875rem
    }
}

@media print, screen and (min-width: 48em) {
    .modal.small-modal .content-container {
        padding: 3.5rem 2rem;
        width: 30.5rem;
        min-width: 30.5rem
    }
}

.modal form {
    margin-top: 2rem
}

.modal p.bigger {
    font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem)
}

.notification {
    background-color: #fff;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #252729;
    border-left-width: 0.1875rem;
    border-left-color: #252729;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-bottom: 2rem;
    padding: 1rem
}

@media print, screen and (min-width: 64em) {
    .notification {
        padding: 1rem 1.5rem
    }
}

.notification .content-container {
    display: flex;
    align-items: flex-start
}

@media screen and (min-width: 720px) {
    .notification .content-container {
        align-items: center
    }
}

.notification .content-container .icon {
    flex-shrink: 0
}

.notification .content-container .content {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 1rem;
    margin-right: 1rem
}

    .notification .content-container .content .text-container {
        font-style: normal;
        font-weight: 400;
        font-size: 1rem;
        line-height: 20px;
        color: #111
    }

        .notification .content-container .content .text-container div p {
            margin-bottom: 0
        }

        .notification .content-container .content .text-container div.title {
            font-size: 1rem;
            font-weight: 600
        }

    .notification .content-container .content .button-container {
        margin-top: 1rem
    }

        .notification .content-container .content .button-container .button {
            margin-bottom: 0
        }

@media screen and (min-width: 720px) {
    .notification .content-container .content .button-container {
        margin-top: 0
    }
}

.notification .content-container .content.force {
    display: block
}

    .notification .content-container .content.force .button-container {
        margin-top: 1rem
    }

@media print, screen and (min-width: 64em) {
    .notification .content-container .content {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media print, screen and (min-width: 64em) {
    .notification.with-button > div {
        padding: rem(0.75rem) 1.5rem
    }
}

@media print, screen and (min-width: 64em) {
    .notification.force {
        padding: 1rem 1.5rem
    }

        .notification.force > div {
            align-items: flex-start
        }

            .notification.force > div .content .button-container {
                margin-top: rem(1.25rem)
            }
}

@media print, screen and (min-width: 64em) {
    .notification.with-text > div {
        align-items: flex-start
    }
}

@media print, screen and (min-width: 64em) {
    .notification.with-text.without-title > div {
        align-items: flex-start
    }
}

.notification.with-text.with-title .content-container {
    align-items: flex-start
}

.notification .button-close {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: none;
    color: #0a0a0a;
    padding: 0;
    margin: 0;
    cursor: pointer
}

    .notification .button-close .icon {
        color: #0a0a0a;
        pointer-events: none;
        transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

@media (hover: hover) {
    .notification .button-close:hover .icon {
        color: #5c6167
    }
}

.notification .icon--info-circle {
    color: #0a0a0a
}

.notification.info {
    background: linear-gradient(0deg, rgba(199,237,249,0.3) 0%, rgba(199,237,249,0.3) 100%),#fff;
    border-color: rgba(51,169,235,0.5);
    border-left-color: #009ee3
}

    .notification.info .icon--info-circle {
        color: #009ee3
    }

.notification.danger {
    background: linear-gradient(0deg, rgba(208,5,5,0.08) 0%, rgba(208,5,5,0.08) 100%),#fff;
    border-color: rgba(255,7,96,0.5);
    border-left-color: #d00505
}

    .notification.danger .icon--alert-triangle {
        color: #d00505
    }

.notification.success {
    background: linear-gradient(0deg, rgba(20,216,122,0.1) 0%, rgba(20,216,122,0.1) 100%),#fff;
    border-color: rgba(20,216,122,0.5);
    border-left-color: #14d87a
}

    .notification.success .icon--check-circle {
        color: #14d87a
    }

.notification.warning {
    background-color: rgba(255,168,0,0.1);
    border-color: rgba(255,168,0,0.5);
    border-left-color: #ffa800
}

    .notification.warning .icon--alert-circle {
        color: #ffa800
    }

.notification.no-close-button > div .content {
    margin-right: 0
}

@media screen and (min-width: 720px) {
    .notification.short .content-container {
        align-items: flex-start
    }
}

.one-for-all {
    background-color: #f0f0f0;
    padding: 2.5rem
}

@media print, screen and (max-width: 47.99875em) {
    .one-for-all {
        padding: 1.5625rem 0.625rem
    }
}

.one-for-all__heading {
    margin-top: 0;
    margin-bottom: 0.5rem
}

@media print, screen and (max-width: 47.99875em) {
    .one-for-all__heading {
        margin-bottom: 1rem
    }
}

.one-for-all__brand {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0 2.5rem
}

@media print, screen and (max-width: 47.99875em) {
    .one-for-all__brand {
        margin: 2.5rem 0 3rem;
        flex-direction: column
    }
}

.one-for-all__brand-logo {
    display: block
}

    .one-for-all__brand-logo img {
        height: 100%;
        width: 100%;
        max-width: 10.625rem
    }

    .one-for-all__brand-logo:not(:last-child) {
        margin-right: 3rem
    }

@media print, screen and (max-width: 47.99875em) {
    .one-for-all__brand-logo {
        margin-bottom: 1rem
    }

        .one-for-all__brand-logo:not(:last-child) {
            margin-right: 0
        }
}

.pagination {
    text-align: center;
    text-transform: uppercase;
    margin-left: -0.1875rem;
    margin-right: -0.1875rem
}

.pagination__pages {
    display: inline-block
}

.pagination__item {
    display: inline-block;
    margin: 0.1875rem;
    padding: 0 0.375rem;
    font-weight: 600;
    text-decoration: none;
    color: #009fe9;
    height: 1.875rem;
    line-height: 26px;
    border: 0.125rem solid transparent;
    border-radius: 0.25rem
}

@media (hover: hover) {
    .pagination__item:hover {
        text-decoration: none;
        border-color: #009fe9;
        background: #009fe9;
        color: #fff
    }
}

.pagination__item--prev, .pagination__item--next {
    border-color: #009fe9
}

.pagination__item--first, .pagination__item--last {
    border-color: #d9d9d9
}

.pagination__item--dots {
    pointer-events: none
}

.pagination__item--active {
    position: relative;
    border-color: #009fe9;
    background: #fff
}

    .pagination__item--active::after {
        content: '';
        display: block;
        height: 0.0625rem;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0
    }

@media print, screen and (min-width: 48em) {
    .pagination {
        text-align: left;
        margin: 0
    }

    .pagination__item {
        text-align: center;
        height: 3rem;
        min-width: 3rem;
        line-height: 45px
    }

    .pagination__item--first, .pagination__item--last {
        min-width: 6.25rem
    }

    .pagination__item--first {
        margin-left: 0
    }
}

.service-card {
    border: 0.0625rem solid rgba(196,196,196,0.2);
    background-color: #fff;
    box-shadow: 0 0.1875rem 0.375rem 0 rgba(10,10,10,0.05);
    padding: 2.5rem 4.375rem 0;
    margin-bottom: 2rem
}

@media print, screen and (max-width: 63.99875em) {
    .service-card {
        padding: 1rem 2rem 0
    }
}

@media print, screen and (min-width: 48em) {
    .service-card__content {
        padding-bottom: 4.375rem
    }

    .reverse .service-card__content {
        padding-bottom: 2.5rem
    }
}

.service-card__content.bs ~ .service-card__image img {
    box-shadow: 0 0.125rem 0.875rem 0 rgba(0,0,0,0.14)
}

.service-card__content.logo-small > img {
    max-width: 5.625rem
}

.service-card__content > img {
    max-width: 10.3125rem;
    margin-bottom: 3rem
}

@media print, screen and (max-width: 63.99875em) {
    .service-card__content > img {
        margin-bottom: 2.5rem
    }
}

.service-card__content > h3 {
    margin-bottom: 0.5rem
}

.service-card__content > p {
    margin-bottom: 2.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .service-card__content > p {
        margin-bottom: 1.5rem
    }
}

.service-card__image {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.reverse .service-card__image {
    justify-content: flex-start;
    align-items: flex-end
}

@media print, screen and (max-width: 63.99875em) {
    .reverse .service-card__image {
        justify-content: center
    }
}

@media print, screen and (max-width: 63.99875em) {
    .service-card__image {
        justify-content: center
    }
}

.service-card__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0
}

    .service-card__actions > a {
        margin: 0
    }

@media screen and (max-width: 32.5em) {
    .service-card__actions > a {
        margin-bottom: 2rem
    }
}

.service-card__actions-app > a {
    display: inline-block
}

@media print, screen and (max-width: 63.99875em) {
    .service-card__actions-app > a {
        max-width: 8.125rem;
        height: 2.5rem
    }
}

.service-card__actions-app > a:first-child {
    margin-right: 0.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .service-card__actions-app img {
        height: 100%
    }
}

@media print, screen and (max-width: 63.99875em) {
    .service-card__actions {
        margin-bottom: 1.5rem
    }
}

.services .w-full {
    padding: 3rem 0
}

@media print, screen and (max-width: 63.99875em) {
    .services .row {
        margin-left: auto;
        margin-right: auto
    }
}

.services.-has-bg {
    background-color: #f0f0f0
}

.services .col-m-8 {
    margin-bottom: 0.5rem
}

@media print, screen and (max-width: 47.99875em) {
    .services .col-m-8 {
        padding: 0;
        flex: 0 0 calc(50.5% - 0.5rem);
        max-width: calc(50.5% - 0.5rem)
    }

        .services .col-m-8:nth-child(2n+1) {
            margin-right: 0.5rem
        }
}

.services h3.heading {
    margin: 0 0 2.5rem;
    padding-left: 0.8125rem
}

@media print, screen and (max-width: 63.99875em) {
    .services h3.heading {
        margin: 0 0 1.5rem
    }
}

@media print, screen and (max-width: 47.99875em) {
    .services h3.heading {
        padding: 0
    }
}

.services .services-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
    border: 0.0625rem solid rgba(192,192,192,0.2);
    box-shadow: 0 0.1875rem 0.375rem 0 rgba(0,0,0,0.05);
    padding: 1rem 1.375rem 1.5rem 1.5rem;
    transition: all 200ms ease-out;
    color: #0a0a0a
}

@media (hover: hover) {
    .services .services-card:hover {
        box-shadow: 0 0.625rem 1.25rem 0 rgba(17,17,17,0.15),0 0.1875rem 0.375rem 0 rgba(0,0,0,0.05);
        cursor: pointer;
        transition: all 200ms ease-in
    }
}

@media print, screen and (max-width: 63.99875em) {
    .services .services-card {
        padding: 0.75rem
    }
}

.services .services-card__img {
    max-width: 8.125rem;
    height: 2.0625rem;
    width: 100%;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat
}

@media print, screen and (max-width: 47.99875em) {
    .services .services-card__img {
        max-width: 5rem;
        height: 1.3125rem
    }
}

.services .services-card__title {
    margin: 0.875rem 0 1rem
}

@media print, screen and (max-width: 63.99875em) {
    .services .services-card__title {
        margin: 0.75rem 0 0.5rem
    }
}

@media print, screen and (max-width: 47.99875em) {
    .services .services-card__title {
        font-size: 1rem
    }
}

@media print, screen and (min-width: 64em) {
    .services .services-card__desc {
        margin: 0 0 1.25rem
    }
}

@media print, screen and (max-width: 47.99875em) {
    .services .services-card__desc {
        font-size: 0.75rem
    }
}

.services .services-card__link {
    letter-spacing: 0;
    margin: 0;
    color: #009fe9
}

    .services .services-card__link .icon {
        margin-left: 0.125rem
    }

@media print, screen and (max-width: 63.99875em) {
    .services .services-card__link .icon {
        display: none
    }
}

.show-more {
    font-weight: 600;
    color: #252729 !important;
    text-decoration: none;
    transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: inline-block
}

    .show-more span {
        pointer-events: none
    }

@media (hover: hover) {
    .show-more:hover {
        color: #929394
    }
}

.show-more .icon {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none
}

.show-more.opened .icon {
    transform: rotate(180deg)
}

.show-more.small {
    font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem)
}

    .show-more.small.with-left-margin {
        margin-left: 2.5rem
    }

.show-more-content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

    .show-more-content.opened {
        height: auto
    }

    .show-more-content.with-left-margin {
        margin-left: 2.5rem
    }

.p-with-icon {
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    margin-bottom: 1rem
}

    .p-with-icon .icon {
        width: 1.5rem;
        height: 1.5rem;
        flex-shrink: 0;
        margin-right: 0.5rem;
        color: #929394 !important
    }

    .p-with-icon p {
        margin-bottom: 0;
        font-size: clamp(0.83rem, calc(0.87rem + -0.04vw), 0.86rem)
    }

    .p-with-icon:last-child {
        margin-bottom: 0
    }

.single-login {
    background: #fff
}

    .single-login .center-row-content {
        padding-top: 5rem;
        padding-bottom: 3.75rem
    }

@media print, screen and (max-width: 63.99875em) {
    .single-login .center-row-content {
        padding-top: 3.5rem;
        padding-bottom: 6.25rem
    }
}

.single-login__buttons .button {
    max-width: 8.4375rem;
    width: 100%
}

@media screen and (max-width: 20.625em) {
    .single-login__buttons .button {
        margin-top: 1rem
    }
}

.single-login__buttons .button:first-child {
    margin-right: 1rem
}

@media screen and (max-width: 20.625em) {
    .single-login__buttons .button:first-child {
        display: block;
        margin: 0 auto
    }
}

.presentational-content ~ .single-login {
    background: url("../media/images/banners/footer-graphic.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right
}

    .presentational-content ~ .single-login .single-login__buttons .button:not(.-clr-white) {
        background: transparent;
        border-color: #fff;
        color: #fff
    }

@media (hover: hover) {
    .presentational-content ~ .single-login .single-login__buttons .button:not(.-clr-white):hover:not(:disabled) {
        background: #fff;
        color: #009fe9
    }
}

.presentational-content ~ .single-login .center-row-content {
    justify-content: flex-start
}

    .presentational-content ~ .single-login .center-row-content > .text-center {
        text-align: left;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
        margin-left: 8.33333%
    }

@media print, screen and (max-width: 47.99875em) {
    .presentational-content ~ .single-login .center-row-content > .text-center {
        margin-left: 0
    }
}

.presentational-content ~ .single-login .center-row-content h5 {
    color: #fff
}

.social-status {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 0.0625rem solid #e9e9e9;
    padding: 2rem;
    margin-bottom: 1rem
}

    .social-status * {
        margin: 0
    }

    .social-status .network-title {
        position: relative;
        padding-left: 2.75rem;
        margin-bottom: 1rem
    }

        .social-status .network-title::before {
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            height: 1.75rem;
            width: 1.75rem;
            background-image: url("https://placehold.it/36x36");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 50%
        }

.social-status__content p strong {
    display: block
}

.social-status--facebook .network-title::before {
    background-image: url("../media/images/facebook.svg")
}

.social-status--google .network-title::before {
    background-image: url("../media/images/google.svg")
}

.stepper {
    background: linear-gradient(118deg, rgba(190,132,207,0.2) 6.43%, rgba(86,192,245,0.2) 61.63%, rgba(82,251,255,0.2) 100%),#fff;
    width: 100%
}

    .stepper .inner {
        max-width: 36.875rem;
        background: #fff;
        border-radius: 1rem;
        margin: 1rem;
        display: flex;
        align-items: flex-start;
        min-height: 3.25rem;
        padding: 1rem;
        flex-direction: column
    }

        .stepper .inner p {
            margin-bottom: 0;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 0.83313rem;
            line-height: 16.76px;
            margin-top: 1rem
        }

        .stepper .inner > div {
            display: flex;
            align-items: center;
            gap: 1rem
        }

            .stepper .inner > div .steps {
                white-space: nowrap
            }

            .stepper .inner > div .dots {
                display: flex;
                align-items: center;
                gap: 0.5rem
            }

                .stepper .inner > div .dots .dot {
                    width: 0.5rem;
                    height: 0.5rem;
                    border-radius: 50%;
                    background-color: #ccc
                }

                    .stepper .inner > div .dots .dot.active {
                        width: 2.5rem;
                        border-radius: 1rem;
                        background-color: #252729
                    }

@media print, screen and (min-width: 48em) {
    .stepper .inner {
        flex-direction: row;
        border-radius: 3rem;
        margin: 1rem auto;
        padding: 0 1.5rem;
        align-items: center
    }

        .stepper .inner p {
            margin-top: 0.25rem;
            margin-left: 1rem
        }
}

.storitve {
    padding: 2.5rem 0;
    background-color: #fff
}

    .storitve.grey {
        background-color: #f2f2f2
    }

    .storitve .cards {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr;
        margin-top: 1.5rem
    }

@media print, screen and (min-width: 48em) {
    .storitve .cards {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem
    }
}

@media print, screen and (min-width: 64em) {
    .storitve .cards {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 1rem
    }
}

.storitve .cards .card {
    border: 0.0625rem solid #e2e1e1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

    .storitve .cards .card .logo {
        flex-grow: 0;
        flex-shrink: 0;
        width: 12.75rem;
        margin-bottom: 2rem
    }

    .storitve .cards .card .title {
        font-size: clamp(1.6rem, calc(1.54rem + 0.26vw), 1.73rem);
        font-weight: 600;
        margin-bottom: 1rem
    }

    .storitve .cards .card .text {
        flex-grow: 1;
        margin-bottom: 2rem
    }

    .storitve .cards .card .button {
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 0
    }

@media print, screen and (min-width: 64em) {
    .storitve {
        padding: 5rem 0
    }
}

.switcher {
    display: flex;
    align-items: center
}

    .switcher .switch-container {
        height: 1.5rem
    }

    .switcher p {
        margin: 0 2rem 0 0
    }

    .switcher input[type='checkbox'] {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 0.0625rem;
        width: 0.0625rem;
        margin: -0.0625rem;
        padding: 0;
        border: 0
    }

        .switcher input[type='checkbox'] ~ label {
            cursor: pointer;
            position: relative;
            width: 3rem;
            height: 1.5rem;
            background-color: #ccc;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 4rem;
            transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
        }

            .switcher input[type='checkbox'] ~ label::after {
                display: none
            }

            .switcher input[type='checkbox'] ~ label::before {
                position: absolute;
                border: none;
                left: 0.25rem;
                top: 50%;
                content: '';
                display: block;
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                background-color: #fff !important;
                transform: translate(0, -50%);
                transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
            }

        .switcher input[type='checkbox']:checked ~ label {
            background-color: #009ee3
        }

            .switcher input[type='checkbox']:checked ~ label::before {
                left: calc(100% - 1.25rem)
            }

        .switcher input[type='checkbox']:disabled ~ label {
            opacity: 0.5;
            cursor: not-allowed
        }

        .switcher input[type='checkbox']:disabled:checked ~ label {
            opacity: 0.5
        }

            .switcher input[type='checkbox']:disabled:checked ~ label::before {
                left: calc(100% - 1.25rem)
            }

@media (hover: hover) {
    .switcher input[type='checkbox']:hover ~ label {
        background-color: #b8b8b8
    }

    .switcher input[type='checkbox']:hover:checked ~ label {
        background-color: #4174ba
    }

    .switcher input[type='checkbox']:hover:disabled ~ label {
        background-color: #ccc;
        opacity: 0.5
    }

    .switcher input[type='checkbox']:hover:disabled:checked ~ label {
        background-color: #009ee3;
        opacity: 0.5
    }

        .switcher input[type='checkbox']:hover:disabled:checked ~ label::before {
            left: calc(100% - 1.25rem)
        }
}
/*! Cooltipz.css v2.3.0 | MIT License | github.com/jackdomleo7/Cooltipz.css */

:root {
    --cooltipz-bg-color: #1f1f1f;
    --cooltipz-border-width: 0;
    --cooltipz-border-style: solid;
    --cooltipz-border-color: #1f1f1f;
    --cooltipz-text-color: #fff;
    --cooltipz-font-size: 0.75rem;
    --cooltipz-font-family: verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif;
    --cooltipz-slide: 0.375rem;
    --cooltipz-border-radius: 0.125rem;
    --cooltipz-timing: 120ms;
    --cooltipz-cursor: pointer;
    --cooltipz-small: 6.25rem;
    --cooltipz-medium: 12.5rem;
    --cooltipz-large: 18.75rem;
    --cooltipz-arrow-size: 0.3125rem;
    --cooltipz-arrow-offset: 0;
    --cooltipz-delay-show: 0s;
    --cooltipz-delay-hide: 0s
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before {
    border: var(--cooltipz-arrow-size, 0.3125rem) solid transparent;
    height: 0;
    width: 0
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before {
    border-top-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(0 0.0625rem 0.0625rem rgba(0,0,0,0.3))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before {
    border-bottom-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0,0,0,0.3))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before {
    border-right-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(-0.0625rem 0 0.0625rem rgba(0,0,0,0.3))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before {
    border-left-color: var(--cooltipz-border-color, #1f1f1f);
    filter: drop-shadow(0.0625rem 0 0.0625rem rgba(0,0,0,0.3))
}

[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][data-cooltipz-dir].cooltipz--fit::after, [aria-label][class*=cooltipz][data-cooltipz-size=fit]::after, [aria-label][class*=cooltipz].cooltipz--fit::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][data-cooltipz-dir].cooltipz--small::after, [aria-label][class*=cooltipz][data-cooltipz-size=small]::after, [aria-label][class*=cooltipz].cooltipz--small::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][data-cooltipz-dir].cooltipz--medium::after, [aria-label][class*=cooltipz][data-cooltipz-size=medium]::after, [aria-label][class*=cooltipz].cooltipz--medium::after, [aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after, [aria-label][data-cooltipz-dir].cooltipz--large::after, [aria-label][class*=cooltipz][data-cooltipz-size=large]::after, [aria-label][class*=cooltipz].cooltipz--large::after {
    white-space: normal;
    word-wrap: break-word
}

[aria-label][data-cooltipz-dir], [aria-label][class*=cooltipz] {
    cursor: var(--cooltipz-cursor, pointer);
    position: relative
}

    [aria-label][data-cooltipz-dir]::after, [aria-label][class*=cooltipz]::after {
        background-color: var(--cooltipz-bg-color, #1f1f1f);
        border-radius: var(--cooltipz-border-radius, 0.125rem);
        border: var(--cooltipz-border-width, 0) var(--cooltipz-border-style, solid) var(--cooltipz-border-color, #1f1f1f);
        box-shadow: 0 0 0.1875rem rgba(0,0,0,0.3);
        color: var(--cooltipz-text-color, #fff);
        content: attr(aria-label);
        font-family: var(--cooltipz-font-family, verdana, geneva, tahoma, var(--cooltipz-fontawesome, Arial), sans-serif);
        font-size: var(--cooltipz-font-size, 0.75rem);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-weight: 400;
        padding: 0.5em 1em;
        text-indent: 0;
        text-shadow: none;
        white-space: nowrap;
        z-index: 10
    }

    [aria-label][data-cooltipz-dir]::before, [aria-label][class*=cooltipz]::before {
        content: "";
        z-index: 11
    }

    [aria-label][data-cooltipz-dir]::after, [aria-label][data-cooltipz-dir]::before, [aria-label][class*=cooltipz]::after, [aria-label][class*=cooltipz]::before {
        transition: all var(--cooltipz-timing, 120ms) ease-out var(--cooltipz-timing, 120ms);
        box-sizing: border-box;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition-delay: var(--cooltipz-delay-hide, 0s)
    }

@media (prefers-reduced-motion: reduce) {
    [aria-label][data-cooltipz-dir]::after, [aria-label][data-cooltipz-dir]::before, [aria-label][class*=cooltipz]::after, [aria-label][class*=cooltipz]::before {
        transition: none
    }
}

[aria-label][data-cooltipz-dir]:hover::before, [aria-label][data-cooltipz-dir]:hover::after, [aria-label][data-cooltipz-dir]:focus::before, [aria-label][data-cooltipz-dir]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--visible::after, [aria-label][class*=cooltipz]:hover::before, [aria-label][class*=cooltipz]:hover::after, [aria-label][class*=cooltipz]:focus::before, [aria-label][class*=cooltipz]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--visible::after {
    opacity: 1;
    transition-delay: var(--cooltipz-delay-show, 0s)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][data-cooltipz-dir].cooltipz--top::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::after, [aria-label][class*=cooltipz].cooltipz--top::after {
    margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    transform: translate(-50%, var(--cooltipz-slide, 0.375rem))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::before {
    transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0)), var(--cooltipz-slide, 0.375rem))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]::before, [aria-label][data-cooltipz-dir].cooltipz--top::after, [aria-label][data-cooltipz-dir].cooltipz--top::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]::before, [aria-label][class*=cooltipz].cooltipz--top::after, [aria-label][class*=cooltipz].cooltipz--top::before {
    bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    left: 50%;
    transform-origin: top
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--top:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top:hover::before, [aria-label][class*=cooltipz].cooltipz--top:focus::before, [aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::before {
    transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0)), 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--top:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--top.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top:hover::after, [aria-label][class*=cooltipz].cooltipz--top:focus::after, [aria-label][class*=cooltipz].cooltipz--top[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--top.cooltipz--visible::after {
    transform: translate(-50%, 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][data-cooltipz-dir].cooltipz--top-left::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::after, [aria-label][class*=cooltipz].cooltipz--top-left::after {
    left: 0;
    margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    transform: translate(0, var(--cooltipz-slide, 0.375rem))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::before {
    left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translate(var(--cooltipz-arrow-offset, 0), var(--cooltipz-slide, 0.375rem))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left::after, [aria-label][data-cooltipz-dir].cooltipz--top-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]::before, [aria-label][class*=cooltipz].cooltipz--top-left::after, [aria-label][class*=cooltipz].cooltipz--top-left::before {
    bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform-origin: top
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--top-left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top-left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top-left:hover::before, [aria-label][class*=cooltipz].cooltipz--top-left:focus::before, [aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::before {
    transform: translate(var(--cooltipz-arrow-offset, 0), 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-left].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--top-left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top-left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top-left[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--top-left.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-left].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top-left:hover::after, [aria-label][class*=cooltipz].cooltipz--top-left:focus::after, [aria-label][class*=cooltipz].cooltipz--top-left[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--top-left.cooltipz--visible::after {
    transform: translate(0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][data-cooltipz-dir].cooltipz--top-right::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::after, [aria-label][class*=cooltipz].cooltipz--top-right::after {
    margin-bottom: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    right: 0;
    transform: translate(0, var(--cooltipz-slide, 0.375rem))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::before {
    right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translate(var(--cooltipz-arrow-offset, 0), var(--cooltipz-slide, 0.375rem))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right::after, [aria-label][data-cooltipz-dir].cooltipz--top-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]::before, [aria-label][class*=cooltipz].cooltipz--top-right::after, [aria-label][class*=cooltipz].cooltipz--top-right::before {
    bottom: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform-origin: top
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--top-right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--top-right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--top-right:hover::before, [aria-label][class*=cooltipz].cooltipz--top-right:focus::before, [aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::before {
    transform: translate(var(--cooltipz-arrow-offset, 0), 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=top-right].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--top-right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--top-right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--top-right[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--top-right.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=top-right].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--top-right:hover::after, [aria-label][class*=cooltipz].cooltipz--top-right:focus::after, [aria-label][class*=cooltipz].cooltipz--top-right[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--top-right.cooltipz--visible::after {
    transform: translate(0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::after, [aria-label][class*=cooltipz].cooltipz--bottom::after {
    margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    transform: translate(-50%, calc(var(--cooltipz-slide, 0.375rem) * -1))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::before {
    transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0)), calc(var(--cooltipz-slide, 0.375rem) * -1))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom::after, [aria-label][data-cooltipz-dir].cooltipz--bottom::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]::before, [aria-label][class*=cooltipz].cooltipz--bottom::after, [aria-label][class*=cooltipz].cooltipz--bottom::before {
    left: 50%;
    top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform-origin: bottom
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--bottom:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::before {
    transform: translate(calc(-50% + var(--cooltipz-arrow-offset, 0)), 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--bottom:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--bottom.cooltipz--visible::after {
    transform: translate(-50%, 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::after {
    left: 0;
    margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    transform: translate(0, calc(var(--cooltipz-slide, 0.375rem) * -1))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::before {
    left: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translate(var(--cooltipz-arrow-offset, 0), calc(var(--cooltipz-slide, 0.375rem) * -1))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left::after, [aria-label][class*=cooltipz].cooltipz--bottom-left::before {
    top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform-origin: bottom
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::before {
    transform: translate(var(--cooltipz-arrow-offset, 0), 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-left].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-left.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-left].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-left:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-left[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--bottom-left.cooltipz--visible::after {
    transform: translate(0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::after {
    margin-top: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    right: 0;
    transform: translate(0, calc(var(--cooltipz-slide, 0.375rem) * -1))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::before {
    right: calc(var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform: translate(var(--cooltipz-arrow-offset, 0), calc(var(--cooltipz-slide, 0.375rem) * -1))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right::after, [aria-label][class*=cooltipz].cooltipz--bottom-right::before {
    top: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    transform-origin: bottom
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:hover::before, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::before, [aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::before {
    transform: translate(var(--cooltipz-arrow-offset, 0), 0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=bottom-right].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--bottom-right.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=bottom-right].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:hover::after, [aria-label][class*=cooltipz].cooltipz--bottom-right:focus::after, [aria-label][class*=cooltipz].cooltipz--bottom-right[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--bottom-right.cooltipz--visible::after {
    transform: translate(0)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][data-cooltipz-dir].cooltipz--left::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::after, [aria-label][class*=cooltipz].cooltipz--left::after {
    margin-right: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    transform: translate(var(--cooltipz-slide, 0.375rem), -50%)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::before {
    transform: translate(var(--cooltipz-slide, 0.375rem), calc(-50% + var(--cooltipz-arrow-offset, 0)))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]::before, [aria-label][data-cooltipz-dir].cooltipz--left::after, [aria-label][data-cooltipz-dir].cooltipz--left::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]::before, [aria-label][class*=cooltipz].cooltipz--left::after, [aria-label][class*=cooltipz].cooltipz--left::before {
    right: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    top: 50%;
    transform-origin: left
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--left:hover::before, [aria-label][data-cooltipz-dir].cooltipz--left:focus::before, [aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--left:hover::before, [aria-label][class*=cooltipz].cooltipz--left:focus::before, [aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::before {
    transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0)))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=left].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--left:hover::after, [aria-label][data-cooltipz-dir].cooltipz--left:focus::after, [aria-label][data-cooltipz-dir].cooltipz--left[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--left.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=left].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--left:hover::after, [aria-label][class*=cooltipz].cooltipz--left:focus::after, [aria-label][class*=cooltipz].cooltipz--left[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--left.cooltipz--visible::after {
    transform: translate(0, -50%)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][data-cooltipz-dir].cooltipz--right::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::after, [aria-label][class*=cooltipz].cooltipz--right::after {
    margin-left: calc(var(--cooltipz-arrow-size, 0.3125rem) * 2);
    transform: translate(calc(var(--cooltipz-slide, 0.375rem) * -1), -50%)
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::before {
    transform: translate(calc(var(--cooltipz-slide, 0.375rem) * -1), calc(-50% + var(--cooltipz-arrow-offset, 0)))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]::before, [aria-label][data-cooltipz-dir].cooltipz--right::after, [aria-label][data-cooltipz-dir].cooltipz--right::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]::before, [aria-label][class*=cooltipz].cooltipz--right::after, [aria-label][class*=cooltipz].cooltipz--right::before {
    left: calc(100% - var(--cooltipz-arrow-size, 0.3125rem) / 2);
    top: 50%;
    transform-origin: right
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible::before, [aria-label][data-cooltipz-dir].cooltipz--right:hover::before, [aria-label][data-cooltipz-dir].cooltipz--right:focus::before, [aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]::before, [aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]::before, [aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible::before, [aria-label][class*=cooltipz].cooltipz--right:hover::before, [aria-label][class*=cooltipz].cooltipz--right:focus::before, [aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]::before, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::before {
    transform: translate(0, calc(-50% + var(--cooltipz-arrow-offset, 0)))
}

[aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:hover::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right]:focus::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right][data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir][data-cooltipz-dir=right].cooltipz--visible::after, [aria-label][data-cooltipz-dir].cooltipz--right:hover::after, [aria-label][data-cooltipz-dir].cooltipz--right:focus::after, [aria-label][data-cooltipz-dir].cooltipz--right[data-cooltipz-visible]::after, [aria-label][data-cooltipz-dir].cooltipz--right.cooltipz--visible::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:hover::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right]:focus::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right][data-cooltipz-visible]::after, [aria-label][class*=cooltipz][data-cooltipz-dir=right].cooltipz--visible::after, [aria-label][class*=cooltipz].cooltipz--right:hover::after, [aria-label][class*=cooltipz].cooltipz--right:focus::after, [aria-label][class*=cooltipz].cooltipz--right[data-cooltipz-visible]::after, [aria-label][class*=cooltipz].cooltipz--right.cooltipz--visible::after {
    transform: translate(0, -50%)
}

[aria-label][data-cooltipz-dir][data-cooltipz-size=fit]::after, [aria-label][data-cooltipz-dir].cooltipz--fit::after, [aria-label][class*=cooltipz][data-cooltipz-size=fit]::after, [aria-label][class*=cooltipz].cooltipz--fit::after {
    width: 100%
}

[aria-label][data-cooltipz-dir][data-cooltipz-size=small]::after, [aria-label][data-cooltipz-dir].cooltipz--small::after, [aria-label][class*=cooltipz][data-cooltipz-size=small]::after, [aria-label][class*=cooltipz].cooltipz--small::after {
    width: var(--cooltipz-small, 6.25rem)
}

[aria-label][data-cooltipz-dir][data-cooltipz-size=medium]::after, [aria-label][data-cooltipz-dir].cooltipz--medium::after, [aria-label][class*=cooltipz][data-cooltipz-size=medium]::after, [aria-label][class*=cooltipz].cooltipz--medium::after {
    width: var(--cooltipz-medium, 12.5rem)
}

[aria-label][data-cooltipz-dir][data-cooltipz-size=large]::after, [aria-label][data-cooltipz-dir].cooltipz--large::after, [aria-label][class*=cooltipz][data-cooltipz-size=large]::after, [aria-label][class*=cooltipz].cooltipz--large::after {
    width: var(--cooltipz-large, 18.75rem)
}

[aria-label][data-cooltipz-dir][data-cooltipz-size=custom]::after, [aria-label][data-cooltipz-dir].cooltipz--custom::after, [aria-label][class*=cooltipz][data-cooltipz-size=custom]::after, [aria-label][class*=cooltipz].cooltipz--custom::after {
    white-space: pre;
    word-wrap: break-word
}

[aria-label][data-cooltipz-dir][data-cooltipz-static]::after, [aria-label][data-cooltipz-dir][data-cooltipz-static]::before, [aria-label][data-cooltipz-dir].cooltipz--static::after, [aria-label][data-cooltipz-dir].cooltipz--static::before, [aria-label][class*=cooltipz][data-cooltipz-static]::after, [aria-label][class*=cooltipz][data-cooltipz-static]::before, [aria-label][class*=cooltipz].cooltipz--static::after, [aria-label][class*=cooltipz].cooltipz--static::before {
    transition: none
}

[aria-label=""][data-cooltipz-dir]::before, [aria-label=""][data-cooltipz-dir]::after, [aria-label=""][class*=cooltipz]::before, [aria-label=""][class*=cooltipz]::after {
    display: none
}

:root {
    --cooltipz-bg-color: white;
    --cooltipz-border-style: none;
    --cooltipz-text-color: black;
    --cooltipz-border-radius: 0.25rem;
    --cooltipz-font-family: $sansPro;
    --cooltipz-border-color: white;
    --cooltipz-font-size: 0.875rem
}

.tooltip {
    display: inline
}

    .tooltip .icon.icon16 {
        font-size: 1rem
    }

    .tooltip .icon.icon24 {
        font-size: 1.5rem
    }

.pw-validation {
    display: none;
    margin-bottom: 1.1875rem
}

    .pw-validation > div .pw-validation > div {
        display: flex;
        gap: 0.5625rem;
        margin-bottom: 0.5rem
    }

    .pw-validation span {
        position: relative;
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 0.0375rem;
        line-height: 16px;
        color: #111;
        padding-left: 0.5rem
    }

    .pw-validation.-neutral {
        display: block
    }

        .pw-validation.-neutral .success-icon, .pw-validation.-neutral .error-icon {
            color: #5c6167
        }

    .pw-validation.-is-valid {
        display: block
    }

        .pw-validation.-is-valid .success-icon {
            color: #14d87a
        }

        .pw-validation.-is-valid .error-icon {
            color: #d00505
        }

    .pw-validation.-is-invalid {
        display: block
    }

        .pw-validation.-is-invalid .success-icon {
            color: #14d87a
        }

        .pw-validation.-is-invalid .error-icon {
            color: #d00505
        }

.dashboard-cards-container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1rem
}

@media print, screen and (min-width: 48em) {
    .dashboard-cards-container {
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
}

.delete-profile-confirm {
    padding-bottom: 6.5rem
}

.delete-profile-step-1 {
    padding-bottom: 2.5rem
}

    .delete-profile-step-1 .heading ~ p {
        margin-bottom: 1.875rem
    }

    .delete-profile-step-1 .form-item--checkbox {
        margin-bottom: 12.5rem
    }

@media print, screen and (max-width: 63.99875em) {
    .delete-profile-step-1 .form-item--checkbox {
        margin-bottom: 7.5rem
    }
}

.delete-profile-services {
    padding-bottom: 6.875rem
}

@media print, screen and (max-width: 63.99875em) {
    .delete-profile-services {
        padding-bottom: 2.5rem
    }
}

.delete-profile-services h1.heading ~ p {
    margin-bottom: 2rem
}

.delete-profile-services .services {
    margin-bottom: 3.5rem
}

.devices-cards-container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 1rem
}

@media print, screen and (min-width: 48em) {
    .devices-cards-container {
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
}

@media print, screen and (min-width: 64em) {
    .devices-cards-container {
        grid-template-columns: 1fr 1fr 1fr;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
}

.gdpr-consent {
    padding-bottom: 2rem
}

@media print, screen and (min-width: 64em) {
    .gdpr-consent {
        padding-bottom: 5.3125rem
    }
}

.gdpr-consent .heading ~ p {
    margin-bottom: 1.5rem
}

.gdpr-consent .heading ~ a {
    display: inline-block;
    margin-bottom: 4.5625rem
}

.gdpr-modal__tel .text {
    margin-bottom: 2.5rem
}

@media print, screen and (min-width: 64em) {
    .gdpr-modal__tel .text {
        margin-bottom: 3rem
    }
}

.gdpr-modal__tel .form-item {
    margin-bottom: 2rem
}

@media print, screen and (min-width: 64em) {
    .gdpr-modal__tel .form-item {
        margin-bottom: 2.5rem
    }
}

.sserr {
    display: none;
    color: #d00505;
    margin-bottom: 1.5rem
}

    .sserr .form-item__error {
        display: block
    }

.registration .one-for-all {
    margin-top: 4.3125rem
}

.notice-icon {
    margin-bottom: 1.875rem
}

@media print, screen and (min-width: 48em) {
    .notice-icon {
        margin-bottom: 2.375rem
    }
}

.registration-sso .sso-module button {
    margin-bottom: 0.5rem
}

.registration-sso .sso-module p {
    margin-top: 2.125rem;
    text-align: center
}

@media print, screen and (min-width: 48em) {
    .registration-sso .sso-module p {
        text-align: left;
        margin: 0.5rem 0 3.5rem
    }
}

@media print, screen and (max-width: 47.99875em) {
    .registration-sso .one-for-all {
        margin-top: 3rem
    }
}

@media print, screen and (min-width: 64em) {
    .registration-step-1 h1.heading {
        margin: 1.4375rem 2.1875rem
    }
}

.registration-step-1 .notification--small {
    margin-bottom: 0.875rem
}

@media print, screen and (min-width: 64em) {
    .registration-step-1 .notification--small {
        margin-bottom: 1.0625rem
    }
}

.registration-step-1 .quick-info {
    margin-left: 1.8125rem;
    margin-bottom: 1.5rem
}

    .registration-step-1 .quick-info input[type='checkbox'] ~ label {
        margin-bottom: 0
    }

    .registration-step-1 .quick-info input[type='checkbox']:checked ~ label {
        margin-bottom: 1rem
    }

.registration-step-1 .form-submit {
    margin-bottom: 1.5rem
}

.registration-step-2 {
    padding-bottom: 6.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .registration-step-2 {
        padding-bottom: 3.125rem
    }
}

@media print, screen and (min-width: 64em) {
    .registration-step-2 h1.heading {
        margin: 1.4375rem 2.5rem
    }
}

.registration-step-2 .form-item:last-of-type {
    margin-bottom: 1.875rem
}

.registration-step-2 .form-submit {
    margin-bottom: 1.875rem
}

.registration-step-3 {
    padding-bottom: 5.3125rem
}

@media print, screen and (min-width: 64em) {
    .registration-step-3 h1.heading {
        margin: 1.4375rem 0 1rem
    }
}

.registration-step-3 .button {
    margin: 2rem 0 3rem
}

.registration-step-3 .notification--small {
    margin-top: 1rem
}

.registration-step-3__resend {
    padding: 0.5rem 0 0.9375rem
}

.registration-success {
    padding: 5.5625rem 0 3.125rem
}

    .registration-success .button {
        margin-top: 3.5rem
    }

.registration-error {
    padding: 4.0625rem 0
}

    .registration-error h1.heading {
        margin: 0 0 2rem
    }

    .registration-error .button {
        margin: 3.5rem 0
    }

@media print, screen and (min-width: 48em) {
    .registration-social-connect h1.heading {
        max-width: 55.9375rem;
        margin: 1.5rem auto 3rem
    }
}

@media print, screen and (max-width: 47.99875em) {
    .registration-social-connect h1.heading {
        margin-bottom: 2.5rem;
        font-size: 1.6875rem;
        letter-spacing: 0.03188rem;
        line-height: 32px
    }
}

.login .one-for-all {
    margin-top: 5.625rem
}

.login__pw {
    position: relative
}

    .login__pw a {
        display: block;
        position: absolute;
        bottom: 0.25rem;
        right: 0;
        margin: 0
    }

.login-sso .sso-module button {
    margin-bottom: 0.5rem
}

.login-sso .sso-module p {
    margin-top: 2.125rem;
    text-align: center
}

@media print, screen and (min-width: 48em) {
    .login-sso .sso-module p {
        text-align: left;
        margin: 0.5rem 0 3.5rem
    }
}

@media print, screen and (max-width: 47.99875em) {
    .login-sso .one-for-all {
        margin-top: 3rem
    }
}

.login-form h1.heading {
    margin: 1.5rem 0 1rem
}

@media print, screen and (max-width: 63.99875em) {
    .login-form h1.heading {
        margin: 1.5rem 0 0.5rem
    }
}

.login-form h2.heading--h2 {
    margin-bottom: 2.1875rem
}

@media print, screen and (max-width: 63.99875em) {
    .login-form h2.heading--h2 {
        margin-bottom: 1.5rem
    }
}

.login-form .form-item--password {
    margin: 0
}

.login-form .login__pw {
    margin-top: 2.1875rem
}

@media print, screen and (max-width: 63.99875em) {
    .login-form .login__pw {
        margin-top: 1.5rem
    }
}

.login-form .login__pw a {
    display: inline-block;
    padding-top: 2.1875rem
}

@media print, screen and (max-width: 63.99875em) {
    .login-form .login__pw a {
        padding-top: 1.5rem
    }
}

.login-sso .login-form .form-item--password {
    margin-bottom: 1rem
}

.login-form .notification--small {
    margin-bottom: 1.0625rem
}

.login-form .form-item--checkbox {
    margin-bottom: 1.125rem
}

.login-form .no-acc-registrate {
    display: inline-block;
    padding-top: 1.5rem
}

.forgotten-password.has-recaptcha .form-item--email {
    margin-bottom: 0.5rem
}

    .forgotten-password.has-recaptcha .form-item--email ~ .mvp-recaptcha {
        max-width: 14.0625rem;
        margin-bottom: 3.125rem
    }

.forgotten-password-login-form {
    padding-bottom: 6.6875rem
}

@media print, screen and (min-width: 64em) {
    .forgotten-password-login-form h1.heading {
        margin: 1.5rem 0 0.5rem
    }
}

.forgotten-password-login-form h2.heading--h2 {
    margin-bottom: 1rem
}

.forgotten-password-login-form .form-item--email {
    margin-bottom: 3.125rem
}

.forgotten-password-login-form .form-submit {
    margin-bottom: 0.5rem
}

.forgotten-password-form {
    padding-bottom: 4.875rem
}

@media print, screen and (max-width: 63.99875em) {
    .forgotten-password-form {
        padding-bottom: 3.625rem
    }
}

.forgotten-password-form__spacing {
    margin-bottom: 3rem !important
}

@media print, screen and (max-width: 63.99875em) {
    .forgotten-password-form__spacing {
        margin-bottom: 2.5rem !important
    }
}

.forgotten-password-form h1.heading {
    margin-bottom: 1.5rem
}

@media print, screen and (min-width: 64em) {
    .forgotten-password-form h1.heading {
        margin-bottom: 2.5rem
    }
}

.forgotten-password-success {
    padding-bottom: 4.875rem
}

@media print, screen and (max-width: 63.99875em) {
    .forgotten-password-success {
        padding-bottom: 2.5rem
    }
}

.forgotten-password-success h1.heading {
    margin-bottom: 3.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .forgotten-password-success h1.heading {
        margin-bottom: 3.1875rem
    }
}

.forgotten-password-success .notification {
    margin-bottom: 11.125rem
}

@media print, screen and (max-width: 63.99875em) {
    .forgotten-password-success .notification {
        margin-bottom: 8.375rem
    }
}

.forgotten-password-success .form-submit {
    margin: 0
}

.forgotten-password-confirmation {
    padding-bottom: 15.625rem
}

@media print, screen and (max-width: 63.99875em) {
    .forgotten-password-confirmation {
        padding-bottom: 9.375rem
    }
}

.forgotten-password-confirmation h1.heading {
    margin-bottom: 0.5rem
}

.forgotten-password-confirmation .button.-block {
    margin: 0.3125rem 0 0
}

.forgotten-password-confirmation__img {
    padding: 3rem 0 0.5rem
}

    .forgotten-password-confirmation__img .icon {
        height: 4.4375rem;
        width: 5.25rem;
        color: #009fe9
    }

.general .one-for-all {
    margin-top: 12.1875rem
}

@media print, screen and (max-width: 63.99875em) {
    .general .one-for-all {
        margin-top: 8.0625rem
    }
}

.general-error__img {
    padding: 4.0625rem 0 3.5625rem
}

@media print, screen and (max-width: 63.99875em) {
    .general-error__img {
        padding: 2.1875rem 0 2.125rem
    }
}

.general-error__img .icon {
    color: #d2001d;
    height: 4.4375rem;
    width: 5.25rem
}

.general-error__animation > div {
    background-color: #fff;
    width: 8.125rem;
    height: 8.125rem;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1
}

.general-error h1.heading {
    margin-bottom: 3.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .general-error h1.heading {
        margin-bottom: 2.5rem
    }
}

.general-error p.text {
    margin-bottom: 0.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .general-error p.text {
        margin-bottom: 1.5rem
    }
}

.general-404-error .general-error__animation {
    padding: 1.5rem 0 1.4375rem
}

.general-404-error h1.heading {
    margin-bottom: 3.5rem
}

.general-404-error p.text {
    margin: 0
}

.general-terms.plain {
    padding: 3.75rem 0 8.75rem
}

    .general-terms.plain h1.heading {
        margin-bottom: 2.6875rem
    }

@media print, screen and (max-width: 63.99875em) {
    .general-terms.plain {
        padding: 1.875rem 0 3.75rem
    }
}

.general-terms__img {
    padding: 4.125rem 0 3.6875rem
}

@media print, screen and (max-width: 63.99875em) {
    .general-terms__img {
        padding: 2.1875rem 0 2.125rem
    }
}

.general-terms__img .icon {
    height: 4.4375rem;
    width: 5.25rem
}

.general-terms h1.heading {
    margin-bottom: 1.5rem
}

.general-terms .form-item--checkbox {
    position: relative
}

    .general-terms .form-item--checkbox input[type='checkbox'] ~ .form-item__error {
        position: absolute;
        padding-left: 3.75rem;
        top: 3.125rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .general-terms .form-item--checkbox input[type='checkbox'] ~ label {
        margin-top: 1.5rem;
        margin-bottom: 3.6875rem
    }

        .general-terms .form-item--checkbox input[type='checkbox'] ~ label::before {
            height: 1.25rem;
            width: 1.25rem
        }

        .general-terms .form-item--checkbox input[type='checkbox'] ~ label::after {
            left: 0.25rem;
            top: 0.375rem
        }

.change-email-step-1, .change-email-step-2 {
    padding-bottom: 7.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .change-email-step-1, .change-email-step-2 {
        padding-bottom: 2.125rem
    }
}

@media print, screen and (min-width: 64em) {
    .change-email-step-1 h1.heading, .change-email-step-2 h1.heading {
        margin-bottom: 2.5rem
    }
}

.change-email-step-1 p.text--p2, .change-email-step-2 p.text--p2 {
    margin-bottom: 1.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .change-email-step-1 p.text--p2, .change-email-step-2 p.text--p2 {
        margin-bottom: 1rem
    }
}

.verify-phone-step-1 {
    padding-bottom: 3.625rem
}

@media print, screen and (max-width: 63.99875em) {
    .verify-phone-step-1 {
        padding-bottom: 2rem
    }
}

.verify-phone-step-1 h1.heading {
    margin-bottom: 1.5rem
}

    .verify-phone-step-1 h1.heading ~ p {
        margin-bottom: 3rem
    }

@media print, screen and (min-width: 64em) {
    .verify-phone-step-1 h1.heading {
        margin-bottom: 1.75rem
    }

        .verify-phone-step-1 h1.heading ~ p {
            margin-bottom: 4.5rem
        }
}

.verify-phone-step-1 .js-form .mw-320--inline > p, .verify-phone-step-1 .js-form .mw-320--inline ~ p, .verify-phone-step-1 .js-form .mw-320--inline > .notification--small {
    margin: 0.75rem 0 7.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .verify-phone-step-1 .js-form .mw-320--inline > p, .verify-phone-step-1 .js-form .mw-320--inline ~ p, .verify-phone-step-1 .js-form .mw-320--inline > .notification--small {
        margin: 0.75rem 0 4.375rem
    }
}

.verify-phone-step-1 .js-form .form-item--number {
    max-width: 9rem
}

.verify-phone-step-1 .mw-320--inline.-with-top-margin {
    margin-top: 6.5rem !important
}

.verify-phone-error {
    padding: 5rem 0 8.875rem
}

@media print, screen and (max-width: 63.99875em) {
    .verify-phone-error {
        padding: 1.5rem 0
    }
}

.verify-phone-error .notification {
    margin: 1.8125rem 0 9.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .verify-phone-error .notification {
        margin: 1rem 0 7.625rem
    }
}

.verify-phone-error .mw-340--inline .tablet-order-1 .button {
    padding: 0.75rem 0.5625rem !important
}

.verify-phone-success {
    padding-bottom: 2.5rem !important
}

    .verify-phone-success .notification {
        margin-bottom: 9.25rem
    }

    .verify-phone-success h1.heading {
        margin-bottom: 3.5rem !important
    }

.connect-social-media {
    padding: 1.5rem 0 8.875rem
}

@media print, screen and (max-width: 63.99875em) {
    .connect-social-media {
        padding: 1.5rem 0
    }
}

.connect-social-media .heading ~ p {
    margin-bottom: 4rem
}

@media print, screen and (max-width: 63.99875em) {
    .connect-social-media .heading ~ p {
        margin-bottom: 2.75rem
    }
}

.connect-social-media .button.-clr-white {
    margin-top: 5.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .connect-social-media .button.-clr-white {
        margin-top: 3.5rem
    }
}

.two-step-verification {
    padding: 5rem 0 8.875rem
}

@media print, screen and (max-width: 63.99875em) {
    .two-step-verification {
        padding: 1.5rem 0 2rem
    }
}

.two-step-verification.no-padding-top {
    padding-top: 0
}

.two-step-verification .text--p2 {
    margin-bottom: 1.5rem
}

.two-step-verification .quick-info label {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px
}

.two-step-verification .quick-info__content p {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 20px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem !important;
    width: 67%
}

@media print, screen and (max-width: 63.99875em) {
    .two-step-verification .quick-info__content p {
        width: 100%
    }
}

.two-step-verification .quick-info__content .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f6f6;
    border-radius: 50%;
    margin-right: 1.25rem;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem
}

    .two-step-verification .quick-info__content .icon-container img {
        display: block
    }

        .two-step-verification .quick-info__content .icon-container img.lock {
            width: 1.375rem;
            height: 1.625rem
        }

        .two-step-verification .quick-info__content .icon-container img.sms {
            width: 1.375rem;
            height: 1.625rem
        }

.two-step-verification .quick-info__content .text--p2 {
    margin-bottom: 0
}

.two-step-verification-warning {
    margin-top: 0
}

    .two-step-verification-warning h1.heading {
        margin-bottom: 3.5rem !important;
        margin-top: 0
    }

    .two-step-verification-warning .content {
        margin-bottom: 9.25rem
    }

@media print, screen and (max-width: 47.99875em) {
    .two-step-verification-warning .content {
        margin-bottom: 3.125rem
    }
}

.two-step-verification-code {
    padding-bottom: 4.375rem
}

    .two-step-verification-code .grey-box {
        background-color: #f6f6f6;
        border-radius: 0.125rem;
        padding: 0.75rem 1.5rem 1.5rem;
        margin-bottom: 1.5rem
    }

@media print, screen and (min-width: 48em) {
    .two-step-verification-code .grey-box {
        padding: 0.75rem 3.5rem 2rem
    }
}

.two-step-verification-code .heading--h2 {
    margin-bottom: 1.5rem
}

.two-step-verification-code .text--p3 {
    margin-top: -0.9375rem
}

.two-step-verification-code .text--p.last {
    margin-bottom: 1.5rem
}

.two-step-verification-code .input-container {
    height: 8.125rem
}

.two-step-verification-code .form-item__error {
    padding-top: 0.25rem
}

.two-step-verification-code .form-item.-sserr {
    margin-bottom: 0
}

.two-step-verification-code .js-form-item.-has-error ~ .text--p3 {
    display: none
}

.two-step-verification-code .button {
    margin-bottom: 0.5rem
}

@media screen and (min-width: 440px) and (max-width: 767px) {
    .two-step-verification-code .no-width-change {
        max-width: 22.5rem;
        margin-left: auto;
        margin-right: auto
    }
}

.verified-phone-change {
    padding-bottom: 2rem
}

    .verified-phone-change .heading ~ .text--p2 {
        margin-bottom: 3.625rem
    }

@media print, screen and (max-width: 47.99875em) {
    .verified-phone-change .heading ~ .text--p2 {
        margin-bottom: 3rem
    }
}

.verified-phone-change a.text--p2 {
    display: block;
    margin-bottom: 1.5rem
}

    .verified-phone-change a.text--p2 ~ .text--p3 {
        margin-bottom: 4.5rem
    }

@media print, screen and (max-width: 47.99875em) {
    .verified-phone-change a.text--p2 ~ .text--p3 {
        margin-bottom: 2rem
    }
}

.verified-phone-change .mw-320--inline.-mb {
    margin-bottom: 6.5rem
}

@media print, screen and (max-width: 47.99875em) {
    .verified-phone-change .mw-320--inline.-mb {
        margin-bottom: 3rem
    }
}

.my-info .add-new {
    display: flex;
    align-items: center;
    margin: 1.40625rem 0 7.8125rem 1.28125rem
}

    .my-info .add-new img {
        height: 1.0625rem;
        width: 1.0625rem;
        margin-right: 0.9375rem;
        border: 0.125rem solid #009fe9;
        border-radius: 50%;
        padding: 0.3125rem;
        box-sizing: content-box
    }

.my-info-bot-spacer {
    padding-bottom: 4.875rem
}

.my-info__card, .my-info__card--primary {
    position: relative;
    padding: 2rem;
    border: 0.0625rem solid #e9e9e9;
    background-color: #fff
}

@media print, screen and (max-width: 63.99875em) {
    .my-info__card, .my-info__card--primary {
        padding: 1.03125rem
    }
}

.my-info__card ~ .my-info__card:not(:last-child), .my-info__card--primary ~ .my-info__card:not(:last-child), .my-info__card ~ .my-info__card--primary:not(:last-child), .my-info__card--primary ~ .my-info__card--primary:not(:last-child) {
    border-bottom: none
}

.my-info__card p:not(:first-child), .my-info__card--primary p:not(:first-child) {
    color: #5c6167
}

.my-info__card > div, .my-info__card--primary > div {
    flex-basis: 25%;
    max-width: 25%
}

@media print, screen and (max-width: 63.99875em) {
    .my-info__card > div, .my-info__card--primary > div {
        flex-basis: 100%;
        max-width: 100%
    }

        .my-info__card > div:last-child, .my-info__card--primary > div:last-child {
            margin-top: 1.5rem;
            text-align: left
        }
}

.my-info__card > div:first-child, .my-info__card--primary > div:first-child {
    flex-basis: 75%;
    max-width: 75%
}

@media print, screen and (max-width: 63.99875em) {
    .my-info__card > div:first-child, .my-info__card--primary > div:first-child {
        flex-basis: 100%;
        max-width: 100%
    }
}

.my-info__card > div p, .my-info__card--primary > div p {
    display: inline-block;
    margin: 0
}

.my-info__card > div a:first-child, .my-info__card--primary > div a:first-child {
    margin-right: 1.5rem
}

.my-info__card--primary {
    padding-top: 2.78125rem;
    margin-bottom: 2.46875rem
}

    .my-info__card--primary::before {
        content: 'PRIMAREN NASLOV';
        font-size: 0.875rem;
        color: #787878;
        position: absolute;
        top: 1.25rem;
        left: 1.53125rem
    }

.new-card-container {
    background: url("../media/icons/pictograms/card.png") no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    aspect-ratio: 1.77;
    margin: 0 auto;
    position: relative
}

    .new-card-container .image-container {
        position: absolute;
        top: 18%;
        left: 1.25rem
    }

    .new-card-container .card-number {
        position: absolute;
        top: 40%;
        left: 1.25rem;
        font-family: "Source Sans Pro",sans-serif;
        color: white;
        font-size: 1.44rem;
        line-height: 28.96px
    }

    .new-card-container .name {
        position: absolute;
        top: 72%;
        left: 1.25rem;
        color: white;
        font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem)
    }

    .new-card-container .expiration-date {
        position: absolute;
        top: 59%;
        right: 14%
    }

        .new-card-container .expiration-date p {
            font-weight: 600;
            color: white;
            font-size: clamp(1.37rem, calc(1.34rem + 0.15vw), 1.44rem);
            margin-bottom: 0
        }

            .new-card-container .expiration-date p:first-child {
                text-transform: uppercase;
                font-size: clamp(1rem, calc(1rem + 0vw), 1rem);
                font-weight: 400
            }

@media print, screen and (min-width: 48em) {
    .new-card-container {
        width: 26.125rem;
        height: 15.1875rem
    }

        .new-card-container .expiration-date {
            top: 59%;
            right: 14%
        }

            .new-card-container .expiration-date p:first-child {
                font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem)
            }
}

.presentational .single-login h5:first-child {
    margin-top: 0
}

.presentational .single-login h5:last-of-type {
    margin-bottom: 3rem
}

.presentational-landing__banner {
    padding: 7.0625rem;
    background-image: url("../media/images/banners/landing_keyvisxual-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    margin-bottom: 4.5625rem
}

@media screen and (min-width: 80em) {
    .presentational-landing__banner {
        background-image: url("../media/images/banners/landing_keyvisxual@2x-min.jpg")
    }
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__banner {
        padding: 5.625rem 5.625rem 6.75rem;
        margin-bottom: 2.125rem;
        background-position: 40%;
        background-image: url("../media/images/banners/landing_keyvisxual-mobile@2x.jpg");
        position: relative
    }

        .presentational-landing__banner::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.2);
            width: 100%;
            height: 100%;
            z-index: 1
        }

        .presentational-landing__banner .row {
            position: relative;
            z-index: 2
        }
}

@media print, screen and (max-width: 47.99875em) {
    .presentational-landing__banner {
        padding: 5.625rem 1.875rem
    }
}

.presentational-landing__banner .heading {
    color: #fff
}

.presentational-landing__banner-buttons .button {
    max-width: 8.3125rem
}

    .presentational-landing__banner-buttons .button:first-child {
        margin-right: 1rem
    }

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__banner-buttons {
        text-align: center
    }
}

.presentational-landing__main {
    padding: 3.5rem 0 3.125rem
}

    .presentational-landing__main > .column:first-child, .presentational-landing__main > .columns:first-child {
        margin-bottom: 4.25rem
    }

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__main {
        padding: 2.5rem 0 0
    }

        .presentational-landing__main > .column:first-child, .presentational-landing__main > .columns:first-child {
            margin-bottom: 3rem
        }
}

.presentational-landing__main .presentational-features {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media print, screen and (min-width: 64em) {
    .presentational-landing__main .presentational-features {
        text-align: center;
        margin-bottom: 3rem;
        margin-top: 3rem
    }
}

.presentational-landing__main .presentational-features img {
    margin-bottom: 1.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__main .presentational-features img {
        margin-bottom: 0;
        margin-right: 1.5rem;
        height: 4rem;
        width: 4rem
    }
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__main .presentational-features .column, .presentational-landing__main .presentational-features .columns {
        display: flex;
        align-items: center;
        margin-bottom: 2.25rem
    }
}

.presentational-landing__double-logo {
    margin-bottom: 6.5625rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__double-logo {
        margin-bottom: 3.5rem
    }
}

.presentational-landing__double-logo .column, .presentational-landing__double-logo .columns {
    text-align: center
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-landing__double-logo .column:first-child, .presentational-landing__double-logo .columns:first-child {
        margin-bottom: 1.5rem
    }
}

@media print, screen and (min-width: 64em) {
    .presentational-landing__double-logo .column, .presentational-landing__double-logo .columns {
        text-align: left
    }

        .presentational-landing__double-logo .column:not(:first-child) img, .presentational-landing__double-logo .columns:not(:first-child) img {
            margin-left: 5rem
        }

        .presentational-landing__double-logo .column:first-child, .presentational-landing__double-logo .columns:first-child {
            text-align: right
        }
}

.presentational-content h1 {
    margin: 3.875rem 0 2rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-content h1 {
        margin: 1.5rem 0 1rem
    }
}

.presentational-content h1 ~ p {
    margin-bottom: 3.875rem
}

.presentational-content__first-block {
    margin-top: 10rem;
    margin-bottom: 6.5rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-content__first-block {
        margin-top: 6.5rem;
        margin-bottom: 3.5rem
    }
}

.presentational-content__second-block {
    margin-bottom: 10rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-content__second-block {
        margin-bottom: 1.875rem
    }
}

.presentational-faq {
    padding-bottom: 5rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-faq {
        padding-bottom: 2.5rem
    }
}

.presentational-faq h1 {
    margin: 3.875rem 0 4.25rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-faq h1 {
        margin: 1.5rem 0 3rem
    }
}

.presentational-faq__accordions .column, .presentational-faq__accordions .columns {
    margin-bottom: 2.125rem
}

@media print, screen and (max-width: 63.99875em) {
    .presentational-faq__accordions .column, .presentational-faq__accordions .columns {
        margin-bottom: 1.125rem
    }
}

.the-styleguide {
    padding: 0 0 3.125rem
}

.the-styleguide__header {
    border: 0.0625rem solid #e9e9e9;
    background: #fff;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .the-styleguide__header .logo {
        height: 3.5rem
    }

    .the-styleguide__header .header-title {
        text-decoration: none;
        text-transform: uppercase
    }

        .the-styleguide__header .header-title h6, .the-styleguide__header .header-title table caption, table .the-styleguide__header .header-title caption {
            margin: 0;
            font-size: 1.25rem;
            font-weight: 300
        }

@media print, screen and (min-width: 48em) {
    .the-styleguide__header {
        padding: 0.625rem 2rem;
        height: 3.75rem
    }

        .the-styleguide__header .logo {
            height: 3.5rem
        }
}

.the-styleguide__icons .icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0.2rem;
    width: 6.625rem;
    height: 6.625rem;
    border: 0.0625rem solid #e9e9e9;
    border-radius: 0.25rem
}

    .the-styleguide__icons .icon-container p {
        margin: 1rem 0 0
    }

    .the-styleguide__icons .icon-container .icon.icon24 {
        font-size: 2rem !important
    }

.the-styleguide p.colored {
    margin: 4rem 0 2rem !important;
    position: relative;
    width: 100%;
    text-transform: uppercase
}

    .the-styleguide p.colored span {
        background-color: #009ee3;
        border-radius: 0.25rem;
        padding: 0.25rem 0.5rem;
        color: #fff;
        font-weight: 600;
        z-index: 2;
        font-size: 0.9rem;
        position: relative;
        white-space: nowrap
    }

        .the-styleguide p.colored span small {
            text-transform: none
        }

    .the-styleguide p.colored::after {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 0.125rem;
        left: 0;
        top: 50%;
        border-top: 0.0625rem dashed #009ee3
    }

    .the-styleguide p.colored.first {
        margin-top: 2rem !important
    }

.the-styleguide h6.title, .the-styleguide table caption.title, table .the-styleguide caption.title {
    background-color: #f8f8f8;
    border: 0.125rem solid #f2f2f2;
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    border-radius: 0.25rem;
    font-weight: 600;
    margin-top: 4rem
}

    .the-styleguide h6.title.no-border-bottom, .the-styleguide table caption.title.no-border-bottom, table .the-styleguide caption.title.no-border-bottom {
        border-bottom: none;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem
    }

    .the-styleguide h6.title.first, .the-styleguide table caption.title.first, table .the-styleguide caption.title.first {
        margin-top: 0
    }