.calendar {
    min-width: 320px
}

@media (max-width: 676px) {
    .calendar {
        min-width: 290px
    }
}

.calendar .calendar-block {
    padding: var(--space-2)
}

.calendar .calendar-title {
    text-align: center;
    margin-bottom: var(--space-2);
    margin-top: var(--space-2);
    display: flex;
    justify-content: space-between
}

.calendar .calendar-previous,
.calendar .calendar-next {
    width: var(--space-6);
    padding-right: var(--space-2);
    padding-left: var(--space-2)
}

.calendar .calendar-grid,
.calendar .calendar-week,
.calendar .calendar-month,
.calendar .calendar-year {
    display: flex;
    flex-wrap: wrap
}

.calendar .calendar-week {
    font-size: var(--font-size-12);
    line-height: var(--line-height-12)
}

.calendar .calendar-week>*,
.calendar .calendar-day,
.calendar .calendar-spacer {
    flex: 1;
    flex-basis: 14.28%;
    flex-grow: 0;
    flex-shrink: 0;
    height: var(--space-10);
    line-height: var(--space-10);
    text-align: center
}

.calendar .calendar-month>*,
.calendar .calendar-year>* {
    font-family: var(--font-semibold);
    flex: 1;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    height: var(--space-10);
    line-height: var(--space-10);
    text-align: center
}

.calendar .calendar-month>*:hover,
.calendar .calendar-year>*:hover {
    background-color: var(--grey-ultra-light)
}

.calendar .calendar-month {
    border-radius: 4px
}

.calendar .calendar-month .calendar-month-disabled {
    cursor: default;
    background-color: var(--white);
    color: var(--grey-light)
}

.calendar .calendar-year {
    border-radius: 4px
}

.calendar .calendar-year .calendar-year-disabled {
    cursor: default;
    background-color: var(--white);
    color: var(--grey-light)
}

.calendar .calendar-day {
    font-family: var(--font-semibold);
    width: var(--space-6);
    border-radius: 4px
}

.calendar .calendar-day:hover,
.calendar .calendar-day.calendar-day-highlight {
    background-color: var(--coral-light)
}

.calendar .calendar-day.calendar-day-active {
    background-color: var(--accent-color);
    color: #fff
}

.calendar .calendar-day.calendar-day-active:not(.calendar-day-range-start),
.calendar .calendar-day:hover:not(.calendar-day-range-start),
.calendar .calendar-day.calendar-day-highlight:not(.calendar-day-range-start) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.calendar .calendar-day.calendar-day-active:not(.calendar-day-range-end),
.calendar .calendar-day:hover:not(.calendar-day-range-end),
.calendar .calendar-day.calendar-day-highlight:not(.calendar-day-range-end) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.calendar .calendar-day.calendar-day-disabled {
    cursor: default;
    background-color: var(--white);
    color: var(--grey-light)
}

.calendar-input-container {
    position: relative
}

.calendar-input-container .calendar-input.input {
    display: flex;
    align-items: center;
    position: relative
}

.calendar-input-container .calendar-container {
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) var(--shadow-color);
    position: absolute;
    left: 0;
    max-width: 320px;
    margin-top: 1px;
    z-index: 1
}

.calendar-input-container .calendar-input-text {
    min-width: 10px;
    padding-left: 0
}

@media (max-width: 676px) {
    .calendar-input-container {
        position: static
    }

    .calendar-input-container .calendar-container {
        max-width: 100%;
        width: 100%
    }
}

.checkbox {
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    user-select: none;
    margin-top: 1px;
    margin-bottom: 1px
}

.checkbox .title {
    background-color: var(--transparent);
    border-radius: var(--button-border-radius);
    padding-left: 8px;
    padding-right: 10px;
    line-height: 1.3em;
    transition: background-color .1s ease-in-out, color .1s ease-in-out
}

.checkbox .color-circle {
    width: 16px;
    height: 16px;
    border-radius: 15px;
    display: inline-block;
    border: 3px solid var(--white);
    transition: border-color .1s ease-in-out, border .1s ease-in-out
}

.checkbox:hover:not(.disabled) .color-circle {
    border: 3px solid var(--grey-ultra-light)
}

.checkbox .check-circle-container,
.checkbox .color-circle-container,
.checkbox .check-square-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--circle-border-radius);
    border: 1px solid transparent;
    transition: background-color .2s ease-out;
    box-sizing: border-box
}

.checkbox[data-focus-visible-added]:not(:hover) .check-circle-container,
.checkbox[data-focus-visible-added]:not(:hover) .color-circle-container,
.checkbox[data-focus-visible-added]:not(:hover) .check-square-container {
    background-color: var(--grey-ultra-light);
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light)
}

.checkbox:hover .check-circle-container,
.checkbox:hover .color-circle-container,
.checkbox:hover .check-square-container {
    background-color: var(--grey-ultra-light)
}

.checkbox .check-circle {
    border-radius: 15px;
    display: flex
}

.checkbox .check-square {
    line-height: 0
}

.checkbox .check-square input[type=checkbox] {
    pointer-events: none;
    position: static;
    margin: 0;
    padding: 0;
    margin-inline: 0;
    margin-block: 0
}

.checkbox.disabled {
    opacity: .3;
    cursor: auto;
    color: var(--link-color)
}

.checkbox.disabled .title {
    cursor: default
}

.checkbox.active .title {
    color: var(--accent-color)
}

.checkbox.active .color-circle {
    box-shadow: 0 0 0 1px var(--accent-color)
}

.contact {
    width: 100%
}

.contact .contact-icons {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between
}

.contact .contact-link {
    display: flex;
    flex-direction: column;
    text-align: center
}

.contact .contact-icon {
    font-size: 1.8em
}

.contact .contact-icon-caption {
    font-size: 1.2em;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px
}

hr.pixel-divider {
    border: 0px
}

[data-v-7c91aa0f]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-7c91aa0f]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.trade-amount-chart[data-v-7c91aa0f] {
    margin-top: var(--space-3)
}

.trade-amount-chart .trade-threshold-amount[data-v-7c91aa0f] {
    display: flex;
    flex-direction: row-reverse;
    font-weight: 600;
    font-family: var(--font-semibold);
    color: #141414;
    margin-bottom: 0
}

.wrapper[data-v-7c91aa0f] {
    width: 100%;
    margin-top: var(--space-4)
}

.progress-bar[data-v-7c91aa0f] {
    width: 100%;
    background-color: #ffe0de;
    border-radius: 100px;
    position: relative
}

.progress-bar-fill[data-v-7c91aa0f] {
    display: block;
    height: 12px;
    background-color: var(--coral);
    border-radius: 100px;
    width: var(--7c91aa0f-progressBarWidth);
    transition: width 2s;
    position: relative
}

.progress-bar-fill[data-v-7c91aa0f]:after,
.progress-bar[data-v-7c91aa0f]:after {
    content: " ";
    display: block;
    width: 100%;
    height: 20px;
    top: 100%;
    position: absolute;
    border-right: 1px dotted #000
}

.progress-bar[data-v-7c91aa0f]:after {
    top: -20px
}

.ptext[data-v-7c91aa0f] {
    color: #000;
    width: var(--7c91aa0f-progressBarWidth);
    text-align: right;
    transition: width 2s;
    font-weight: 600;
    font-family: var(--font-semibold);
    margin-top: var(--space-4)
}

.dot-rating-block {
    display: block;
    margin-top: var(--space-6);
    margin-bottom: var(--space-6)
}

@media (min-width: 970px) {
    .dot-rating-block {
        display: inline-block;
        margin-right: var(--space-6);
        margin-top: 0
    }
}

.dot-rating-block .dot-rating {
    line-height: 0;
    background-color: var(--background-color);
    border-radius: var(--button-border-radius);
    width: 100%;
    display: flex;
    justify-content: space-between
}

.dot-rating-block .dot-rating input[type=radio] {
    display: none
}

.dot-rating-block .dot-rating .dot-input {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    top: 0;
    left: 0;
    line-height: 0;
    color: var(--grey-light);
    transition: color .2s ease-out
}

.dot-rating-block .dot-rating .dot-input.active {
    color: var(--accent-color)
}

.dot-rating-block .dot-rating .dot-rating-description {
    cursor: pointer;
    display: none;
    white-space: nowrap;
    position: absolute;
    top: var(--space-6);
    left: -25px;
    text-align: center;
    color: var(--font-color);
    width: 100%;
    border-radius: var(--button-border-radius);
    font-size: var(--font-size-12);
    font-family: var(--font-family);
    line-height: var(--font-size-12);
    color: var(--accent-color);
    text-transform: uppercase;
    letter-spacing: var(--uppercase-letter-spacing)
}

.dot-rating-block .dot-rating .circle {
    cursor: pointer;
    width: 20px;
    height: 20px
}

@media (min-width: 970px) {
    .dot-rating-block .dot-rating .dot-input .circle {
        width: 10px;
        height: 10px;
        margin-right: 10px
    }

    .dot-rating-block .dot-rating .dot-input:last-child .circle {
        margin-right: 0
    }

    .dot-rating-block .dot-rating .dot-rating-description {
        display: table
    }
}

@media (min-width: 970px) {
    .dot-rating-block .dot-rating {
        display: inline-block
    }
}

.navigation-drawer .navigation-drawer-overlay {
    z-index: 100;
    position: fixed;
    width: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    opacity: .7;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.navigation-drawer .navigation-drawer-content {
    z-index: 101;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    overflow: scroll;
    transform: translate(0);
    background-color: var(--white);
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) #0003
}

.navigation-drawer .fade-enter-active {
    transition: opacity .25s ease-out
}

.navigation-drawer .fade-leave-active {
    transition: opacity .25s ease-out
}

.navigation-drawer .fade-enter-from,
.navigation-drawer .fade-leave-to {
    opacity: 0
}

.navigation-drawer .slide-left-enter-active {
    transition: transform .25s ease-out
}

.navigation-drawer .slide-left-leave-active {
    transition: transform .25s ease-out
}

.navigation-drawer .slide-left-enter-from,
.navigation-drawer .slide-left-leave-to {
    transform: translate(300px)
}

.navigation-drawer.navigation-left .navigation-drawer-content {
    left: 0;
    right: auto
}

.navigation-drawer.navigation-left .slide-left-enter-from,
.navigation-drawer.navigation-left .slide-left-leave-to {
    transform: translate(-300px)
}

.fade-enter-active {
    transition: opacity ease-out .1s
}

.fade-leave-active {
    transition: opacity ease-in .1s
}

#dropdown-container {
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#dropdown-container .select-text,
#dropdown-container .select-list {
    box-sizing: border-box;
    width: 100%
}

#dropdown-container .select-text {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#dropdown-container .select-text .select-arrow {
    transition: transform ease-out .2s
}

#dropdown-container .select-text .select-text-selected-value {
    white-space: nowrap;
    overflow: hidden
}

#dropdown-container .select-text .select-text-selected-value:after {
    position: absolute;
    right: 24px;
    height: 24px;
    width: 32px;
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 70%);
    pointer-events: none
}

#dropdown-container .select-list {
    top: 42px;
    position: absolute;
    z-index: 3;
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) var(--shadow-color)
}

#dropdown-container .select-list .select-item {
    background: white;
    padding: var(--space-2) var(--space-3);
    display: flex;
    align-items: center;
    transition: background-color .2s ease-out, color .2s ease-out
}

#dropdown-container .select-list .select-item:hover {
    background: var(--grey-ultra-light)
}

#dropdown-container.disabled .select-text {
    cursor: default
}

[data-v-38301d5a]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-38301d5a]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.email-form[data-v-38301d5a] {
    width: auto
}

.email-form svg path[data-v-38301d5a] {
    fill: #fff !important
}

.email-form .email-input-submit[data-v-38301d5a] {
    width: 100%;
    margin-top: var(--space-4)
}

.email-form .email-box[data-v-38301d5a] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

@media (min-width: 768px) {
    .email-form .email-box[data-v-38301d5a] {
        flex-direction: row
    }

    .email-form .email-input-submit[data-v-38301d5a] {
        margin-left: var(--space-4);
        margin-top: 0
    }
}

@media (min-width: 970px) {
    .email-form .email-input[data-v-38301d5a] {
        width: 272px
    }

    .email-form .email-input-submit[data-v-38301d5a] {
        width: auto
    }
}

[data-v-358ba4ca]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-358ba4ca]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.expandable .expandable-heading.expandable-heading.expandable-heading[data-v-358ba4ca] {
    all: unset;
    width: -webkit-fill-available;
    width: fill-available;
    width: -moz-available;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.expandable .expandable-content-container[data-v-358ba4ca] {
    overflow: hidden
}

.expandable .expandable-content[data-v-358ba4ca] {
    height: auto;
    transition: height .1s ease-out;
    padding-left: var(--space-6);
    font-family: var(--font-regular)
}

.expandable .expandable-content-collapsed[data-v-358ba4ca] {
    height: 0px
}

.image *[data-v-35d029f8] {
    width: 100%
}

.image[data-v-35d029f8]:not(.image-lazy) {
    opacity: 1
}

.image .image-lazy[data-v-35d029f8] {
    line-height: 1em;
    text-indent: -9999px;
    opacity: 0
}

.image .image-lazy.lazyloaded[data-v-35d029f8] {
    opacity: 1
}

.mini-product {
    position: relative;
    display: flex
}

@media (min-width: 970px) {
    .mini-product.hover .favorite-container .favorite {
        opacity: 0;
        transition: opacity .15s ease-out, transform .2s ease-out
    }

    .mini-product.hover:hover .favorite {
        opacity: 1
    }
}

.mini-product.full-width {
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box
}

.mini-product.full-width .product-link .product-info .product-title {
    font-size: .9em;
    padding-top: 5px
}

.mini-product.full-width .favorite {
    margin-top: 4px;
    margin-right: 4px
}

@media (max-width: calc(768px - 1px)) {
    .mini-product.full-width {
        padding-left: 3%;
        padding-right: 4%
    }

    .mini-product.full-width .favorite {
        margin-right: -1px
    }
}

.mini-product .product-link {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px
}

.mini-product .product-link .product-image {
    margin-right: 10px;
    flex-basis: 40%;
    transition: transform .2s ease-out
}

.mini-product .product-link .product-image:hover {
    transform: scale(1.05)
}

.mini-product .product-link .product-info {
    display: flex;
    flex-direction: column;
    flex-basis: 60%;
    margin-bottom: 4px;
    padding-top: 2px
}

.mini-product .product-link .product-info .product-variation {
    margin-right: 4px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 12px;
    height: 12px
}

.mini-product .product-link .product-info .product-title,
.mini-product .product-link .product-info .product-price {
    margin-bottom: 4px
}

.mini-product .product-link .product-info .product-title {
    font-size: var(--font-size-14);
    line-height: var(--line-height-14)
}

.mini-product .product-link .product-info .product-price {
    font-size: var(--font-size-12);
    line-height: var(--line-height-12);
    display: flex;
    line-height: 12px;
    text-align: right;
    color: var(--accent-color);
    margin-bottom: 10px
}

.mini-product .product-link .product-info .product-price .originalPrice {
    margin-right: 8px;
    font-size: 1.1em;
    text-decoration: line-through;
    color: var(--grey-medium)
}

.mini-product .product-link .product-info .product-price .newPrice {
    font-family: var(--font-semibold);
    font-size: var(--font-size)
}

.mini-product .favorite-container .favorite {
    padding: 8px;
    cursor: pointer;
    flex-basis: 16px;
    transition: transform .2s ease-out
}

.mini-product .favorite-container .favorite:hover {
    transform: scale(1.2)
}

.mini-product .favorite-container .favorite .af {
    font-size: 1.3em
}

.mini-product .favorite-container .favorite .af-heart-full {
    color: var(--accent-color)
}

.modal-fade-enter-active,
.modal-fade-leave-active {
    transition: opacity .12s ease-out
}

.modal-fade-enter-from,
.modal-fade-leave-to {
    opacity: 0
}

.modal-slide-enter-active,
.modal-slide-leave-active {
    transition: transform .22s ease-out
}

.modal-slide-enter-from,
.modal-slide-leave-to {
    transform: translateY(100%)
}

.modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: var(--overlay-color);
    --padding: 36px
}

.modal.active {
    padding-right: 17px
}

.modal .body {
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) var(--shadow-color);
    background: white;
    position: relative;
    padding: var(--padding);
    max-height: 100%;
    box-sizing: border-box;
    overflow: auto
}

.modal .body.no-padding {
    padding: 0
}

.modal .body .close {
    position: absolute;
    top: var(--space-3);
    right: var(--space-3);
    padding: var(--space-2) var(--space-3);
    z-index: 3;
    cursor: pointer
}

.modal .body .close.right {
    right: 8px
}

.modal .body .close.left {
    left: 26px
}

@media (max-width: calc(768px - 1px)) {
    .modal .body {
        width: 100%
    }
}

@media (min-width: 768px) {
    .modal .body {
        max-width: 80%
    }
}

@media (min-width: 970px) {
    .modal .body {
        max-width: 75%
    }
}

@media (min-width: 1200px) {
    .modal .body {
        max-width: 1000px
    }
}

.modal .external-close-x {
    display: flex;
    width: 18px;
    height: 18px;
    padding: 11px;
    justify-content: center;
    align-items: center;
    background: white;
    border-radius: 30px;
    pointer-events: auto;
    margin-bottom: var(--space-4);
    margin-right: var(--space-5);
    align-self: flex-end
}

@media (max-width: calc(768px - 1px)) {
    .modal .external-close-x {
        margin-bottom: var(--space-3)
    }
}

.modal .external-close {
    overflow: visible;
    padding: var(--space-5) var(--space-4);
    pointer-events: auto;
    margin-bottom: 100px;
    margin-right: var(--space-5);
    align-self: flex-end;
    width: 320px
}

.modal .grey-background {
    background: var(--grayscale-gray-0, #f2f2f2);
    box-shadow: 0 0 1px #0003, 0 16px 16px -8px #00000029
}

.modal .grey-background:hover {
    background: var(--coral-light);
    transition: .3s
}

@media (max-width: calc(768px - 1px)) {
    .modal .grey-background {
        box-shadow: 0 0 1px #0003, 0 8px 8px -4px #00000029
    }
}

.no-pointer-events {
    pointer-events: none
}

[data-v-42cb9e40]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-42cb9e40]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.newsletter-container[data-v-42cb9e40] {
    position: relative;
    background: var(--grey-ultra-light);
    width: 100%
}

.newsletter-container .af-close[data-v-42cb9e40] {
    z-index: 2;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer
}

.newsletter-container .body[data-v-42cb9e40] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 24px
}

.newsletter-container .body .text[data-v-42cb9e40] {
    width: 335px
}

.newsletter-container .body .email-box-container[data-v-42cb9e40] {
    margin-left: 24px;
    width: auto
}

.newsletter-container .body .title[data-v-42cb9e40] {
    text-transform: none;
    white-space: pre-line;
    letter-spacing: 0;
    font-size: 1.5em;
    line-height: 30px;
    margin-bottom: 0
}

.newsletter-container .body .subtitle[data-v-42cb9e40] {
    font-size: var(--font-size-12);
    line-height: 1.5em;
    margin-bottom: auto
}

@media (max-width: calc(768px - 1px)) {
    .newsletter-container .body[data-v-42cb9e40] {
        display: block
    }

    .newsletter-container .body .text[data-v-42cb9e40],
    .newsletter-container .body .email-box-container[data-v-42cb9e40] {
        width: auto;
        margin-left: 0;
        margin-top: 12px
    }
}

.page-footer h4 {
    font-family: var(--font-semibold)
}

.page-footer {
    background-color: var(--grey-medium);
    display: block;
    padding: 30px 20px 20px;
    font-family: var(--font-semibold);
    color: var(--white)
}

.page-footer .footer-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
}

.page-footer .footer-content .footer-logos {
    overflow: hidden
}

