/*! 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 .desc h6,.qr-login .desc table caption,table .qr-login .desc caption {
    font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem)
}

.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
}

.mobile {
    display: block !important
}

@media print, screen and (min-width: 48em) {
    .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
}

.flex-center {
    display: flex;
    gap: 1rem;
    align-items: 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;
    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
}

.button-group.wide-same-order {
    flex-direction: column
}

.button-group.wide-same-order .button {
    margin: 0
}

.button-group.wide-same-order .button:first-child {
    margin-right: 0;
    margin-bottom: 1rem
}

.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
}

@media print, screen and (min-width: 48em) {
    .dashboard-card.-only-mobile {
        display:none
    }
}

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

.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;
    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 .title-container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 1.5rem
}

@media print, screen and (min-width: 48em) {
    .device-card .content .title-container {
        align-items:center;
        flex-direction: row
    }
}

.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,.device-card .content .entity-container {
    display: flex;
    align-items: center;
    padding-bottom: 1.5rem
}

.device-card .content .last-login-container.has-border,.device-card .content .entity-container.has-border {
    border-bottom: 0.125rem solid #e2e1e1
}

.device-card .content .last-login-container .icon-container,.device-card .content .entity-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;
    flex-shrink: 0
}

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

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

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

.device-card .content .last-login-container .text-container p.bigger,.device-card .content .entity-container .text-container p.bigger {
    font-size: clamp(1.17rem, calc(1.16rem + 0.06vw), 1.2rem)
}

.device-card .entity-container {
    align-items: flex-start !important
}

.device-card .buttons-container {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    flex-direction: column
}

@media print, screen and (min-width: 48em) {
    .device-card .buttons-container {
        flex-direction:row;
        flex-wrap: wrap
    }
}

.device-card .buttons-container .button {
    margin: 0 !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
    }
}

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

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

footer a.first {
    margin-left: 0
}

footer a.last {
    margin-right: 0
}

footer .spacer {
    pointer-events: none
}

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

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

footer.grey a {
    color: #252729
}

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

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;
    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("/static/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
}

[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
}

[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::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::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;
    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;
    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;
    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("/static/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("/static/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("/static/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::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("/static/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
}

.sipass-account {
    padding: 1rem;
    border: 0.0625rem solid #e9e9e9;
    border-radius: 0.5rem;
    width: 100%
}

.sipass-account__name {
    display: flex;
    align-items: center;
    gap: 1rem
}

.sipass-account__icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    border-radius: 50%;
    flex-shrink: 0
}

.sipass-account__text {
    color: #252729;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.sipass-account__text .title {
    font-size: clamp(1rem, calc(1rem + 0vw), 1rem);
    margin-bottom: 0.5rem
}

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

.sipass-account__tag {
    background: rgba(199,237,249,0.3);
    border-radius: 1rem;
    font-size: clamp(1rem, calc(1rem + 0vw), 1rem);
    text-transform: uppercase;
    color: #252729;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    flex-shrink: 0
}

.si-pass-login__accounts {
    max-height: 17.8125rem;
    overflow: hidden auto;
    padding-right: 1rem
}

.si-pass-login .form-item--radio label {
    width: 100%
}

.si-pass-login .form-item--radio label::before {
    top: 50%;
    transform: translateY(-50%)
}

.si-pass-login .form-item--radio label::after {
    top: 50%;
    transform: scale(0) translateY(-50%)
}

.si-pass-login .form-item--radio input[type='radio']:checked ~ label::after {
    transform: scale(1) translateY(-50%)
}

.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("/static/media/images/facebook.svg")
}

.social-status--google .network-title::before {
    background-image: url("/static/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)
    }
}

.tags-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem
}

.tags-container .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: 0
}

.tags-container .tag.-promotional {
    background-color: #d2ff1d
}

.tags-container .tag.-special {
    color: #fff;
    background-color: #ff0760
}

.tags-container .tag.-blackfriday {
    color: #fff;
    background-color: #111
}

/*! 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
}

.tooltip .cooltipz--top::after {
    left: auto !important;
    right: 0;
    transform: translate(0, 0) !important
}

@media print, screen and (max-width: 47.99875em) {
    .login [aria-label][class*='cooltipz'].cooltipz--top::after {
        left:auto !important;
        right: 0;
        transform: translate(0, 0) !important
    }
}

.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
    }
}

@media print, screen and (max-width: 47.99875em) {
    .devices-cards-container.scroll-mobile {
        max-height:21.875rem;
        overflow-y: auto;
        padding-right: 1rem
    }
}

.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("/static/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("/static/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("/static/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("/static/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
}