.page-footer .footer-content .footer-logos .footer-logo {
    display: inline-block;
    float: left
}

.page-footer .footer-content .footer-logos .footer-logo img {
    height: 30px
}

.page-footer .footer-content .footer-social {
    line-height: 50px;
    padding-top: 10px
}

.page-footer .footer-content .footer-social a {
    margin-right: 20px;
    float: left;
    color: var(--white)
}

.page-footer .footer-content .footer-social a .af {
    font-size: 1.8em
}

.page-footer .footer-content .footer-social a:focus,
.page-footer .footer-content .footer-social a:active,
.page-footer .footer-content .footer-social a:hover {
    color: var(--grey-light)
}

.page-footer .footer-content .footer-social a:visited {
    color: #fff
}

.page-footer .footer-content .footer-links-menu {
    text-transform: uppercase;
    overflow: hidden;
    clear: both
}

.page-footer .footer-content .footer-links-menu .footer-links {
    width: 46%;
    float: left;
    padding-top: 20px
}

@media (max-width: 320px) {
    .page-footer .footer-content .footer-links-menu .footer-links {
        margin-right: var(--space-2)
    }
}

.page-footer .footer-content .footer-links-menu .footer-links h4 {
    color: #fff
}

.page-footer .footer-content .footer-links-menu .footer-links ul {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0
}

.page-footer .footer-content .footer-links-menu .footer-links ul li {
    padding: 0;
    margin: 0;
    line-height: 1em
}

.page-footer .footer-content .footer-links-menu .footer-links ul li a {
    font-size: .8em;
    letter-spacing: 1px;
    color: #fff
}

.page-footer .footer-content .footer-links-menu .footer-links ul li a:visited {
    color: #fff
}

.page-footer .footer-content .footer-links-menu .footer-links ul li a:focus,
.page-footer .footer-content .footer-links-menu .footer-links ul li a:active,
.page-footer .footer-content .footer-links-menu .footer-links ul li a:hover {
    color: var(--grey-light)
}

.page-footer .footer-content .footer-links-menu .footer-links ul li a.email {
    text-transform: lowercase
}

.page-footer .footer-content .footer-links-menu .footer-links {
    margin-left: 0
}

.page-footer .footer-content .footer-links-menu .links-right {
    margin-left: 8%
}

.page-footer .footer-content .footer-country {
    padding-top: 20px
}

.page-footer .footer-content .footer-country img {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px
}

.page-footer .footer-content .footer-country a {
    font-family: var(--font-regular);
    color: var(--grey-ultra-dark)
}

.page-footer .footer-content .footer-country a:focus,
.page-footer .footer-content .footer-country a:active,
.page-footer .footer-content .footer-country a:hover {
    color: var(--white)
}

.page-footer .footer-content .footer-country .footer-copyright {
    font-size: .8em;
    overflow: hidden;
    margin-top: 10px
}

.page-footer .footer-content .footer-country .footer-copyright a {
    color: #fff
}

.page-footer .footer-content .footer-country .footer-copyright a:visited {
    color: #fff
}

.page-footer .footer-content .footer-country .footer-copyright a:focus,
.page-footer .footer-content .footer-country .footer-copyright a:active,
.page-footer .footer-content .footer-country .footer-copyright a:hover {
    color: var(--grey-light)
}

@media (min-width: 700px) {
    .footer-container .footer-content .footer-links-menu .footer-links {
        width: 25%;
        max-width: 200px;
        margin-left: 0
    }

    .footer-container .footer-content .footer-copyright {
        font-size: .9em
    }
}

.picture-block-container.force-mobile {
    min-height: 250px
}

.picture-block-container.force-mobile .desktop-image {
    display: none
}

@media (max-width: calc(768px - 1px)) {
    .picture-block-container {
        min-height: 250px
    }

    .picture-block-container .desktop-image {
        display: none
    }
}

@media (min-width: 768px) {
    .picture-block-container:not(.force-mobile) {
        min-height: 150px
    }

    .picture-block-container:not(.force-mobile) .mobile-image {
        display: none
    }
}

.preserve-ratio-container {
    display: flex;
    overflow: hidden;
    max-width: 100%;
    position: relative
}

.preserve-ratio-container .preserve-ratio-box {
    flex: 0 0 0px
}

.preserve-ratio-container .preserve-ratio-slot {
    flex: 1 0 0px
}

[data-v-5f73cd2a]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-5f73cd2a]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.product-badge[data-v-5f73cd2a] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 48px;
    height: 48px;
    border-radius: var(--circle-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.product-badge.small[data-v-5f73cd2a] {
    width: 38px;
    height: 38px
}

.product-badge.type-default.small .badge-text[data-v-5f73cd2a] {
    font-size: .5em
}

.product-badge.type-default.badge-position-bottom[data-v-5f73cd2a] {
    position: inherit
}

.product-badge.type-default[data-v-5f73cd2a] {
    background-color: var(--accent-color)
}

.product-badge.type-default .badge-text[data-v-5f73cd2a] {
    color: var(--white);
    font-size: .7em;
    margin-top: 1px;
    line-height: 11px;
    letter-spacing: 10%;
    top: 13px;
    left: 4px;
    margin: var(--space-1)
}

.product-badge.type-clearance[data-v-5f73cd2a] {
    border: 1px solid var(--accent-color);
    background-color: #fff
}

.product-badge.type-clearance:not(.small) .small-text[data-v-5f73cd2a] {
    display: none
}

.product-badge.type-clearance.badge-position-bottom[data-v-5f73cd2a] {
    position: inherit
}

.product-badge.type-clearance.small .default-text[data-v-5f73cd2a] {
    display: none
}

.product-badge.type-clearance.small .badge-text[data-v-5f73cd2a] {
    font-size: 6.5px;
    line-height: 7px
}

.product-badge.type-clearance .badge-text[data-v-5f73cd2a] {
    color: var(--accent-color);
    font-size: .5em;
    line-height: 10px
}

.product-badge .badge-text[data-v-5f73cd2a] {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-semibold);
    letter-spacing: 1px
}

.product-badge.type-new[data-v-5f73cd2a] {
    margin-right: 8px;
    background-color: var(--grey-dark);
    width: 34px;
    height: 16px;
    border-radius: 4px;
    margin-bottom: 4px
}

.product-badge.type-new:not(.small) .small-text[data-v-5f73cd2a] {
    display: none
}

.product-badge.type-new.small .default-text[data-v-5f73cd2a] {
    display: none
}

.product-badge.type-new.small .badge-text[data-v-5f73cd2a] {
    font-size: 6.5px;
    line-height: 7px
}

.product-badge.type-new.badge-position-bottom[data-v-5f73cd2a] {
    position: inherit
}

.product-badge.type-new .badge-text[data-v-5f73cd2a] {
    color: #fff;
    font-size: 11px;
    text-align: center;
    letter-spacing: .05em;
    word-spacing: 30px;
    text-transform: uppercase;
    font-family: var(--font-semibold);
    line-height: var(--font-size);
    margin-top: 2px
}

.product-badge.type-make-to-order[data-v-5f73cd2a] {
    background-color: #2e2e2e;
    width: 78px;
    height: 16px;
    border-radius: 4px;
    margin-bottom: 4px
}

.product-badge.type-make-to-order.badge-position-bottom[data-v-5f73cd2a] {
    position: inherit
}

.product-badge.type-make-to-order .badge-text[data-v-5f73cd2a] {
    color: #fff;
    font-size: 10px;
    text-align: center;
    letter-spacing: .05em;
    word-spacing: 30px;
    text-transform: uppercase;
    font-family: var(--font-bold);
    line-height: var(--font-size);
    margin-top: 2px
}

.product-container {
    position: relative
}

.product-container.space-bottom {
    margin-bottom: 40px
}

@media (min-width: 970px) {
    .product-container.hover .favorite {
        opacity: 0;
        transition: opacity .15s ease-out, transform .2s ease-out
    }

    .product-container.hover:hover .favorite {
        opacity: 1
    }
}

.product-container .product-maintain-aspect {
    width: 100%;
    padding-bottom: 51.903%;
    position: relative
}

.product-container .product-maintain-aspect img {
    position: absolute
}

.product-container .product-image-container {
    position: relative;
    transition: opacity .1s ease-out, transform .1s ease-out;
    opacity: 1
}

.product-container .product-image-container .fade-enter-from,
.product-container .product-image-container .fade-leave-to {
    opacity: 0;
    transition: opacity .2s ease-out
}

.product-container .product-image-container:hover {
    transform: scale(1.05)
}

.product-container .product-image {
    opacity: 1
}

.product-container .product-link {
    position: relative;
    transition: opacity .1s ease-out;
    opacity: 1;
    display: block;
    margin: 10px 10px 0
}

.product-container .product-link .badge {
    left: 12px
}

.product-container .product-title {
    margin-top: 5px;
    font-size: var(--font-size-14);
    line-height: var(--line-height-14);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.product-container .product-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 12px
}

.product-container .prices {
    display: flex;
    line-height: 12px;
    text-align: right;
    color: var(--accent-color);
    margin-bottom: 10px
}

.product-container .prices .originalPrice {
    margin-right: 8px;
    font-size: var(--font-size);
    text-decoration: line-through;
    color: var(--grey-medium)
}

.product-container .prices .newPrice {
    font-family: var(--font-semibold);
    font-size: var(--font-size)
}

.product-container .product-variations {
    max-width: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.product-container .product-variations .product-variation {
    line-height: 1em;
    margin-right: 1px
}

@media (max-width: 970px) {
    .product-container .product-variations .product-variation a {
        position: relative;
        display: block;
        z-index: -1
    }
}

.product-container .product-variations .product-variation:hover img {
    border: 3px solid var(--accent-color)
}

.product-container .product-variations .product-variation.active a {
    z-index: 0;
    transition-delay: .1s
}

.product-container .product-variations .product-variation.active img {
    border: 3px solid var(--white);
    box-shadow: 0 0 0 1px var(--coral)
}

.product-container .product-variations .product-variation img {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 15px;
    border: 3px solid var(--white);
    transition: border-color .1s linear
}

.product-container .favorite {
    position: absolute;
    padding: 8px;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: transform .2s ease-out
}

.product-container .favorite:hover {
    transform: scale(1.2)
}

.product-container .favorite .af {
    font-size: 1.3em
}

.product-container .favorite .af-heart-full {
    color: var(--accent-color)
}

[data-v-24a32a4a]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-24a32a4a]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.product-badge[data-v-24a32a4a] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 48px;
    height: 48px;
    border-radius: var(--circle-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.product-badge.small[data-v-24a32a4a] {
    width: 38px;
    height: 38px
}

.product-badge.type-default.small .badge-text[data-v-24a32a4a] {
    font-size: .5em
}

.product-badge.type-default.badge-position-bottom[data-v-24a32a4a] {
    position: inherit
}

.product-badge.type-default[data-v-24a32a4a] {
    background-color: var(--accent-color)
}

.product-badge.type-default .badge-text[data-v-24a32a4a] {
    color: var(--white);
    font-size: .7em;
    margin-top: 1px;
    line-height: 11px;
    letter-spacing: 10%;
    top: 13px;
    left: 4px;
    margin: var(--space-1)
}

.product-badge.type-clearance[data-v-24a32a4a] {
    border: 1px solid var(--accent-color);
    background-color: #fff
}

.product-badge.type-clearance:not(.small) .small-text[data-v-24a32a4a] {
    display: none
}

.product-badge.type-clearance.badge-position-bottom[data-v-24a32a4a] {
    position: inherit
}

.product-badge.type-clearance.small .default-text[data-v-24a32a4a] {
    display: none
}

.product-badge.type-clearance.small .badge-text[data-v-24a32a4a] {
    font-size: 6.5px;
    line-height: 7px
}

.product-badge.type-clearance .badge-text[data-v-24a32a4a] {
    color: var(--accent-color);
    font-size: .5em;
    line-height: 10px
}

.product-badge .badge-text[data-v-24a32a4a] {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-semibold);
    letter-spacing: 1px
}

.product-badge.type-new[data-v-24a32a4a] {
    margin-right: 8px;
    background-color: var(--grey-dark);
    width: 34px;
    height: 16px;
    border-radius: 4px;
    margin-bottom: 4px
}

.product-badge.type-new:not(.small) .small-text[data-v-24a32a4a] {
    display: none
}

.product-badge.type-new.small .default-text[data-v-24a32a4a] {
    display: none
}

.product-badge.type-new.small .badge-text[data-v-24a32a4a] {
    font-size: 6.5px;
    line-height: 7px
}

.product-badge.type-new.badge-position-bottom[data-v-24a32a4a] {
    position: inherit
}

.product-badge.type-new .badge-text[data-v-24a32a4a] {
    color: #fff;
    font-size: 11px;
    text-align: center;
    letter-spacing: .05em;
    word-spacing: 30px;
    text-transform: uppercase;
    font-family: var(--font-semibold);
    line-height: var(--font-size);
    margin-top: 1px
}

.fade-enter-active {
    transition: opacity .25s ease-out
}

.fade-enter {
    opacity: 0
}

.sales-block-container>.sale-time,
.sales-block-container>.sale-text {
    width: 90%;
    margin: 16px auto 0;
    text-align: center;
    text-transform: none;
    font-size: .9em;
    letter-spacing: normal
}

@media (min-width: 768px) {

    .sales-block-container>.sale-time,
    .sales-block-container>.sale-text {
        display: none
    }
}

.sales-block {
    box-sizing: border-box
}

.sales-block.white {
    color: #fff
}

.sales-block.white .sale-name,
.sales-block.white .sale-caption,
.sales-block.white .sale-time,
.sales-block.white .sale-text {
    color: #fff
}

.sales-block.block1,
.sales-block.block3 {
    height: 242px;
    box-sizing: border-box;
    background: #f8f8f8;
    display: flex;
    align-items: center
}

.sales-block.block1 .content .sale-name,
.sales-block.block1 .content .sale-caption,
.sales-block.block3 .content .sale-name,
.sales-block.block3 .content .sale-caption {
    font-size: 2.5em
}

.sales-block.block1 .content .sale-name,
.sales-block.block1 .content .sale-caption,
.sales-block.block3 .content .sale-name,
.sales-block.block3 .content .sale-caption {
    letter-spacing: 4px
}

.sales-block.block1 .content .sale-name,
.sales-block.block3 .content .sale-name {
    line-height: 1.2em;
    margin-bottom: 4px
}

.sales-block.block1 .content .sale-caption,
.sales-block.block3 .content .sale-caption {
    font-weight: bold;
    margin-bottom: 4px
}

.sales-block.block1 .content .sale-text,
.sales-block.block3 .content .sale-text {
    letter-spacing: normal
}

.sales-block.block1 .content .sale-time,
.sales-block.block1 .content .sale-text,
.sales-block.block3 .content .sale-time,
.sales-block.block3 .content .sale-text {
    text-transform: none
}

@media (max-width: calc(768px - 1px)) {

    .sales-block.block1 .content .sale-name,
    .sales-block.block1 .content .sale-caption,
    .sales-block.block3 .content .sale-name,
    .sales-block.block3 .content .sale-caption {
        font-size: 2em
    }
}

@media (min-width: 1400px) {

    .sales-block.block1 .content .sale-name,
    .sales-block.block1 .content .sale-caption,
    .sales-block.block3 .content .sale-name,
    .sales-block.block3 .content .sale-caption {
        font-size: 3em
    }
}

@media (max-width: calc(768px - 1px)) {

    .sales-block.block1,
    .sales-block.block3 {
        height: 160px;
        text-align: center
    }

    .sales-block.block1 .content .sale-name,
    .sales-block.block3 .content .sale-name {
        margin-bottom: 0
    }

    .sales-block.block1 .content .sale-time,
    .sales-block.block1 .content .sale-text,
    .sales-block.block3 .content .sale-time,
    .sales-block.block3 .content .sale-text {
        display: none
    }
}

.sales-block.block3 .content {
    text-align: center
}

.sales-block.block3 .content .sale-name {
    margin-bottom: 8px;
    letter-spacing: 2px
}

.sales-block.block3 .content .sale-text {
    max-width: 30em;
    margin: auto;
    line-height: 30px;
    font-size: 1.5em
}

.sales-block.block2 {
    text-align: center;
    background: #f8f8f8;
    border-radius: 0 18px 0 0;
    padding: 48px 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sales-block.block2 .content .sale-name {
    letter-spacing: 2px;
    margin-bottom: 20px;
    line-height: 1em
}

@media (max-width: calc(768px - 1px)) {
    .sales-block.block2 .content .sale-name {
        font-size: 1em
    }
}

@media (min-width: 768px) {
    .sales-block.block2 .content .sale-name {
        font-size: 1.2em
    }
}

.sales-block.block2 .content .sale-caption {
    font-weight: bold;
    line-height: 1.2em;
    letter-spacing: 2px;
    margin-bottom: 20px
}

@media (max-width: calc(768px - 1px)) {
    .sales-block.block2 .content .sale-caption {
        font-size: 1.9em;
        margin-bottom: 8px
    }
}

@media (min-width: 768px) {
    .sales-block.block2 .content .sale-caption {
        font-size: 1.9em
    }
}

@media (min-width: 970px) {
    .sales-block.block2 .content .sale-caption {
        font-size: 1.9em;
        line-height: 1em
    }
}

@media (max-width: calc(768px - 1px)) {

    .sales-block.block2 .content .sale-time,
    .sales-block.block2 .content .sale-text {
        font-size: .9em
    }
}

.sales-block.blockInter1 {
    background: #f8f8f8;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.sales-block.blockInter1 .content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

@media (min-width: 1367px) {
    .sales-block.blockInter1 .content {
        max-width: 1100px
    }
}

@media (min-width: 1600px) {
    .sales-block.blockInter1 .content {
        max-width: 1300px
    }
}

@media (max-width: calc(768px - 1px)) {
    .sales-block.blockInter1 .content {
        padding: 24px 0;
        flex-direction: column;
        justify-content: center
    }
}

.sales-block.blockInter1 .content .sale-name,
.sales-block.blockInter1 .content .sale-caption {
    letter-spacing: 2px;
    line-height: 1.2em
}

@media (min-width: 768px) {

    .sales-block.blockInter1 .content .sale-name,
    .sales-block.blockInter1 .content .sale-caption {
        font-size: .9em
    }
}

@media (min-width: 970px) {

    .sales-block.blockInter1 .content .sale-name,
    .sales-block.blockInter1 .content .sale-caption {
        font-size: 1em
    }
}

@media (min-width: 1200px) {

    .sales-block.blockInter1 .content .sale-name,
    .sales-block.blockInter1 .content .sale-caption {
        font-size: 1.2em
    }
}

@media (max-width: calc(768px - 1px)) {
    .sales-block.blockInter1 .content .sale-name {
        margin-bottom: 16px;
        text-align: center
    }
}

.sales-block.blockInter1 .content .sale-caption {
    font-weight: 800
}

@media (max-width: calc(768px - 1px)) {
    .sales-block.blockInter1 .content .sale-caption {
        margin-bottom: 16px;
        text-align: center
    }
}

@media (max-width: calc(970px - 1px)) {
    .sales-block.blockInter1 .content .sale-caption {
        justify-self: center
    }
}

.sales-block.blockInter1 .content .sale-time,
.sales-block.blockInter1 .content sale-text {
    font-size: 1em
}

@media (max-width: calc(970px - 1px)) {

    .sales-block.blockInter1 .content .sale-time,
    .sales-block.blockInter1 .content sale-text {
        justify-self: center
    }
}

@media (min-width: 768px) {

    .sales-block.blockInter1 .content .sale-time,
    .sales-block.blockInter1 .content sale-text {
        font-size: .8em
    }
}

@media (min-width: 970px) {

    .sales-block.blockInter1 .content .sale-time,
    .sales-block.blockInter1 .content sale-text {
        font-size: .9em
    }
}

@media (min-width: 1200px) {

    .sales-block.blockInter1 .content .sale-time,
    .sales-block.blockInter1 .content sale-text {
        font-size: 1em
    }
}

.sales-block.blockInter1 .content .sale-link {
    display: block;
    justify-self: center
}

.sales-block .sale-caption {
    color: var(--font-color)
}

.sales-block .sale-link {
    display: none
}

.select {
    position: relative;
    width: 240px;
    font-size: var(--font-size-14);
    color: var(--font-color)
}

.select .select-list {
    position: absolute;
    list-style-type: none;
    width: 240px;
    z-index: 3;
    background-color: var(--white);
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) var(--shadow-color);
    border-radius: 4px;
    overflow: hidden;
    margin-top: 1px;
    padding-inline-start: 0px
}

.select .select-item {
    border-bottom: solid 1px var(--white);
    background-color: var(--white)
}

.select .select-item-link {
    display: block;
    padding: 8px 12px
}

.select .select-item-link:hover {
    background-color: var(--grey-ultra-light);
    color: var(--accent-color)
}

.select .select-title {
    margin-right: var(--space-1)
}

.select .select-option {
    margin-right: var(--space-1)
}

.select .select-arrow {
    font-size: .8rem
}

.select.expand {
    width: 100%
}

.select.expand .select-toggle.small:not(.error) {
    border-radius: 0;
    border-right: none;
    border-left: none;
    padding: 20px
}

.select.expand .select-toggle.small:not(.error):hover {
    border-color: var(--border-color);
    box-shadow: none
}

.select.expand .select-toggle.small:not(.error):focus {
    border-color: var(--border-color);
    box-shadow: none
}

.select.expand .select-item-link {
    padding-left: 20px;
    padding-right: 20px
}

.select.expand .select-list {
    position: static;
    width: auto;
    border-radius: 0;
    box-shadow: none
}

.select.disabled {
    opacity: .5
}

.select.disabled .select-toggle {
    cursor: auto
}

.snackbar-enter-active {
    transition: opacity .2s ease-out, transform .2s ease-out
}

.snackbar-leave-active {
    transition: opacity .2s ease-in, transform .2s ease-in
}

.snackbar-enter-to,
.snackbar-leave-from {
    opacity: 1;
    transform: translateY(0);
    z-index: 999
}

.snackbar-enter-from,
.snackbar-leave-to {
    opacity: 0;
    transform: translateY(80px);
    z-index: -1
}

.snackbar {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 24px;
    padding: 14px 12px;
    z-index: 999;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) var(--shadow-color);
    width: 320px
}

.snackbar.top {
    bottom: unset;
    top: 24px
}

.snackbar.left {
    left: 24px
}

.snackbar.middle {
    margin: auto
}

.snackbar.right {
    right: 24px
}

.snackbar .message {
    flex: 3;
    padding: 0px var(--space-2)
}

.snackbar button {
    flex: 1
}

@media (max-width: calc(768px - 1px)) {
    .snackbar {
        margin: 0 12px;
        width: calc(100% - 48px)
    }

    .snackbar.top,
    .snackbar.right,
    .snackbar.left,
    .snackbar.middle {
        left: 0;
        right: 0
    }
}

.star-rating {
    position: relative;
    margin-bottom: var(--space-2)
}

.star-rating input[type=radio] {
    display: none
}

.star-rating label {
    font-size: 2.5em
}

.star-rating .star-input {
    margin-right: var(--space-1);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--grey-light);
    transition: color .2s ease-out;
    cursor: pointer
}

.star-rating .star-input.active {
    color: var(--accent-color)
}

.star-rating .star-rating-annotation {
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    font-size: var(--font-size-12);
    top: -20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    transition: opacity .3s, visibility .3s
}

.star-rating .star-rating-annotation.no-rating {
    opacity: 1;
    visibility: visible
}

.star-rating .star-clear-annotation {
    display: inline-block;
    position: absolute;
    opacity: 1;
    visibility: visible;
    font-size: var(--font-size-12);
    margin-right: auto;
    transition: opacity .3s, visibility .3s;
    text-align: right;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px
}

.star-rating .star-clear-annotation.no-rating {
    visibility: hidden;
    opacity: 0
}

@media (min-width: 768px) {
    .star-rating .star-clear-annotation {
        display: inline-block;
        position: relative
    }
}

@media (min-width: 970px) {
    .star-rating label {
        font-size: 1.8em
    }
}

.toggle {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    transition: opacity .1s ease-in-out
}

.toggle .toggle-title {
    cursor: pointer;
    transition: color .3s ease-out;
    color: var(--link-color)
}

.toggle .toggle-background {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    width: 40px;
    height: 24px;
    background-color: var(--grey-light);
    border-radius: var(--button-border-radius);
    border: 1px solid var(--grey-light);
    margin-right: 8px;
    transition: background-color .3s ease-out, border-color .3s ease-out
}

.toggle .toggle-circle {
    position: absolute;
    right: 17px;
    background-color: var(--white);
    border-radius: var(--circle-border-radius);
    border: 1px solid var(--transparent);
    height: 18px;
    width: 18px;
    transition: right .3s ease-out
}

.toggle.active .toggle-background {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color)
}

.toggle.active .toggle-circle {
    right: 1px
}

.toggle.active .toggle-title {
    color: var(--accent-color)
}

.toggle[data-focus-visible-added] .toggle-background {
    border-color: var(--grey-medium);
    box-shadow: 0 0 0 1px var(--grey-medium)
}

.toggle.disabled {
    opacity: .3;
    cursor: default
}

.toggle.disabled .toggle-title {
    cursor: default
}

@font-face {
    font-family: "proxima_nova_semibold";
    src: url(assets/ProximaNova-Semibold.255f3e64.woff) format("woff"), url(assets/ProximaNova-Semibold.a16a3653.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "proxima_nova_regular";
    src: url(assets/ProximaNova-Regular.4e812c29.woff) format("woff"), url(assets/ProximaNova-Regular.1ad4d9f0.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "proxima_nova_light";
    src: url(assets/ProximaNova-Light.3ad91a1d.woff) format("woff"), url(assets/ProximaNova-Light.ea17f59c.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "proxima_nova_bold";
    src: url(assets/ProximaNova-Bold.a74661fa.woff) format("woff"), url(assets/ProximaNova-Bold.427df886.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "proxima_nova_black";
    src: url(assets/ProximaNova-Black.bc68ab81.woff) format("woff"), url(assets/ProximaNova-Black.97f0d41e.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "article-font";
    src: url(assets/article-font.75d97d3f.woff) format("woff"), url(assets/article-font.d992950f.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

[class^=af-],
[class*=" af-"] {
    font-family: "article-font" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.mw-adjusted-align-left {
    --mw-align: left;
    --mw-align-flex: start;
    text-align: left
}

.mw-adjusted-align-left>h1:not([class^="pxl-h"]),
.mw-adjusted-align-left>h2:not([class^="pxl-h"]),
.mw-adjusted-align-left>p:not([class^="pxl-h"]),
.mw-adjusted-align-left>.paragraph:not([class^="pxl-h"]),
.mw-adjusted-align-left>.align:not([class^="pxl-h"]) {
    margin-right: auto
}

.mw-adjusted-align-center {
    --mw-align: center;
    --mw-align-flex: center;
    text-align: center
}

.mw-adjusted-align-center>h1:not([class^="pxl-h"]),
.mw-adjusted-align-center>h2:not([class^="pxl-h"]),
.mw-adjusted-align-center>p:not([class^="pxl-h"]),
.mw-adjusted-align-center>.paragraph:not([class^="pxl-h"]),
.mw-adjusted-align-center>.align:not([class^="pxl-h"]) {
    margin-right: auto;
    margin-left: auto
}

.mw-adjusted-align-right {
    --mw-align: right;
    --mw-align-flex: end;
    text-align: right
}

.mw-adjusted-align-right>h1:not([class^="pxl-h"]),
.mw-adjusted-align-right>h2:not([class^="pxl-h"]),
.mw-adjusted-align-right>p:not([class^="pxl-h"]),
.mw-adjusted-align-right>.paragraph:not([class^="pxl-h"]),
.mw-adjusted-align-right>.align:not([class^="pxl-h"]) {
    margin-left: auto
}

.af {
    position: relative
}

.af-checkmark:before {
    content: "\e926"
}

.af-youtube:before {
    content: "\e925"
}

.af-max:before {
    content: "\e914"
}

.af-dots-menu:before {
    content: "\e924"
}

.af-heart-full:before {
    content: "\e911"
}

.af-heart:before {
    content: "\e913"
}

.af-account:before {
    content: "\e909"
}

.af-about:before {
    content: "\e999"
}

.af-call:before {
    content: "\e998"
}

.af-chat:before {
    content: "\e997"
}

.af-faq:before {
    content: "\e996"
}

.af-mail:before {
    content: "\e995"
}

.af-star:before {
    content: "\e923"
}

.af-leftarrow:before {
    content: "\e922"
}

.af-cc-amex:before {
    content: "\e91d"
}

.af-cc-dinerclub:before {
    content: "\e91e"
}

.af-cc-discover:before {
    content: "\e91f"
}

.af-cc-mastercard:before {
    content: "\e920"
}

.af-cc-visa:before {
    content: "\e921"
}

.af-facebook:before {
    content: "\e919"
}

.af-pinterest:before {
    content: "\e91b"
}

.af-twitter:before {
    content: "\e91c"
}

.af-share2:before {
    content: "\e916"
}

.af-rightarrow:before {
    content: "\e917"
}

.af-garbage:before {
    content: "\e918"
}

.af-cart:before {
    content: "\e901"
}

.af-chevron-down:before {
    content: "\e902"
}

.af-chevron-left:before {
    content: "\e903"
}

.af-chevron-right:before {
    content: "\e904"
}

.af-chevron-up:before {
    content: "\e905"
}

.af-close:before {
    content: "\e906"
}

.af-delivery:before {
    content: "\e907"
}

.af-directions:before {
    content: "\e908"
}

.af-menu:before {
    content: "\e90a"
}

.af-minus:before {
    content: "\e90b"
}

.af-plus:before {
    content: "\e90c"
}

.af-share:before {
    content: "\e90e"
}

.af-signin:before {
    content: "\e90f"
}

.af-photo:before {
    content: "\e910"
}

.af-about-small:before {
    content: "\e912"
}

.af-search:before {
    content: "\e915"
}

.af-circle:before {
    content: "\e900"
}

.af-instagram:before {
    content: "\e91a"
}

.af-star-outlined:before {
    content: "\e92c"
}

.af-call-small:before {
    content: "\e90d"
}

.af-chat-small:before {
    content: "\e927"
}

.af-help:before {
    content: "\e928"
}

table {
    border-collapse: collapse
}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive .table {
    margin-bottom: 0
}

img.table-image {
    padding: 7px
}

@media (max-width: calc(768px - 1px)) {
    .table-responsive-stackable table {
        border-collapse: separate
    }

    .table-responsive-stackable table,
    .table-responsive-stackable table thead,
    .table-responsive-stackable table tbody,
    .table-responsive-stackable table thead tr,
    .table-responsive-stackable table tbody tr,
    .table-responsive-stackable table thead tr th,
    .table-responsive-stackable table tbody tr td {
        display: block
    }

    .table-responsive-stackable table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .table-responsive-stackable table tbody tr {
        border: 1px solid #ccc
    }

    .table-responsive-stackable table tbody tr td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        white-space: normal;
        text-align: left
    }

    .table-responsive-stackable table tbody tr td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold
    }

    .table-responsive-stackable table tbody tr td:before {
        content: attr(data-title)
    }
}

.table {
    background: transparent;
    border: none;
    border-spacing: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0px
}

.table tr th,
.table thead tr th,
.table tfoot tr th,
.table thead tr td,
.table tfoot tr td {
    text-align: left;
    font-family: var(--font-semibold);
    white-space: nowrap;
    padding-right: 10px;
    padding-left: 10px
}

.table td,
.table th {
    padding: 6px 10px
}

.table thead tr th a,
.table thead tr th a,
.table tbody tr th a,
.table tfoot tr th a,
.table tr td a,
.table thead tr td a,
.table tbody tr td a,
.table tfoot tr td a {
    display: block;
    white-space: nowrap
}

.table thead tr th a img,
.table thead tr th a img,
.table tbody tr th a img,
.table tfoot tr th a img,
.table tr td a img,
.table thead tr td a img,
.table tbody tr td a img,
.table tfoot tr td a img {
    vertical-align: middle
}

tr.table-row-bordered {
    border-bottom: 1px solid var(--border-color)
}

.table-hover tr:hover td {
    background-color: var(--grey-ultra-light)
}

.table-bordered {
    border: 1px solid var(--border-color)
}

.table-bordered tr th,
.table-bordered thead tr,
.table-bordered thead tr {
    border-bottom: 1px solid var(--border-color);
    background-color: var(--background-color)
}

.table-bordered tr,
.table-bordered tbody tr,
.table-bordered tbody tr {
    border-bottom: 1px solid var(--border-color)
}

.table-bordered tr:last-child,
.table-bordered tbody tr:last-child,
.table-bordered tbody tr:last-child {
    border-bottom: 0px
}

.table-aligned thead tr th,
.table-aligned tfoot tr th,
.table-aligned tbody tr th,
.table-aligned thead tr th {
    text-align: left;
    white-space: nowrap
}

.table-aligned thead tr th,
.table-aligned thead tr th,
.table-aligned tbody tr th,
.table-aligned tfoot tr th,
.table-aligned tr td,
.table-aligned thead tr td,
.table-aligned tbody tr td,
.table-aligned tfoot tr td {
    padding: 5px;
    vertical-align: top
}

td.align-left,
th.align-left,
tbody tr td.align-left,
thead tr th.align-left {
    text-align: left
}

td.align-right,
th.align-right,
tbody tr td.align-right,
thead tr th.align-right {
    text-align: right
}

td.align-center,
th.align-center,
tbody tr td.align-center,
thead tr th.align-center {
    text-align: center
}

.table-order thead tr th,
.table-order thead tr th,
.table-order tbody tr th,
.table-order tfoot tr th,
.table-order tr td,
.table-order thead tr td,
.table-order tbody tr td,
.table-order tfoot tr td {
    min-height: 46px;
    line-height: 46px
}

.table-order thead tr :nth-child(1) {
    width: 15%
}

.table-order thead tr :nth-child(2) {
    width: 10%
}

.table-order thead tr :nth-child(3) {
    width: 25%
}

.table-order thead tr :nth-child(4) {
    width: 25%
}

.table-order thead tr :nth-child(5) {
    width: 25%
}

.flex-grid {
    display: flex;
    flex-wrap: wrap
}

.flex-grid [class*=flex-col-] {
    box-sizing: border-box;
    flex-basis: 100%
}

.flex-grid.no-gutter [class*=flex-col-] {
    padding: 0
}

@media (min-width: 320px) {
    .flex-grid .flex-col-1-xs {
        flex: 0 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1)
    }

    .flex-grid .flex-col-2-xs {
        flex: 0 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2)
    }

    .flex-grid .flex-col-3-xs {
        flex: 0 0 calc(100% / 12 * 3);
        max-width: calc(100% / 12 * 3)
    }

    .flex-grid .flex-col-4-xs {
        flex: 0 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4)
    }

    .flex-grid .flex-col-5-xs {
        flex: 0 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5)
    }

    .flex-grid .flex-col-6-xs {
        flex: 0 0 calc(100% / 12 * 6);
        max-width: calc(100% / 12 * 6)
    }

    .flex-grid .flex-col-7-xs {
        flex: 0 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7)
    }

    .flex-grid .flex-col-8-xs {
        flex: 0 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8)
    }

    .flex-grid .flex-col-9-xs {
        flex: 0 0 calc(100% / 12 * 9);
        max-width: calc(100% / 12 * 9)
    }

    .flex-grid .flex-col-10-xs {
        flex: 0 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10)
    }

    .flex-grid .flex-col-11-xs {
        flex: 0 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11)
    }

    .flex-grid .flex-col-12-xs {
        flex: 0 0 calc(100% / 12 * 12);
        max-width: calc(100% / 12 * 12)
    }
}

@media (min-width: 425px) {
    .flex-grid .flex-col-1-sm {
        flex: 0 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1)
    }

    .flex-grid .flex-col-2-sm {
        flex: 0 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2)
    }

    .flex-grid .flex-col-3-sm {
        flex: 0 0 calc(100% / 12 * 3);
        max-width: calc(100% / 12 * 3)
    }

    .flex-grid .flex-col-4-sm {
        flex: 0 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4)
    }

    .flex-grid .flex-col-5-sm {
        flex: 0 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5)
    }

    .flex-grid .flex-col-6-sm {
        flex: 0 0 calc(100% / 12 * 6);
        max-width: calc(100% / 12 * 6)
    }

    .flex-grid .flex-col-7-sm {
        flex: 0 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7)
    }

    .flex-grid .flex-col-8-sm {
        flex: 0 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8)
    }

    .flex-grid .flex-col-9-sm {
        flex: 0 0 calc(100% / 12 * 9);
        max-width: calc(100% / 12 * 9)
    }

    .flex-grid .flex-col-10-sm {
        flex: 0 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10)
    }

    .flex-grid .flex-col-11-sm {
        flex: 0 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11)
    }

    .flex-grid .flex-col-12-sm {
        flex: 0 0 calc(100% / 12 * 12);
        max-width: calc(100% / 12 * 12)
    }
}

@media (min-width: 768px) {
    .flex-grid .flex-col-1-md {
        flex: 0 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1)
    }

    .flex-grid .flex-col-2-md {
        flex: 0 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2)
    }

    .flex-grid .flex-col-3-md {
        flex: 0 0 calc(100% / 12 * 3);
        max-width: calc(100% / 12 * 3)
    }

    .flex-grid .flex-col-4-md {
        flex: 0 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4)
    }

    .flex-grid .flex-col-5-md {
        flex: 0 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5)
    }

    .flex-grid .flex-col-6-md {
        flex: 0 0 calc(100% / 12 * 6);
        max-width: calc(100% / 12 * 6)
    }

    .flex-grid .flex-col-7-md {
        flex: 0 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7)
    }

    .flex-grid .flex-col-8-md {
        flex: 0 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8)
    }

    .flex-grid .flex-col-9-md {
        flex: 0 0 calc(100% / 12 * 9);
        max-width: calc(100% / 12 * 9)
    }

    .flex-grid .flex-col-10-md {
        flex: 0 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10)
    }

    .flex-grid .flex-col-11-md {
        flex: 0 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11)
    }

    .flex-grid .flex-col-12-md {
        flex: 0 0 calc(100% / 12 * 12);
        max-width: calc(100% / 12 * 12)
    }
}

@media (min-width: 970px) {
    .flex-grid .flex-col-1-lg {
        flex: 0 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1)
    }

    .flex-grid .flex-col-2-lg {
        flex: 0 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2)
    }

    .flex-grid .flex-col-3-lg {
        flex: 0 0 calc(100% / 12 * 3);
        max-width: calc(100% / 12 * 3)
    }

    .flex-grid .flex-col-4-lg {
        flex: 0 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4)
    }

    .flex-grid .flex-col-5-lg {
        flex: 0 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5)
    }

    .flex-grid .flex-col-6-lg {
        flex: 0 0 calc(100% / 12 * 6);
        max-width: calc(100% / 12 * 6)
    }

    .flex-grid .flex-col-7-lg {
        flex: 0 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7)
    }

    .flex-grid .flex-col-8-lg {
        flex: 0 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8)
    }

    .flex-grid .flex-col-9-lg {
        flex: 0 0 calc(100% / 12 * 9);
        max-width: calc(100% / 12 * 9)
    }

    .flex-grid .flex-col-10-lg {
        flex: 0 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10)
    }

    .flex-grid .flex-col-11-lg {
        flex: 0 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11)
    }

    .flex-grid .flex-col-12-lg {
        flex: 0 0 calc(100% / 12 * 12);
        max-width: calc(100% / 12 * 12)
    }
}

@media (min-width: 1367px) {
    .flex-grid .flex-col-1-xl {
        flex: 0 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1)
    }

    .flex-grid .flex-col-2-xl {
        flex: 0 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2)
    }

    .flex-grid .flex-col-3-xl {
        flex: 0 0 calc(100% / 12 * 3);
        max-width: calc(100% / 12 * 3)
    }

    .flex-grid .flex-col-4-xl {
        flex: 0 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4)
    }

    .flex-grid .flex-col-5-xl {
        flex: 0 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5)
    }

    .flex-grid .flex-col-6-xl {
        flex: 0 0 calc(100% / 12 * 6);
        max-width: calc(100% / 12 * 6)
    }

    .flex-grid .flex-col-7-xl {
        flex: 0 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7)
    }

    .flex-grid .flex-col-8-xl {
        flex: 0 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8)
    }

    .flex-grid .flex-col-9-xl {
        flex: 0 0 calc(100% / 12 * 9);
        max-width: calc(100% / 12 * 9)
    }

    .flex-grid .flex-col-10-xl {
        flex: 0 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10)
    }

    .flex-grid .flex-col-11-xl {
        flex: 0 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11)
    }

    .flex-grid .flex-col-12-xl {
        flex: 0 0 calc(100% / 12 * 12);
        max-width: calc(100% / 12 * 12)
    }
}

@media (min-width: 1600px) {
    .flex-grid .flex-col-1-xxl {
        flex: 0 0 calc(100% / 12 * 1);
        max-width: calc(100% / 12 * 1)
    }

    .flex-grid .flex-col-2-xxl {
        flex: 0 0 calc(100% / 12 * 2);
        max-width: calc(100% / 12 * 2)
    }

    .flex-grid .flex-col-3-xxl {
        flex: 0 0 calc(100% / 12 * 3);
        max-width: calc(100% / 12 * 3)
    }

    .flex-grid .flex-col-4-xxl {
        flex: 0 0 calc(100% / 12 * 4);
        max-width: calc(100% / 12 * 4)
    }

    .flex-grid .flex-col-5-xxl {
        flex: 0 0 calc(100% / 12 * 5);
        max-width: calc(100% / 12 * 5)
    }

    .flex-grid .flex-col-6-xxl {
        flex: 0 0 calc(100% / 12 * 6);
        max-width: calc(100% / 12 * 6)
    }

    .flex-grid .flex-col-7-xxl {
        flex: 0 0 calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7)
    }

    .flex-grid .flex-col-8-xxl {
        flex: 0 0 calc(100% / 12 * 8);
        max-width: calc(100% / 12 * 8)
    }

    .flex-grid .flex-col-9-xxl {
        flex: 0 0 calc(100% / 12 * 9);
        max-width: calc(100% / 12 * 9)
    }

    .flex-grid .flex-col-10-xxl {
        flex: 0 0 calc(100% / 12 * 10);
        max-width: calc(100% / 12 * 10)
    }

    .flex-grid .flex-col-11-xxl {
        flex: 0 0 calc(100% / 12 * 11);
        max-width: calc(100% / 12 * 11)
    }

    .flex-grid .flex-col-12-xxl {
        flex: 0 0 calc(100% / 12 * 12);
        max-width: calc(100% / 12 * 12)
    }
}

.p-layout {
    padding: 20px;
    box-shadow: 2px 2px 20px #0000001a;
    transition: box-shadow .1s ease-out
}

.p-layout:hover {
    box-shadow: 8px 4px 20px #0003
}

html {
    width: 100%;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
    border: 0
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font: 16px/1 sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: var(--font-color);
    font-family: var(--font-regular);
    font-size: var(--font-size);
    line-height: var(--line-height);
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    box-sizing: border-box
}

p:not([class^="pxl-p"]) {
    margin: 0 0 calc(var(--line-height) / 2) 0;
    padding: 0
}

p:not([class^="pxl-p"]).bold {
    font-family: var(--font-bold)
}

p:not([class^="pxl-p"]).light {
    font-family: var(--font-light)
}

p:not([class^="pxl-p"]).text {
    max-width: 920px
}

p:not([class^="pxl-p"]).secondary {
    color: var(--grey-medium)
}

p:not([class^="pxl-p"]).caption {
    font-size: var(--font-size-12)
}

p:not([class^="pxl-p"]).uppercase {
    text-transform: uppercase;
    letter-spacing: var(--uppercase-letter-spacing)
}

p:not([class^="pxl-p"]).margin-top {
    margin-top: 30px
}

div.error,
div.warning,
span:not([class^="pxl-span"]).error,
span:not([class^="pxl-span"]).warning {
    color: var(--error-color)
}

div.success,
span:not([class^="pxl-span"]).success {
    color: var(--success-color)
}

div.accent,
span:not([class^="pxl-span"]).accent {
    color: var(--accent-color)
}

div.margin,
span:not([class^="pxl-span"]).margin {
    margin-top: 10px;
    margin-right: 30px
}

div .spacer,
span:not([class^="pxl-span"]) .spacer {
    padding-right: 10px;
    padding-left: 10px
}

div.light,
span:not([class^="pxl-span"]).light {
    font-family: var(--font-light)
}

div.bold,
span:not([class^="pxl-span"]).bold {
    font-family: var(--font-bold)
}

div.semibold,
span:not([class^="pxl-span"]).semibold {
    font-family: var(--font-semibold)
}

div.uppercase,
span:not([class^="pxl-span"]).uppercase {
    text-transform: uppercase;
    letter-spacing: var(--uppercase-letter-spacing)
}

div.secondary,
span:not([class^="pxl-span"]).secondary {
    color: var(--grey-medium)
}

div.caption,
span:not([class^="pxl-span"]).caption {
    font-size: var(--font-size-12)
}

blockquote:not([class^="pxl-blockquote"]) {
    border-left: 2px solid var(--border-color);
    color: var(--grey-medium);
    margin: var(--line-height) 0;
    padding-left: var(--space-3)
}

cite:not([class^="pxl-cite"]) {
    color: var(--grey-medium);
    font-style: italic
}

cite:not([class^="pxl-cite"]):before {
    content: "\2014\a0"
}

ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none
}

ul.text {
    margin-top: 16px;
    margin-left: 20px
}

ul.list {
    margin-bottom: 20px
}

ul.list ul {
    margin-bottom: 0
}

ul.list li {
    margin-left: 20px;
    display: list-item
}

ul.list.bullet {
    list-style-type: disc
}

li {
    display: block
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
    padding: 0;
    margin: 0
}

hr,
.hr {
    border-bottom: 1px solid var(--border-color);
    border-left: none;
    border-right: none;
    border-top: none;
    margin: 0
}

hr.muted,
.hr.muted {
    border-bottom: 1px solid var(--background-color)
}

hr.margin,
.hr.margin {
    margin: 30px 0
}

hr.top-margin,
.hr.top-margin {
    margin: 30px 0 0
}

hr.bottom-margin,
.hr.bottom-margin {
    margin: 0 0 30px
}

hr.medium-top-margin,
.hr.medium-top-margin {
    margin-top: 20px
}

hr.medium-bottom-margin,
.hr.medium-bottom-margin {
    margin-bottom: 20px
}

hr.small-top-margin,
.hr.small-top-margin {
    margin-top: 10px
}

hr.small-bottom-margin,
.hr.small-bottom-margin {
    margin-bottom: 10px
}

label:not([class^="pxl-label"]),
.label {
    overflow: hidden
}

label:not([class^="pxl-label"]).light,
.label.light {
    font-family: var(--font-light)
}

label:not([class^="pxl-label"]).bold,
.label.bold {
    font-family: var(--font-bold)
}

form .field {
    margin-bottom: var(--space-4)
}

form .field>label:not(.checkbox):not(.radio-button) {
    color: var(--font-color);
    font-size: var(--font-size-12);
    line-height: var(--line-height-12);
    text-transform: uppercase;
    letter-spacing: var(--uppercase-letter-spacing);
    font-family: var(--font-semibold)
}

.clear {
    float: none;
    clear: both
}

.page {
    display: flex;
    flex-direction: column
}

.page>div {
    flex-shrink: 0
}

.content {
    width: 100%
}

.content-container {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto
}

@-moz-document url-prefix() {
    .content-container {
        flex: 1
    }
}

.container,
.product-page-container,
.information-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {

    .container,
    .product-page-container,
    .information-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (min-width: 1200px) {

    .container,
    .product-page-container,
    .information-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1800px) {

    .container,
    .product-page-container,
    .information-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 970px) {

    .container,
    .product-page-container,
    .information-container {
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1400px) {

    .container,
    .product-page-container,
    .information-container {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1600px) {

    .container,
    .product-page-container,
    .information-container {
        max-width: 2560px;
        margin-left: auto;
        margin-right: auto
    }
}

.container.padded,
.product-page-container.padded,
.information-container.padded {
    margin-bottom: 20px;
    margin-top: 20px
}

.container.restricted,
.product-page-container.restricted,
.information-container.restricted {
    max-width: 600px
}

.container.nested-content,
.product-page-container.nested-content,
.information-container.nested-content {
    position: relative;
    overflow: hidden;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1367px) {

    .container.nested-content,
    .product-page-container.nested-content,
    .information-container.nested-content {
        padding-left: 0;
        padding-right: 0;
        max-width: 1060px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1600px) {

    .container.nested-content,
    .product-page-container.nested-content,
    .information-container.nested-content {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: calc(1367px - 1px)px) {

    .container.nested-content,
    .product-page-container.nested-content,
    .information-container.nested-content {
        max-width: 970px;
        margin-left: auto;
        margin-right: auto
    }
}

.container.unpadded,
.product-page-container.unpadded,
.information-container.unpadded {
    padding-right: 0;
    padding-left: 0
}

.carousel {
    overflow: visible;
    overflow-y: hidden
}

.carousel #sliderRoot {
    overflow: visible !important
}

.carousel .swiper-container {
    overflow: hidden
}

.information-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.top-spacer,
.bottom-spacer {
    overflow: hidden;
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto
}

.top-spacer {
    padding-top: 40px
}

@media (max-width: calc(768px - 1px)px) {
    .top-spacer {
        padding-top: 20px
    }
}

.bottom-spacer {
    padding-bottom: 40px
}

@media (max-width: calc(768px - 1px)px) {
    .bottom-spacer {
        padding-bottom: 20px
    }
}

.clipper {
    width: auto;
    overflow: hidden;
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto
}

.mx-centered {
    padding: 0 20px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto
}

.information-container {
    margin-bottom: var(--space-10)
}

.restricted {
    max-width: 600px
}

.restricted.restricted-thin {
    max-width: 400px
}

.restricted.restricted-wide {
    max-width: 800px
}

.restricted.centered {
    margin-left: auto;
    margin-right: auto
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

:focus {
    outline: 0
}

a,
button {
    color: inherit
}

a.primary {
    font-family: var(--font-semibold)
}

a.secondary:not(.button) {
    text-decoration: underline
}

a.secondary:not(.button):hover,
a.secondary:not(.button):focus {
    text-decoration: underline
}

a.accent {
    cursor: pointer;
    border: 0;
    outline: none;
    color: var(--accent-color);
    text-decoration: underline
}

a.accent:visited {
    color: var(--accent-color);
    text-decoration: underline
}

a.accent:focus,
a.accent:active {
    color: var(--coral-dark);
    text-decoration: underline
}

a.accent:hover {
    color: var(--coral-dark);
    text-decoration: none
}

a.product {
    font-size: var(--font-size-12);
    letter-spacing: 1.2px
}

a,
area {
    cursor: pointer;
    border: 0;
    outline: none;
    color: var(--link-color);
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:visited,
a:active,
area:visited,
area:active {
    color: var(--link-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover,
a:focus,
area:hover,
area:focus {
    color: var(--link-hover-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a:hover,
a:focus,
area:hover,
area:focus {
    text-decoration: none
}

button,
input[type=submit],
input[type=button],
.btn,
.button {
    display: inline-block;
    overflow: visible;
    box-sizing: border-box;
    border: 1px solid var(--coral);
    font-family: var(--font-semibold);
    font-weight: 400;
    font-size: var(--font-size);
    line-height: normal;
    -webkit-font-smoothing: inherit;
    letter-spacing: 1px;
    background: none;
    cursor: pointer;
    padding: 11px 15px;
    color: var(--white);
    background: var(--coral);
    border-radius: var(--button-border-radius);
    -webkit-appearance: none;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    letter-spacing: var(--uppercase-letter-spacing);
    transition: opacity 1s ease-in-out, background-color .1s ease-in-out, border-color .1s ease-in-out
}

button:not(:disabled):not(.disabled).filled.coral,
button:not(:disabled):not(.disabled).primary,
button:not(:disabled):not(.disabled),
input[type=submit]:not(:disabled):not(.disabled).filled.coral,
input[type=submit]:not(:disabled):not(.disabled).primary,
input[type=submit]:not(:disabled):not(.disabled),
input[type=button]:not(:disabled):not(.disabled).filled.coral,
input[type=button]:not(:disabled):not(.disabled).primary,
input[type=button]:not(:disabled):not(.disabled),
.btn:not(:disabled):not(.disabled).filled.coral,
.btn:not(:disabled):not(.disabled).primary,
.btn:not(:disabled):not(.disabled),
.button:not(:disabled):not(.disabled).filled.coral,
.button:not(:disabled):not(.disabled).primary,
.button:not(:disabled):not(.disabled) {
    border-color: var(--coral);
    background-color: var(--coral);
    color: var(--white)
}

button:not(:disabled):not(.disabled).filled.coral:active,
button:not(:disabled):not(.disabled).primary:active,
button:not(:disabled):not(.disabled):active,
input[type=submit]:not(:disabled):not(.disabled).filled.coral:active,
input[type=submit]:not(:disabled):not(.disabled).primary:active,
input[type=submit]:not(:disabled):not(.disabled):active,
input[type=button]:not(:disabled):not(.disabled).filled.coral:active,
input[type=button]:not(:disabled):not(.disabled).primary:active,
input[type=button]:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).filled.coral:active,
.btn:not(:disabled):not(.disabled).primary:active,
.btn:not(:disabled):not(.disabled):active,
.button:not(:disabled):not(.disabled).filled.coral:active,
.button:not(:disabled):not(.disabled).primary:active,
.button:not(:disabled):not(.disabled):active {
    border-color: var(--coral);
    background-color: var(--coral);
    color: var(--white)
}

button:not(:disabled):not(.disabled).filled.coral:hover:not(:active),
button:not(:disabled):not(.disabled).primary:hover:not(:active),
button:not(:disabled):not(.disabled):hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).filled.coral:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).primary:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled):hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).filled.coral:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).primary:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled):hover:not(:active),
.btn:not(:disabled):not(.disabled).filled.coral:hover:not(:active),
.btn:not(:disabled):not(.disabled).primary:hover:not(:active),
.btn:not(:disabled):not(.disabled):hover:not(:active),
.button:not(:disabled):not(.disabled).filled.coral:hover:not(:active),
.button:not(:disabled):not(.disabled).primary:hover:not(:active),
.button:not(:disabled):not(.disabled):hover:not(:active) {
    border-color: var(--coral-dark);
    background-color: var(--coral-dark);
    color: var(--white)
}

button:not(:disabled):not(.disabled).filled.coral[data-focus-visible-added]:not(:hover),
button:not(:disabled):not(.disabled).primary[data-focus-visible-added]:not(:hover),
button:not(:disabled):not(.disabled)[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).filled.coral[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).primary[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled)[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).filled.coral[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).primary[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled)[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).filled.coral[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).primary[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled)[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).filled.coral[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).primary[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled)[data-focus-visible-added]:not(:hover) {
    border-color: var(--coral);
    box-shadow: 0 0 0 1px var(--coral);
    background-color: var(--white);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).filled.grey,
button:not(:disabled):not(.disabled).tertiary,
input[type=submit]:not(:disabled):not(.disabled).filled.grey,
input[type=submit]:not(:disabled):not(.disabled).tertiary,
input[type=button]:not(:disabled):not(.disabled).filled.grey,
input[type=button]:not(:disabled):not(.disabled).tertiary,
.btn:not(:disabled):not(.disabled).filled.grey,
.btn:not(:disabled):not(.disabled).tertiary,
.button:not(:disabled):not(.disabled).filled.grey,
.button:not(:disabled):not(.disabled).tertiary {
    border-color: var(--grey-medium);
    background-color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).filled.grey:active,
button:not(:disabled):not(.disabled).tertiary:active,
input[type=submit]:not(:disabled):not(.disabled).filled.grey:active,
input[type=submit]:not(:disabled):not(.disabled).tertiary:active,
input[type=button]:not(:disabled):not(.disabled).filled.grey:active,
input[type=button]:not(:disabled):not(.disabled).tertiary:active,
.btn:not(:disabled):not(.disabled).filled.grey:active,
.btn:not(:disabled):not(.disabled).tertiary:active,
.button:not(:disabled):not(.disabled).filled.grey:active,
.button:not(:disabled):not(.disabled).tertiary:active {
    border-color: var(--grey-medium);
    background-color: var(--grey-medium);
    color: var(--white)
}

button:not(:disabled):not(.disabled).filled.grey:hover:not(:active),
button:not(:disabled):not(.disabled).tertiary:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).filled.grey:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).tertiary:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).filled.grey:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).tertiary:hover:not(:active),
.btn:not(:disabled):not(.disabled).filled.grey:hover:not(:active),
.btn:not(:disabled):not(.disabled).tertiary:hover:not(:active),
.button:not(:disabled):not(.disabled).filled.grey:hover:not(:active),
.button:not(:disabled):not(.disabled).tertiary:hover:not(:active) {
    border-color: var(--grey-dark);
    background-color: var(--grey-dark);
    color: var(--white)
}

button:not(:disabled):not(.disabled).filled.grey[data-focus-visible-added]:not(:hover),
button:not(:disabled):not(.disabled).tertiary[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).filled.grey[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).tertiary[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).filled.grey[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).tertiary[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).filled.grey[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).tertiary[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).filled.grey[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).tertiary[data-focus-visible-added]:not(:hover) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).filled.white,
input[type=submit]:not(:disabled):not(.disabled).filled.white,
input[type=button]:not(:disabled):not(.disabled).filled.white,
.btn:not(:disabled):not(.disabled).filled.white,
.button:not(:disabled):not(.disabled).filled.white {
    border-color: var(--transparent);
    background-color: var(--white);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).filled.white:active,
input[type=submit]:not(:disabled):not(.disabled).filled.white:active,
input[type=button]:not(:disabled):not(.disabled).filled.white:active,
.btn:not(:disabled):not(.disabled).filled.white:active,
.button:not(:disabled):not(.disabled).filled.white:active {
    border-color: var(--grey-light);
    background-color: var(--white);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).filled.white:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).filled.white:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).filled.white:hover:not(:active),
.btn:not(:disabled):not(.disabled).filled.white:hover:not(:active),
.button:not(:disabled):not(.disabled).filled.white:hover:not(:active) {
    border-color: var(--transparent);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).filled.white[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).filled.white[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).filled.white[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).filled.white[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).filled.white[data-focus-visible-added]:not(:hover) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).outlined.coral,
button:not(:disabled):not(.disabled).secondary,
input[type=submit]:not(:disabled):not(.disabled).outlined.coral,
input[type=submit]:not(:disabled):not(.disabled).secondary,
input[type=button]:not(:disabled):not(.disabled).outlined.coral,
input[type=button]:not(:disabled):not(.disabled).secondary,
.btn:not(:disabled):not(.disabled).outlined.coral,
.btn:not(:disabled):not(.disabled).secondary,
.button:not(:disabled):not(.disabled).outlined.coral,
.button:not(:disabled):not(.disabled).secondary {
    border-color: var(--coral);
    background-color: var(--transparent);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).outlined.coral:active,
button:not(:disabled):not(.disabled).secondary:active,
input[type=submit]:not(:disabled):not(.disabled).outlined.coral:active,
input[type=submit]:not(:disabled):not(.disabled).secondary:active,
input[type=button]:not(:disabled):not(.disabled).outlined.coral:active,
input[type=button]:not(:disabled):not(.disabled).secondary:active,
.btn:not(:disabled):not(.disabled).outlined.coral:active,
.btn:not(:disabled):not(.disabled).secondary:active,
.button:not(:disabled):not(.disabled).outlined.coral:active,
.button:not(:disabled):not(.disabled).secondary:active {
    border-color: var(--coral);
    background-color: var(--transparent);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).outlined.coral:hover:not(:active),
button:not(:disabled):not(.disabled).secondary:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).outlined.coral:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).secondary:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).outlined.coral:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).secondary:hover:not(:active),
.btn:not(:disabled):not(.disabled).outlined.coral:hover:not(:active),
.btn:not(:disabled):not(.disabled).secondary:hover:not(:active),
.button:not(:disabled):not(.disabled).outlined.coral:hover:not(:active),
.button:not(:disabled):not(.disabled).secondary:hover:not(:active) {
    border-color: var(--coral);
    background-color: var(--coral-light);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).outlined.coral[data-focus-visible-added]:not(:hover),
button:not(:disabled):not(.disabled).secondary[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).outlined.coral[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).secondary[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).outlined.coral[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).secondary[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).outlined.coral[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).secondary[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).outlined.coral[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).secondary[data-focus-visible-added]:not(:hover) {
    border-color: var(--coral);
    box-shadow: 0 0 0 1px var(--coral);
    background-color: var(--transparent);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).outlined.grey,
input[type=submit]:not(:disabled):not(.disabled).outlined.grey,
input[type=button]:not(:disabled):not(.disabled).outlined.grey,
.btn:not(:disabled):not(.disabled).outlined.grey,
.button:not(:disabled):not(.disabled).outlined.grey {
    border-color: var(--grey-medium);
    background-color: var(--transparent);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).outlined.grey:active,
input[type=submit]:not(:disabled):not(.disabled).outlined.grey:active,
input[type=button]:not(:disabled):not(.disabled).outlined.grey:active,
.btn:not(:disabled):not(.disabled).outlined.grey:active,
.button:not(:disabled):not(.disabled).outlined.grey:active {
    border-color: var(--grey-medium);
    background-color: var(--transparent);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).outlined.grey:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).outlined.grey:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).outlined.grey:hover:not(:active),
.btn:not(:disabled):not(.disabled).outlined.grey:hover:not(:active),
.button:not(:disabled):not(.disabled).outlined.grey:hover:not(:active) {
    border-color: var(--grey-medium);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).outlined.grey[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).outlined.grey[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).outlined.grey[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).outlined.grey[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).outlined.grey[data-focus-visible-added]:not(:hover) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).outlined.white,
input[type=submit]:not(:disabled):not(.disabled).outlined.white,
input[type=button]:not(:disabled):not(.disabled).outlined.white,
.btn:not(:disabled):not(.disabled).outlined.white,
.button:not(:disabled):not(.disabled).outlined.white {
    color: var(--white);
    background-color: var(--transparent);
    border-color: var(--grey-ultra-light)
}

button:not(:disabled):not(.disabled).outlined.white:active,
input[type=submit]:not(:disabled):not(.disabled).outlined.white:active,
input[type=button]:not(:disabled):not(.disabled).outlined.white:active,
.btn:not(:disabled):not(.disabled).outlined.white:active,
.button:not(:disabled):not(.disabled).outlined.white:active {
    color: var(--white);
    background-color: var(--transparent);
    border-color: var(--grey-ultra-light)
}

button:not(:disabled):not(.disabled).outlined.white:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).outlined.white:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).outlined.white:hover:not(:active),
.btn:not(:disabled):not(.disabled).outlined.white:hover:not(:active),
.button:not(:disabled):not(.disabled).outlined.white:hover:not(:active) {
    border-color: var(--grey-medium);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).outlined.white[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).outlined.white[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).outlined.white[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).outlined.white[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).outlined.white[data-focus-visible-added]:not(:hover) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).text.coral,
input[type=submit]:not(:disabled):not(.disabled).text.coral,
input[type=button]:not(:disabled):not(.disabled).text.coral,
.btn:not(:disabled):not(.disabled).text.coral,
.button:not(:disabled):not(.disabled).text.coral {
    border-color: var(--transparent);
    background-color: var(--transparent);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).text.coral:active,
input[type=submit]:not(:disabled):not(.disabled).text.coral:active,
input[type=button]:not(:disabled):not(.disabled).text.coral:active,
.btn:not(:disabled):not(.disabled).text.coral:active,
.button:not(:disabled):not(.disabled).text.coral:active {
    border-color: var(--transparent);
    background-color: var(--white);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).text.coral:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).text.coral:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).text.coral:hover:not(:active),
.btn:not(:disabled):not(.disabled).text.coral:hover:not(:active),
.button:not(:disabled):not(.disabled).text.coral:hover:not(:active) {
    border-color: var(--coral-light);
    background-color: var(--coral-light);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).text.coral[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).text.coral[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).text.coral[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).text.coral[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).text.coral[data-focus-visible-added]:not(:hover) {
    border-color: var(--coral);
    box-shadow: 0 0 0 1px var(--coral);
    background-color: var(--white);
    color: var(--coral)
}

button:not(:disabled):not(.disabled).text.grey,
input[type=submit]:not(:disabled):not(.disabled).text.grey,
input[type=button]:not(:disabled):not(.disabled).text.grey,
.btn:not(:disabled):not(.disabled).text.grey,
.button:not(:disabled):not(.disabled).text.grey {
    border-color: var(--transparent);
    background-color: var(--transparent);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).text.grey:active,
input[type=submit]:not(:disabled):not(.disabled).text.grey:active,
input[type=button]:not(:disabled):not(.disabled).text.grey:active,
.btn:not(:disabled):not(.disabled).text.grey:active,
.button:not(:disabled):not(.disabled).text.grey:active {
    border-color: var(--transparent);
    background-color: var(--white);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).text.grey:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).text.grey:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).text.grey:hover:not(:active),
.btn:not(:disabled):not(.disabled).text.grey:hover:not(:active),
.button:not(:disabled):not(.disabled).text.grey:hover:not(:active) {
    border-color: var(--grey-ultra-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).text.grey[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).text.grey[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).text.grey[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).text.grey[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).text.grey[data-focus-visible-added]:not(:hover) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).text.white,
input[type=submit]:not(:disabled):not(.disabled).text.white,
input[type=button]:not(:disabled):not(.disabled).text.white,
.btn:not(:disabled):not(.disabled).text.white,
.button:not(:disabled):not(.disabled).text.white {
    color: var(--white);
    background-color: var(--transparent);
    border-color: var(--transparent)
}

button:not(:disabled):not(.disabled).text.white:active,
input[type=submit]:not(:disabled):not(.disabled).text.white:active,
input[type=button]:not(:disabled):not(.disabled).text.white:active,
.btn:not(:disabled):not(.disabled).text.white:active,
.button:not(:disabled):not(.disabled).text.white:active {
    color: var(--white);
    background-color: var(--transparent);
    border-color: var(--grey-ultra-light)
}

button:not(:disabled):not(.disabled).text.white:hover:not(:active),
input[type=submit]:not(:disabled):not(.disabled).text.white:hover:not(:active),
input[type=button]:not(:disabled):not(.disabled).text.white:hover:not(:active),
.btn:not(:disabled):not(.disabled).text.white:hover:not(:active),
.button:not(:disabled):not(.disabled).text.white:hover:not(:active) {
    border-color: var(--grey-medium);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:not(:disabled):not(.disabled).text.white[data-focus-visible-added]:not(:hover),
input[type=submit]:not(:disabled):not(.disabled).text.white[data-focus-visible-added]:not(:hover),
input[type=button]:not(:disabled):not(.disabled).text.white[data-focus-visible-added]:not(:hover),
.btn:not(:disabled):not(.disabled).text.white[data-focus-visible-added]:not(:hover),
.button:not(:disabled):not(.disabled).text.white[data-focus-visible-added]:not(:hover) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light);
    background-color: var(--grey-ultra-light);
    color: var(--grey-medium)
}

button:disabled,
button.disabled,
input[type=submit]:disabled,
input[type=submit].disabled,
input[type=button]:disabled,
input[type=button].disabled,
.btn:disabled,
.btn.disabled,
.button:disabled,
.button.disabled {
    border-color: var(--grey-light);
    background-color: var(--grey-light);
    color: var(--white);
    cursor: default
}

button:disabled.text,
button.disabled.text,
input[type=submit]:disabled.text,
input[type=submit].disabled.text,
input[type=button]:disabled.text,
input[type=button].disabled.text,
.btn:disabled.text,
.btn.disabled.text,
.button:disabled.text,
.button.disabled.text {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--grey-light)
}

button.margin,
input[type=submit].margin,
input[type=button].margin,
.btn.margin,
.button.margin {
    margin-top: var(--space-2);
    margin-bottom: var(--space-2)
}

button.small,
input[type=submit].small,
input[type=button].small,
.btn.small,
.button.small {
    font-size: var(--font-size-14);
    padding: var(--space-2) var(--space-3) var(--space-2) var(--space-3)
}

button.tiny,
input[type=submit].tiny,
input[type=button].tiny,
.btn.tiny,
.button.tiny {
    font-size: var(--font-size-12);
    padding: var(--space-1) var(--space-2) var(--space-1) var(--space-2)
}

button.icon,
input[type=submit].icon,
input[type=button].icon,
.btn.icon,
.button.icon {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid;
    background-color: #fff;
    border-color: var(--grey-light);
    right: 20px;
    padding: 11px !important
}

.circle {
    border-radius: var(--circle-border-radius);
    transition: background-color .2s ease-out;
    background-color: #fff
}

.circle.giant {
    width: 20px;
    height: 20px
}

.circle.large {
    width: 16px;
    height: 16px
}

.circle.medium {
    width: 12px;
    height: 12px
}

.circle.small {
    width: 10px;
    height: 10px
}

.circle.tiny {
    width: 6px;
    height: 6px
}

.circle.accent {
    background-color: var(--accent-color)
}

.circle.muted {
    background-color: var(--grey-light)
}

.circle.spacing {
    margin-right: var(--space-1)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    color: var(--font-color);
    font-family: var(--font-regular);
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: var(--uppercase-letter-spacing)
}

h1.accented,
h1.accent,
h2.accented,
h2.accent,
h3.accented,
h3.accent,
h4.accented,
h4.accent,
h5.accented,
h5.accent,
h6.accented,
h6.accent {
    color: var(--accent-color)
}

h1.semibold,
h2.semibold,
h3.semibold,
h4.semibold,
h5.semibold,
h6.semibold {
    font-family: var(--font-semibold)
}

h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold {
    font-family: var(--font-bold)
}

h1.black,
h2.black,
h3.black,
h4.black,
h5.black,
h6.black {
    font-family: var(--font-black)
}

h1.no-transform,
h2.no-transform,
h3.no-transform,
h4.no-transform,
h5.no-transform,
h6.no-transform {
    text-transform: none;
    letter-spacing: normal
}

h1.margin,
h2.margin,
h3.margin,
h4.margin,
h5.margin,
h6.margin {
    margin-top: var(--space-4);
    margin-bottom: var(--space-4)
}

h1.text-margin,
h2.text-margin,
h3.text-margin,
h4.text-margin,
h5.text-margin,
h6.text-margin {
    margin-top: var(--space-4);
    margin-bottom: var(--space-2)
}

h1.top-margin,
h2.top-margin,
h3.top-margin,
h4.top-margin,
h5.top-margin,
h6.top-margin {
    margin-top: var(--space-4)
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
    font-family: var(--font-light)
}

h1.muted,
h2.muted,
h3.muted,
h4.muted,
h5.muted,
h6.muted {
    color: var(--grey-medium)
}

h1 {
    font-size: var(--font-size-32);
    line-height: var(--line-height-32)
}

h2 {
    font-size: var(--font-size-24);
    line-height: var(--line-height-24)
}

h3 {
    font-size: var(--font-size-20);
    line-height: var(--line-height-20)
}

h4 {
    font-size: var(--font-size-16);
    line-height: var(--line-height-16)
}

h5 {
    font-size: var(--font-size-14);
    line-height: var(--line-height-14)
}

h6 {
    font-size: var(--font-size-12);
    line-height: var(--line-height-12)
}

.header.accent {
    background: var(--accent-color)
}

.header.accent h1 {
    color: var(--white)
}

.header.muted {
    background: var(--background-color)
}

.header.muted h1 {
    color: var(--grey-medium)
}

input[type=checkbox],
input[type=radio] {
    filter: invert(0%) hue-rotate(139deg) brightness(.95)
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
.input,
textarea {
    padding: var(--space-2) var(--space-3);
    display: block;
    width: 100%;
    height: 40px;
    background-color: var(--white);
    border: 1px solid var(--grey-light);
    border-radius: 4px;
    font-size: 1em;
    color: var(--font-color);
    box-sizing: border-box;
    font-family: var(--font-regular);
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

input[type=text]:focus:not(.error),
input[type=text]:focus-within:not(.error),
input[type=email]:focus:not(.error),
input[type=email]:focus-within:not(.error),
input[type=tel]:focus:not(.error),
input[type=tel]:focus-within:not(.error),
input[type=password]:focus:not(.error),
input[type=password]:focus-within:not(.error),
input[type=number]:focus:not(.error),
input[type=number]:focus-within:not(.error),
.input:focus:not(.error),
.input:focus-within:not(.error),
textarea:focus:not(.error),
textarea:focus-within:not(.error) {
    outline: none;
    border-color: var(--grey-medium);
    box-shadow: 0 0 0 1px var(--grey-medium)
}

input[type=text]:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled),
input[type=email]:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled),
input[type=tel]:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled),
input[type=password]:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled),
input[type=number]:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled),
.input:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled),
textarea:hover:not(:focus):not(:focus-within):not(.error):not(:disabled):not(.disabled) {
    border-color: var(--grey-light);
    box-shadow: 0 0 0 1px var(--grey-light)
}

input[type=text][type=text],
input[type=text][type=email],
input[type=text][type=tel],
input[type=text][type=password],
input[type=email][type=text],
input[type=email][type=email],
input[type=email][type=tel],
input[type=email][type=password],
input[type=tel][type=text],
input[type=tel][type=email],
input[type=tel][type=tel],
input[type=tel][type=password],
input[type=password][type=text],
input[type=password][type=email],
input[type=password][type=tel],
input[type=password][type=password],
input[type=number][type=text],
input[type=number][type=email],
input[type=number][type=tel],
input[type=number][type=password],
.input[type=text],
.input[type=email],
.input[type=tel],
.input[type=password],
textarea[type=text],
textarea[type=email],
textarea[type=tel],
textarea[type=password] {
    -webkit-appearance: none;
    appearance: none
}

input[type=text][type=checkbox],
input[type=text][type=radio],
input[type=email][type=checkbox],
input[type=email][type=radio],
input[type=tel][type=checkbox],
input[type=tel][type=radio],
input[type=password][type=checkbox],
input[type=password][type=radio],
input[type=number][type=checkbox],
input[type=number][type=radio],
.input[type=checkbox],
.input[type=radio],
textarea[type=checkbox],
textarea[type=radio] {
    background-color: var(--grey-medium)
}

input[type=text][type=checkbox]:focus,
input[type=email][type=checkbox]:focus,
input[type=tel][type=checkbox]:focus,
input[type=password][type=checkbox]:focus,
input[type=number][type=checkbox]:focus,
.input[type=checkbox]:focus,
textarea[type=checkbox]:focus {
    outline: none;
    border: none;
    box-shadow: none
}

input[type=text][type=radio]:focus,
input[type=email][type=radio]:focus,
input[type=tel][type=radio]:focus,
input[type=password][type=radio]:focus,
input[type=number][type=radio]:focus,
.input[type=radio]:focus,
textarea[type=radio]:focus {
    outline: none;
    border: none;
    box-shadow: none
}

input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
.input::placeholder,
textarea::placeholder {
    font-size: var(--font-size);
    color: var(--grey-light);
    font-style: var(--font-regular);
    font-family: var(--font-regular)
}

input[type=text].padded,
input[type=email].padded,
input[type=tel].padded,
input[type=password].padded,
input[type=number].padded,
.input.padded,
textarea.padded {
    line-height: 2em;
    min-height: 2.6em
}

input[type=text].no-border,
input[type=email].no-border,
input[type=tel].no-border,
input[type=password].no-border,
input[type=number].no-border,
.input.no-border,
textarea.no-border {
    width: 100%;
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important
}

input[type=text]:disabled,
input[type=text].disabled,
input[type=email]:disabled,
input[type=email].disabled,
input[type=tel]:disabled,
input[type=tel].disabled,
input[type=password]:disabled,
input[type=password].disabled,
input[type=number]:disabled,
input[type=number].disabled,
.input:disabled,
.input.disabled,
textarea:disabled,
textarea.disabled {
    color: var(--grey-light);
    background-color: var(--grey-ultra-light)
}

input[type=text].input-join-left,
input[type=email].input-join-left,
input[type=tel].input-join-left,
input[type=password].input-join-left,
input[type=number].input-join-left,
.input.input-join-left,
textarea.input-join-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

input[type=text].input-join-right,
input[type=email].input-join-right,
input[type=tel].input-join-right,
input[type=password].input-join-right,
input[type=number].input-join-right,
.input.input-join-right,
textarea.input-join-right {
    border-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-label {
    padding: 0 12px;
    display: block;
    height: 40px;
    background-color: var(--grey-light);
    border: 1px solid var(--grey-medium);
    border-radius: 4px;
    font-size: 1em;
    color: var(--font-color);
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.input-label.input-join-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-label.input-join-right {
    border-right: 0px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group {
    display: flex
}

.input-group .input-label {
    flex-shrink: 1;
    flex-grow: 0
}

select,
.select-toggle {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    font-family: var(--font-regular);
    font-size: var(--font-size-16);
    line-height: var(--line-height-16);
    background: none;
    background-color: var(--white);
    box-sizing: border-box;
    color: var(--font-color);
    cursor: pointer
}

select.small,
.select-toggle.small {
    font-size: var(--font-size-14);
    line-height: var(--line-height-14)
}

select.small .af,
.select-toggle.small .af {
    font-size: .8em
}

select:disabled,
select.disabled,
.select-toggle:disabled,
.select-toggle.disabled {
    cursor: auto
}

select:not(.no-border),
.select-toggle {
    position: relative;
    height: 40px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    appearance: menulist;
    transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out
}

select:not(.no-border).small,
.select-toggle.small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--white);
    box-sizing: border-box;
    border: 1px solid var(--border-color);
    border-radius: var(--button-border-radius);
    height: 24px;
    -webkit-appearance: none;
    appearance: none
}

select:not(.no-border) option,
.select-toggle option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

select:not(.no-border):hover:not(:disabled):not(.disabled),
.select-toggle:hover:not(:disabled):not(.disabled) {
    border-color: var(--border-color);
    box-shadow: 0 0 0 1px var(--border-color)
}

select:not(.no-border):focus,
select:not(.no-border):focus-within,
.select-toggle:focus,
.select-toggle:focus-within {
    outline: none;
    border-color: var(--grey-medium);
    box-shadow: 0 0 0 1px var(--grey-medium)
}

select:not(.no-border):disabled,
select:not(.no-border).disabled,
.select-toggle:disabled,
.select-toggle.disabled {
    color: var(--grey-light);
    background-color: var(--grey-ultra-light)
}

select:not(.no-border).small:hover:not(.error),
.select-toggle.small:hover:not(.error) {
    border-color: var(--border-color);
    box-shadow: 0 0 0 1px var(--border-color)
}

select:not(.no-border).small:focus:not(.error),
select:not(.no-border).small:focus-within:not(.error),
.select-toggle.small:focus:not(.error),
.select-toggle.small:focus-within:not(.error) {
    border-color: var(--grey-medium);
    box-shadow: 0 0 0 1px var(--grey-medium)
}

select:not(.no-border).small.error,
.select-toggle.small.error {
    border-color: var(--error-color);
    box-shadow: 0 0 0 1px var(--error-color)
}

input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=password].error,
input[type=number].error,
.input.error,
select.error,
.select.error,
.input-label.error,
textarea.error {
    border-color: var(--error-color) !important;
    box-shadow: 0 0 0 1px var(--error-color) !important
}

textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 73px
}

.loader {
    display: inline-block;
    vertical-align: middle
}

.loader.tiny {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--accent-color);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: spin 1s linear infinite;
    border-width: 3px
}

.loader.medium {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--accent-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite
}

.loader.large {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--accent-color);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    animation: spin 1s linear infinite
}

.loader.giant {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--accent-color);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 1s linear infinite
}

.loader-overlay {
    background-color: var(--shadow-color);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0
}

.loader-overlay .loader-container {
    width: 100%;
    text-align: center
}

.loader-overlay .loader-container .loader {
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--accent-color);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    animation: spin 1s linear infinite;
    margin-left: auto;
    margin-right: auto
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.loader-overlay .loader-container h1 {
    margin-top: 12px;
    line-height: 1em
}

.skeleton {
    border-radius: var(--container-border-radius);
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--grey-ultra-light) 0%, #ececec 10%, var(--grey-ultra-light) 20%);
    background-size: 200%;
    background-position: 100% 100%;
    color: transparent;
    animation: skeletonsweep 1.5s infinite ease-in-out
}

@keyframes skeletonsweep {
    0% {
        background-position: 100% 100%
    }

    to {
        background-position: -100% 100%
    }
}

.skeleton.circle {
    border-radius: var(--circle-border-radius)
}

form.pixel {
    display: flex;
    flex-direction: column
}

form.pixel .form-group {
    margin-bottom: 16px
}

form.pixel .form-group input[type=radio] {
    margin-right: 8px
}

form.pixel input[type=submit] {
    width: 100px;
    align-self: flex-end
}

form.pixel input[type=submit].full {
    width: 100%;
    align-self: center
}

strong {
    font-family: var(--font-semibold)
}

i {
    font-style: italic
}

.coral-text {
    color: var(--coral)
}

.compact-text {
    line-height: 1.4em;
    word-break: break-word
}

li.active,
a.active {
    color: var(--accent-color) !important
}

li.active a,
a.active a {
    color: var(--accent-color) !important
}

.hide,
.hidden {
    display: none !important
}

.flex {
    display: flex
}

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

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.inline {
    display: inline-block
}

.align-right {
    text-align: right
}

.banner.error {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid var(--error-color);
    border-radius: 5px;
    background: white;
    line-height: 1em;
    font-family: var(--font-semibold);
    color: var(--error-color);
    white-space: normal
}

.top-bar {
    text-align: center;
    display: block;
    position: relative;
    font-size: var(--font-size-12);
    height: auto;
    width: 100%;
    margin: 0
}

@media (min-width: 970px) {
    .top-bar {
        font-size: 1em
    }
}

.top-bar.accent {
    background: var(--accent-color);
    color: var(--white)
}

.top-bar.accent a {
    color: var(--white)
}

.top-bar.accent a:hover {
    color: var(--white)
}

.site-wide-message {
    text-align: center;
    padding-bottom: 10px;
    font-size: .8em
}

@media (min-width: 970px) {
    .site-wide-message {
        font-size: 1em
    }
}

.scroll-loading {
    max-width: ;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    padding-bottom: 10px
}

.scroll-loading ul {
    margin: 0
}

.scroll-loading ul li {
    height: 28px
}

.scroll-loading ul li img {
    display: inline-block
}

.emphasis {
    font-family: var(--font-semibold)
}

.zoom-effect {
    position: relative;
    overflow: hidden;
    display: block;
    width: auto;
    height: auto
}

.zoom-effect img {
    transition: opacity .5s, transform .5s;
    backface-visibility: hidden;
    width: 100%
}

.zoom-effect:hover img {
    opacity: 1;
    transform: scale(1.05)
}

.zoom-effect:hover .corner {
    position: absolute;
    background-color: var(--accent-color)
}

.zoom-effect:hover .top-left-horizontal {
    top: 0px;
    left: 0px;
    width: 10px;
    height: 1px
}

.zoom-effect:hover .top-left-vertical {
    top: 0px;
    left: 0px;
    width: 1px;
    height: 10px
}

.zoom-effect:hover .top-right-horizontal {
    top: 0px;
    right: 0px;
    width: 10px;
    height: 1px
}

.zoom-effect:hover .top-right-vertical {
    top: 0px;
    right: 0px;
    width: 1px;
    height: 10px
}

.zoom-effect:hover .bottom-left-horizontal {
    bottom: 0px;
    left: 0px;
    width: 10px;
    height: 1px
}

.zoom-effect:hover .bottom-left-vertical {
    bottom: 0px;
    left: 0px;
    width: 1px;
    height: 10px
}

.zoom-effect:hover .bottom-right-horizontal {
    bottom: 0px;
    right: 0px;
    width: 10px;
    height: 1px
}

.zoom-effect:hover .bottom-right-vertical {
    bottom: 0px;
    right: 0px;
    width: 1px;
    height: 10px
}

.image-center img {
    margin: auto
}

.unselectable {
    -webkit-user-select: none;
    user-select: none
}

.block {
    padding: 12px 0
}

.invisible {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear .3s, opacity .3s
}

html.overflow-hidden {
    margin-top: 0 !important;
    overflow: hidden !important;
    height: 100% !important
}

html.overflow-hidden body {
    overflow: hidden !important;
    height: 100% !important
}

html.overflow-hidden-long {
    overflow-y: scroll !important
}

html.overflow-hidden-only {
    overflow: hidden !important
}

.content {
    width: 100%
}

.field-error {
    padding: 3px 0;
    line-height: 1em;
    color: var(--error-color);
    white-space: normal
}

.content-container,
.app-container {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto
}

.page-header-container {
    min-height: 57px
}

.background-grey {
    background-color: var(--background-color)
}

@-moz-document url-prefix() {
    .content-container {
        flex: 1
    }
}

.app-container {
    flex-grow: 1;
    display: flex
}

.app-container>div {
    flex-grow: 1;
    width: 100%
}

.app-container.home-page {
    min-height: 1000px
}

.lazyload {
    text-indent: -9999px
}

#survey-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 9999
}

.banner {
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    background-color: var(--background-color)
}

.banner.standard-banner,
.banner.standard-banner a {
    background-color: var(--white)
}

.banner.dark-mode-banner {
    background-color: #141414;
    color: var(--white);
    padding: var(--space-3) 0 var(--space-3) 0 !important
}

.banner.dark-mode-banner a {
    color: var(--white)
}

.banner.accent-banner {
    padding-top: 12px;
    padding-bottom: 12px
}

.banner.accent-banner,
.banner.accent-banner a {
    background-color: var(--coral-light);
    color: var(--accent-color)
}

.banner.information-banner {
    background-color: var(--information-color);
    color: #fff
}

.banner.success-banner {
    background-color: var(--success-color);
    color: #fff
}

.banner.warning-banner {
    background-color: var(--warning-color);
    color: #fff
}

.banner.error-banner {
    background-color: var(--error-color);
    color: #fff
}

[data-v-ae75752c]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-ae75752c]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.navbar[data-v-ae75752c] {
    overflow: hidden;
    font-family: var(--font-regular)
}

.navbar a[data-v-ae75752c] {
    float: left;
    font-size: var(--font-size-16);
    text-align: center;
    text-decoration: none
}

.dropdown[data-v-ae75752c] {
    float: left;
    overflow: hidden;
    color: var(--grey-ultra-dark);
    background-color: inherit;
    padding: var(--space-3) var(--space-3);
    margin: 0
}

.dropdown[data-v-ae75752c]:first-child {
    padding-left: 0 !important
}

.dropdown:first-child .dropdown-content[data-v-ae75752c] {
    margin-left: 0
}

.primary-menu-item[data-v-ae75752c] {
    font-size: var(--space-4);
    border: none;
    outline: none;
    color: var(--grey-ultra-dark);
    background-color: inherit
}

.navbar a:hover .item-span[data-v-ae75752c]:hover,
.dropdown:hover .primary-menu-item .item-span[data-v-ae75752c]:hover {
    color: var(--accent-color) !important;
    padding-bottom: 6px;
    text-decoration: underline
}

.dropdown-content[data-v-ae75752c] {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 1px #0003, 0 16px 16px -8px #00000029;
    z-index: 1;
    padding: var(--space-2) var(--space-4) var(--space-3) var(--space-4);
    margin-top: 30px;
    flex-wrap: wrap
}

.dropdown-content[data-v-ae75752c]:not(:first-child) {
    margin-left: -16px
}

.dropdown:hover .dropdown-content[data-v-ae75752c] {
    display: block
}

.full-content-width[data-v-ae75752c] {
    width: -webkit-fill-available;
    width: -moz-available;
    box-shadow: 0 32px 32px -8px #0000001f, 0 32px 32px -8px #00000014;
    left: 0px;
    margin-left: 0 !important;
    padding: var(--space-2) var(--space-10)
}

@media (max-width: 1200px) {
    .full-content-width[data-v-ae75752c] {
        padding: var(--space-2) var(--space-6)
    }
}

@media (min-width: 1800px) {
    .full-content-width[data-v-ae75752c] {
        padding: var(--space-2) var(--space-20)
    }
}

.single-column-dropdown[data-v-ae75752c] {
    width: auto;
    box-shadow: 0 0 1px #0003, 0 16px 16px -8px #00000029;
    z-index: 1;
    padding: var(--space-4) var(--space-4) var(--space-2) var(--space-4);
    margin-top: 30px;
    left: auto;
    margin-left: -16px !important
}

.single-column-dropdown .masonry[data-v-ae75752c] {
    row-gap: 0px
}

.single-column-dropdown .masonry .secondary-menu-item[data-v-ae75752c] {
    font-family: var(--font-regular)
}

.masonry[data-v-ae75752c] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-rows: .5fr;
    column-gap: var(--space-10);
    row-gap: var(--space-6)
}

@media (max-width: calc(970px - 1px)) {
    .masonry[data-v-ae75752c] {
        row-gap: var(--space-3)
    }
}

.secondary-menu-item[data-v-ae75752c] {
    font-family: var(--font-bold)
}

.column[data-v-ae75752c] {
    grid-row-end: auto
}

.column a[data-v-ae75752c] {
    float: none;
    color: var(--grey-ultra-dark);
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: var(--font-size-16);
    transition: all .1s;
    padding: 0;
    line-height: 1em;
    margin-bottom: var(--space-3);
    cursor: pointer
}

.column a[data-v-ae75752c]:hover {
    color: var(--accent-color) !important;
    text-decoration: underline
}

.column a:hover span[data-v-ae75752c] {
    cursor: pointer
}

.row a[data-v-ae75752c] {
    color: var(--grey-ultra-dark);
    padding: 0;
    line-height: 1em
}

.row[data-v-ae75752c]:after {
    content: "";
    display: table;
    clear: both
}

.page-header-logo {
    margin-right: 5px
}

@media (max-width: calc(425px - 1px)) {
    .page-header-logo {
        margin-right: 0
    }
}

.page-header-logo .page-header-logo-image {
    width: 160px;
    height: 20.8px
}

@media (max-width: calc(359px)) {
    .page-header-logo .page-header-logo-image {
        width: 110px;
        height: 14px;
        margin-bottom: 6px
    }
}

@media (min-width: 360px) and (max-width: calc(425px - 1px)) {
    .page-header-logo .page-header-logo-image {
        width: 140px;
        height: 18.2px
    }
}

@media (min-width: 970px) {
    .page-header-logo {
        margin-bottom: 0
    }

    .page-header-logo .page-header-logo-image {
        width: 180px;
        height: 23.39px
    }
}

[data-v-ee35a35e]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-ee35a35e]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.page-header-country[data-v-ee35a35e] {
    width: 16px;
    position: relative;
    cursor: pointer;
    z-index: 2
}

.page-header-country:hover .page-header-country-select-wrapper[data-v-ee35a35e],
.page-header-country.show-content .page-header-country-select-wrapper[data-v-ee35a35e] {
    visibility: visible;
    border-top: var(--space-2) solid transparent
}

@media (max-width: 768px) {

    .page-header-country:hover .page-header-country-select-wrapper[data-v-ee35a35e],
    .page-header-country.show-content .page-header-country-select-wrapper[data-v-ee35a35e] {
        left: -100px
    }
}

.page-header-country .page-header-country-select-wrapper[data-v-ee35a35e] {
    left: -4px;
    position: absolute;
    visibility: hidden
}

.page-header-country .page-header-country-select[data-v-ee35a35e] {
    border-radius: 4px;
    box-shadow: 0 0 1px #0003, 0 16px 16px -8px #00000029;
    padding: var(--space-3) var(--space-4) var(--space-2) var(--space-4);
    background: var(--white)
}

.page-header-country .page-header-country-select .page-header-country-select-us[data-v-ee35a35e],
.page-header-country .page-header-country-select .page-header-country-select-ca[data-v-ee35a35e] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    background-color: transparent
}

.page-header-country .page-header-country-select .page-header-country-select-us img[data-v-ee35a35e],
.page-header-country .page-header-country-select .page-header-country-select-ca img[data-v-ee35a35e] {
    margin: 5px 10px 5px 0;
    display: inline-block;
    min-width: 16px;
    max-width: 16px
}

.page-header-country .page-header-country-select a[data-v-ee35a35e] {
    text-wrap: nowrap
}

.page-header-country .page-header-country-select a[data-v-ee35a35e]:hover {
    color: var(--accent-color);
    transition: all .1s
}

.page-header-country .page-header-country-select a:hover span[data-v-ee35a35e] {
    text-decoration: underline
}

.page-header-country .page-header-country-select-icon[data-v-ee35a35e] {
    display: flex;
    align-items: center;
    width: 16px
}

.page-header-country .country-select-label[data-v-ee35a35e] {
    font-size: var(--space-4);
    line-height: 2em
}

[data-v-5e1cacbc]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-5e1cacbc]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.tooltip[data-v-5e1cacbc] {
    position: relative;
    height: 0px
}

@media (max-width: 970px) {
    .tooltip[data-v-5e1cacbc] {
        display: inline-block
    }
}

.tooltip .tooltiptext[data-v-5e1cacbc] {
    display: none;
    border-radius: var(--space-1);
    top: var(--space-10);
    left: 50%;
    position: absolute;
    z-index: 1;
    transform: translate(-50%, -4px)
}

.tooltip:hover .tooltiptext[data-v-5e1cacbc] {
    display: block;
    background-color: #000;
    color: #fff;
    font-size: var(--font-size-14);
    font-family: var(--font-regular);
    height: 14px;
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 3px 4px 2px
}

@media (max-width: 970px) {
    .tooltip:hover .tooltiptext[data-v-5e1cacbc] {
        display: none
    }
}

[data-v-01cf09f7]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-01cf09f7]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.help-center-icon-container[data-v-01cf09f7] {
    position: relative;
    display: inline-block
}

.icon[data-v-01cf09f7] {
    width: var(--space-4);
    height: var(--space-4)
}

.menu-dropdown[data-v-01cf09f7] {
    z-index: 1;
    box-shadow: 0 0 1px #0003, 0 16px 16px -8px #00000029;
    display: none;
    opacity: 0;
    position: absolute;
    list-style-type: none;
    margin: var(--space-2) 0 0 -16px;
    visibility: none;
    background-color: var(--white);
    font-family: var(--font-regular)
}

@media (max-width: calc(768px - 1px)) {
    .menu-dropdown[data-v-01cf09f7] {
        left: -100px
    }
}

.menu-dropdown ul[data-v-01cf09f7] {
    width: 100%;
    text-align: left;
    box-sizing: content-box;
    padding: var(--space-3) var(--space-4) var(--space-1) var(--space-4)
}

@media (max-width: calc(970px - 1px)) {
    .menu-dropdown ul[data-v-01cf09f7] {
        min-width: 100px
    }
}

.help-center-icon-container[data-v-01cf09f7]:hover,
.help-center-icon-container[data-v-01cf09f7]:focus,
.help-center-icon-container[data-v-01cf09f7]:active {
    cursor: pointer
}

@media (min-width: 768px) {

    .help-center-icon-container:hover .menu-dropdown[data-v-01cf09f7],
    .help-center-icon-container:focus .menu-dropdown[data-v-01cf09f7],
    .help-center-icon-container:active .menu-dropdown[data-v-01cf09f7] {
        display: flex;
        visibility: visible;
        opacity: 1
    }

    .help-center-icon-container:hover .menu-dropdown ul[data-v-01cf09f7],
    .help-center-icon-container:focus .menu-dropdown ul[data-v-01cf09f7],
    .help-center-icon-container:active .menu-dropdown ul[data-v-01cf09f7] {
        opacity: 1
    }
}

.menu-dropdown:hover .menu-dropdown:focus .menu-dropdown[data-v-01cf09f7]:active {
    display: flex;
    visibility: visible;
    opacity: 1
}

.menu-dropdown:hover .menu-dropdown:focus .menu-dropdown:active ul[data-v-01cf09f7] {
    opacity: 1
}

.menu-dropdown-item[data-v-01cf09f7] {
    font-size: var(--font-size-16);
    width: 100%;
    line-height: 2em;
    white-space: nowrap
}

.menu-dropdown-item>a[data-v-01cf09f7] {
    padding: 0;
    line-height: 1;
    text-decoration: none;
    display: block;
    margin-bottom: var(--space-3)
}

.menu-dropdown-item[data-v-01cf09f7]:not(:last-child) {
    border-bottom: solid 1px var(--white)
}

.menu-dropdown-item[data-v-01cf09f7]:first-child {
    border-radius: 4px 4px 0 0
}

.menu-dropdown-item[data-v-01cf09f7]:last-child {
    border-radius: 0 0 4px 4px
}

.menu-dropdown-item .menu-link[data-v-01cf09f7] {
    display: block;
    color: var(--font-color);
    font-size: var(--font-size-14);
    line-height: var(--line-height-14)
}

.menu-dropdown-item a[data-v-01cf09f7] {
    line-height: 1;
    text-decoration: none;
    display: block
}

.menu-dropdown-item a.menu-link-active[data-v-01cf09f7] {
    color: var(--accent-color) !important
}

.menu-dropdown-item a[data-v-01cf09f7]:hover {
    color: var(--accent-color);
    transition: all .1s
}

.menu-dropdown-item a:hover span[data-v-01cf09f7] {
    padding-bottom: 6px;
    text-decoration: underline
}

[data-v-01cf09f7] svg path {
    fill: var(--grey-dark)
}

[data-v-df439e64]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-df439e64]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.account-icon-container[data-v-df439e64] {
    position: relative;
    display: inline-block
}

.icon[data-v-df439e64] {
    width: var(--space-4);
    height: var(--space-4)
}

.menu-dropdown[data-v-df439e64] {
    z-index: 1;
    box-shadow: 0 0 1px #0003, 0 16px 16px -8px #00000029;
    display: none;
    opacity: 0;
    position: absolute;
    list-style-type: none;
    margin: var(--space-2) 0 0 -16px;
    visibility: none;
    background-color: var(--white);
    font-family: var(--font-regular)
}

@media (max-width: calc(768px - 1px)) {
    .menu-dropdown[data-v-df439e64] {
        left: -100px
    }
}

.menu-dropdown ul[data-v-df439e64] {
    width: 100%;
    text-align: left;
    box-sizing: content-box;
    opacity: 0;
    padding: var(--space-3) var(--space-4) var(--space-1) var(--space-4)
}

@media (max-width: calc(970px - 1px)) {
    .menu-dropdown ul[data-v-df439e64] {
        min-width: 100px
    }
}

.account-icon-container[data-v-df439e64]:hover,
.account-icon-container[data-v-df439e64]:focus,
.account-icon-container[data-v-df439e64]:active {
    cursor: pointer
}

@media (min-width: 768px) {

    .account-icon-container:hover .menu-dropdown[data-v-df439e64],
    .account-icon-container:focus .menu-dropdown[data-v-df439e64],
    .account-icon-container:active .menu-dropdown[data-v-df439e64] {
        display: flex;
        visibility: visible;
        opacity: 1
    }

    .account-icon-container:hover .menu-dropdown ul[data-v-df439e64],
    .account-icon-container:focus .menu-dropdown ul[data-v-df439e64],
    .account-icon-container:active .menu-dropdown ul[data-v-df439e64] {
        opacity: 1
    }
}

.menu-dropdown[data-v-df439e64]:hover {
    display: flex;
    visibility: visible;
    opacity: 1
}

.menu-dropdown:hover ul[data-v-df439e64] {
    opacity: 1
}

.menu-dropdown-item[data-v-df439e64] {
    font-size: var(--font-size-16);
    width: 100%;
    line-height: 2em;
    white-space: normal;
    white-space: nowrap
}

.menu-dropdown-item>a[data-v-df439e64] {
    padding: 0;
    margin-bottom: var(--space-3)
}

.menu-dropdown-item[data-v-df439e64]:not(:last-child) {
    border-bottom: solid 1px var(--white)
}

.menu-dropdown-item[data-v-df439e64]:first-child {
    border-radius: 4px 4px 0 0
}

.menu-dropdown-item[data-v-df439e64]:last-child {
    border-radius: 0 0 4px 4px
}

.menu-dropdown-item .menu-link[data-v-df439e64] {
    display: block;
    color: var(--font-color);
    font-size: var(--font-size-14);
    line-height: var(--line-height-14)
}

.menu-dropdown-item a[data-v-df439e64] {
    line-height: 1;
    text-decoration: none;
    display: block
}

.menu-dropdown-item a.menu-link-active[data-v-df439e64] {
    color: var(--accent-color) !important
}

.menu-dropdown-item a[data-v-df439e64]:hover {
    color: var(--accent-color);
    transition: all .1s;
    text-decoration: underline
}

[data-v-df439e64] svg path {
    fill: var(--grey-dark)
}

[data-v-57b8ac6c]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-57b8ac6c]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.page-header-links[data-v-57b8ac6c] {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 310px) {
    .page-header-links[data-v-57b8ac6c] {
        justify-content: var(--57b8ac6c-isMobileIconDisplayed____flex-start____flex-end_)
    }
}

.page-header-links a[data-v-57b8ac6c],
.page-header-links a[data-v-57b8ac6c]:visited,
.page-header-links a[data-v-57b8ac6c]:focus,
.page-header-links a[data-v-57b8ac6c]:active {
    color: var(--grey-dark)
}

.page-header-links .page-header-cart[data-v-57b8ac6c],
.page-header-links .page-header-favorites[data-v-57b8ac6c] {
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    padding: 0px var(--space-3);
    margin-top: var(--space-1)
}

@media (max-width: calc(768px - 1px)) {

    .page-header-links .page-header-cart[data-v-57b8ac6c],
    .page-header-links .page-header-favorites[data-v-57b8ac6c] {
        padding: 0
    }
}

.page-header-links>*[data-v-57b8ac6c] {
    display: none;
    margin-left: var(--space-5)
}

@media (min-width: 768px) {
    .page-header-links>*[data-v-57b8ac6c] {
        display: block;
        margin-left: 0;
        padding: var(--space-3)
    }
}

@media (max-width: calc(970px - 1px)) {
    .page-header-links>*[data-v-57b8ac6c] {
        display: var(--57b8ac6c-isMobileIconDisplayed____inline____none_)
    }
}

@media (max-width: calc(425px - 1px)) {
    .page-header-links>*[data-v-57b8ac6c] {
        margin-left: var(--space-4)
    }
}

.page-header-links .header-link-disabled[data-v-57b8ac6c] {
    cursor: default
}

.page-header-links .header-link-divider[data-v-57b8ac6c] {
    display: none
}

.page-header-links .header-link-divider[data-v-57b8ac6c],
.page-header-links .header-link[data-v-57b8ac6c] {
    touch-action: manipulation;
    font-size: var(--font-size)
}

@media (min-width: 970px) {

    .page-header-links .header-link-divider[data-v-57b8ac6c],
    .page-header-links .header-link[data-v-57b8ac6c] {
        font-size: var(--font-size-16)
    }
}

@media (min-width: 970px) {
    .page-header-links .header-link[data-v-57b8ac6c] {
        border-radius: var(--57b8ac6c-isMobileIconDisplayed____50px____none_);
        padding: var(--57b8ac6c-isMobileIconDisplayed____13px____none_)
    }
}

@media (min-width: 970px) {
    .page-header-links .header-link[data-v-57b8ac6c]:hover {
        background-color: var(--57b8ac6c-isMobileIconDisplayed_____f2f2f2____none_)
    }
}

.page-header-links .page-header-search[data-v-57b8ac6c],
.page-header-links .page-header-cart[data-v-57b8ac6c] {
    display: block
}

.page-header-links .page-header-cart-count[data-v-57b8ac6c],
.page-header-links .page-header-favorites-count[data-v-57b8ac6c] {
    top: -6px;
    min-width: var(--space-2);
    width: var(--space-4);
    right: 0px;
    height: var(--space-4);
    line-height: 17px;
    border-radius: 50%;
    position: absolute;
    font-family: var(--font-bold);
    font-size: 11px;
    color: var(--white);
    background-color: var(--accent-color);
    text-align: center
}

@media (max-width: calc(768px - 1px)) {

    .page-header-links .page-header-cart-count[data-v-57b8ac6c],
    .page-header-links .page-header-favorites-count[data-v-57b8ac6c] {
        left: 10px;
        bottom: 17px
    }
}

.page-header-links .mini-cart-container[data-v-57b8ac6c] {
    opacity: 1;
    right: 0;
    transition: all .15s ease-out;
    top: 0;
    position: fixed;
    z-index: 9
}

@media (max-width: calc(768px - 1px)) {
    .page-header-links .mini-cart-container[data-v-57b8ac6c] {
        left: 0px;
        right: 0px;
        width: 100vw
    }

    .page-header-links .mini-cart-container .mini-cart-content[data-v-57b8ac6c] {
        width: 100%
    }
}

.page-header-links .mini-cart-container.cart-fade-enter-from[data-v-57b8ac6c],
.page-header-links .mini-cart-container.cart-fade-leave-to[data-v-57b8ac6c] {
    opacity: 0;
    top: 0px;
    right: -40px
}

@media (max-width: 760px) {

    .page-header-links .mini-cart-container.cart-fade-enter-from[data-v-57b8ac6c],
    .page-header-links .mini-cart-container.cart-fade-leave-to[data-v-57b8ac6c] {
        top: 40px;
        right: 0
    }
}

.page-header-links .count-change-enter-from[data-v-57b8ac6c],
.page-header-links .count-change-leave-to[data-v-57b8ac6c] {
    transform: scale(1.1)
}

.count-triple-digits[data-v-57b8ac6c] {
    left: 22px;
    border-radius: var(--space-2) !important;
    padding: 0px var(--space-1)
}

@media (max-width: calc(970px - 1px)) {
    .count-triple-digits[data-v-57b8ac6c] {
        right: 0px;
        left: var(--space-3) !important
    }
}

.count-triple-digits[data-v-57b8ac6c]:before {
    left: calc(50% - 5px);
    padding: 0 1px
}

.icon[data-v-57b8ac6c] {
    width: var(--space-4);
    height: var(--space-4)
}

.background-mask {
    z-index: 11;
    top: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    background-color: var(--overlay-color);
    transition: background-color .15s ease-in-out
}

.background-mask-transition-enter-from .background-mask,
.background-mask-transition-leave-to .background-mask {
    background-color: var(--overlay-color)
}

.search-bar-form .search-bar {
    overflow: hidden;
    position: relative;
    display: flex
}

.search-bar-form .search-bar-input,
.search-bar-form .search-bar-search-button,
.search-bar-form .search-bar-cancel-button {
    width: auto;
    flex-shrink: 0
}

.search-bar-form .search-bar-input {
    color: var(--font-color);
    flex-grow: 1;
    font-size: var(--font-size);
    font-family: var(--font-regular);
    border: none;
    background-color: var(--white);
    width: var(--space-24)
}

.search-bar-form .search-bar-input:focus,
.search-bar-form .search-bar-input.focus,
.search-bar-form .search-bar-input.show-suggestions {
    border-right: none;
    -webkit-appearance: none;
    outline: none;
    background: white
}

.search-bar-form .search-bar-input::placeholder {
    font-size: var(--font-size);
    color: var(--grey-medium)
}

@media (max-width: 768px) {
    .search-bar-form .search-bar-input::placeholder {
        align-items: left
    }
}

.search-bar-form .search-bar-input::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.search-bar-form .search-bar-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.search-bar-form .search-bar-cancel-button {
    display: flex;
    align-items: center;
    flex-grow: 0;
    padding-left: var(--space-4)
}

.search-bar-form .search-bar-search-button {
    display: flex;
    align-items: center;
    flex-grow: 0;
    padding-left: var(--space-4)
}

@media (min-width: 768px) {
    .search-bar-form .search-bar-search-button.show-suggestions {
        border-radius: 0 4px 0 0
    }
}

.search-bar-form .search-bar-mobile-divider {
    display: none
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form .search-bar-mobile-divider {
        display: block;
        margin-top: 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    @media (min-width: 768px) {
        .search-bar-form .search-bar-mobile-divider {
            margin-left: -24px;
            margin-right: -24px
        }
    }

    @media (min-width: 1200px) {
        .search-bar-form .search-bar-mobile-divider {
            margin-left: -40px;
            margin-right: -40px
        }
    }

    @media (min-width: 1800px) {
        .search-bar-form .search-bar-mobile-divider {
            margin-left: -80px;
            margin-right: -80px
        }
    }
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form .search-bar-mobile-divider-help-center-alt {
        display: none;
        margin-top: 20px;
        margin-left: -20px;
        margin-right: -20px
    }

    @media (min-width: 768px) {
        .search-bar-form .search-bar-mobile-divider-help-center-alt {
            margin-left: -24px;
            margin-right: -24px
        }
    }

    @media (min-width: 1200px) {
        .search-bar-form .search-bar-mobile-divider-help-center-alt {
            margin-left: -40px;
            margin-right: -40px
        }
    }

    @media (min-width: 1800px) {
        .search-bar-form .search-bar-mobile-divider-help-center-alt {
            margin-left: -80px;
            margin-right: -80px
        }
    }
}

.search-bar-form .search-bar-suggestions-container {
    position: relative
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form .search-bar-suggestions-container {
        height: 100%
    }
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form .search-bar-suggestions-container-help-center-alt {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px;
        width: 100%;
        position: absolute;
        box-sizing: border-box;
        background: #ffffff;
        box-shadow: 0 4px 4px #00000040;
        border-radius: 3px
    }
}

.search-bar-form .search-bar-suggestions {
    z-index: 11;
    padding: var(--space-4);
    border-top: none;
    border-radius: 4px;
    background: white;
    position: absolute;
    margin-top: 1px;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 var(--box-shadow-blur) var(--box-shadow-spread) var(--shadow-color)
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form .search-bar-suggestions {
        position: static;
        border: none;
        padding: 10px 0 0;
        margin-bottom: 150px;
        box-shadow: none
    }
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form .search-bar-suggestions-help-center-alt {
        position: inherit;
        border: none;
        margin-bottom: 70px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 12px;
        background: #ffffff;
        box-shadow: 0 4px 4px #00000040;
        border-radius: 3px
    }
}

@media (max-width: calc(768px - 1px)) {
    .search-bar-form {
        padding-bottom: 10px;
        position: relative
    }
}

[data-v-5e41fdea]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-5e41fdea]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

h6[data-v-5e41fdea] {
    padding-right: var(--space-1)
}

.layout-search-bar-column[data-v-5e41fdea] {
    padding-right: var(--space-10)
}

@media (max-width: calc(768px - 1px)) {
    .layout-search-bar-column[data-v-5e41fdea] {
        padding-right: 0
    }
}

.suggestions-product-heading[data-v-5e41fdea] {
    padding-bottom: var(--space-4);
    margin-bottom: var(--space-4);
    border-bottom: 1px solid var(--grey-light)
}

.suggestions-split-container.help-center-page-search[data-v-5e41fdea] {
    display: block
}

.suggestions-split-container.help-center-page-search .suggestions[data-v-5e41fdea],
.suggestions-split-container.help-center-page-search .suggestions-right-column[data-v-5e41fdea] {
    width: 100%;
    padding-right: 0
}

.dash[data-v-5e41fdea] {
    color: var(--grey-light)
}

.suggestions-mobile-divider[data-v-5e41fdea] {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width: calc(768px - 1px)) {
    .suggestions-mobile-divider[data-v-5e41fdea] {
        display: block
    }
}

.layout-search-bar-column:first-child .suggestions-mobile-divider[data-v-5e41fdea] {
    display: none
}

.suggestions-show-all[data-v-5e41fdea] {
    font-size: var(--font-size-14);
    line-height: var(--font-size-14);
    color: var(--coral);
    text-decoration: underline;
    margin-left: var(--space-1)
}

.suggestions-product-heading[data-v-5e41fdea] {
    display: flex;
    align-items: baseline
}

span.highlighted-query[data-v-8c9763ec] {
    text-transform: capitalize
}

span.highlighted-query[data-v-8c9763ec] em {
    font-weight: bold;
    font-style: normal
}

.image .lazyload[data-v-59815440],
.image .lazyloading[data-v-59815440] {
    opacity: 0
}

.image .lazyloaded[data-v-59815440] {
    opacity: 1;
    transition: opacity .1s
}

.image img[data-v-59815440] {
    width: 100%
}

.image img.lazyloaded[src*="about:blank"][data-v-59815440] {
    visibility: hidden
}

.algolia-search-bar .suggestions-split-container {
    display: flex
}

@media (max-width: calc(1200px - 1px)) {
    .algolia-search-bar .suggestions-split-container {
        flex-direction: column
    }
}

.algolia-search-bar .suggestions-split-container .suggestions {
    width: 15%;
    padding-right: var(--space-10)
}

@media (max-width: calc(1200px - 1px)) {
    .algolia-search-bar .suggestions-split-container .suggestions {
        width: auto;
        padding-right: 0
    }
}

.algolia-search-bar .suggestions-split-container .suggestions-right-column {
    width: 30%;
    padding-right: var(--space-10)
}

@media (max-width: calc(1200px - 1px)) {
    .algolia-search-bar .suggestions-split-container .suggestions-right-column {
        width: auto;
        padding-right: 0
    }
}

.algolia-search-bar .suggestions-split-container .suggestions h6,
.algolia-search-bar .suggestions-split-container .suggestions-right-column h6 {
    padding-right: var(--space-1)
}

@media (max-width: calc(768px - 1px)) {
    .algolia-search-bar .suggestions-split-container {
        display: block
    }

    .algolia-search-bar .suggestions-split-container .suggestions,
    .algolia-search-bar .suggestions-split-container .suggestions-right-column {
        width: 100%;
        padding-right: 0
    }
}

.algolia-search-bar .suggestions-split-container.help-center-page-search {
    display: block
}

.algolia-search-bar .suggestions-split-container.help-center-page-search .suggestions,
.algolia-search-bar .suggestions-split-container.help-center-page-search .suggestions-right-column {
    width: 100%;
    padding-right: 0
}

.algolia-search-bar .dash {
    color: var(--grey-light)
}

.algolia-search-bar .suggestions-mobile-divider {
    display: none;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width: calc(768px - 1px)) {
    .algolia-search-bar .suggestions-mobile-divider {
        display: block
    }
}

.algolia-search-bar .suggestions-show-all {
    font-size: var(--font-size-14);
    line-height: var(--font-size-14);
    color: var(--coral);
    text-decoration: underline;
    margin-left: var(--space-1)
}

.algolia-search-bar .suggestion-link {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: var(--space-2) 0
}

.algolia-search-bar .suggestion-link:focus {
    color: var(--grey-medium)
}

.algolia-search-bar .suggestion-image {
    width: 130px;
    min-width: 130px;
    margin-right: 15px
}

.algolia-search-bar .suggestion-variation {
    margin-right: 4px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 12px;
    height: 12px
}

.algolia-search-bar .suggestions-product-heading {
    display: flex;
    align-items: baseline
}

.algolia-search-bar .suggestion-title,
.algolia-search-bar .suggestion-price {
    font-size: var(--font-size-14);
    line-height: var(--line-height-14)
}

.algolia-search-bar .search-bar-suggestion-link {
    display: block;
    margin-right: 30px
}

.algolia-search-bar .search-bar-suggestion-link:focus {
    color: var(--grey-medium)
}

.algolia-search-bar .help-results a {
    display: block
}

.algolia-search-bar .help-results a div {
    display: block;
    width: 100%
}

.algolia-search-bar .help-results a div.help-center-title {
    color: var(--coral);
    text-transform: capitalize;
    -webkit-text-decoration-color: var(--coral);
    text-decoration-color: var(--coral);
    text-decoration: underline
}

.algolia-search-bar .help-results a div.help-center-content {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--font-size-14);
    padding-bottom: var(--space-4)
}

.algolia-search-bar .help-results a div em {
    display: inline-block;
    font-weight: bold;
    font-style: normal
}

.basic-btn[data-v-04674bda] {
    all: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: transparent !important;
    background-color: transparent !important;
    color: inherit !important
}

.basic-btn[data-v-04674bda] :hover {
    cursor: pointer;
    opacity: .8
}

[data-v-8394e804]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-8394e804]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.page-header-container[data-v-8394e804] {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 6;
    transition: top .3s
}

@media (min-width: 768px) {
    .page-header-container[data-v-8394e804] {
        min-height: 112px
    }
}

.page-header-container.simplified-nav-height[data-v-8394e804] {
    min-height: 50px
}

.page-header-container .mobile-menu-drawer[data-v-8394e804] .navigation-drawer-content {
    overflow-x: hidden
}

.page-header-container .site-message[data-v-8394e804] {
    display: inline-block;
    flex-grow: 1;
    text-align: center;
    line-height: var(--line-height-16);
    font-size: var(--font-size-14);
    font-family: var(--font-bold);
    padding-left: 88px;
    padding-right: 88px
}

@media (max-width: calc(768px - 1px)) {
    .page-header-container .site-message[data-v-8394e804] {
        text-align: left;
        padding-left: 0
    }
}

.page-header-container .close-site-message[data-v-8394e804] {
    width: var(--space-4);
    height: var(--space-4);
    text-align: right;
    color: var(--white);
    cursor: pointer;
    padding: var(--space-3);
    position: absolute
}

@media (max-width: calc(1200px - 1px)) {
    .page-header-container .close-site-message[data-v-8394e804] {
        right: var(--space-5)
    }
}

@media (min-width: 1200px) and (max-width: calc(1800px - 1px)) {
    .page-header-container .close-site-message[data-v-8394e804] {
        right: var(--space-10)
    }
}

@media (min-width: 1800px) {
    .page-header-container .close-site-message[data-v-8394e804] {
        right: 80px
    }
}

.page-header-container[data-v-8394e804] .banner {
    padding-top: var(--space-3);
    padding-bottom: 0
}

.page-header-container[data-v-8394e804] .banner .link-text {
    padding-right: var(--space-5)
}

.page-header-container[data-v-8394e804] .banner .link-divider {
    display: none
}

.page-header-container.page-header-container-scroll[data-v-8394e804] {
    height: 100%;
    overflow-y: scroll
}

.page-header-container .page-header-top[data-v-8394e804] {
    position: relative;
    z-index: 12;
    background-color: var(--white);
    top: 0px;
    transition: top .15s ease-in-out;
    padding-left: 0;
    padding-right: 0
}

.page-header-container .page-header-primary[data-v-8394e804] {
    position: relative;
    padding-top: var(--space-4);
    padding-bottom: var(--space-2);
    margin-top: 0;
    margin-bottom: 0;
    align-items: center;
    max-width: 100%;
    display: flex;
    justify-content: space-between
}

@media (min-width: 970px) and (max-width: 1200px) {
    .page-header-container .page-header-primary[data-v-8394e804] {
        justify-content: flex-start
    }
}

.page-header-container .simplified-nav-logo[data-v-8394e804] {
    margin-inline: auto;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: var(--space-4) !important;
    padding-bottom: var(--space-4) !important
}

.page-header-container[data-v-8394e804] .banner .container {
    display: flex;
    align-items: center
}

.page-header-container .page-header-primary-navigation[data-v-8394e804] {
    display: flex;
    align-items: center;
    margin-right: var(--space-2)
}

@media (max-width: 970px) {
    .page-header-container .page-header-primary-navigation[data-v-8394e804] {
        margin-right: 0
    }
}

@media (max-width: 340px) {
    .page-header-container .page-header-primary-navigation[data-v-8394e804] {
        margin-right: 0
    }
}

@media (max-width: 300px) {
    .page-header-container .page-header-primary-navigation[data-v-8394e804] {
        padding-bottom: var(--space-2)
    }
}

.page-header-container .page-header-menu-link[data-v-8394e804] {
    padding-right: 16px
}

@media (min-width: 768px) {
    .page-header-container .page-header-menu-link[data-v-8394e804] {
        display: none
    }
}

.page-header-container .page-header-primary-wrapped[data-v-8394e804] {
    flex-wrap: wrap
}

.page-header-container .page-header-primary-wrapped .page-header-menu-container[data-v-8394e804] {
    order: 1;
    margin-left: -8px
}

.page-header-container .page-header-menu-container[data-v-8394e804] {
    display: none
}

.page-header-container .new-page-search-container[data-v-8394e804] {
    margin-left: var(--space-5);
    margin-right: var(--space-5);
    height: var(--space-10);
    width: 100%
}

.page-header-container .page-header-search-container[data-v-8394e804] {
    display: none
}

@media (min-width: 970px) {
    .page-header-container .page-header-search-container-desktop-show[data-v-8394e804] {
        display: block
    }
}

@media (max-width: 970px) {
    .page-header-container .page-header-search-container-tablet-show[data-v-8394e804] {
        display: block
    }
}

.page-header-container .page-header-search-container-show[data-v-8394e804] {
    display: block
}

.page-header-container .page-header-search-container-hide[data-v-8394e804] {
    display: none
}

@media (max-width: calc(768px - 1px)) {
    .page-header-container .suggestion-scroll[data-v-8394e804] {
        height: 100vh
    }
}

.page-header-container .search-input[data-v-8394e804] {
    margin-top: 0
}

.page-header-container .page-menu-drawer-container[data-v-8394e804] {
    display: block
}

@media (min-width: 970px) {
    .page-header-container .page-header-primary[data-v-8394e804] {
        align-items: center;
        padding-top: var(--space-4);
        padding-bottom: var(--space-2);
        margin-top: 0;
        margin-bottom: 0
    }

    .page-header-container .page-header-primary.checkout[data-v-8394e804] {
        margin-top: 0
    }

    .page-header-container .page-header-menu-container[data-v-8394e804] {
        display: block
    }

    .page-header-container .page-menu-drawer-container[data-v-8394e804] {
        display: none
    }
}

@media (min-width: 768px) {
    .page-header-container .background-mask-container[data-v-8394e804] {
        display: none
    }

    .page-header-container .page-header-menu-container[data-v-8394e804] {
        display: block
    }
}

.page-header-container[data-v-8394e804] .menu-item {
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-2);
    margin-top: 0;
    margin-right: 0
}

@media (max-width: calc(768px - 1px)) {

    #page-header-links[data-v-8394e804] .header-link-country,
    #page-header-links[data-v-8394e804] .page-header-search {
        display: none
    }
}

[data-v-3fa84247]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-3fa84247]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.footer-links-menu[data-v-3fa84247] {
    flex: 1;
    text-transform: uppercase;
    overflow: hidden;
    clear: both
}

.footer-links-menu .footer-links[data-v-3fa84247] {
    width: 46%;
    float: left;
    margin-left: 0
}

@media (max-width: 320px) {
    .footer-links-menu .footer-links[data-v-3fa84247] {
        margin-right: var(--space-2)
    }
}

.footer-links-menu .footer-links a[data-v-3fa84247]:visited {
    color: #fff
}

.footer-links-menu .footer-links a[data-v-3fa84247]:focus,
.footer-links-menu .footer-links a[data-v-3fa84247]:active,
.footer-links-menu .footer-links a[data-v-3fa84247]:hover {
    color: var(--grey-light)
}

.footer-links-menu .footer-links a:focus h4[data-v-3fa84247],
.footer-links-menu .footer-links a:active h4[data-v-3fa84247],
.footer-links-menu .footer-links a:hover h4[data-v-3fa84247] {
    color: var(--grey-light)
}

.footer-links-menu .footer-links a.email[data-v-3fa84247] {
    text-transform: lowercase
}

.footer-links-menu .footer-links h4[data-v-3fa84247] {
    color: #fff
}

@media (max-width: calc(768px - 1px)) {
    .footer-links-menu .footer-links h4[data-v-3fa84247] {
        white-space: pre-wrap
    }
}

.footer-links-menu .footer-links ul[data-v-3fa84247] {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0
}

.footer-links-menu .footer-links ul li[data-v-3fa84247] {
    padding: 0;
    margin: 0;
    line-height: 1em
}

.footer-links-menu .footer-links ul li a[data-v-3fa84247] {
    display: block;
    font-size: var(--font-size-12);
    line-height: var(--line-height-12);
    letter-spacing: 1px;
    color: #fff
}

@media (max-width: calc(768px - 1px)) {
    .footer-links-menu .footer-links ul li a[data-v-3fa84247] {
        padding: 4px 0
    }
}

.footer-links-menu .links-right[data-v-3fa84247] {
    margin-left: 8%
}

@media (min-width: 700px) {
    .footer-links-menu .footer-links[data-v-3fa84247] {
        width: 25%;
        max-width: 200px;
        margin-left: 0
    }
}

[data-v-1548c050]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-1548c050]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.email-form[data-v-1548c050] svg path {
    fill: #fff !important
}

.email-form .email-input-submit[data-v-1548c050] {
    width: 100%;
    margin-top: var(--space-4)
}

@media (min-width: 970px) {
    .default-style .email-box[data-v-1548c050] {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .default-style .email-input[data-v-1548c050] {
        width: 272px;
        min-width: 272px
    }

    .default-style .email-input-submit[data-v-1548c050] {
        margin-left: 16px;
        margin-top: 0
    }
}

[data-v-4dbdb368]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-4dbdb368]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.typography-weight-light[data-v-4dbdb368] {
    text-transform: unset;
    letter-spacing: unset;
    color: #141414;
    font-family: var(--font-light);
    font-style: normal;
    font-weight: 300
}

.typography-weight-regular[data-v-4dbdb368] {
    text-transform: unset;
    letter-spacing: unset;
    color: #141414;
    font-family: var(--font-regular);
    font-style: normal;
    font-weight: 400
}

.typography-weight-semibold[data-v-4dbdb368] {
    text-transform: unset;
    letter-spacing: unset;
    color: #141414;
    font-family: var(--font-semibold);
    font-style: normal;
    font-weight: 600
}

.typography-weight-bold[data-v-4dbdb368] {
    text-transform: unset;
    letter-spacing: unset;
    color: #141414;
    font-family: var(--font-bold);
    font-style: normal
}

.typography-weight-black[data-v-4dbdb368] {
    text-transform: unset;
    letter-spacing: unset;
    color: #141414;
    font-family: var(--font-black);
    font-style: normal;
    font-weight: 900
}

.typography-style-uppercase[data-v-4dbdb368] {
    text-transform: uppercase;
    letter-spacing: .1em
}

.typography-style-underline[data-v-4dbdb368] {
    text-decoration: underline
}

.typography-size-display1[data-v-4dbdb368] {
    line-height: 125%;
    font-size: var(--font-size-96)
}

.typography-size-display2[data-v-4dbdb368] {
    line-height: 125%;
    font-size: var(--font-size-64)
}

.typography-size-display3[data-v-4dbdb368] {
    line-height: 125%;
    font-size: var(--font-size-48)
}

.typography-size-display4[data-v-4dbdb368] {
    line-height: 125%;
    font-size: var(--font-size-32)
}

.typography-size-display5[data-v-4dbdb368] {
    line-height: 125%;
    font-size: var(--font-size-24)
}

.typography-size-display6[data-v-4dbdb368] {
    line-height: 150%;
    font-size: var(--font-size-20)
}

.typography-size-display7[data-v-4dbdb368] {
    line-height: 150%;
    font-size: var(--font-size-16)
}

.typography-size-display8[data-v-4dbdb368] {
    line-height: 150%;
    font-size: var(--font-size-14)
}

.typography-size-display9[data-v-4dbdb368] {
    font-size: var(--font-size-12);
    line-height: 150%
}

.footer-container h4 {
    font-family: var(--font-semibold)
}

.footer-container {
    background-color: var(--grey-1);
    display: block;
    font-family: var(--font-semibold);
    color: var(--white)
}

.footer-container .footer-content .footer-logos {
    overflow: hidden
}

.footer-container .footer-content .footer-logos .footer-logo {
    display: inline-block;
    width: 230px;
    height: 30px
}

.footer-container .footer-content .footer-social {
    height: 60px;
    line-height: 50px;
    padding-top: 10px
}

.footer-container .footer-content .footer-social a {
    margin-right: 20px;
    float: left;
    color: var(--white)
}

.footer-container .footer-content .footer-social a .af {
    font-size: 1.8em
}

.footer-container .footer-content .footer-social a:visited {
    color: #fff
}

.footer-container .footer-content .footer-social a:focus,
.footer-container .footer-content .footer-social a:active,
.footer-container .footer-content .footer-social a:hover {
    color: var(--grey-light)
}

.footer-container .footer-content .footer-country-feedback {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 20px
}

.footer-container .footer-content .footer-country-feedback .footer-country img {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px
}

.footer-container .footer-content .footer-country-feedback .footer-country a {
    font-family: var(--font-regular);
    color: var(--grey-5)
}

.footer-container .footer-content .footer-country-feedback .footer-country a :focus,
.footer-container .footer-content .footer-country-feedback .footer-country a :active,
.footer-container .footer-content .footer-country-feedback .footer-country a :hover {
    color: var(--white)
}

.footer-container .footer-content .footer-country-feedback .footer-country .footer-copyright {
    font-size: var(--font-size-14);
    overflow: hidden;
    margin-top: 10px
}

.footer-container .footer-content .footer-country-feedback .footer-country .footer-copyright a {
    color: #fff
}

.footer-container .footer-content .footer-country-feedback .footer-country .footer-copyright a:visited {
    color: #fff
}

.footer-container .footer-content .footer-country-feedback .footer-country .footer-copyright a:focus,
.footer-container .footer-content .footer-country-feedback .footer-country .footer-copyright a:active,
.footer-container .footer-content .footer-country-feedback .footer-country .footer-copyright a:hover {
    color: var(--grey-light)
}

@media (min-width: 768px) {
    .footer-container .footer-content .footer-country-feedback {
        margin-top: 20px
    }
}

@media (min-width: 700px) {
    .footer-container .footer-content .footer-copyright {
        font-size: .9em
    }
}

.footer-wrapper {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
    gap: var(--space-10)
}

.footer-wrapper .footer-email {
    display: flex;
    flex-direction: column
}

.footer-wrapper .footer-email .email-text {
    color: var(--white)
}

.footer-wrapper .footer-email {
    max-width: 352px
}

.footer-wrapper .footer-email button {
    max-width: 130px
}

.footer-wrapper .footer-email {
    gap: var(--space-6)
}

@media (min-width: calc(970px - 1px)) {
    .footer-wrapper {
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .footer-wrapper .footer-email p {
        font-family: var(--font-regular);
        font-size: 20px;
        line-break: auto
    }

    .footer-wrapper .footer-email {
        width: 352px
    }
}

[data-v-0f3b8b2e]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-0f3b8b2e]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.chat-modal[data-v-0f3b8b2e] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: none;
    cursor: pointer
}

.chat-modal .chat-modal-container[data-v-0f3b8b2e] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    align-self: stretch
}

.chat-modal .chat-modal-container .dot[data-v-0f3b8b2e] {
    animation: blink-0f3b8b2e 2s ease-in-out infinite;
    width: var(--space-4);
    height: var(--space-4);
    border-radius: 100px;
    border: 1px solid var(--Primary-Base, #ff6458);
    background: var(--Primary-Base, #ff6458)
}

@keyframes blink-0f3b8b2e {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.page[data-v-05a6dbfc] {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    max-width: 2560px;
    width: 100%;
    margin: 0 auto
}

.page .app-container-wrapper[data-v-05a6dbfc] {
    display: flex;
    flex-flow: column;
    flex-grow: 2;
    transition: padding .3s
}

.page .app-container-wrapper .app-container[data-v-05a6dbfc] {
    flex-grow: 2
}

:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.page-title {
    display: table;
    background: var(--grey-ultra-light);
    width: 100%
}

.page-title .logo {
    width: 50px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: var(--space-10) var(--space-6) var(--space-10) 0
}

@media (min-width: 970px) {
    .page-title .logo {
        float: left;
        margin-left: -120px
    }
}

.page-title h1 {
    display: table-cell;
    vertical-align: middle;
    padding-top: var(--space-10);
    padding-bottom: var(--space-10);
    text-align: center;
    line-height: var(--line-height-48)
}

[data-v-f835c724]:root {
    --font-regular: "proxima_nova_regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-semibold: "proxima_nova_semibold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-light: "proxima_nova_light", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-bold: "proxima_nova_bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-black: "proxima_nova_black", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --grey-ultra-dark: #424242;
    --grey-dark: #626262;
    --grey-medium: #828282;
    --grey-light: #c2c2c2;
    --grey-ultra-light: #f2f2f2;
    --grey-1: #2e2e2e;
    --grey-5: #cacaca;
    --grey-6: #efefef;
    --white: #ffffff;
    --transparent: rgba(255, 255, 255, 0);
    --coral-dark: #ff271e;
    --coral: #ff6458;
    --coral-light: #ffefee;
    --green: #3cb064;
    --amber: #e6b94f;
    --accent-color: var(--coral);
    --error-color: var(--coral-dark);
    --warning-color: var(--amber);
    --success-color: var(--green);
    --background-color: var(--grey-ultra-light);
    --font-color: var(--grey-dark);
    --font-accent-color: var(--coral);
    --font-inverted-color: var(--white);
    --border-color: var(--grey-light);
    --link-color: var(--grey-dark);
    --link-hover-color: var(--grey-ultra-dark);
    --overlay-color: rgba(255, 255, 255, .7);
    --shadow-color: rgba(0, 0, 0, .2);
    --font-size: 1rem;
    --font-size-12: .75rem;
    --font-size-14: .875rem;
    --font-size-16: 1rem;
    --font-size-20: 1.25rem;
    --font-size-24: 1.5rem;
    --font-size-32: 2rem;
    --font-size-48: 3rem;
    --font-size-64: 4rem;
    --font-size-96: 6rem;
    --line-height: 1.5rem;
    --line-height-12: 1.3125rem;
    --line-height-14: 1.3125rem;
    --line-height-16: 1.5rem;
    --line-height-20: 1.5625rem;
    --line-height-24: 1.875rem;
    --line-height-32: 2.5rem;
    --line-height-48: 3.75rem;
    --line-height-1em: 1em;
    --line-height-125em: 1.25em;
    --space-unit: .25rem;
    --space-0: calc(var(--space-unit) * 0);
    --space-1: calc(var(--space-unit) * 1);
    --space-2: calc(var(--space-unit) * 2);
    --space-3: calc(var(--space-unit) * 3);
    --space-4: calc(var(--space-unit) * 4);
    --space-5: calc(var(--space-unit) * 5);
    --space-6: calc(var(--space-unit) * 6);
    --space-7: calc(var(--space-unit) * 7);
    --space-8: calc(var(--space-unit) * 8);
    --space-9: calc(var(--space-unit) * 9);
    --space-10: calc(var(--space-unit) * 10);
    --space-12: calc(var(--space-unit) * 12);
    --space-16: calc(var(--space-unit) * 16);
    --space-20: calc(var(--space-unit) * 20);
    --space-24: calc(var(--space-unit) * 24);
    --uppercase-letter-spacing: .1em;
    --button-border-radius: 20px;
    --container-border-radius: 8px;
    --circle-border-radius: 50%;
    --box-shadow-blur: 4px;
    --box-shadow-spread: 8px;
    --ctf-link-decoration: underline;
    --ctf-link-color: var(--coral)
}

[data-v-f835c724]:export {
    extraSmallBreakpoint: 320px;
    smallBreakpoint: 425px;
    mobileBreakpoint: 768px;
    tabletBreakpoint: 970px;
    desktopBreakpoint: 1200px;
    largeBreakpoint: 1400px;
    extraLargeBreakpoint: 1600px;
    xxlBreakpoint: 1800px
}

.need-help-container[data-v-f835c724] {
    background-color: var(--background-color);
    font-size: 1.2em;
    height: 200px
}

@media (max-width: calc(1200px - 1px)) {
    .need-help-container[data-v-f835c724] {
        height: 200px
    }
}

@media (max-width: calc(768px - 1px)) {
    .need-help-container[data-v-f835c724] {
        max-width: 320px;
        height: inherit;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: calc(280px -1px)) {
    .need-help-container[data-v-f835c724] {
        width: inherit
    }
}

.need-help-container .need-help-grid[data-v-f835c724] {
    margin: auto;
    padding: var(--space-10) var(--space-6);
    display: flex;
    justify-content: center
}

@media (max-width: calc(768px - 1px)) {
    .need-help-container .need-help-grid[data-v-f835c724] {
        flex-wrap: wrap
    }
}

.need-help-container .need-help-grid .icons[data-v-f835c724] {
    display: flex;
    flex-direction: column;
    height: 120px;
    align-items: center;
    margin-right: var(--space-6);
    width: 161.75px
}

@media (max-width: calc(768px - 1px)) {
    .need-help-container .need-help-grid .icons[data-v-f835c724] {
        width: calc(50% - 48px);
        height: inherit;
        margin-right: 0;
        padding: var(--space-6)
    }
}

.need-help-container .need-help-grid .icons[data-v-f835c724]:hover {
    cursor: pointer
}

.need-help-container .need-help-grid .icons .icon[data-v-f835c724] {
    width: var(--space-8);
    align-self: center;
    padding: var(--space-6) 0px 0px 0px
}

.need-help-container .need-help-grid .icons .need-help-caption[data-v-f835c724] {
    font-size: var(--space-4);
    color: var(--grey-dark)
}

.form-page .app-container {
    padding-top: 20px
}

.logo-page {
    min-height: 100vh
}

.logo-page .page-logo-container {
    margin: var(--space-9) 0;
    display: flex;
    justify-content: center
}

html {
    width: 100%
}

.newsletter-container.container {
    max-width: none
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .35s ease-in-out
}