#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #feb600;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #feb600, 0 0 5px #feb600;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

.svg-component:not(.keep-colors).white.svelte-41s8hi svg path:not([fill="none"]) {
    fill: white
}

.svg-component.svelte-41s8hi:not(.keep-colors) svg path:not([fill="none"]) {
    fill: black
}

.promotion-label.svelte-17z13d0 {
    text-decoration: none;
    background: var(--backgroundColor, var(--c-red));
    color: var(--textColor, var(--c-white));
    padding: 4px 6px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    align-items: center;
    text-align: center
}

.promotion-label[theme="countdown"].svelte-17z13d0 {
    height: unset;
    padding: 0.25em;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1em
}

.promotion-label[theme="gold"].svelte-17z13d0 {
    background: var(--backgroundColor, #ffb400);
    color: var(--textColor, var(--c-gray));
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    width: 100%
}

.promotion-label.svelte-17z13d0 svg {
    height: 16px;
    width: 16px;
    margin: auto;
    display: block
}

.promotion-label.svelte-17z13d0 .svg-component svg path:not([fill="none"]) {
    fill: var(--svgColor, var(--textColor, var(--c-white)))
}

.promotion-svg.svelte-17z13d0 {
    margin-right: 2px
}

@media(max-width: 1000px) {
    .promotion-label[theme="countdown"].svelte-17z13d0 {
        font-size:0.9rem
    }
}

@media(max-width: 768px) {
    .promotion-label[theme="countdown"].svelte-17z13d0 {
        padding:0.5em;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .promotion-label[theme="countdown"].svelte-17z13d0 .countdown-container {
        margin-top: 0.5em
    }
}

.promotion-label[theme="black-friday"].svelte-17z13d0 {
    background: #000;
    color: var(--c-black-friday);
    font-weight: 700
}

.promotion-label[data-variant="right"] {
    margin-left: 2em;
    margin-right: -2em
}

.promotion-label[data-variant="blue"] {
    background: var(--c-primary);
    color: var(--c-white)
}

.promotion-label[theme="countdown"] {
    height: unset;
    padding: 0.5em;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1em
}

.lds-ring.svelte-1hiqsf3.svelte-1hiqsf3 {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px
}

.lds-ring.svelte-1hiqsf3 div.svelte-1hiqsf3 {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    margin: 4px;
    border: 4px solid #fff;
    border-radius: 50%;
    animation: svelte-1hiqsf3-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent
}

.lds-ring.dark.svelte-1hiqsf3 div.svelte-1hiqsf3 {
    border-color: var(--c-gray) transparent transparent transparent
}

.lds-ring.svelte-1hiqsf3 div.svelte-1hiqsf3:nth-child(1) {
    animation-delay: -0.45s
}

.lds-ring.svelte-1hiqsf3 div.svelte-1hiqsf3:nth-child(2) {
    animation-delay: -0.3s
}

.lds-ring.svelte-1hiqsf3 div.svelte-1hiqsf3:nth-child(3) {
    animation-delay: -0.15s
}

@keyframes svelte-1hiqsf3-lds-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

button.svelte-1kxsb7z,a.svelte-1kxsb7z {
    padding: 1rem 2rem;
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.primary.svelte-1kxsb7z {
    background: transparent linear-gradient(180deg, #009beb 0%, #0a78c3 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none
}

.primary.svelte-1kxsb7z:hover {
    box-shadow: none;
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.svelte-1kxsb7z {
    background: var(--c-primary);
    color: var(--c-white);
    border: none
}

.flat.svelte-1kxsb7z:hover {
    background: var(--c-old-primary)
}

.outline.svelte-1kxsb7z {
    background: var(--c-white) 0% 0% no-repeat padding-box;
    color: #009beb;
    border: 2px solid #009beb
}

.alternative.svelte-1kxsb7z {
    background: var(--c-white) 0% 0% no-repeat padding-box;
    color: #009beb;
    border: none;
    margin: 2px
}

.as-link.svelte-1kxsb7z {
    background: transparent;
    color: var(--c-gray-body);
    border: none;
    padding: 0;
    text-align: center;
    box-shadow: none;
    font-weight: 500
}

button.svelte-1kxsb7z:disabled,a.disabled.svelte-1kxsb7z {
    opacity: 0.5;
    cursor: not-allowed
}

button.svelte-1kxsb7z:focus {
    outline: none
}

button.loading.svelte-1kxsb7z {
    padding-left: 2em;
    padding-right: 2em
}

button.svelte-1kxsb7z .lds-ring {
    margin-right: 0.5em
}

.primary.black-friday.svelte-1kxsb7z {
    background: transparent linear-gradient( 180deg, var(--c-black-friday) 0%, var(--c-black-friday) 100% ) 0% 0% no-repeat padding-box;
    color: #000;
    font-weight: 900
}

.primary.black-friday.svelte-1kxsb7z:hover {
    filter: brightness(110%)
}

.primary-flat.svelte-1kxsb7z,.primary-flat-sm.svelte-1kxsb7z {
    background: var(--c-primary);
    color: var(--c-white);
    border: 1px solid var(--c-primary)
}

.primary-flat.svelte-1kxsb7z:hover,.primary-flat-sm.svelte-1kxsb7z:hover {
    box-shadow: none;
    background: var(--c-old-primary);
    border: 1px solid var(--c-old-primary)
}

.outline-flat.svelte-1kxsb7z,.outline-flat-sm.svelte-1kxsb7z {
    background: var(--c-white);
    color: var(--c-gray-body);
    border: 1px solid var(--c-gray-body)
}

.outline-flat.svelte-1kxsb7z:hover,.outline-flat-sm.svelte-1kxsb7z:hover {
    color: var(--c-gray);
    border: 1px solid var(--c-gray)
}

.primary-flat-sm.svelte-1kxsb7z,.outline-flat-sm.svelte-1kxsb7z {
    padding: 0.55em 1.45em
}

@media(min-width: 940px) {
    .primary.black-friday.svelte-1kxsb7z {
        white-space:nowrap
    }
}

.cta-container.svelte-sdwhio {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.cta-container.svelte-sdwhio a {
    color: var(--c-white) !important
}

.cta-container.svelte-sdwhio .cta-btn {
    font-size: 16px
}

.cta-container.svelte-sdwhio button,.cta-container.svelte-sdwhio a {
    background-color: var(--cta-background, var(--c-primary)) !important
}

@media(max-width: 768px) {
    .cta-container.svelte-sdwhio .cta-btn {
        font-size:14px
    }
}

.countdown-container.svelte-yyjr9y.svelte-yyjr9y {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0.5em
}

.countdown.svelte-yyjr9y.svelte-yyjr9y {
    display: flex;
    flex-direction: row;
    align-items: center
}

.unit-container.svelte-yyjr9y.svelte-yyjr9y {
    display: flex;
    flex-direction: row;
    align-items: center
}

.time.svelte-yyjr9y.svelte-yyjr9y {
    padding: 4px;
    border-radius: 4px;
    width: 2em;
    text-align: center;
    color: var(--color);
    background: var(--contrast-color)
}

.type.svelte-yyjr9y.svelte-yyjr9y {
    font-size: 1em;
    line-height: 0.5em;
    font-weight: 600;
    margin: 4px 6px 4px 2px;
    color: var(--contrast-color)
}

.type.last.svelte-yyjr9y.svelte-yyjr9y {
    margin: 4px 0 4px 2px
}

b.svelte-yyjr9y.svelte-yyjr9y {
    padding-right: 1ch;
    color: var(--contrast-color)
}

.separator.svelte-yyjr9y.svelte-yyjr9y {
    margin: 0 0.25em 0.5em;
    color: var(--contrast-color)
}

@media(min-width: 1000px) {
    .large.svelte-yyjr9y b.svelte-yyjr9y {
        font-size:20px
    }

    .large.svelte-yyjr9y .time.svelte-yyjr9y,.large.svelte-yyjr9y .type.svelte-yyjr9y {
        font-size: 22px;
        font-weight: bold
    }

    .large.svelte-yyjr9y .time.svelte-yyjr9y {
        padding: 8px 4px
    }

    .large.svelte-yyjr9y .type.svelte-yyjr9y {
        margin-left: 4px
    }
}

.component.svelte-yyjr9y.svelte-yyjr9y {
    flex-direction: column
}

.component.svelte-yyjr9y .unit-container.svelte-yyjr9y {
    flex-direction: column
}

.component.svelte-yyjr9y .type.svelte-yyjr9y {
    margin: 0
}

.component.svelte-yyjr9y .type.svelte-yyjr9y,.component.svelte-yyjr9y .separator.svelte-yyjr9y,.component.svelte-yyjr9y b.svelte-yyjr9y {
    color: var(--color)
}

.component.svelte-yyjr9y .time.svelte-yyjr9y,.component.svelte-yyjr9y .separator.svelte-yyjr9y {
    font-weight: 800;
    font-size: 40px;
    line-height: 48px
}

.component.svelte-yyjr9y .type.svelte-yyjr9y,.component.svelte-yyjr9y b.svelte-yyjr9y {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px
}

.component.svelte-yyjr9y .separator.svelte-yyjr9y {
    line-height: 1;
    margin: 0 0 0.7em 0
}

div.svelte-14bcvg8 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.center.svelte-14bcvg8 {
    justify-content: center
}

.right.svelte-14bcvg8 {
    justify-content: flex-end
}

.space-between.svelte-14bcvg8 {
    justify-content: space-between
}

div.svelte-14bcvg8>*:not(:last-child) {
    margin-right: 1em
}

br.svelte-5fujhr {
    display: none
}

@media(max-width: 768px) {
    br.svelte-5fujhr {
        display:block
    }
}

.rich-text-container.svelte-1x2fm6d,.rich-text-container.svelte-1x2fm6d p {
    font-size: 1em;
    line-height: 1.5;
    color: var(--text-color, --c-gray-600);
    margin: 0
}

.rich-text-container.svelte-1x2fm6d p + p {
    margin-top: 1.5em
}

.rich-text-container.svelte-1x2fm6d li {
    padding-left: 1em
}

.rich-text-container.svelte-1x2fm6d li p {
    display: inline
}

.rich-text-container.svelte-1x2fm6d a {
    color: var(--c-primary)
}

.rich-text-container.svelte-1x2fm6d a:hover {
    color: var(--c-old-primary)
}

.rich-text-container.svelte-1x2fm6d h1:first-of-type {
    margin-top: 0
}

.max-width.svelte-1pneqyp {
    max-width: 1088px;
    margin: 0 auto;
    height: 100%
}

.price-wrapper.svelte-1prxb39.svelte-1prxb39 {
    line-height: 1.15;
    text-align: center
}

span.svelte-1prxb39.svelte-1prxb39 {
    display: block
}

.price.svelte-1prxb39.svelte-1prxb39 {
    font-size: 3em;
    color: var(--c-primary);
    font-weight: 600
}

.price.small.svelte-1prxb39.svelte-1prxb39 {
    font-size: 2.5em
}

.monthly.svelte-1prxb39.svelte-1prxb39,.price-from.svelte-1prxb39.svelte-1prxb39 {
    color: var(--c-gray-body)
}

.incl-vat.svelte-1prxb39.svelte-1prxb39 {
    margin-top: 1em;
    font-size: 0.875em;
    color: var(--c-gray-body)
}

@media(max-width: 900px) {
    .price.small.svelte-1prxb39.svelte-1prxb39 {
        font-size:2em
    }
}

.black-friday.svelte-1prxb39 .price.svelte-1prxb39,.black-friday.svelte-1prxb39 .monthly.svelte-1prxb39,.black-friday.svelte-1prxb39 .price-from.svelte-1prxb39,.black-friday.svelte-1prxb39 .incl-vat.svelte-1prxb39 {
    color: #fff
}

.suffix.svelte-1prxb39.svelte-1prxb39 {
    display: inline
}

.product-container.svelte-3l9hq3.svelte-3l9hq3 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 5px 5px #323c4626;
    border-radius: 10px;
    background: white;
    width: 100%;
    max-width: 320px;
    margin-bottom: 0.5em
}

.product-container.featured.svelte-3l9hq3.svelte-3l9hq3:not(.black-friday) {
    border: 2px solid var(--c-yellow);
    padding-top: 0
}

.product-container.svelte-3l9hq3.svelte-3l9hq3:not(.featured) {
    margin-bottom: 42px
}

[data-block-size] .product-container.svelte-3l9hq3.svelte-3l9hq3 {
    margin-left: auto;
    margin-right: auto
}

[data-block-size] .product-container.svelte-3l9hq3.svelte-3l9hq3:first-child {
    margin-left: auto;
    margin-right: 0
}

[data-block-size] .product-container.svelte-3l9hq3.svelte-3l9hq3:nth-last-child(2) {
    margin-right: auto;
    margin-left: 0
}

.content.svelte-3l9hq3 .price {
    color: var(--c-black);
    font-size: 44px;
    font-weight: 900
}

.content.svelte-3l9hq3 .incl-vat {
    display: none
}

.content.svelte-3l9hq3.svelte-3l9hq3 {
    display: flex;
    flex-direction: column;
    align-items: left;
    height: 100%;
    padding-top: 1.5em;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%
}

span.featured.svelte-3l9hq3.svelte-3l9hq3 {
    background: var(--c-yellow);
    color: var(--c-gray);
    text-align: center;
    width: 100%;
    padding: 0.5em 0
}

.sold-out.svelte-3l9hq3.svelte-3l9hq3 {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    color: var(--c-red);
    border-top: 2px solid var(--c-red);
    border-bottom: 2px solid var(--c-red);
    font-size: 1em;
    font-weight: bold;
    padding: 0.5em 0;
    transform: translate(-35%, 65%) rotate(-45deg)
}

.content.svelte-3l9hq3 .out-of-stock-text.svelte-3l9hq3 {
    margin: 1rem 0 1.5rem
}

.content.svelte-3l9hq3 .out-of-stock-text.svelte-3l9hq3 p {
    text-align: center;
    font-size: 0.8em
}

.content.svelte-3l9hq3 .cta-container {
    width: 100%
}

.content.svelte-3l9hq3 .cta-container a {
    width: 100%
}

.content.svelte-3l9hq3 .spec svg {
    display: none
}

.content.svelte-3l9hq3 .price {
    display: initial
}

.content.svelte-3l9hq3 .monthly {
    display: inline-block
}

.product-name.svelte-3l9hq3.svelte-3l9hq3 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0.5em;
    color: var(--c-gray);
    width: 100%
}

.outOfStock.svelte-3l9hq3 .product-name.svelte-3l9hq3 {
    color: var(--c-gray-500)
}

.top-promotion.svelte-3l9hq3.svelte-3l9hq3 {
    position: absolute;
    top: -13px
}

.bottom-promotion.svelte-3l9hq3.svelte-3l9hq3 {
    position: absolute;
    bottom: -13px
}

.grid-discounts.svelte-3l9hq3 .previous-price-row.svelte-3l9hq3 {
    margin-bottom: 0.8em;
    height: 0.3em;
    margin-top: 0.3em;
    display: flex;
    flex-direction: row;
    align-items: center
}

.discount.svelte-3l9hq3.svelte-3l9hq3 {
    color: var(--c-red);
    font-weight: bold
}

.previous-price.svelte-3l9hq3.svelte-3l9hq3 {
    height: 14px;
    font-size: 14px;
    text-decoration: line-through;
    color: var(--c-gray-body);
    margin-right: 0.35em
}

.specs-container.svelte-3l9hq3.svelte-3l9hq3 {
    margin-left: 12px;
    margin-top: 0.5em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    flex: 1
}

.spec.svelte-3l9hq3.svelte-3l9hq3 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 1em
}

.spec.svelte-3l9hq3.svelte-3l9hq3:last-of-type {
    margin-bottom: 0
}

.spec-info.svelte-3l9hq3.svelte-3l9hq3 {
    display: flex;
    flex-direction: column;
    text-align: left
}

.spec-info.svelte-3l9hq3 .title.svelte-3l9hq3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1
}

.spec-info.svelte-3l9hq3 .subtitle.svelte-3l9hq3 {
    font-size: 12px;
    line-height: 1.5
}

.benchmark.svelte-3l9hq3.svelte-3l9hq3 {
    margin-top: 1em;
    display: block;
    border-radius: 5px;
    height: 6px;
    width: 100%;
    background: var(--c-gray-300)
}

.benchmark.svelte-3l9hq3 .score.svelte-3l9hq3 {
    border-radius: 5px;
    background: var(--c-yellow);
    height: 6px
}

.cta-container.svelte-3l9hq3.svelte-3l9hq3 {
    margin: 0.75rem 0 1.25rem
}

.spec.svelte-3l9hq3 svg.product-card-checkmark {
    margin-top: 2px;
    height: 12px
}

.cta-container.svelte-3l9hq3 a.product-cta {
    font-size: 22px;
    white-space: nowrap
}

.alternative-product.svelte-3l9hq3.svelte-3l9hq3 {
    width: 100%;
    flex: 1 0 0;
    border-radius: 0.5em;
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em
}

.product-container.svelte-3l9hq3 .price-wrapper {
    text-align: left;
    width: 100%
}

.alternative-product.svelte-3l9hq3 header.svelte-3l9hq3 .price-wrapper {
    text-align: center
}

.bright.svelte-3l9hq3 .alternative-product.svelte-3l9hq3 {
    background-color: var(--c-yellow)
}

.diffuse.svelte-3l9hq3 .alternative-product.svelte-3l9hq3 {
    border: 2px solid var(--c-gray-500)
}

.alternative-product.svelte-3l9hq3 header.svelte-3l9hq3 {
    text-align: center;
    margin-bottom: 1rem
}

.recommended-alternative.svelte-3l9hq3.svelte-3l9hq3 {
    padding: 0
}

.alternative-title.svelte-3l9hq3.svelte-3l9hq3 {
    font-weight: bold;
    font-size: 1.15em;
    margin: 1em 0 0.25em
}

.alternative-product.svelte-3l9hq3 .price-wrapper span {
    color: var(--c-body);
    font-size: 0.8em;
    display: inline
}

.alternative-product.svelte-3l9hq3 .price-wrapper .incl-vat {
    color: var(--c-body);
    font-size: 0.7em
}

.alternative-product.svelte-3l9hq3 .alternative-product-checkmark {
    height: 12px
}

.alternative-product.svelte-3l9hq3 .alternative-product-checkmark path {
    stroke: var(--c-gray)
}

.alternative-product.svelte-3l9hq3 .specs-container.svelte-3l9hq3 {
    width: auto
}

.alternative-product.svelte-3l9hq3 .spec.svelte-3l9hq3 {
    margin-bottom: 0.5em
}

.alternative-product.svelte-3l9hq3 .cta-container.svelte-3l9hq3 {
    margin: 1.25rem 0
}

.alternative-product.svelte-3l9hq3 .cta-container.svelte-3l9hq3 a.product-cta {
    margin-top: 0;
    font-size: 16px
}

.content.small.svelte-3l9hq3.svelte-3l9hq3 {
    padding: 1em
}

.black-friday.svelte-3l9hq3.svelte-3l9hq3 {
    border: 2px solid var(--c-black-friday);
    background: #000
}

.black-friday.svelte-3l9hq3 .content.svelte-3l9hq3 {
    width: 100%
}

.black-friday.svelte-3l9hq3 .sold-out.svelte-3l9hq3 {
    border-color: var(--c-black-friday);
    color: #fff;
    background-color: #000000a1
}

.black-friday.svelte-3l9hq3 .out-of-stock-text.svelte-3l9hq3 {
    color: #fff
}

.black-friday.svelte-3l9hq3 .product-name.svelte-3l9hq3,.black-friday.svelte-3l9hq3 .spec .title.svelte-3l9hq3,.black-friday.svelte-3l9hq3 .spec .subtitle.svelte-3l9hq3 {
    color: white
}

.black-friday.svelte-3l9hq3 .alternative-product .product-name.svelte-3l9hq3,.black-friday.svelte-3l9hq3 .alternative-product.svelte-3l9hq3 .monthly,.black-friday.svelte-3l9hq3 .alternative-product.svelte-3l9hq3 .price,.black-friday.svelte-3l9hq3 .alternative-product .spec .title.svelte-3l9hq3,.black-friday.svelte-3l9hq3 .alternative-product .spec .subtitle.svelte-3l9hq3 {
    color: var(--c-gray)
}

.grid.svelte-5hct6b {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 1em;
    row-gap: 2em
}

.productGrid.svelte-5hct6b {
    padding: 13px 0;
    overflow-x: auto
}

.mobilePadding.svelte-5hct6b {
    display: none
}

[data-size="desktop1/2"].grid.svelte-5hct6b {
    grid-template-columns: repeat(2, 1fr)
}

[data-size="desktop1/3"].grid.svelte-5hct6b {
    grid-template-columns: repeat(3, 1fr)
}

[data-size="desktop1/4"].grid.svelte-5hct6b {
    grid-template-columns: repeat(4, 1fr)
}

[data-size="desktop1/5"].grid.svelte-5hct6b {
    grid-template-columns: repeat(5, 1fr);
    column-gap: 0.5em
}

@media(max-width: 990px) {
    .grid.svelte-5hct6b {
        display:flex;
        flex-direction: row;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        padding-left: 1em !important
    }

    [data-size="desktop1/2"].grid.full-mobile-block.svelte-5hct6b,[data-size="desktop1/3"].grid.full-mobile-block.svelte-5hct6b,[data-size="desktop1/4"].grid.full-mobile-block.svelte-5hct6b,[data-size="desktop1/5"].grid.full-mobile-block.svelte-5hct6b {
        display: grid;
        grid-template-columns: repeat(1, 1fr)
    }

    .grid.svelte-5hct6b .product-container {
        scroll-snap-align: center;
        margin-right: unset;
        margin-left: unset;
        min-width: 80vw
    }

    .grid.svelte-5hct6b .featured-product-container {
        scroll-snap-align: center;
        margin-right: unset;
        margin-left: unset;
        min-width: 80vw
    }

    .mobilePadding.svelte-5hct6b {
        display: flex;
        min-width: 1px
    }
}

.centered div.svelte-12a4tm0 {
    justify-content: center
}

.icon-title-container.svelte-12a4tm0 {
    display: flex;
    line-height: 1.25
}

.inner.svelte-12a4tm0 {
    display: flex;
    align-items: flex-start
}

.icon-title.svelte-12a4tm0 {
    font-weight: 600;
    font-size: 1.375em;
    flex: 1
}

.icon-title.sm.svelte-12a4tm0 {
    font-size: 18px;
    color: var(--c-gray)
}

.icon-title-container.svelte-12a4tm0 svg {
    width: 1.5em;
    margin-right: 0.5em
}

@media screen and (max-width: 768px) {
    .icon-title.svelte-12a4tm0 {
        font-size:1.125rem
    }

    .icon-title-container.svelte-12a4tm0 svg {
        width: 1.25em
    }

    .grid.centered {
        row-gap: 1em !important
    }

    .centered div.svelte-12a4tm0 {
        justify-content: flex-start
    }
}

.icon-link-container__button.svelte-11wsqq0 {
    display: grid;
    grid-template-columns: auto 1fr;
    text-decoration: none
}

.icon-link-container__info.svelte-11wsqq0 {
    margin: auto 0
}

.icon-link-container.svelte-11wsqq0 svg {
    height: 3.5em;
    width: auto
}

.icon-link-container__title.svelte-11wsqq0 {
    color: var(--c-primary);
    font-size: 1.5em;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 0.35em
}

.icon-link-container__subtitle.svelte-11wsqq0 {
    color: var(--c-gray);
    font-size: 1.2em
}

.icon-link-container__info.svelte-11wsqq0 {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 450px) {
    .icon-link-container.svelte-11wsqq0 .svg-component {
        padding-left:1em
    }

    .icon-link-container__info.svelte-11wsqq0 {
        padding-left: 3em
    }
}

@media screen and (max-width: 700px) {
    .icon-link-container__title.svelte-11wsqq0,.icon-link-container__subtitle.svelte-11wsqq0 {
        font-size:1em
    }
}

picture.svelte-wjeab7.svelte-wjeab7 {
    display: block
}

div.svelte-wjeab7.svelte-wjeab7 {
    position: relative;
    overflow: hidden;
    width: 100%
}

.cover.svelte-wjeab7.svelte-wjeab7,.cover.svelte-wjeab7 picture.svelte-wjeab7 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.contain.svelte-wjeab7.svelte-wjeab7 {
    object-fit: contain
}

.cover.svelte-wjeab7 img.svelte-wjeab7 {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

img.svelte-wjeab7.svelte-wjeab7 {
    transition: opacity 150ms ease-in-out;
    opacity: 1;
    width: 100%;
    height: 100%
}

img.fade-in.svelte-wjeab7.svelte-wjeab7 {
    opacity: 0
}

.no-js img.fade-in.svelte-wjeab7.svelte-wjeab7 {
    opacity: 1;
    transition: none
}

.crawlable-link.svelte-ixfy1c.svelte-ixfy1c {
    text-decoration: none;
    color: inherit
}

col.svelte-ixfy1c.svelte-ixfy1c {
    width: var(--width)
}

.wrapper.svelte-ixfy1c.svelte-ixfy1c {
    border-radius: 10px;
    background: var(--c-white);
    padding: 1em 1.5em 1.5em
}

.wrapper.svelte-ixfy1c.svelte-ixfy1c:not(.embedded) {
    box-shadow: 0px 2px 2px #00000010
}

.heading.svelte-ixfy1c.svelte-ixfy1c {
    font-weight: bold
}

.heading.svelte-ixfy1c.svelte-ixfy1c:not(.no-upper) {
    text-transform: capitalize
}

.tg.svelte-ixfy1c.svelte-ixfy1c {
    border-collapse: collapse;
    border-spacing: 0
}

.tg.svelte-ixfy1c td.svelte-ixfy1c {
    font-size: 16px;
    line-height: 1.5;
    padding: 1em 0.5em;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    margin: 0;
    border-color: var(--c-white);
    border: none
}

.tg.svelte-ixfy1c:not(.pricing) td.svelte-ixfy1c {
    font-size: 14px;
    line-height: 1.15;
    padding: 1.5em 0.5em
}

.tg.svelte-ixfy1c tr.headings td.svelte-ixfy1c {
    padding: 1em 0.5em 0.75em;
    border-bottom: 1px solid var(--c-gray-800)
}

.tg.pricing.svelte-ixfy1c tr.headings td.svelte-ixfy1c {
    border-bottom-color: var(--c-gray-300)
}

.tg.svelte-ixfy1c:not(.pricing) .row td.svelte-ixfy1c:first-of-type {
    font-weight: bold
}

.row.clickable.svelte-ixfy1c.svelte-ixfy1c:hover {
    background: #e6f5ff;
    cursor: pointer
}

.row.svelte-ixfy1c+.row.svelte-ixfy1c {
    border-top: 1px solid var(--c-gray-300)
}

@media all and (max-width: 768px) {
    .wrapper.svelte-ixfy1c.svelte-ixfy1c:not(.verticalMobile) {
        padding:1em
    }

    .wrapper.svelte-ixfy1c:not(.verticalMobile) .tg td.svelte-ixfy1c {
        font-size: 14px
    }

    .verticalMobile.svelte-ixfy1c col.svelte-ixfy1c {
        width: 100%
    }

    .verticalMobile.svelte-ixfy1c .wrapper.svelte-ixfy1c {
        padding: 0
    }

    .verticalMobile.svelte-ixfy1c table.svelte-ixfy1c,.verticalMobile.svelte-ixfy1c td.svelte-ixfy1c {
        display: block
    }

    .verticalMobile.svelte-ixfy1c .heading.svelte-ixfy1c {
        display: none
    }

    .verticalMobile.svelte-ixfy1c .row td.svelte-ixfy1c {
        padding: 0.5rem 1.5rem
    }

    .verticalMobile.svelte-ixfy1c .row td.svelte-ixfy1c:first-of-type {
        padding-top: 1.5rem;
        font-size: 1.2em
    }

    .verticalMobile.svelte-ixfy1c .row td.svelte-ixfy1c:last-of-type {
        padding-bottom: 1.5rem
    }

    .verticalMobile.svelte-ixfy1c .row:not(:last-of-type) td.svelte-ixfy1c:last-of-type {
        border-bottom: 1px solid var(--c-mid-gray)
    }

    .verticalMobile.svelte-ixfy1c .row td.svelte-ixfy1c:first-of-type .value-heading {
        display: none
    }
}

@media(min-width: 769px) {
    .row.svelte-ixfy1c .value-heading {
        display:none
    }

    .tg.svelte-ixfy1c td.svelte-ixfy1c {
        border-bottom: 1px solid var(--c-gray-300)
    }
}

.image-text-container.svelte-16xhxt5.svelte-16xhxt5 {
    display: grid;
    grid-template-areas: "img txt";
    justify-content: center;
    align-content: center;
    align-items: center;
    column-gap: 3em
}

.image-text-container.svelte-16xhxt5.svelte-16xhxt5:not(.boxed) {
    padding-left: 0;
    padding-right: 0
}

.image-text-container.imageRight.svelte-16xhxt5.svelte-16xhxt5 {
    grid-template-areas: "txt img"
}

.image.svelte-16xhxt5.svelte-16xhxt5 {
    grid-area: img
}

.txt.svelte-16xhxt5.svelte-16xhxt5 {
    grid-area: txt;
    display: flex;
    align-items: center
}

.txt.svelte-16xhxt5 p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray);
    margin: 0.5em 0
}

.table.svelte-16xhxt5.svelte-16xhxt5 {
    grid-area: txt;
    display: flex;
    align-items: center
}

.table.svelte-16xhxt5 .wrapper {
    width: 100%
}

@media(max-width: 640px) {
    .image-text-container.svelte-16xhxt5.svelte-16xhxt5 {
        display:flex;
        flex-direction: column;
        padding: 0
    }

    .image-text-container.boxed.svelte-16xhxt5 .image.svelte-16xhxt5 {
        padding: 1em 1em 0
    }

    .txt.svelte-16xhxt5.svelte-16xhxt5 {
        padding: 1em
    }

    .table.svelte-16xhxt5.svelte-16xhxt5 {
        padding: 1em
    }
}

header.svelte-8y4vd1.svelte-8y4vd1 {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-bottom: 1em;
    text-align: center;
    line-height: 1.2
}

h2.svelte-8y4vd1.svelte-8y4vd1 {
    font-size: 2.5em;
    font-weight: 700;
    color: var(--color, var(--c-gray));
    margin: 0
}

a.svelte-8y4vd1.svelte-8y4vd1 {
    text-decoration: none
}

span.svelte-8y4vd1.svelte-8y4vd1 {
    font-size: 1.5em;
    font-weight: 300;
    color: var(--c-gray-body)
}

.switchOrder.svelte-8y4vd1 h2.svelte-8y4vd1 {
    order: 1
}

@media screen and (max-width: 768px) {
    h2.svelte-8y4vd1.svelte-8y4vd1 {
        font-size:1.8rem
    }

    span.svelte-8y4vd1.svelte-8y4vd1 {
        margin-top: 1rem;
        font-size: 1.25em
    }
}

@media(min-width: 769px) {
    h2.svelte-8y4vd1.svelte-8y4vd1 {
        margin-bottom:0.4em
    }
}

section.svelte-l3e1xs {
    display: flex;
    flex-direction: column;
    padding: 1.5em;
    border: 2px solid var(--c-gray-500);
    box-shadow: 0px 5px 5px #323c4626;
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    background: white
}

@media(max-width: 639px) {
    section.svelte-l3e1xs {
        width:80%
    }
}

section.svelte-l3e1xs>* + * {
    margin-top: 1em;
    margin-bottom: 0
}

h2.svelte-l3e1xs {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1.5em;
    line-height: 1.2;
    margin-bottom: 0.5em;
    font-weight: 900
}

.checkbox-list-section.svelte-l3e1xs .rich-text-container p,.subtitle.svelte-l3e1xs {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--c-gray)
}

.subtitle.svelte-l3e1xs {
    margin-bottom: 1em;
    color: var(--c-gray-body)
}

.checkbox-list-section.svelte-l3e1xs .rich-text-container ul {
    list-style: none;
    padding: 0
}

.checkbox-list-section.svelte-l3e1xs .rich-text-container li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 1em 0;
    padding-left: 0
}

.checkbox-list-section.svelte-l3e1xs .rich-text-container li p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: var(--c-gray)
}

.checkbox-list-section.svelte-l3e1xs .rich-text-container li::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("/images/yellow-checkmark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    margin-top: 0.25em;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .checkbox-list-section.svelte-l3e1xs {
        min-width:85vw
    }
}

h2.svelte-fy8gjy {
    margin-top: 0;
    margin-bottom: 1em
}

.text-block.svelte-g3df3m p:empty,.text-block.svelte-g3df3m h6:empty,.text-block.svelte-g3df3m h5:empty,.text-block.svelte-g3df3m h4:empty,.text-block.svelte-g3df3m h3:empty,.text-block.svelte-g3df3m h2:empty,.text-block.svelte-g3df3m h1:empty {
    display: none
}

.svg-rich.svelte-g3df3m svg {
    margin-right: 0.35em
}

.svg-rich.svelte-g3df3m p,.svg-rich.svelte-g3df3m h6,.svg-rich.svelte-g3df3m h5,.svg-rich.svelte-g3df3m h4,.svg-rich.svelte-g3df3m h3,.svg-rich.svelte-g3df3m h2,.svg-rich.svelte-g3df3m h1 {
    display: flex;
    align-items: center
}

.support-status-container.svelte-ygu4vx {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 225px
}

.cta.svelte-ygu4vx,.title.svelte-ygu4vx {
    font-weight: 900;
    font-size: 2rem;
    line-height: 1.25em;
    text-align: center
}

@media screen and (min-width: 640px) and (max-width: 850px) {
    .cta.svelte-ygu4vx,.title.svelte-ygu4vx {
        font-size:1.75rem
    }
}

.title.svelte-ygu4vx {
    margin-bottom: 0
}

.available.svelte-ygu4vx,.offline.svelte-ygu4vx {
    background: var(--c-green);
    border: 2px solid var(--c-gray-300);
    border-radius: 20px;
    color: var(--c-white);
    padding: 0.5em 1em;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 2em 0
}

.offline.svelte-ygu4vx {
    background: #becdd7
}

span.svelte-ygu4vx img {
    height: 18px
}

span.svelte-ygu4vx picture {
    margin-right: 0.5em
}

span.svelte-ygu4vx svg {
    height: 12px;
    margin-right: 0.5em;
    stroke-width: 3
}

.deals.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    padding: 0
}

span.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    text-align: center
}

.big.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6,.small.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6,.cta.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 6rem;
    margin: 3rem 0
}

.big.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    margin-top: 0
}

.cta.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    margin-bottom: 0
}

.small.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6,.cta.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 4rem
}

.small.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6,.big.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #ffffff;
    border-radius: 16px
}

.big.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6 {
    padding: 1.5rem 6rem;
    font-size: 52px
}

.small.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6 {
    padding: 1rem;
    font-size: 36px
}

.title.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
    font-weight: 900;
    margin-bottom: 1rem
}

.small.svelte-rrfxo6 .title.svelte-rrfxo6.svelte-rrfxo6 {
    font-weight: 700
}

.big.svelte-rrfxo6 .subtitle.svelte-rrfxo6.svelte-rrfxo6,.small.svelte-rrfxo6 .subtitle.svelte-rrfxo6.svelte-rrfxo6 {
    font-size: 0.5em;
    color: #ffffff;
    white-space: nowrap
}

.cta.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6 {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.cta.svelte-rrfxo6 a {
    font-size: 22px;
    padding: 1rem 2.5rem;
    width: 100%;
    text-align: center
}

@media(max-width: 900px) {
    .deals.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
        padding:0 2rem
    }

    .big.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6,.small.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6,.cta.svelte-rrfxo6.svelte-rrfxo6.svelte-rrfxo6 {
        display: flex;
        flex-direction: column;
        margin: 0
    }

    .big.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6,.small.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6,.cta.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6 {
        padding: 1rem
    }

    .big.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6,.small.svelte-rrfxo6>div.svelte-rrfxo6.svelte-rrfxo6 {
        margin: 1rem 0
    }
}

.black-friday.svelte-rrfxo6 .small.svelte-rrfxo6>div.svelte-rrfxo6,.black-friday.svelte-rrfxo6 .big.svelte-rrfxo6>div.svelte-rrfxo6 {
    border: 3px solid #ffab00
}

.black-friday.svelte-rrfxo6 .title.svelte-rrfxo6.svelte-rrfxo6 {
    color: #ffab00
}

svg.svelte-1ger770.svelte-1ger770 {
    fill: none;
    transform-origin: center
}

svg.svelte-1ger770 path.svelte-1ger770 {
    stroke: currentColor
}

button.svelte-a9xunk {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray);
    padding: 1em;
    width: 100%;
    border: none;
    border-top: 1px solid var(--c-gray-500);
    background: var(--c-white);
    display: grid;
    grid-template-columns: 4fr 1fr min-content;
    grid-gap: 1em;
    align-items: center;
    text-align: right
}

.title.svelte-a9xunk {
    text-align: left;
    color: var(--c-gray-body)
}

.price-row.svelte-a9xunk,.heading-row.svelte-a9xunk {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.location-title.svelte-a9xunk,.location-total.svelte-a9xunk {
    text-align: left;
    color: var(--c-gray);
    font-weight: 700
}

.container.svelte-a9xunk,.final.svelte-a9xunk {
    background: #fafbff;
    padding: 1em;
    margin: 0;
    border-top: 1px solid var(--c-gray-300);
    display: flex;
    flex-direction: column
}

div.final.svelte-a9xunk {
    border: none
}

span.svelte-a9xunk {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray-600)
}

button.svelte-a9xunk svg.mobile-pricing-block-chevron {
    height: 14px;
    margin-right: 0.5em
}

button.svelte-a9xunk svg.mobile-pricing-block-chevron path {
    stroke-width: 3;
    stroke: #788ca0
}

.cta.svelte-a9xunk {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    border-radius: 2em;
    text-align: right;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 0.5em 1em;
    text-align: center;
    min-width: max-content;
    font-size: 15px;
    line-height: 23px
}

.cta[data-cta-type="primary"].svelte-a9xunk {
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0078aa 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none;
    max-width: 82px
}

.cta[data-cta-type="primary"].svelte-a9xunk:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.cta[data-cta-type="primary"].svelte-a9xunk {
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-a9xunk:hover {
    background: var(--c-old-primary)
}

@media(min-width: 641px) {
    button.svelte-a9xunk {
        grid-template-columns:50% 40% 5%
    }

    button.open.svelte-a9xunk {
        grid-template-columns: 40% 50% 5%;
        text-align: left
    }
}

.mobile-pricing-container.svelte-8zbq1r {
    display: flex;
    flex-direction: column
}

.wrapper.svelte-8zbq1r {
    background: var(--c-white);
    box-shadow: 0px 2px 2px #00000010;
    margin-top: 1rem
}

.title-section.svelte-8zbq1r {
    padding: 1em
}

h2.svelte-8zbq1r {
    font-weight: 900;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0px;
    color: var(--c-gray);
    margin: 0
}

h3.svelte-8zbq1r {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray-600);
    font-weight: 400;
    margin: 0
}

.more-details.svelte-8zbq1r {
    color: var(--c-primary);
    margin-left: 0.5em
}

.section-richText.svelte-8zbq1r {
    margin: 0 auto;
    background: var(--c-super-light-blue);
    padding: 1em;
    box-shadow: 0px 2px 2px #00000010;
    border-top: 1px solid var(--c-gray-300);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #646e7d
}

.section-richText.svelte-8zbq1r a {
    color: var(--c-primary)
}

@media(min-width: 769px) {
    .mobile-pricing-container.svelte-8zbq1r {
        display:none
    }
}

.desktop-pricing-container.svelte-pfnzj8.svelte-pfnzj8 {
    padding: 0
}

@media(max-width: 768px) {
    .desktop-pricing-container.svelte-pfnzj8.svelte-pfnzj8 {
        display:none
    }
}

.wrapper.svelte-pfnzj8.svelte-pfnzj8 {
    background: var(--c-white);
    border-radius: 1em;
    box-shadow: 0px 2px 2px #00000010;
    padding: 3em;
    margin-top: 1em
}

.wrapper.bottom-radius-none.svelte-pfnzj8.svelte-pfnzj8 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.headings.svelte-pfnzj8.svelte-pfnzj8 {
    border-bottom: 1px solid var(--c-gray-body);
    font-size: 16px;
    line-height: 24px
}

.headings.svelte-pfnzj8>div.svelte-pfnzj8 {
    font-weight: 700;
    color: var(--c-gray);
    white-space: nowrap;
    align-items: center
}

.headings.svelte-pfnzj8 small.svelte-pfnzj8 {
    font-weight: normal;
    font-size: 0.75em;
    margin-left: 0.25em
}

.heading.row.svelte-pfnzj8.svelte-pfnzj8 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end
}

.heading.svelte-pfnzj8 span.svelte-pfnzj8,.heading.svelte-pfnzj8 small.svelte-pfnzj8 {
    line-height: 1
}

.heading.svelte-pfnzj8 span.svelte-pfnzj8 {
    font-weight: 700
}

.heading.row.svelte-pfnzj8 small.svelte-pfnzj8 {
    margin-left: 0.5em;
    margin-bottom: 1px;
    color: var(--c-gray-body)
}

.pricing-table.svelte-pfnzj8.svelte-pfnzj8 {
    grid-auto-flow: row;
    align-items: center;
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(5, auto)
}

.pricing-table.svelte-pfnzj8>div.svelte-pfnzj8 {
    border-bottom: 1px solid var(--c-gray-300);
    padding-top: 0;
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-gray);
    padding: 1em;
    background: white;
    height: 100%;
    vertical-align: middle;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%
}

.select-button.svelte-pfnzj8.svelte-pfnzj8 {
    align-items: flex-end;
    grid-column: -2/-1;
    justify-self: flex-end
}

.row-title.svelte-pfnzj8.svelte-pfnzj8 {
    font-weight: 700;
    color: var(--c-gray);
    display: flex;
    align-items: center
}

.subtitle.svelte-pfnzj8.svelte-pfnzj8 {
    display: block;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--c-gray-body)
}

.section-richText.svelte-pfnzj8.svelte-pfnzj8 {
    margin: 0 auto;
    background: var(--c-super-light-blue);
    padding: 1.5em 3em;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 2px 2px #00000010;
    border-top: 1px solid var(--c-gray-300)
}

.section-richText.svelte-pfnzj8 a {
    color: var(--c-primary)
}

.description.svelte-pfnzj8.svelte-pfnzj8,h3.svelte-pfnzj8.svelte-pfnzj8 {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: var(--c-gray-body);
    margin-bottom: 2em
}

.more-details.svelte-pfnzj8.svelte-pfnzj8 {
    color: var(--c-primary)
}

.cta.svelte-pfnzj8.svelte-pfnzj8 {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    width: max-content;
    border-radius: 2em;
    text-align: right;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 0.5em 1em;
    text-align: center
}

.cta[data-cta-type="primary"].svelte-pfnzj8.svelte-pfnzj8 {
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0078aa 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none
}

.cta[data-cta-type="primary"].svelte-pfnzj8.svelte-pfnzj8:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.cta[data-cta-type="primary"].svelte-pfnzj8.svelte-pfnzj8 {
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-pfnzj8.svelte-pfnzj8:hover {
    background: var(--c-old-primary)
}

div.svelte-flv5fj {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.icon-container.svelte-flv5fj img {
    width: 70px;
    height: 54px
}

.icon-container.svelte-flv5fj svg {
    width: 70px;
    height: 54px
}

.icon-container.svelte-flv5fj .svg-component {
    display: flex
}

.icon-container.svelte-flv5fj picture {
    display: flex
}

.group-title-category.svelte-1v30l6k.svelte-1v30l6k {
    display: flex;
    align-items: center
}

.group-title-category.svelte-1v30l6k .category-box-icon {
    margin-right: 5px
}

.group-title.svelte-1v30l6k.svelte-1v30l6k {
    font-size: 16px;
    color: var(--c-gray-body);
    text-transform: uppercase
}

.cloud-product-category-section.svelte-1v30l6k header.svelte-1v30l6k {
    flex-direction: column
}

.cloud-product-category-section.svelte-1v30l6k header h2.svelte-1v30l6k {
    text-align: left !important;
    color: var(--c-black)
}

.cloud-product-category-section.svelte-1v30l6k .rich-text-container p {
    text-align: center
}

.cloud-product-category-section.svelte-1v30l6k .price-wrapper {
    text-align: left
}

.cloud-product-category-section.svelte-1v30l6k .price-wrapper .price {
    color: var(--c-black);
    font-weight: 900;
    font-size: 40px;
    display: initial
}

.cloud-product-category-section.svelte-1v30l6k .price-wrapper .monthly {
    display: inline-block;
    font-size: 12px
}

.cloud-product-category-section.svelte-1v30l6k .rich-text-container {
    padding-bottom: 1em
}

.cloud-product-category-section.svelte-1v30l6k .price-wrapper .price-from {
    font-size: 14px
}

.object-storage-previous-price.svelte-1v30l6k.svelte-1v30l6k {
    font-size: 14px;
    line-height: 1.15
}

.prev-price.svelte-1v30l6k.svelte-1v30l6k {
    text-decoration: line-through;
    color: var(--c-gray-600);
    font-weight: 300
}

.discount.svelte-1v30l6k.svelte-1v30l6k {
    color: var(--c-red);
    font-weight: bold
}

.cloud-product-category-section.svelte-1v30l6k .rich-text-container {
    padding-bottom: 1em
}

section.cloud-product-category-section.svelte-1v30l6k.svelte-1v30l6k {
    border: none
}

.cloud-product-category-section.svelte-1v30l6k header.svelte-1v30l6k img,.cloud-product-category-section.svelte-1v30l6k header.svelte-1v30l6k svg {
    width: 32px;
    height: 24px
}

.flat.cta[data-cta-type="primary"].svelte-1v30l6k.svelte-1v30l6k {
    background: var(--c-primary);
    padding: 1rem 0
}

.flat.cta[data-cta-type="primary"].svelte-1v30l6k.svelte-1v30l6k:hover {
    background: var(--c-old-primary)
}

header.svelte-1v30l6k.svelte-1v30l6k {
    display: flex;
    align-items: left;
    width: 100%
}

header.svelte-1v30l6k h2.svelte-1v30l6k {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.2;
    margin-left: 0;
    font-weight: 900
}

.stack.svelte-1v30l6k.svelte-1v30l6k {
    display: grid;
    grid-gap: 0.5em
}

section.svelte-1v30l6k.svelte-1v30l6k {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    border: 2px solid var(--c-gray-500);
    box-shadow: 0px 5px 5px #323c4626;
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    background: white
}

section.svelte-1v30l6k>* + * {
    margin-top: 8px;
    margin-bottom: 0
}

section.svelte-1v30l6k .cta.svelte-1v30l6k {
    margin-top: auto;
    align-self: center
}

.cta.svelte-1v30l6k.svelte-1v30l6k {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    border-radius: 2em;
    text-align: center;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 1em 1.5em;
    font-size: 14px;
    width: 100%
}

.cta[data-cta-type="primary"].svelte-1v30l6k.svelte-1v30l6k {
    padding: 1rem 2rem;
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0a78c3 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none
}

@media screen and (max-width: 640px) {
    .cta[data-cta-type="primary"].svelte-1v30l6k.svelte-1v30l6k {
        padding:1em 1.25em
    }
}

.cta[data-cta-type="primary"].svelte-1v30l6k.svelte-1v30l6k:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.product-category-section.svelte-1v30l6k .rich-text-container p {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    color: var(--c-black);
    text-align: left
}

.product-category-section.svelte-1v30l6k .rich-text-container ul {
    list-style: none;
    padding: 0
}

.product-category-section.svelte-1v30l6k .rich-text-container li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 1em 0;
    padding-left: 0
}

.product-category-section.svelte-1v30l6k .rich-text-container li p {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: var(--c-gray)
}

.product-category-section.svelte-1v30l6k .promotions {
    justify-content: left !important
}

.product-category-section.svelte-1v30l6k .incl-vat {
    display: none
}

.product-category-section.svelte-1v30l6k .promotions .promotion-label {
    margin-left: 0;
    border-radius: 0
}

.product-category-section.svelte-1v30l6k .rich-text-container li::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("/images/yellow-checkmark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    margin-top: 0.25em;
    flex-shrink: 0
}

.top-promotion.svelte-1v30l6k.svelte-1v30l6k {
    position: absolute;
    top: -21px
}

.bottom-promotion.svelte-1v30l6k.svelte-1v30l6k {
    position: absolute;
    bottom: -13px
}

div.svelte-kqhlg1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1em;
    width: 100%;
    line-height: 1.5
}

div[data-block-size="desktop1/2"].svelte-kqhlg1 {
    grid-template-columns: repeat(2, 1fr)
}

div[data-block-size="desktop1/3"].svelte-kqhlg1 {
    grid-template-columns: repeat(3, 1fr)
}

div[data-block-size="desktop1/4"].svelte-kqhlg1 {
    grid-template-columns: repeat(3, 1fr);
}

@media(max-width: 950px) {
    div[data-block-size].svelte-kqhlg1 {
        grid-template-columns:1fr;
        padding: 1em
    }

    div.svelte-kqhlg1 .product-category-section {
        min-width: 250px;
        max-width: 320px
    }
}

header.svelte-1hn00w1 {
    display: flex;
    flex-direction: column;
    width: 100%
}

.product-name.svelte-1hn00w1 {
    text-align: left;
    color: var(--c-black);
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.2;
    margin-left: 0;
    font-weight: 900;
    line-height: 1.6
}

.category-name.svelte-1hn00w1 {
    font-size: 16px;
    color: var(--c-gray-body);
    line-height: 1.2
}

.featured-product-container.svelte-1hn00w1 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5em;
    box-shadow: 0px 5px 5px #323c4626;
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    background: white
}

.stack.svelte-1hn00w1 {
    display: grid;
    grid-gap: 0.5em;
    margin-top: 1em;
    margin-bottom: 0
}

.stack.svelte-1hn00w1 .price-from {
    position: absolute;
    top: -0.7em
}

.featured-product-container.svelte-1hn00w1 .incl-vat {
    display: none
}

.featured-product-container.svelte-1hn00w1 .price-wrapper {
    text-align: left;
    position: relative
}

.featured-product-container.svelte-1hn00w1 .price-wrapper .price {
    color: var(--c-black);
    font-weight: 900;
    font-size: 48px;
    display: initial
}

.featured-product-container.svelte-1hn00w1 .rich-text-container {
    padding-bottom: 1em
}

.top-promotion.svelte-1hn00w1 {
    position: absolute;
    top: -13px
}

.bottom-promotion.svelte-1hn00w1 {
    position: absolute;
    bottom: -13px
}

.featured-product-container.svelte-1hn00w1 a.featured-product-cta {
    padding: 1rem 2rem;
    font-size: 22px;
    white-space: nowrap;
    margin-top: auto;
    width: 100%
}

.product-addon-combo-container.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5em;
    box-shadow: 0px 5px 5px #323c4626;
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    background: white;
    align-items: center
}

.product-addon-combo-container.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    padding: 1em
}

.product-title.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0.5em;
    color: var(--c-gray);
    width: 100%
}

.product-name.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    text-align: left;
    color: var(--c-black);
    margin: 0;
    padding: 0;
    font-size: 20px;
    line-height: 1.2;
    margin-left: 0;
    font-weight: 900;
    line-height: 1.6;
    display: block;
    height: 4.5rem
}

.product-name.showPriceFrom.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    margin-bottom: 0
}

.product-addon-combo-container.svelte-18icsn8 .price-wrapper {
    text-align: left;
    display: flex;
    height: 7.5rem;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end
}

.product-addon-combo-container.svelte-18icsn8 .price-wrapper .price {
    color: var(--c-black);
    font-weight: 900;
    font-size: 48px;
    display: initial
}

.top-promotion.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    position: absolute;
    top: -13px
}

.bottom-promotion.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    position: absolute;
    bottom: -13px
}

.description.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    width: 100%;
    margin: 0
}

.description.svelte-18icsn8 p {
    margin: 1.5em 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: var(--c-gray)
}

.description.svelte-18icsn8 li p {
    text-align: left
}

.product-addon-combo-cta-container.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: auto
}

.product-addon-combo-cta-container.svelte-18icsn8 a.product-addon-combo-cta {
    padding: 18px 40px;
    font-size: 22px;
    white-space: nowrap;
    width: 100%;
    bottom: 0
}

.components.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8,.specs.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1em
}

.specs.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
    padding: 0
}

.components.svelte-18icsn8 ul.svelte-18icsn8.svelte-18icsn8 {
    padding-inline-start:1em;margin-top: 2em
}

.components.svelte-18icsn8 li.svelte-18icsn8.svelte-18icsn8 {
    margin: 0.5em 0;
    color: var(--c-gray-body)
}

.components.svelte-18icsn8 li.svelte-18icsn8 span.svelte-18icsn8 {
    color: var(--c-gray-body)
}

.description.svelte-18icsn8 .rich-text-container ul,.specs.svelte-18icsn8 ul.svelte-18icsn8.svelte-18icsn8 {
    list-style: none;
    padding: 0
}

.specs.svelte-18icsn8 ul.svelte-18icsn8.svelte-18icsn8 {
    margin-top: 0
}

.description.svelte-18icsn8 .rich-text-container li,.specs.svelte-18icsn8 li.svelte-18icsn8.svelte-18icsn8 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 1em 0;
    padding-left: 0;
    flex-shrink: 0
}

.description.svelte-18icsn8 .rich-text-container li::before,.specs.svelte-18icsn8 li.svelte-18icsn8.svelte-18icsn8::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("/images/yellow-checkmark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    margin-top: 0;
    flex-shrink: 0
}

.description.svelte-18icsn8 .rich-text-container li p,.specs.svelte-18icsn8 li.svelte-18icsn8 span.svelte-18icsn8 {
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0px;
    color: var(--c-gray)
}

.specs.svelte-18icsn8 li.svelte-18icsn8 span.svelte-18icsn8 {
    text-align: left
}

.specs.svelte-18icsn8 li span small.svelte-18icsn8.svelte-18icsn8 {
    display: block;
    font-size: 12px;
    font-weight: 400
}

@media(max-width: 890px) {
    .product-addon-combo-cta-container.svelte-18icsn8 a.product-addon-combo-cta {
        padding:12px 30px;
        font-size: 20px;
        white-space: nowrap
    }

    .product-addon-combo-container.svelte-18icsn8.svelte-18icsn8.svelte-18icsn8 {
        min-width: 80vw
    }
}

.q-and-a-container.svelte-1jny0lg {
    border-bottom: 1px solid var(--c-gray-300);
    text-align: left
}

.question.svelte-1jny0lg {
    display: grid;
    grid-template-columns: 1fr 16px;
    grid-gap: 1em;
    align-items: center;
    width: 100%;
    border: none;
    padding: 1em;
    border-radius: 0;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0px;
    color: var(--c-gray);
    background: transparent;
    text-align: left;
    text-decoration: none
}

.question.svelte-1jny0lg:hover {
    cursor: pointer;
    background-color: var(--c-gray-300)
}

.question.svelte-1jny0lg svg.faq-chevron {
    height: 16px;
    width: 100%;
    stroke-width: 3
}

.richText.svelte-1jny0lg {
    padding: 1em;
    padding-right: 3em
}

.container.svelte-9rmihg {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.container.svelte-9rmihg .section-title h2 {
    font-weight: 900
}

.faq.svelte-9rmihg {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 904px;
    border: none;
    border-top: 1px solid var(--c-gray-300);
    margin: 0 auto
}

@media(max-width: 768px) {
    .container.svelte-9rmihg {
        padding:2em 1em
    }

    .container.svelte-9rmihg .section-title h2 {
        font-size: 1.625em
    }

    .container.svelte-9rmihg .section-title span {
        font-size: 1.25em
    }
}

.testimonial-container.svelte-198c5ws.svelte-198c5ws {
    margin-top: 5em
}

.testimonial-container.svelte-198c5ws>div.svelte-198c5ws {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    min-height: 300px
}

.previous.svelte-198c5ws.svelte-198c5ws,.next.svelte-198c5ws.svelte-198c5ws {
    background: transparent;
    border: none;
    margin: 1rem;
    padding: 4rem
}

.previous.svelte-198c5ws.svelte-198c5ws:hover,.next.svelte-198c5ws.svelte-198c5ws:hover {
    cursor: pointer
}

.content.svelte-198c5ws.svelte-198c5ws {
    position: relative;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.quote.svelte-198c5ws.svelte-198c5ws {
    font-weight: 200;
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0px;
    color: var(--c-gray);
    z-index: 2;
    margin-bottom: 0
}

.customer-content.svelte-198c5ws.svelte-198c5ws {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 120px
}

.profile-image.svelte-198c5ws.svelte-198c5ws {
    max-width: 100px;
    object-fit: contain;
    height: auto;
    border-radius: 60px;
    border: 2px solid var(--c-super-light-blue);
    margin-right: 1rem
}

.corporate-image.svelte-198c5ws.svelte-198c5ws {
    max-width: 100px;
    object-fit: contain;
    height: auto;
    margin-right: 1rem
}

.customer-name.svelte-198c5ws.svelte-198c5ws {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1;
    letter-spacing: 0px;
    color: var(--c-gray);
    display: flex;
    flex-direction: row;
    align-items: center
}

.customer-name.svelte-198c5ws img {
    height: 20px;
    margin-left: 1em;
    margin-top: 2px;
    width: auto
}

.customer-name.svelte-198c5ws .flag-image {
    width: auto;
    overflow: visible
}

.dot.svelte-198c5ws.svelte-198c5ws {
    border: 3px solid #becdd7;
    background: transparent;
    border-radius: 8px;
    padding: 4px;
    margin: 8px
}

.dot.svelte-198c5ws.svelte-198c5ws:hover {
    cursor: pointer
}

.dot.active.svelte-198c5ws.svelte-198c5ws {
    border: 3px solid var(--c-primary);
    background: var(--c-white)
}

.content.svelte-198c5ws svg.testimonial-quotation-mark {
    height: 54px
}

.testimonial-container.svelte-198c5ws svg.testimonial-chevron {
    height: 36px
}

.testimonial-container.svelte-198c5ws svg.testimonial-chevron path {
    stroke: var(--c-primary);
    stroke-width: 2
}

@media(max-width: 768px) {
    .testimonial-container.svelte-198c5ws.svelte-198c5ws {
        margin-top:3em
    }

    .testimonial-container.svelte-198c5ws>div.svelte-198c5ws {
        padding: 0
    }

    .previous.svelte-198c5ws.svelte-198c5ws,.next.svelte-198c5ws.svelte-198c5ws {
        margin: 0;
        padding: 0
    }

    .previous.svelte-198c5ws.svelte-198c5ws {
        margin-right: 1rem
    }

    .next.svelte-198c5ws.svelte-198c5ws {
        margin-left: 1rem
    }

    .content.svelte-198c5ws.svelte-198c5ws {
        width: 80%
    }

    .content.svelte-198c5ws svg.testimonial-quotation-mark {
        height: 36px
    }

    .testimonial-container.svelte-198c5ws svg.testimonial-chevron {
        height: 24px
    }

    .quote.svelte-198c5ws.svelte-198c5ws {
        font-size: 1rem;
        line-height: 30px
    }
}

@media(max-width: 640px) {
    .quote.svelte-198c5ws.svelte-198c5ws {
        font-size:1rem
    }

    .customer-name.svelte-198c5ws.svelte-198c5ws {
        font-size: 1em
    }
}

.with-vat.svelte-116c8t3 {
    display: block;
    font-size: 0.75em;
    font-weight: normal
}

button.svelte-116c8t3 {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray);
    padding: 1em;
    width: 100%;
    border: none;
    border-top: 1px solid var(--c-gray-500);
    background: var(--c-white);
    display: grid;
    grid-template-columns: 1fr 1fr min-content;
    grid-gap: 1em;
    align-items: center;
    text-align: right
}

.title.svelte-116c8t3 {
    text-align: left
}

.container.svelte-116c8t3,.final.svelte-116c8t3 {
    background: #fafbff;
    padding: 1em;
    margin: 0;
    border-top: 1px solid var(--c-gray-300);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1em
}

div.final.svelte-116c8t3 {
    border: none
}

span.svelte-116c8t3 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray)
}

.heading.svelte-116c8t3 {
    font-weight: 700;
    color: var(--c-gray)
}

button.svelte-116c8t3 svg.mobile-pricing-block-chevron {
    height: 14px;
    margin-right: 0.5em
}

button.svelte-116c8t3 svg.mobile-pricing-block-chevron path {
    stroke-width: 3;
    stroke: #788ca0
}

.cta.svelte-116c8t3 {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    border-radius: 2em;
    text-align: right;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 0.5em 1em;
    text-align: center;
    min-width: max-content;
    font-size: 15px;
    line-height: 23px
}

.cta[data-cta-type="primary"].svelte-116c8t3 {
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0078aa 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none;
    max-width: 82px
}

.cta[data-cta-type="primary"].svelte-116c8t3:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.cta[data-cta-type="primary"].svelte-116c8t3 {
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-116c8t3:hover {
    background: var(--c-old-primary)
}

@media(min-width: 641px) {
    button.svelte-116c8t3 {
        grid-template-columns:50% 40% 5%
    }

    button.open.svelte-116c8t3 {
        grid-template-columns: 40% 50% 5%;
        text-align: left
    }
}

.mobile-pricing-container.svelte-8zbq1r {
    display: flex;
    flex-direction: column
}

.wrapper.svelte-8zbq1r {
    background: var(--c-white);
    box-shadow: 0px 2px 2px #00000010;
    margin-top: 1rem
}

.title-section.svelte-8zbq1r {
    padding: 1em
}

h2.svelte-8zbq1r {
    font-weight: 900;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0px;
    color: var(--c-gray);
    margin: 0
}

h3.svelte-8zbq1r {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray-600);
    font-weight: 400;
    margin: 0
}

.more-details.svelte-8zbq1r {
    color: var(--c-primary);
    margin-left: 0.5em
}

.section-richText.svelte-8zbq1r {
    margin: 0 auto;
    background: var(--c-super-light-blue);
    padding: 1em;
    box-shadow: 0px 2px 2px #00000010;
    border-top: 1px solid var(--c-gray-300);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #646e7d
}

.section-richText.svelte-8zbq1r a {
    color: var(--c-primary)
}

@media(min-width: 769px) {
    .mobile-pricing-container.svelte-8zbq1r {
        display:none
    }
}

.desktop-pricing-container.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    padding: 0
}

@media(max-width: 768px) {
    .desktop-pricing-container.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
        display:none
    }
}

.wrapper.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    background: var(--c-white);
    border-radius: 1em;
    box-shadow: 0px 2px 2px #00000010;
    padding: 1.25em;
    margin-top: 1em
}

.headings.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    border-bottom: 1px solid var(--c-gray-body);
    font-size: 16px;
    line-height: 24px
}

.headings.svelte-19ts04e>div.svelte-19ts04e.svelte-19ts04e {
    font-weight: 700;
    color: var(--c-gray);
    white-space: nowrap;
    align-items: center
}

.headings.svelte-19ts04e small.svelte-19ts04e.svelte-19ts04e {
    font-weight: normal;
    font-size: 0.75em;
    margin-left: 0.25em
}

.pricing-table.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    grid-auto-flow: row;
    align-items: center;
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(7, auto)
}

.pricing-table.vds.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e,.pricing-table.object-storage.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    grid-template-columns: repeat(8, auto)
}

.pricing-table.svelte-19ts04e>div.svelte-19ts04e.svelte-19ts04e {
    border-bottom: 1px solid var(--c-gray-300);
    padding-top: 0;
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-gray);
    padding: 1em 0.75em;
    background: white;
    height: 100%;
    vertical-align: middle;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.pricing-table.svelte-19ts04e .select-button.svelte-19ts04e.svelte-19ts04e {
    align-items: flex-end;
    grid-column: -2/-1;
    justify-self: flex-end
}

[data-heading="pricing-header-price"].svelte-19ts04e.svelte-19ts04e.svelte-19ts04e,[data-heading="pricing-header-object-storage"].svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    grid-column: -3/-1
}

[data-heading].svelte-19ts04e small.svelte-19ts04e.svelte-19ts04e {
    font-weight: normal;
    padding-left: 0.25em
}

.pricing-table.svelte-19ts04e [data-heading].svelte-19ts04e.svelte-19ts04e {
    flex-direction: row;
    justify-content: flex-start;
    font-weight: 700
}

.row-title.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    font-weight: 700;
    color: var(--c-gray);
    display: flex;
    align-items: center
}

.subtitle.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    display: block;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--c-gray-body)
}

.section-richText.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    margin: 0 auto;
    background: var(--c-super-light-blue);
    padding: 1.5em 3em;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 2px 2px #00000010;
    border-top: 1px solid var(--c-gray-300)
}

.section-richText.svelte-19ts04e a {
    color: var(--c-primary)
}

.description.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e,h3.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0px;
    color: var(--c-gray-body);
    margin-bottom: 2em
}

.more-details.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    color: var(--c-primary)
}

.cta.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    width: max-content;
    border-radius: 2em;
    text-align: right;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 0.5em 1em;
    text-align: center
}

.cta[data-cta-type="primary"].svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0078aa 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none
}

.cta[data-cta-type="primary"].svelte-19ts04e.svelte-19ts04e.svelte-19ts04e:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.cta[data-cta-type="primary"].svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-19ts04e.svelte-19ts04e.svelte-19ts04e:hover {
    background: var(--c-old-primary)
}

.pricing-table.svelte-19ts04e>div.svelte-19ts04e>span.spec-title.svelte-19ts04e {
    font-size: 12px;
    font-weight: 600
}

.pricing-table.svelte-19ts04e .subtitle.svelte-19ts04e.svelte-19ts04e {
    font-size: 11px;
    font-weight: 300
}

.pricing-table.svelte-19ts04e .price.svelte-19ts04e.svelte-19ts04e {
    font-size: 16px;
    font-weight: 900
}

.price__from.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    font-size: 10px;
    font-weight: 400
}

.prev-price.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    text-decoration: line-through;
    color: var(--c-gray-600);
    font-weight: 300;
    font-size: 12px
}

.discount.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    color: var(--c-red);
    font-weight: bold;
    font-size: 12px
}

.pricing-table.svelte-19ts04e .select-button.svelte-19ts04e.svelte-19ts04e {
    padding-right: 0
}

.promotions.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.promotions.svelte-19ts04e .promotion-label {
    font-size: 10px
}

.no-bottom-radius.svelte-19ts04e.svelte-19ts04e.svelte-19ts04e {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.container.svelte-bjp1lx.svelte-bjp1lx {
    padding: 1em;
    display: flex;
    flex-direction: column
}

.commission-table.svelte-bjp1lx.svelte-bjp1lx {
    display: flex;
    flex-direction: column
}

span.svelte-bjp1lx.svelte-bjp1lx {
    font-size: 16px;
    line-height: 24px;
    color: var(--c-gray-body)
}

.row.svelte-bjp1lx.svelte-bjp1lx {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    padding: 1em
}

.headings.svelte-bjp1lx.svelte-bjp1lx {
    border-bottom: 1px solid var(--c-gray-body)
}

.headings.svelte-bjp1lx span.svelte-bjp1lx {
    font-weight: 600;
    color: var(--c-gray)
}

.product.svelte-bjp1lx.svelte-bjp1lx {
    border-bottom: 1px solid var(--c-gray-300)
}

.container.svelte-cg1da5 {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    padding: 0;
    height: 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.title.svelte-cg1da5 {
    font-size: 40px;
    line-height: 44px;
    color: var(--c-gray);
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 2em
}

.content.svelte-cg1da5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    right: 0;
    z-index: 1
}

@media(max-width: 768px) {
    .title.svelte-cg1da5 {
        font-size:14px;
        line-height: 18px;
        color: var(--c-gray);
        margin: 1em
    }
}

.container.svelte-4u75cm {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin-top: 5em;
    padding: 4em;
    height: 100%
}

.container.svelte-4u75cm>.bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.title.svelte-4u75cm {
    font-size: 40px;
    line-height: 44px;
    line-height: 1.2;
    color: var(--c-white);
    font-weight: bold;
    margin-bottom: 2em
}

.container.svelte-4u75cm .max-width {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    z-index: 5;
    position: relative
}

.number-row.svelte-4u75cm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1em;
    line-height: 1.2;
    font-size: 1rem
}

.number-content.svelte-4u75cm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
    border-radius: 20px;
    opacity: 0.9;
    background: var(--c-yellow);
    min-height: max-content
}

.number-title.svelte-4u75cm {
    font-size: 3.5em;
    font-weight: bold;
    color: var(--c-gray)
}

.richText.svelte-4u75cm p {
    color: var(--c-gray);
    font-size: 1.25em;
    line-height: 1.2;
    max-width: 70%;
    text-align: center;
    margin: 0 auto
}

@media screen and (max-width: 990px) {
    .number-row.svelte-4u75cm {
        grid-template-columns:1fr
    }

    .number-content.svelte-4u75cm {
        min-height: 200px
    }
}

@media(max-width: 768px) {
    .number-row.svelte-4u75cm {
        font-size:0.75rem;
        margin: 0
    }

    .container.svelte-4u75cm {
        padding: 1em
    }

    .title.svelte-4u75cm {
        font-size: 1.5em;
        color: var(--c-gray);
        margin: 1em
    }

    .richText.svelte-4u75cm p {
        font-size: 1.5em
    }
}

.images.svelte-c63qo8 {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: center;
    grid-gap: 1em;
    max-width: 1088px
}

.image-cta__link-button.svelte-c63qo8 {
    width: 100%
}

@media screen and (min-width: 640px) {
    [data-block-size="desktop1/2"] .images.svelte-c63qo8,[data-block-size="desktop1/4"] .images.svelte-c63qo8 {
        grid-template-columns:repeat(2, 1fr)
    }

    [data-block-size="desktop1/3"] .images.svelte-c63qo8 {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 768px) {
    .images.svelte-c63qo8 {
        max-width:80%;
        margin: 0 auto
    }

    [data-block-display="boxed"] .images.svelte-c63qo8 {
        max-width: 100%
    }

    .section-title h2 {
        padding: 0 1rem
    }
}

@media(min-width: 769px) {
    [data-block-size="desktop1/4"] .images.svelte-c63qo8 {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media screen and (max-width: 1120px) {
    .section-title {
        padding:0 1em
    }
}

.image-cta.svelte-c63qo8 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.container.svelte-1fezbn3 {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 0;
    height: 100%;
    width: 100%;
    min-height: 300px;
    padding: 2em
}

.container.svelte-1fezbn3>.bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.content.svelte-1fezbn3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 5;
    position: relative
}

.content.svelte-1fezbn3 img {
    height: 200px;
    width: 200px
}

.text.svelte-1fezbn3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 6em
}

.title.svelte-1fezbn3 {
    font-size: 40px;
    line-height: 44px;
    color: var(--c-gray);
    font-weight: bold;
    margin: 0;
    margin-bottom: 1em
}

.description.svelte-1fezbn3 p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #ffffff
}

.description.svelte-1fezbn3 a {
    color: var(--titleColor)
}

@media(max-width: 768px) {
    .container.svelte-1fezbn3 {
        height:100%;
        padding: 1em
    }

    .title.svelte-1fezbn3 {
        font-size: 24px;
        line-height: 28px;
        color: var(--c-gray)
    }

    .content.svelte-1fezbn3 {
        flex-direction: column
    }

    .text.svelte-1fezbn3 {
        margin: 1em;
        align-items: center
    }

    .description.svelte-1fezbn3 {
        margin: 0 auto
    }
}

@media(min-width: 769px) {
    .description.svelte-1fezbn3 {
        max-width:80%
    }
}

.headline.svelte-1be419m {
    margin: 0 0 1em;
    line-height: 1.5em;
    max-width: 75%;
    position: relative;
    z-index: 2;
    color: var(--c-white)
}

.banner.svelte-1be419m {
    margin-top: 10em;
    background: var(--c-primary)
}

.banner.svelte-1be419m .max-width {
    padding: 1em 0 2em;
    position: relative
}

.banner.svelte-1be419m a {
    position: relative;
    font-size: 1.2em
}

.image-container.svelte-1be419m {
    position: absolute;
    right: 0.5em;
    bottom: -2px
}

.image-container.svelte-1be419m img {
    max-width: 400px
}

@media(max-width: 1088px) {
    .headline.svelte-1be419m {
        margin-left:2em
    }

    .banner.svelte-1be419m a {
        padding: 1em 2em;
        margin-left: 2em;
        font-size: 16px
    }
}

@media(max-width: 768px) {
    .headline.svelte-1be419m {
        margin-left:1rem;
        font-size: 1em;
        max-width: 50%
    }

    .image-container.svelte-1be419m img {
        max-width: 200px
    }

    .banner.svelte-1be419m a {
        margin-left: 1rem;
        font-size: 14px
    }
}

@media(max-width: 560px) {
    .banner.svelte-1be419m a {
        margin-left:0.5em;
        padding: 0.5em 1em
    }
}

.container.svelte-unf687 {
    display: flex;
    flex-direction: row
}

.star.svelte-unf687 {
    margin: 0.5em
}

svg.svelte-unf687 {
    height: 32px
}

.ratings-grid.svelte-1oooru5 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1em;
    row-gap: 2em
}

.rating-block.svelte-1oooru5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
    border: 1px solid var(--c-gray-500);
    border-radius: 10px;
    background: var(--c-white);
    text-align: center
}

.ratings-grid.svelte-1oooru5 img {
    margin: 0 auto;
    margin-bottom: 1em;
    max-width: 12.5rem
}

@media screen and (max-width: 1088px) {
    .ratings-grid.svelte-1oooru5 {
        grid-template-columns:repeat(2, 1fr);
        padding: 0 2em
    }
}

@media(max-width: 768px) {
    .ratings-grid.svelte-1oooru5 {
        grid-template-columns:1fr
    }

    .rating-block.svelte-1oooru5 {
        width: 100%
    }
}

.container.svelte-1q2a7vg.svelte-1q2a7vg {
    position: relative;
    padding: 0
}

.container.svelte-1q2a7vg .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.inner.svelte-1q2a7vg.svelte-1q2a7vg {
    padding: 1em;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.content.svelte-1q2a7vg.svelte-1q2a7vg {
    width: 50%;
    margin-top: 3em
}

.support-banner.svelte-1q2a7vg.svelte-1q2a7vg {
    position: absolute;
    top: 0;
    right: 0
}

.content.svelte-1q2a7vg .rich-text-container a {
    display: block
}

.content.svelte-1q2a7vg h3 {
    color: var(--c-gray);
    font-size: 1.5em
}

.content.svelte-1q2a7vg .rich-text-container a {
    color: var(--c-gray);
    font-weight: bold
}

.content.svelte-1q2a7vg .rich-text-container a:hover {
    color: var(--c-primary)
}

@media(max-width: 768px) {
    .container.svelte-1q2a7vg.svelte-1q2a7vg {
        background-image:none !important;
        padding: 0
    }

    .content.svelte-1q2a7vg.svelte-1q2a7vg {
        width: 100%;
        margin-top: 0
    }

    .content.svelte-1q2a7vg .svelte-1q2a7vg:not(img),.content.svelte-1q2a7vg .rich-text-container {
        padding: 1em
    }

    .support-banner.svelte-1q2a7vg.svelte-1q2a7vg {
        position: relative
    }
}

@media(min-width: 769px) {
    .content.svelte-1q2a7vg .mobile {
        display:none
    }
}

@media(max-width: 768px) {
    .container.svelte-1q2a7vg .bg {
        display:none
    }

    .inner.svelte-1q2a7vg.svelte-1q2a7vg {
        padding: 0
    }

    .support-banner.svelte-1q2a7vg.svelte-1q2a7vg {
        width: 100%
    }
}

.container.svelte-nqihmg {
    padding-top: 2em;
    width: 100%
}

.images.svelte-nqihmg {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 650px
}

.images.svelte-nqihmg .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@media screen and (min-width: 640px) {
    .images.d1-2.svelte-nqihmg,.images.d1-4.svelte-nqihmg {
        grid-template-columns:repeat(2, 1fr)
    }

    .images.d1-3.svelte-nqihmg {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width: 768px) {
    .container.svelte-nqihmg {
        padding:1em
    }

    .container.svelte-nqihmg .section-title h2 {
        font-size: 1.5em
    }
}

@media(min-width: 769px) {
    .images.d1-4.svelte-nqihmg {
        grid-template-columns:repeat(4, 1fr)
    }
}

.text-center.svelte-pww8wn.svelte-pww8wn {
    text-align: center
}

.svg-container.svelte-pww8wn.svelte-pww8wn {
    grid-area: svg;
    min-height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.svg-container.svelte-pww8wn img {
    object-fit: contain;
    background-position: top;
    height: 100%;
    max-width: 100%;
    max-height: 90px
}

.icon-name.svelte-pww8wn .name.svelte-pww8wn {
    margin: 1em 0;
    height: unset;
    text-align: center
}

.name.svelte-pww8wn.svelte-pww8wn {
    grid-area: name;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0px;
    color: var(--c-gray);
    display: flex;
    /*justify-content: center;*/
    height: 100%
}

.name.bold.svelte-pww8wn.svelte-pww8wn {
    font-weight: bold
}

.name.hideBottomMargin.svelte-pww8wn.svelte-pww8wn {
    margin-bottom: 0
}

.description.svelte-pww8wn.svelte-pww8wn {
    grid-area: description;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray);
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.icontextbox-container.svelte-fs43sc .promotion-label {
    font-size: 0.7em;
    margin-left: 0.2em
}

a.icontextbox-container.svelte-fs43sc {
    text-decoration: none;
    padding-bottom: 0.4em
}

a.icontextbox-container.svelte-fs43sc:hover {
    background: var(--c-gray-300);
    border-radius: 10px
}

.icontextbox-container.svelte-fs43sc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.icontextbox-container.left.svelte-fs43sc {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr 4fr;
    grid-template-areas: ". name" "svg description";
    grid-column-gap: 1em;
    align-items: start
}

.icontextbox-container.left.no-img.svelte-fs43sc {
    grid-template-areas: "name" "description";
    grid-template-columns: 90%
}

[data-block-size="full"] .icontextbox-container.left.svelte-fs43sc {
    grid-template-areas: "svg name" "svg description"
}

.icontextbox-container.svelte-fs43sc .svg-container.logo img {
    height: 4em;
    max-width: 98px;
    max-height: 82px
}

.grid-orphans-centered.svelte-fs43sc {
    grid-column: span 2
}

@media screen and (max-width: 768px) {
    .icontextbox-container.left.svelte-fs43sc:not(.no-img) {
        grid-template-columns:1fr;
        grid-template-rows: 1fr 25px 1fr;
        row-gap: 0.5em;
        grid-template-areas: "svg" "name" "description";
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem
    }
}

@media screen and (min-width: 640px) {
    [data-block-size="desktop1/2"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(2n - 1),[data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(2n - 1) {
        grid-column-end:-2
    }

    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(2n - 1) {
        grid-column-end: -2
    }

    [data-block-size="desktop1/3"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(3n - 2) {
        grid-column-end: 5
    }

    [data-block-size="desktop1/3"] .grid-orphans-centered.svelte-fs43sc:nth-last-child(2):nth-child(3n + 1) {
        grid-column-end: 4
    }

    [data-block-size="desktop1/3"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(3n - 1) {
        grid-column-end: -2
    }
}

@media screen and (min-width: 768px) {
    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(4n - 3) {
        grid-column-end:-4
    }

    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:nth-last-child(2):nth-child(4n + 1) {
        grid-column-end: 5
    }

    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(4n - 2) {
        grid-column-end: 7
    }

    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:nth-last-child(3):nth-child(4n + 1) {
        grid-column-end: 4
    }

    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:nth-last-child(2):nth-child(4n + 2) {
        grid-column-end: 6
    }

    [data-block-size="desktop1/4"] .grid-orphans-centered.svelte-fs43sc:last-child:nth-child(4n - 1) {
        grid-column-end: 8
    }
}

.grid.svelte-1tukn8f {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2em
}

@media screen and (min-width: 640px) {
    [data-block-size="desktop1/2"] .grid.svelte-1tukn8f,[data-block-size="desktop1/4"] .grid.svelte-1tukn8f {
        grid-template-columns:repeat(2, 1fr)
    }

    [data-block-size="desktop1/3"] .grid.svelte-1tukn8f {
        grid-template-columns: repeat(3, 1fr)
    }

    [data-block-size="desktop1/2"] .grid.centered-layout.svelte-1tukn8f,[data-block-size="desktop1/4"] .grid.centered-layout.svelte-1tukn8f {
        grid-template-columns: repeat(4, 1fr)
    }

    [data-block-size="desktop1/3"] .grid.centered-layout.svelte-1tukn8f {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media screen and (min-width: 768px) {
    [data-block-size="desktop1/4"] .grid.svelte-1tukn8f {
        grid-template-columns:repeat(4, 1fr)
    }

    [data-block-size="desktop1/4"] .grid.centered-layout.svelte-1tukn8f {
        grid-template-columns: repeat(8, 1fr)
    }
}

path.orange.svelte-oqbn2j {
    fill: #d99107
}

.basic-terms.svelte-1hebwbq {
    padding-left: 0;
    padding-right: 0
}

.container.svelte-1hebwbq {
    border: 1px solid var(--c-gray-500);
    border-radius: 10px;
    padding: 1em
}

.title.svelte-1hebwbq {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0px;
    color: var(--c-gray-body)
}

.title.svelte-1hebwbq svg {
    height: 18px;
    margin-right: 0.5em
}

.title.svelte-1hebwbq svg path {
    fill: var(--c-gray-body)
}

.terms.svelte-1hebwbq {
    display: grid;
    grid-template-columns: repeat(var(--block-count), 1fr);
    grid-gap: 0.5em
}

.terms.svelte-1hebwbq p {
    text-align: left;
    color: var(--gray-body);
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0px
}

@media screen and (max-width: 1110px) {
    .basic-terms.svelte-1hebwbq {
        padding-left:1em;
        padding-right: 1em
    }
}

@media screen and (max-width: 639px) {
    .terms.svelte-1hebwbq {
        grid-template-columns:1fr
    }
}

.text-block-container.svelte-6vrdhb {
    margin: auto
}

.text-block-container__title.svelte-6vrdhb {
    font-size: 2.5em;
    font-weight: 700;
    color: var(--c-primary);
    display: block
}

.text-block-container__subtitle.svelte-6vrdhb {
    font-weight: 700;
    line-height: 1.7em;
    font-size: 1.2em
}

@media(max-width: 768px) {
    .text-block-container.svelte-6vrdhb {
        display:flex;
        flex-direction: column;
        align-items: center
    }
}

.grid.svelte-1tukn8f {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2em
}

@media screen and (min-width: 640px) {
    [data-block-size="desktop1/2"] .grid.svelte-1tukn8f,[data-block-size="desktop1/4"] .grid.svelte-1tukn8f {
        grid-template-columns:repeat(2, 1fr)
    }

    [data-block-size="desktop1/3"] .grid.svelte-1tukn8f {
        grid-template-columns: repeat(3, 1fr)
    }

    [data-block-size="desktop1/2"] .grid.centered-layout.svelte-1tukn8f,[data-block-size="desktop1/4"] .grid.centered-layout.svelte-1tukn8f {
        grid-template-columns: repeat(4, 1fr)
    }

    [data-block-size="desktop1/3"] .grid.centered-layout.svelte-1tukn8f {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media screen and (min-width: 768px) {
    [data-block-size="desktop1/4"] .grid.svelte-1tukn8f {
        grid-template-columns:repeat(4, 1fr)
    }

    [data-block-size="desktop1/4"] .grid.centered-layout.svelte-1tukn8f {
        grid-template-columns: repeat(8, 1fr)
    }
}

.mobile-pricing-container.svelte-4zlxtf {
    display: flex;
    flex-direction: column;
    width: 100%
}

.wrapper.svelte-4zlxtf {
    position: relative;
    background: var(--c-white);
    box-shadow: 0px 2px 2px #00000010;
    border-right: 1px solid var(--c-gray-300);
    border-left: 1px solid var(--c-gray-300)
}

.featured.svelte-4zlxtf {
    border: 2px solid var(--c-yellow)
}

.featured-snippet.svelte-4zlxtf {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--c-yellow);
    color: var(--c-gray);
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 0.25em 0.25em
}

button.svelte-4zlxtf {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-gray);
    width: 100%;
    border: none;
    border-top: 1px solid var(--c-gray-500);
    background: var(--c-white);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1em;
    align-items: center;
    text-align: right;
    padding: 1em
}

h2.svelte-4zlxtf {
    font-weight: 900;
    font-size: 18px;
    line-height: 33px;
    letter-spacing: 0px;
    color: var(--c-gray-800);
    margin: 0;
    text-align: left
}

.price.svelte-4zlxtf {
    color: var(--c-gray-800)
}

.with-vat.svelte-4zlxtf {
    display: block;
    font-size: 0.75em;
    font-weight: normal
}

.container.svelte-4zlxtf,.final.svelte-4zlxtf {
    background: #fafbff;
    padding: 1em;
    margin: 0;
    border-top: 1px solid var(--c-gray-300);
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1em
}

.heading.svelte-4zlxtf {
    font-weight: 700;
    color: var(--c-gray);
    text-align: left
}

.cta.svelte-4zlxtf {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    border-radius: 2em;
    text-align: right;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 0.5em 1em;
    text-align: center;
    min-width: max-content;
    font-size: 15px;
    line-height: 23px
}

.cta[data-cta-type="primary"].svelte-4zlxtf {
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0078aa 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none;
    max-width: 82px
}

.cta[data-cta-type="primary"].svelte-4zlxtf:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.cta[data-cta-type="primary"].svelte-4zlxtf {
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-4zlxtf:hover {
    background: var(--c-old-primary)
}

@media(min-width: 769px) {
    .mobile-pricing-container.svelte-4zlxtf {
        display:none
    }
}

.row.svelte-15jm72b .separate.svelte-15jm72b {
    border-left: 1px solid var(--c-gray-500);
    padding: 1em 0;
    width: 0%
}

.price-per-month.svelte-15jm72b.svelte-15jm72b {
    font-size: 0.9em
}

.promotion-section.svelte-15jm72b.svelte-15jm72b {
    position: relative;
    margin-bottom: 1em;
    height: 30px
}

.triangle.svelte-15jm72b.svelte-15jm72b {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-bottom: 15px solid var(--c-red);
    position: absolute;
    left: -32px;
    top: -15px
}

.cell.svelte-15jm72b.svelte-15jm72b:first-of-type {
    width: 180px
}

.cell.svelte-15jm72b.svelte-15jm72b:not(:first-of-type) {
    flex: 1
}

.cell.cell-price.svelte-15jm72b.svelte-15jm72b {
    flex: unset;
    width: 160px
}

.promotion-label.svelte-15jm72b.svelte-15jm72b {
    position: absolute;
    left: -32px;
    padding: 5px 15px 5px 16px;
    color: var(--c-white);
    font-weight: 600;
    font-size: 1.2em;
    background: var(--c-red);
    box-shadow: 0px 2px 2px #00000010
}

.title.svelte-15jm72b.svelte-15jm72b {
    font-size: 0.9em
}

.highlight.svelte-15jm72b.svelte-15jm72b {
    font-weight: 900;
    font-size: 16px
}

.desktop-pricing-container.svelte-15jm72b.svelte-15jm72b {
    padding: 0;
    flex: 1
}

@media(max-width: 768px) {
    .desktop-pricing-container.svelte-15jm72b.svelte-15jm72b {
        display:none
    }
}

.wrapper.svelte-15jm72b.svelte-15jm72b {
    background: var(--c-white);
    border-radius: 1em;
    padding: 2em 1em;
    box-shadow: rgba(0, 0, 0, 0.063) 0px 2px 2px 2px
}

.row.svelte-15jm72b.svelte-15jm72b {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
    box-shadow: 0px 2px 2px 2px #00000010;
    border-radius: 0.5em
}

.row.svelte-15jm72b.svelte-15jm72b:last-child {
    margin-bottom: 0
}

.row.svelte-15jm72b>div.svelte-15jm72b {
    padding-top: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--c-gray);
    padding: 1em;
    width: 100%
}

.featured.row.svelte-15jm72b>div.svelte-15jm72b {
    color: var(--c-white)
}

.subtitle.svelte-15jm72b.svelte-15jm72b {
    font-size: 0.6em
}

.featured.svelte-15jm72b.svelte-15jm72b {
    background: var(--c-primary)
}

.featured.svelte-15jm72b .flat.cta[data-cta-type="primary"].svelte-15jm72b {
    background: var(--c-white);
    color: var(--c-primary);
    font-weight: bold
}

.featured.svelte-15jm72b .flat.cta[data-cta-type="primary"].svelte-15jm72b:hover {
    background: var(--c-gray-100);
    color: var(--c-primary)
}

.featured-snippet.svelte-15jm72b.svelte-15jm72b {
    position: absolute;
    left: 2em;
    top: 0.5em;
    color: var(--c-white);
    font-size: 0.6em;
    font-weight: bold;
    padding: 0.25em 0.25em;
    display: flex;
    align-items: center
}

.featured-snippet.svelte-15jm72b img {
    width: 10px;
    height: 10px;
    margin-right: 0.7em
}

.featured-snippet.svelte-15jm72b .image-component {
    width: unset
}

.select-button.svelte-15jm72b.svelte-15jm72b {
    align-items: flex-end;
    grid-column: -2/-1;
    justify-self: flex-end
}

.cta.svelte-15jm72b.svelte-15jm72b {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    width: max-content;
    border-radius: 2em;
    text-align: right;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 0.5em 1em;
    text-align: center
}

.cta[data-cta-type="primary"].svelte-15jm72b.svelte-15jm72b {
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0078aa 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none
}

.cta[data-cta-type="primary"].svelte-15jm72b.svelte-15jm72b:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.flat.cta[data-cta-type="primary"].svelte-15jm72b.svelte-15jm72b {
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-15jm72b.svelte-15jm72b:hover {
    background: var(--c-old-primary)
}

.progress.svelte-nr1egt {
    vertical-align: baseline
}

.progress.svelte-nr1egt {
    display: flex;
    height: 2.5rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem
}

.progress-bar.svelte-nr1egt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: width 0.6s ease
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar.svelte-nr1egt {
        transition: none
    }
}

.bg-gradient.svelte-nr1egt {
    background-image: var(--bs-gradient) !important
}

.shadow-sm.svelte-nr1egt {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important
}

.w-100.svelte-nr1egt {
    width: 100%
}

.comparison-item-container.svelte-1sod8i {
    display: grid;
    grid-template-columns: 8% 14% 1fr;
    gap: 0.25rem 0.5rem;
    height: 5rem;
    margin: 0 3rem
}

.comparison-item-container.svelte-1sod8i>.progress {
    margin-top: auto;
    margin-bottom: auto
}

.svg-container.svelte-1sod8i {
    align-items: center;
    display: flex
}

.svg-container.svelte-1sod8i>svg {
    width: auto;
    height: 36px
}

.title.svelte-1sod8i {
    font-size: 1rem;
    font-weight: 600;
    margin-top: auto;
    margin-bottom: auto
}

.progress-price-container.svelte-1sod8i {
    margin-bottom: auto;
    display: flex;
    flex-direction: row
}

.price-container.svelte-1sod8i {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 1.2rem;
    min-width: 25%
}

.price.svelte-1sod8i {
    font-size: 1.2rem;
    font-weight: 600
}

.product-name.svelte-1sod8i {
    color: var(--c-gray);
    font-size: 0.75rem;
    position: absolute;
    margin-top: 2.85rem;
    margin-left: 0.15rem
}

.footer.svelte-1sod8i {
    color: var(--c-gray-600);
    font-size: 0.75rem
}

.fade-in-text.svelte-1sod8i {
    animation: svelte-1sod8i-fadeIn linear 0.8s;
    -webkit-animation: svelte-1sod8i-fadeIn linear 0.8s;
    -moz-animation: svelte-1sod8i-fadeIn linear 0.8s;
    -o-animation: svelte-1sod8i-fadeIn linear 0.8s;
    -ms-animation: svelte-1sod8i-fadeIn linear 0.8s
}

@keyframes svelte-1sod8i-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes svelte-1sod8i-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes svelte-1sod8i-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes svelte-1sod8i-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes svelte-1sod8i-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media(min-width: 769px) {
    .svg-container.svelte-1sod8i {
        justify-content:center
    }

    .progress-price-container.svelte-1sod8i {
        margin-top: auto
    }

    .footer.svelte-1sod8i {
        margin: 2rem 4rem
    }

    .product-name-mobile.svelte-1sod8i {
        display: none
    }
}

@media(max-width: 768px) {
    .comparison-item-container.svelte-1sod8i {
        grid-template-columns:14% 2fr;
        grid-template-rows: 35% 1fr;
        margin: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start
    }

    .progress-price-container.svelte-1sod8i {
        grid-column: span 2;
        margin-top: 0;
        flex: 1
    }

    .svg-container.svelte-1sod8i {
        justify-content: left
    }

    .product-name.svelte-1sod8i {
        display: none
    }

    .product-name-mobile.svelte-1sod8i {
        width: 100%;
        font-size: 11px
    }

    .footer.svelte-1sod8i {
        margin: 0;
        width: 100%
    }

    .title.svelte-1sod8i {
        display: none
    }

    .comparison-items.svelte-1sod8i {
        display: flex;
        flex-direction: column;
        gap: 2rem
    }

    .progress-price-container.svelte-1sod8i .price-container {
        display: flex;
        flex-direction: column
    }
}

.terminal.svelte-1cobz07.svelte-1cobz07 {
    position: relative;
    font-family: monospace;
    font-size: 1.5rem;
    border-radius: 0.5rem;
    min-height: fit-content;
    overflow: hidden;
    box-shadow: 0px 5px 5px #323c4626;
    padding-bottom: 2em
}

.terminal.light.svelte-1cobz07.svelte-1cobz07 {
    background: var(--c-white);
    color: var(--c-gray)
}

.terminal.dark.svelte-1cobz07.svelte-1cobz07 {
    background: #333;
    color: #b8b8b8
}

.terminal--bar.svelte-1cobz07.svelte-1cobz07 {
    padding: 0.7rem 1rem;
    margin-bottom: 1rem
}

.terminal--bar.svelte-1cobz07 svg.svelte-1cobz07 {
    height: revert
}

.terminal.light.svelte-1cobz07 .terminal--bar.svelte-1cobz07 {
    background: #e5e5e5
}

.terminal.dark.svelte-1cobz07 .terminal--bar.svelte-1cobz07 {
    background: #333
}

.terminal.dark.svelte-1cobz07 .terminal--cta a.svelte-1cobz07 {
    color: var(--c-old-primary)
}

.terminal.dark.svelte-1cobz07 .terminal--cta a.svelte-1cobz07:hover {
    color: var(--c-primary)
}

.terminal--cta.svelte-1cobz07.svelte-1cobz07 {
    position: absolute;
    bottom: 1.5em;
    right: 1.5em;
    font-size: 0.5em
}

.terminal--body.svelte-1cobz07.svelte-1cobz07 {
    padding: 0 1em
}

.terminal--body.svelte-1cobz07 .rich-text-container p {
    font-size: 0.8em
}

.terminal--body.svelte-1cobz07 .prompt {
    color: #27c93f;
    font-weight: bold;
    padding-right: 0.5em
}

.text-cta-component.svelte-1kkyd6d {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.d-none.svelte-1ujxcau.svelte-1ujxcau {
    display: none
}

.group-title.svelte-1ujxcau.svelte-1ujxcau {
    font-size: 16px;
    color: var(--c-gray-body);
    text-transform: uppercase
}

.product-category-section.svelte-1ujxcau.svelte-1ujxcau {
    margin-top: 2em;
    min-width: 320px;
    max-width: 360px
}

.product-category-section.svelte-1ujxcau header.svelte-1ujxcau {
    flex-direction: column
}

.product-category-section.svelte-1ujxcau header h2.svelte-1ujxcau {
    text-align: left !important;
    color: var(--c-black)
}

.product-category-section.svelte-1ujxcau .rich-text-container p {
    text-align: center
}

.product-category-section.svelte-1ujxcau .price-wrapper {
    text-align: left
}

.product-category-section.svelte-1ujxcau .price-wrapper .price-from {
    display: none
}

.product-category-section.svelte-1ujxcau .price-wrapper .price {
    color: var(--c-black);
    font-weight: 900;
    font-size: 40px;
    display: initial
}

.product-category-section.svelte-1ujxcau .price-wrapper .suffix {
    color: var(--c-black);
    font-weight: 900;
    font-size: 40px;
    display: initial
}

.product-category-section.svelte-1ujxcau .price-wrapper .monthly {
    display: inline-block
}

.product-category-section.svelte-1ujxcau .rich-text-container {
    padding-bottom: 0.5em
}

.product-category-section.svelte-1ujxcau header.svelte-1ujxcau img,.product-category-section.svelte-1ujxcau header.svelte-1ujxcau svg {
    width: 120px;
    height: 90px;
    max-height: 100px
}

.flat.cta[data-cta-type="primary"].svelte-1ujxcau.svelte-1ujxcau {
    font-size: 22px;
    background: var(--c-primary)
}

.flat.cta[data-cta-type="primary"].svelte-1ujxcau.svelte-1ujxcau:hover {
    background: var(--c-old-primary)
}

header.svelte-1ujxcau.svelte-1ujxcau {
    display: flex;
    align-items: left;
    width: 100%
}

header.svelte-1ujxcau h2.svelte-1ujxcau {
    display: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 22px;
    line-height: 1.2;
    margin-left: 0;
    font-weight: 900
}

.product-category-section.svelte-1ujxcau .stack.svelte-1ujxcau {
    margin-top: 7px
}

.stack.svelte-1ujxcau.svelte-1ujxcau {
    display: grid;
    grid-gap: 0.15em
}

section.svelte-1ujxcau.svelte-1ujxcau {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5em;
    border: 2px solid var(--c-gray-500);
    box-shadow: 0px 5px 5px #323c4626;
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    background: white
}

section.svelte-1ujxcau .category-box-icon svg {
    max-height: 56px;
    min-height: 42px;
    height: 4vw
}

section.svelte-1ujxcau>* + * {
    margin-top: 1em;
    margin-bottom: 0
}

section.svelte-1ujxcau .cta.svelte-1ujxcau {
    margin-top: auto;
    align-self: center
}

.cta.svelte-1ujxcau.svelte-1ujxcau {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    border-radius: 2em;
    text-align: center;
    box-shadow: 0px 5px 5px #323c4626;
    background: white;
    padding: 1em 1.5em;
    width: 100%
}

.cta[data-cta-type="primary"].svelte-1ujxcau.svelte-1ujxcau {
    padding: 1rem 2rem;
    box-shadow: 0px 2px 2px #323c4626;
    border-radius: 31px;
    font-weight: 600;
    text-decoration: none;
    background: transparent linear-gradient(180deg, #009beb 0%, #0a78c3 100%) 0% 0% no-repeat padding-box;
    color: var(--c-white);
    border: none
}

@media screen and (max-width: 640px) {
    .cta[data-cta-type="primary"].svelte-1ujxcau.svelte-1ujxcau {
        padding:1em 1.25em
    }
}

.cta[data-cta-type="primary"].svelte-1ujxcau.svelte-1ujxcau:hover {
    background: transparent linear-gradient(180deg, #5ac8f5 0%, #009beb 100%)
}

.product-category-section.svelte-1ujxcau .rich-text-container p {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    color: var(--c-black);
    text-align: left
}

.product-category-section.svelte-1ujxcau .rich-text-container ul {
    list-style: none;
    padding: 0
}

.product-category-section.svelte-1ujxcau .rich-text-container li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0.75em 0;
    padding-left: 0
}

.product-category-section.svelte-1ujxcau .rich-text-container li p {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0px;
    color: var(--c-black)
}

.product-category-section.svelte-1ujxcau .promotions {
    justify-content: left !important
}

.product-category-section.svelte-1ujxcau .incl-vat {
    display: none
}

.product-category-section.svelte-1ujxcau .promotions .promotion-label {
    margin-left: 0;
    border-radius: 0
}

.product-category-section.svelte-1ujxcau .rich-text-container li::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("/images/yellow-checkmark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    margin-top: 0.25em;
    flex-shrink: 0
}

.previous-price.svelte-1ujxcau.svelte-1ujxcau {
    height: 14px;
    font-size: 14px;
    text-decoration: line-through;
    color: var(--c-gray-body);
    margin-right: 0.35em
}

.previous-price-row.svelte-1ujxcau.svelte-1ujxcau {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 2rem
}

.top-promotion.svelte-1ujxcau.svelte-1ujxcau {
    position: absolute;
    top: -26px
}

.discount.svelte-1ujxcau.svelte-1ujxcau {
    color: var(--c-red);
    font-weight: bold
}

.radio-button.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq {
    --border: var(--c-gray-500);
    display: flex;
    flex-direction: column
}

.radio-button.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq:focus {
    outline: none
}

.radio-button.svelte-igo4jq>.svelte-igo4jq+.svelte-igo4jq {
    margin-top: 0.25em
}

.radiobutton-container.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq {
    position: relative;
    padding-left: 1em
}

.option-name.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq {
    font-size: 1rem;
    color: var(--c-gray);
    margin-left: 2em
}

.disabled.svelte-igo4jq .option-name.svelte-igo4jq.svelte-igo4jq {
    color: var(--c-gray-500)
}

.radiobutton-container.svelte-igo4jq input[type="radio"].svelte-igo4jq.svelte-igo4jq {
    display: none
}

.custom-radio.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq {
    color: var(--border);
    position: absolute;
    top: calc(50% - 10px - 1px);
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid currentColor;
    border-radius: 50%
}

label.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq:hover {
    background-color: #fff;
    border-color: currentColor
}

label.svelte-igo4jq:hover:not(.disabled) .custom-radio.svelte-igo4jq.svelte-igo4jq,.radio-button.svelte-igo4jq:focus .custom-radio.svelte-igo4jq.svelte-igo4jq {
    box-shadow: 0 0 0 1px currentColor
}

label.svelte-igo4jq input.svelte-igo4jq:checked~.custom-radio.svelte-igo4jq {
    color: var(--c-primary)
}

.custom-radio.svelte-igo4jq.svelte-igo4jq.svelte-igo4jq:after {
    content: "";
    position: absolute;
    visibility: hidden
}

label.svelte-igo4jq input.svelte-igo4jq:checked~.custom-radio.svelte-igo4jq:after {
    visibility: visible
}

.radiobutton-container.svelte-igo4jq .custom-radio.svelte-igo4jq.svelte-igo4jq:after {
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--c-primary)
}

.tabs.svelte-1wa00rd .icon-text-grid__section-title {
    display: none
}

.tabs.svelte-1wa00rd .icon-text-grid__section-body .icontextbox-container.left {
    grid-template-columns: revert;
    grid-template-rows: revert;
    align-items: center;
    padding: 0 15em;
    text-align: left
}

.tabs.svelte-1wa00rd [role="tabpanel"] {
    padding: 1em 0;
    width: 100%;
    background: var(--c-white);
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    box-shadow: 0px 2px 2px 2px #00000010
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component {
    padding: 0em 1em;
    box-shadow: none
}

.tabs.classic-tabs.svelte-1wa00rd [role="tabpanel"],.tabs.alternateTabsStyle.svelte-1wa00rd [role="tabpanel"] {
    padding: 0;
    margin-top: 2em;
    width: 100%;
    border-radius: none;
    background: none;
    box-shadow: none
}

.tablist.svelte-1wa00rd.svelte-1wa00rd {
    font-size: 1.25em;
    display: flex;
    gap: 0.5em
}

.classic-tabs.svelte-1wa00rd .tablist.svelte-1wa00rd {
    border-bottom: 2px solid var(--c-gray-500);
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1em;
    padding: 0 2em
}

.tablist.alternateTabsStyle.svelte-1wa00rd.svelte-1wa00rd {
    max-width: fit-content;
    margin: 0 auto;
    background: var(--c-white);
    padding: 0.5em;
    border-radius: 10px;
    border-bottom: none
}

.tablist.svelte-1wa00rd button {
    border: 0;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    color: var(--c-white);
    background: var(--c-primary);
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    padding: 1em 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: 0 -5px 5px -5px #00000010, -5px 0 5px -5px #00000010, 5px 0 5px -5px #00000010
}

.classic-tabs.svelte-1wa00rd .tablist.svelte-1wa00rd button {
    margin: 0;
    margin-bottom: -2px;
    padding: 0.5em;
    border: 0;
    border-bottom: 4px solid transparent;
    font-weight: 400;
    line-height: 1.2;
    background: transparent;
    color: var(--c-gray);
    cursor: pointer;
    box-shadow: none
}

.tablist.alternateTabsStyle.svelte-1wa00rd button {
    background: var(--c-gray-100);
    border-radius: 10px;
    margin-bottom: 0;
    border-bottom: 0;
    padding: 0.5em 1em;
    font-weight: 400;
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--c-gray);
    box-shadow: none
}

.tablist.alternateTabsStyle.svelte-1wa00rd button .radio-button {
    margin-right: 0.5em
}

.tablist.alternateTabsStyle.svelte-1wa00rd button .radio-button .custom-radio {
    top: -10px
}

.tablist.alternateTabsStyle.svelte-1wa00rd button[aria-selected="true"] .radio-button .custom-radio {
    background: var(--c-primary);
    border: 1px solid var(--c-white)
}

.tablist.alternateTabsStyle.svelte-1wa00rd button[aria-selected="true"] .radio-button .custom-radio::after {
    background: var(--c-white)
}

.tablist.svelte-1wa00rd button .icon-container img,.tablist.svelte-1wa00rd button .icon-container svg {
    width: 38px;
    height: 24px;
    margin: 0 0.55em 0 0
}

.tablist.alternateTabsStyle.svelte-1wa00rd button[aria-selected="true"] .icon-container img {
    color: white
}

.tablist.alternateTabsStyle.svelte-1wa00rd button .icon-container img,.tablist.alternateTabsStyle.svelte-1wa00rd button .icon-container svg {
    margin: 0 0.55em 0 0.75em
}

.tablist.svelte-1wa00rd button:focus {
    outline: 0
}

.tablist.svelte-1wa00rd button[aria-selected="false"]:hover {
    color: var(--c-gray-300)
}

.classic-tabs.svelte-1wa00rd .tablist.svelte-1wa00rd button[aria-selected="false"]:hover {
    color: var(--c-primary)
}

.tablist.alternateTabsStyle.svelte-1wa00rd button[aria-selected="false"]:hover {
    color: var(--c-gray);
    background: rgba(10, 120, 195, 0.2)
}

.tablist.alternateTabsStyle.svelte-1wa00rd:hover .custom-radio {
    box-shadow: 0 0 0 1px var(--c-gray-500)
}

.tablist.alternateTabsStyle.svelte-1wa00rd:hover .custom-radio:hover {
    cursor: pointer
}

.keyboard-user .tablist.svelte-1wa00rd button:focus {
    outline: 2px solid var(--c-primary)
}

body:not(.keyboard-user) .tabs.svelte-1wa00rd [role="tabpanel"] {
    outline: none
}

.classic-tabs.svelte-1wa00rd .tablist.svelte-1wa00rd button[aria-selected="true"] {
    border-bottom-color: var(--c-primary);
    font-weight: 600;
    color: var(--c-primary);
    background: none
}

.tablist.svelte-1wa00rd button[aria-selected="true"] {
    font-weight: 600;
    color: var(--c-gray);
    background: var(--c-white);
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    padding: 1em 1em
}

.tablist.tablist.alternateTabsStyle.svelte-1wa00rd button[aria-selected="true"] {
    color: var(--c-white);
    background: var(--c-primary);
    font-weight: 600;
    padding: 0.5em 1em;
    border-radius: 10px
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component .pricing-table .row {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component .pricing-table .row.featured {
    background-color: var(--c-white)
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component .pricing-table .row.featured > div {
    color: var(--c-gray)
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component .pricing-table .row.featured > .select-button > .cta.flat {
    background-color: var(--c-primary);
    color: var(--c-white)
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component .pricing-table .row.featured > .select-button > .cta.flat:hover {
    background-color: var(--c-old-primary)
}

.tabs.svelte-1wa00rd [role="tabpanel"] .product-table-component .pricing-table .row .separate {
    padding: 2.25em 0;
    border: none
}

@media screen and (max-width: 1125px) {
    .tablist.svelte-1wa00rd.svelte-1wa00rd {
        font-size:1.125rem
    }
}

@media(max-width: 768px) {
    .tabs.classic-tabs.svelte-1wa00rd [role="tabpanel"] {
        margin-top:1.25em
    }

    .tablist.svelte-1wa00rd.svelte-1wa00rd {
        font-size: 1em
    }

    .classic-tabs.svelte-1wa00rd .tablist.svelte-1wa00rd {
        border-bottom: 2px solid var(--c-gray-500);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0
    }
}

@media screen and (max-width: 450px) {
    .tablist.svelte-1wa00rd.svelte-1wa00rd {
        padding:0
    }
}

@media screen and (max-width: 350px) {
    .tablist.svelte-1wa00rd.svelte-1wa00rd {
        grid-gap:0.25em
    }

    .tablist.svelte-1wa00rd button {
        padding: 0.5em 0.1em
    }
}

.tab-panel.svelte-1eqnwb6.svelte-1eqnwb6:not(.has-pricing-matrix) {
    display: flex;
    text-align: center;
    justify-content: space-evenly
}

.tabbed.svelte-1eqnwb6>.tabs .tablist div {
    display: flex;
    justify-content: center
}

.tabbed.alternateTabsStyle.svelte-1eqnwb6.svelte-1eqnwb6 {
    padding: 0
}

.sign-up-tabs.svelte-1eqnwb6 .product-table-component .select-button {
    display: none
}

@media(max-width: 768px) {
    .tab-panel.iconGrid.svelte-1eqnwb6.svelte-1eqnwb6 {
        display:grid;
        grid-template-columns: 50% 50%
    }

    .tabbed.svelte-1eqnwb6 .section-title h2 {
        font-size: 1.5em
    }

    .tabbed.svelte-1eqnwb6 .section-title {
        margin-bottom: 1.5em
    }

    .tabbed.svelte-1eqnwb6 .tab-panel.svelte-1eqnwb6 .icon-text-grid__section-body .icontextbox-container.left {
        padding: 1em
    }
}

@media(min-width: 769px) {
    .tabbed.svelte-1eqnwb6 .section-title {
        margin-bottom:2.5em
    }

    .tabbed.svelte-1eqnwb6 .section-title h2 {
        margin-bottom: 0.4em
    }
}

@media screen and (max-width: 1068px) {
    .tabbed.svelte-1eqnwb6.svelte-1eqnwb6 {
        padding:2em 1em
    }
}

.tab-panel.svelte-1eqnwb6 section div.grid {
    padding: 0;
    box-shadow: none
}

.tab-panel.svelte-1eqnwb6 section .section-title {
    display: none
}

.tab-panel.svelte-1eqnwb6 .rich-text-container li p {
    text-align: left !important
}

.tab-panel.svelte-1eqnwb6 .desktop-pricing-container .wrapper {
    margin: 0;
    padding: 0;
    box-shadow: none
}

.tab-panel.svelte-1eqnwb6 .desktop-pricing-container .wrapper h2,.tab-panel.svelte-1eqnwb6 .desktop-pricing-container .wrapper h3 {
    text-align: center
}

.tab-panel.svelte-1eqnwb6.svelte-1eqnwb6.has-pricing-matrix {
    display: block;
    padding: 0 2em
}

.error.svelte-1rw9jfe {
    border: 1px solid red
}

.trace.svelte-1rw9jfe {
    font-family: monospace
}

section.svelte-vuqmuk {
    background: var(--background)
}

section.svelte-vuqmuk>* {
    max-width: var(--content-max-w);
    width: 100%;
    margin: 0 auto
}

[data-block-size="full"].svelte-vuqmuk>*:not(.grid) {
    max-width: 100%
}

section[data-block-background].svelte-vuqmuk>.section-title {
    padding-top: 2em
}

section[data-block-background] + section[data-block-background],.wrapper section[data-block-type="cloudProductCategory"] + section[data-block-type="cloudTrustNumbers"],.wrapper section[data-section-type="signUpTabbed"] + section[data-section-type="textCta"],.stack section[data-block-type="cloudProductCategory"] + section[data-block-type="cloudTrustNumbers"],.stack section[data-section-type="signUpTabbed"] + section[data-section-type="textCta"] {
    margin-top: 0
}

section.svelte-vuqmuk>div {
    padding-top: 2em;
    padding-bottom: 2em
}

section[data-block-display="boxed"].svelte-vuqmuk>div {
    padding-left: 2em;
    padding-right: 2em
}

section[data-block-type="iconTitle"].svelte-vuqmuk>div.grid {
    padding: 0 2em
}

section[data-section-type="iconLinkSection"].svelte-vuqmuk:hover>div {
    color: var(--c-old-primary)
}

section[data-section-type="iconLinkSection"].svelte-vuqmuk:hover .icon-link-container__title {
    color: var(--c-old-primary)
}

[data-block-display="boxed"].svelte-vuqmuk>div {
    box-shadow: 0px 2px 2px #00000010;
    background: var(--background, white);
    border-radius: 1em
}

@media screen and (max-width: 1110px) {
    [data-block-display="boxed"].svelte-vuqmuk {
        padding:0 1em
    }
}

.content.svelte-1jdgeh0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
    height: auto;
    background: var(--campaign-bg-color);
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    min-height: calc(100vh - 110px)
}

.content.svelte-1jdgeh0 .grid {
    padding-top: 0;
    padding-bottom: 0
}

.bg-img.svelte-1jdgeh0 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.title.svelte-1jdgeh0,.subtitle.svelte-1jdgeh0 {
    text-align: center
}

.title.svelte-1jdgeh0 {
    font-weight: 900;
    font-size: 60px;
    line-height: 68px;
    color: var(--c-black-friday);
    margin: 0
}

.subtitle.svelte-1jdgeh0 {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: var(--c-white)
}

.tagline.svelte-1jdgeh0 {
    margin-top: 2em
}

.tagline.svelte-1jdgeh0 .rich-text-container {
    color: #ffffff;
    text-align: center
}

.campaign-sections.svelte-1jdgeh0 {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto
}

@media(max-width: 1088) {
    .content.svelte-1jdgeh0 {
        padding:0 1rem 1rem 1rem
    }
}

@media(max-width: 768px) {
    .title.svelte-1jdgeh0 {
        font-size:48px;
        line-height: 56px
    }

    .subtitle.svelte-1jdgeh0 {
        font-size: 24px;
        line-height: 30px
    }

    .tagline.svelte-1jdgeh0 p {
        max-width: 90%;
        margin: 0 auto
    }
}

@media(max-width: 468px) {
    .campaign-sections.svelte-1jdgeh0 {
        max-width:100vw
    }

    .title.svelte-1jdgeh0,.subtitle.svelte-1jdgeh0 {
        text-align: center
    }

    .title.svelte-1jdgeh0 {
        font-size: 36px;
        line-height: 42px
    }

    .subtitle.svelte-1jdgeh0 {
        font-size: 16px;
        line-height: 20px
    }
}

.campaign-modal.svelte-1hke9y2.svelte-1hke9y2 {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
    z-index: 9999
}

.header.svelte-1hke9y2.svelte-1hke9y2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 1em
}

.black-friday.svelte-1hke9y2 .header button.svelte-1hke9y2 {
    background-color: var(--c-black-friday);
    color: #000;
    padding: 0.5em 1em;
    cursor: pointer;
    font-weight: 700;
    border-radius: 40px;
    margin: 1px;
    border: none
}

.campaign-modal-content.svelte-1hke9y2.svelte-1hke9y2 {
    width: 100%;
    height: 100%;
    overflow: auto
}

.modal-body.svelte-1hke9y2.svelte-1hke9y2 {
    display: flex;
    justify-content: center;
    height: calc(100% - 100px);
    align-items: center;
    padding: 1rem
}

section.centered.svelte-1auuokg.svelte-1auuokg {
    text-align: center
}

.alert.svelte-1auuokg.svelte-1auuokg {
    width: 100%;
    background-color: var(--bg, white)
}

.sticky.svelte-1auuokg.svelte-1auuokg {
    position: sticky;
    top: 0;
    z-index: 21
}

.alert.svelte-1auuokg .max-width {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 0
}

.alert.svelte-1auuokg .max-width > div {
    display: flex;
    flex-direction: column
}

.centered.svelte-1auuokg .alert.svelte-1auuokg .max-width {
    justify-content: center
}

.alert.svelte-1auuokg .title.svelte-1auuokg {
    font-weight: bold
}

.alert.svelte-1auuokg .rich-text-container p,.alert.svelte-1auuokg .rich-text-container a {
    font-size: var(--rich-text-size, 12px);
    font-weight: var(--rich-text-weight, normal);
    line-height: 14px;
    color: var(--text-color, var(--c-gray-body))
}

section.black-friday.svelte-1auuokg .title.svelte-1auuokg {
    color: var(--c-black-friday);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2
}

section.black-friday.svelte-1auuokg .subtitle.svelte-1auuokg {
    color: var(--c-white);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2
}

@media(max-width: 1088px) {
    .alert.svelte-1auuokg .max-width {
        padding:1em
    }
}

@media(max-width: 1000px) {
    section.column.svelte-1auuokg .max-width {
        flex-direction:column;
        text-align: center;
        row-gap: 0.5rem
    }

    section.black-friday.svelte-1auuokg .title.svelte-1auuokg {
        font-size: 18px
    }

    section.black-friday.svelte-1auuokg .subtitle.svelte-1auuokg {
        font-size: 16px
    }
}

@media(max-width: 768px) {
    .title.svelte-1auuokg.svelte-1auuokg {
        min-width:35%;
        margin-right: 1em
    }

    .alert.svelte-1auuokg .rich-text-container p,.alert.svelte-1auuokg .rich-text-container a {
        font-size: 12px;
        line-height: 12px
    }
}

.alert.svelte-1auuokg .cta-container a {
    font-size: 0.9em;
    padding: 8px 16px;
    margin: 4px
}

.black-friday.svelte-1auuokg button.svelte-1auuokg {
    background-color: var(--c-black-friday);
    color: #000;
    padding: 0.5em 1em;
    cursor: pointer;
    font-weight: 700;
    border-radius: 40px;
    border: none
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
        ========================================================================== */
/**
      * 1. Correct the line height in all browsers.
      * 2. Prevent adjustments of font size after orientation changes in iOS.
      */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
        ========================================================================== */
/**
      * Remove the margin in all browsers.
      */
body {
    margin: 0;
}

/**
      * Render the `main` element consistently in IE.
      */
main {
    display: block;
}

/**
      * Correct the font size and margin on `h1` elements within `section` and
      * `article` contexts in Chrome, Firefox, and Safari.
      */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
        ========================================================================== */
/**
      * 1. Add the correct box sizing in Firefox.
      * 2. Show the overflow in Edge and IE.
      */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
      * 1. Correct the inheritance and scaling of font size in all browsers.
      * 2. Correct the odd `em` font sizing in all browsers.
      */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
        ========================================================================== */
/**
      * Remove the gray background on active links in IE 10.
      */
a {
    background-color: transparent;
}

/**
      * 1. Remove the bottom border in Chrome 57-
      * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
      */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
      * Add the correct font weight in Chrome, Edge, and Safari.
      */
b, strong {
    font-weight: 700;
}

/**
      * 1. Correct the inheritance and scaling of font size in all browsers.
      * 2. Correct the odd `em` font sizing in all browsers.
      */
code, kbd, samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
      * Add the correct font size in all browsers.
      */
small {
    font-size: 80%;
}

/**
      * Prevent `sub` and `sup` elements from affecting the line height in
      * all browsers.
      */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
        ========================================================================== */
/**
      * Remove the border on images inside links in IE 10.
      */
img {
    border-style: none;
}

/* Forms
        ========================================================================== */
/**
      * 1. Change the font styles in all browsers.
      * 2. Remove the margin in Firefox and Safari.
      */
button, input, optgroup, select, textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
      * Show the overflow in IE.
      * 1. Show the overflow in Edge.
      */
button, input {
    /* 1 */
    overflow: visible;
}

/**
      * Remove the inheritance of text transform in Edge, Firefox, and IE.
      * 1. Remove the inheritance of text transform in Firefox.
      */
button, select {
    /* 1 */
    text-transform: none;
}

/**
      * Correct the inability to style clickable types in iOS and Safari.
      */
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

/**
      * Remove the inner border and padding in Firefox.
      */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
      * Restore the focus styles unset by the previous rule.
      */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
      * Correct the padding in Firefox.
      */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
      * 1. Correct the text wrapping in Edge and IE.
      * 2. Correct the color inheritance from `fieldset` elements in IE.
      * 3. Remove the padding so developers are not caught out when they zero out
      *    `fieldset` elements in all browsers.
      */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
      * Add the correct vertical alignment in Chrome, Firefox, and Opera.
      */
progress {
    vertical-align: baseline;
}

/**
      * Remove the default vertical scrollbar in IE 10+.
      */
textarea {
    overflow: auto;
}

/**
      * 1. Add the correct box sizing in IE 10.
      * 2. Remove the padding in IE 10.
      */
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
      * Correct the cursor style of increment and decrement buttons in Chrome.
      */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
      * 1. Correct the odd appearance in Chrome and Safari.
      * 2. Correct the outline style in Safari.
      */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
      * Remove the inner padding in Chrome and Safari on macOS.
      */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
      * 1. Correct the inability to style clickable types in iOS and Safari.
      * 2. Change font properties to `inherit` in Safari.
      */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
        ========================================================================== */
/*
      * Add the correct display in Edge, IE 10+, and Firefox.
      */
details {
    display: block;
}

/*
      * Add the correct display in all browsers.
      */
summary {
    display: list-item;
}

/* Misc
        ========================================================================== */
/**
      * Add the correct display in IE 10+.
      */
template {
    display: none;
}

/**
      * Add the correct display in IE 10.
      */
[hidden] {
    display: none;
}

:root {
    --c-dark-blue: #0078aa;
    --c-old-primary: #00aaeb;
    --c-primary: #0a78c3;
    --c-light-blue: #aae1fa;
    --c-super-light-blue: #f5faff;
    --c-gray: #323c46;
    --c-gray-body: #5a6473;
    --c-gray-800: #828c9b;
    --c-gray-600: #909090;
    --c-gray-500: #b4c3cd;
    --c-gray-300: #e6ebf0;
    --c-gray-100: #f4f5f8;
    --c-white: #fff;
    --c-yellow: #feb600;
    --c-green: #008728;
    --c-red: #d71919;
    --c-note: #fffae8;
    --c-black-friday: #fead00;
    --c-black: #000;
    --content-max-w: 68rem
}

html {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

body {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    line-height: 1;
    color: var(--c-gray)
}

@media screen and (max-width: 1060px) {
    body.mobileMenuOpen {
        overflow-y:hidden
    }

    body.mobileMenuOpen #sapper {
        overflow-y: hidden;
        height: 100%
    }
}

body p {
    line-height: 1.5
}

* {
    box-sizing: border-box
}

#sapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    background: var(--c-gray-100)
}

svg {
    height: 1.5em
}

a {
    color: var(--c-primary)
}

a:hover {
    color: var(--c-old-primary)
}

p {
    font-weight: 400
}

:root {
    --c-bg-light: hsl(225, 22%, 96%);
    --c-highlight: hsl(197, 100%, 48%);
    --box-shadow: 0px 7px 5px hsla(210, 17%, 24%, 0.15)
}

.icon.svelte-bssdkj {
    background: var(--c-red);
    border-radius: 50%;
    margin-right: 0.25em;
    color: #fff;
    font-weight: 700;
    display: inline-flex;
    width: 12px;
    height: 12px;
    justify-content: center;
    align-items: center
}

button.selected.svelte-y8ma5p.svelte-y8ma5p,.selected.svelte-y8ma5p>[slot="selected"] {
    align-items: center;
    display: flex;
    width: 100%;
    line-height: normal;
    height: 48px
}

button.selected.svelte-y8ma5p.svelte-y8ma5p {
    padding-right: 2em
}

button.selected.leftAligned.svelte-y8ma5p.svelte-y8ma5p {
    align-items: flex-start
}

.selector-wrapper.svelte-y8ma5p.svelte-y8ma5p {
    cursor: pointer
}

.selector-wrapper.svelte-y8ma5p button {
    cursor: pointer
}

.selector-wrapper.svelte-y8ma5p .error {
    margin-bottom: 0.5em
}

.selected.svelte-y8ma5p.svelte-y8ma5p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

.label.svelte-y8ma5p.svelte-y8ma5p {
    font-weight: 600;
    color: var(--c-gray)
}

.label.disabled.svelte-y8ma5p.svelte-y8ma5p {
    color: var(--c-gray-500)
}

.label.svelte-y8ma5p+.selector.svelte-y8ma5p {
    margin-top: 0.5em
}

.selector.svelte-y8ma5p.svelte-y8ma5p {
    border: 1px solid var(--c-gray-body);
    border-radius: 2px;
    position: relative;
    cursor: pointer
}

.selector.defaulted.svelte-y8ma5p.svelte-y8ma5p {
    border-color: var(--c-gray-300)
}

.selector.defaulted.svelte-y8ma5p button.svelte-y8ma5p {
    cursor: default
}

.selector.defaulted.svelte-y8ma5p .selector-dropdown-chevron {
    display: none
}

.selector.small.svelte-y8ma5p.svelte-y8ma5p {
    max-width: 80px
}

.selector.svelte-y8ma5p.svelte-y8ma5p:hover:not(.disabled):not(.defaulted):not(.open):not(.input-mode) {
    box-shadow: 0 0 0 1px var(--c-gray-body);
    border-radius: 2px
}

.selector.open.svelte-y8ma5p.svelte-y8ma5p {
    border-color: var(--c-primary);
    box-shadow: 0 0 0 1px var(--c-primary);
    border-radius: 2px
}

.selector.disabled.svelte-y8ma5p.svelte-y8ma5p {
    border: 1px solid var(--c-gray-500);
    border-radius: 2px
}

.autocomplete.selector-wrapper.svelte-y8ma5p .selector.svelte-y8ma5p {
    border: 0;
    box-shadow: none
}

.autocomplete.selector-wrapper.svelte-y8ma5p .selector.svelte-y8ma5p:hover {
    border: 0;
    box-shadow: none
}

.autocomplete.svelte-y8ma5p .selector input.svelte-y8ma5p {
    margin: 0
}

input.svelte-y8ma5p.svelte-y8ma5p {
    border-radius: 2px;
    border: 1px solid var(--c-gray-body)
}

input.svelte-y8ma5p.svelte-y8ma5p:invalid {
    box-shadow: none
}

input.svelte-y8ma5p.svelte-y8ma5p:hover {
    box-shadow: 0 0 0 1px var(--c-gray-body)
}

input.svelte-y8ma5p.svelte-y8ma5p:focus,input.svelte-y8ma5p.svelte-y8ma5p:invalid:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--c-gray-body)
}

.selector.svelte-y8ma5p .error {
    top: 0.5em
}

.error + .selector input {
    border-color: var(--c-red);
    box-shadow: 0 0 0 1px var(--c-red)
}

.error + .selector input:focus {
    border-color: var(--c-red);
    box-shadow: 0 0 0 1px var(--c-gray-body)
}

.options.svelte-y8ma5p.svelte-y8ma5p {
    position: absolute;
    top: 100%;
    left: -1px;
    min-width: calc(100% + 2px);
    z-index: 50;
    border-top: 0;
    border-bottom: 0;
    margin-top: 2px;
    max-height: 40vh;
    overflow: auto;
    box-shadow: 0px 3px 6px var(--c-gray);
    border-radius: 4px;
    user-select: none;
    background: white;
    white-space: nowrap
}

.options.options-errors.svelte-y8ma5p.svelte-y8ma5p {
    margin-top: -0.5em
}

.selector.svelte-y8ma5p .below-viewport.options {
    top: auto;
    bottom: 100%
}

button.svelte-y8ma5p.svelte-y8ma5p,.option.svelte-y8ma5p.svelte-y8ma5p {
    line-height: 1.15;
    position: relative;
    background: transparent;
    padding: 1em;
    border: none;
    text-align: left;
    color: var(--c-gray)
}

button.svelte-y8ma5p.svelte-y8ma5p {
    padding-right: 1.5rem;
    line-height: 20px;
    flex-direction: row
}

button.hasSubtitle.svelte-y8ma5p.svelte-y8ma5p {
    padding: 0.5em 2em 0.5em 1em
}

.hasSubtitle button.selected.svelte-y8ma5p.svelte-y8ma5p {
    padding: 0.5em 2em 0.5em 1em
}

button.svelte-y8ma5p.svelte-y8ma5p:disabled {
    opacity: 0.5;
    cursor: not-allowed
}

.option.open.svelte-y8ma5p.svelte-y8ma5p {
    border-radius: 0
}

.option.svelte-y8ma5p.svelte-y8ma5p:hover,.keyboard-user.svelte-y8ma5p .option.hovered.svelte-y8ma5p {
    background: var(--c-gray-100)
}

.open.svelte-y8ma5p button.svelte-y8ma5p:focus {
    outline: none
}

button.svelte-y8ma5p.svelte-y8ma5p:focus {
    outline: none
}

.keyboard-user.svelte-y8ma5p button.svelte-y8ma5p:focus {
    outline: var(--c-gray-body) auto 1px
}

.option.svelte-y8ma5p.svelte-y8ma5p:focus {
    outline: 0
}

.option.disabled.svelte-y8ma5p.svelte-y8ma5p {
    color: var(--c-gray-500);
    cursor: not-allowed
}

.option.svelte-y8ma5p+.option.svelte-y8ma5p {
    border-top: 1px solid var(--c-gray-100)
}

.selector.svelte-y8ma5p svg.selector-dropdown-chevron {
    position: absolute;
    right: 1em;
    height: 8px;
    top: 50%;
    margin-top: -4px
}

.selector.svelte-y8ma5p svg.selector-dropdown-chevron path {
    fill: var(--c-gray);
    stroke: var(--c-gray)
}

.selected-option.svelte-y8ma5p.svelte-y8ma5p {
    color: var(--c-primary);
    background: var(--c-gray-100);
    font-weight: 600
}

.selected-option.svelte-y8ma5p .addon-title {
    color: var(--c-primary);
    font-weight: 600
}

.selected-option.svelte-y8ma5p .addon-title small {
    font-weight: 400;
    color: var(--c-gray-body)
}

@media(max-width: 468px) {
    button.selected.svelte-y8ma5p.svelte-y8ma5p,.selected.svelte-y8ma5p>[slot="selected"] {
        align-items:center
    }

    .options.svelte-y8ma5p.svelte-y8ma5p {
        max-width: 80vw;
        white-space: normal
    }
}

button.selected.oldSafari.svelte-y8ma5p.svelte-y8ma5p {
    flex-direction: row;
    padding-top: 0
}

button.svelte-oph2ag.svelte-oph2ag {
    background: transparent;
    border: none;
    color: var(--c-gray-300);
    cursor: pointer;
    font-weight: 400;
    text-align: center
}

.title-row.svelte-oph2ag.svelte-oph2ag {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    border-bottom: 1px solid var(--c-gray-100)
}

.title-row.svelte-oph2ag span.svelte-oph2ag {
    font-size: 1rem;
    font-weight: bold
}

.title-row.svelte-oph2ag svg {
    height: 1rem;
    stroke-width: 2
}

.title-row.svelte-oph2ag .close.svelte-oph2ag svg {
    color: var(--c-gray-body)
}

.selectors.svelte-oph2ag.svelte-oph2ag {
    padding: 1em;
    display: grid;
    grid-gap: 1em
}

.selectors.svelte-oph2ag .selector .selected {
    align-items: flex-start
}

.flag.svelte-oph2ag.svelte-oph2ag {
    width: 35px;
    margin-right: 0.25em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.flag.svelte-oph2ag img.svelte-oph2ag {
    margin: 0;
    max-width: 100%;
    height: 1em
}

.help-text.svelte-oph2ag p {
    font-size: 12px;
    color: var(--c-gray-600);
    line-height: 1.25
}

.selectors.svelte-oph2ag input {
    padding: 1em 2em 1em 1em;
    width: 100%
}

.selectors.svelte-oph2ag .save {
    font-size: 16px
}

.wrapper.svelte-1bb55iw.svelte-1bb55iw {
    display: flex;
    position: relative
}

button.svelte-1bb55iw.svelte-1bb55iw {
    background: transparent;
    border: none;
    color: var(--c-gray-body);
    cursor: pointer;
    font-weight: 400;
    text-align: left;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 15px;
    padding: 2px 1em
}

button.svelte-1bb55iw svg.chevron {
    fill: none;
    height: 0.75em;
    stroke-width: 2px;
    margin-left: 0.25em
}

button.svelte-1bb55iw img.svelte-1bb55iw {
    object-fit: contain;
    margin-right: 0.25em;
    max-width: 100%
}

button.svelte-1bb55iw svg.chevron.active {
    stroke-width: 3px
}

button.svelte-1bb55iw .flag img.svelte-1bb55iw {
    margin: 0
}

.locale-selector.svelte-1bb55iw.svelte-1bb55iw:hover {
    color: var(--c-gray)
}

.wrapper.mobile.svelte-1bb55iw.svelte-1bb55iw {
    flex-direction: column;
    background: var(--c-gray-100);
    border-top: 1px solid var(--c-gray-300)
}

.wrapper.mobile.svelte-1bb55iw .locale-selector.svelte-1bb55iw {
    padding: 1em;
    width: 100%;
    border: none;
    color: var(--c-gray-body);
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-decoration: none
}

.wrapper.mobile.svelte-1bb55iw .locale-selector.svelte-1bb55iw svg {
    margin-left: auto
}

.locale-selector.svelte-1bb55iw span.svelte-1bb55iw:not(:first-child) {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0.5em
}

.modal.svelte-1bb55iw.svelte-1bb55iw {
    position: absolute;
    right: 0;
    top: calc(100% - 7px);
    color: var(--c-gray-body);
    background: var(--c-white);
    border-radius: var(--border-radius);
    border: 1px solid var(--c-gray-300);
    box-shadow: var(--box-shadow);
    min-width: 300px;
    z-index: 999
}

@media(max-width: 1060px) {
    .modal.svelte-1bb55iw.svelte-1bb55iw {
        position:relative
    }

    .locale-selector.svelte-1bb55iw span.svelte-1bb55iw {
        margin: 0
    }

    button.svelte-1bb55iw svg.chevron {
        stroke-width: 3px
    }
}

.menu-icon img {
    max-width: 32px;
    max-height: 24px
}

.menu-icon svg {
    max-width: 32px;
    max-height: 24px
}

.modal-container.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: calc(100% + 10px);
    left: -0.5em;
    background: var(--c-white);
    border-radius: var(--border-radius);
    border: 1px solid var(--c-gray-300);
    box-shadow: var(--box-shadow)
}

ul.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    overflow: unset
}

ul.oldMenu.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    position: absolute;
    top: calc(100% + 10px);
    left: -0.5em;
    background: var(--c-white);
    border-radius: var(--border-radius);
    border: 1px solid var(--c-gray-300);
    box-shadow: var(--box-shadow)
}

ul.outside-right {
    left: -8em !important
}

a.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.75em;
    padding-right: 2.5em;
    white-space: nowrap;
    font-weight: 700;
    color: var(--c-gray);
    position: relative;
    z-index: 15;
    line-height: 1.25;
    border-radius: 0;
    text-decoration: none;
    font-size: 16px
}

.enhanced-menu-content.svelte-17w44gz .rich-text-container a {
    text-decoration: none;
    color: var(--c-gray);
    font-weight: bold
}

a.svelte-17w44gz div.svelte-17w44gz.svelte-17w44gz {
    margin-left: 1em
}

li.svelte-17w44gz:first-of-type a.svelte-17w44gz.svelte-17w44gz {
    border-top-right-radius: var(--border-radius)
}

li.svelte-17w44gz:last-of-type a.svelte-17w44gz.svelte-17w44gz {
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius)
}

ul.oldMenu.svelte-17w44gz li.svelte-17w44gz.svelte-17w44gz:not(:first-of-type) {
    border-top: 1px solid var(--c-gray-100)
}

a.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz:hover {
    background: var(--c-gray-100)
}

.enhancedMenu.svelte-17w44gz a.svelte-17w44gz.svelte-17w44gz:hover {
    border-radius: 8px
}

strong.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    font-weight: 700
}

small.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    display: block;
    font-weight: 400;
    margin-top: 4px
}

a.svelte-17w44gz div.svelte-17w44gz .promotion-label {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    padding: 2px;
    border-radius: 3px;
    margin: 0
}

.enhanced-menu-content.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    padding: 1.5em 1em 1em 1.25em;
    background: var(--c-gray-100);
    min-width: 14em;
    color: var(--c-gray-body);
    font-size: 0.8em
}

.enhancedMenu.svelte-17w44gz.svelte-17w44gz.svelte-17w44gz {
    overflow: unset !important;
    justify-content: center;
    padding: 0.75em
}

.enhancedMenu.svelte-17w44gz li.svelte-17w44gz a.svelte-17w44gz {
    padding-left: 1.25em;
    padding-right: 1.25em
}

.enhanced-menu-content.svelte-17w44gz .rich-text-container h1:hover,.enhanced-menu-content.svelte-17w44gz .rich-text-container h2:hover,.enhanced-menu-content.svelte-17w44gz .rich-text-container h3:hover,.enhanced-menu-content.svelte-17w44gz .rich-text-container h4:hover {
    background-color: var(--c-white)
}

.enhanced-menu-content.svelte-17w44gz .rich-text-container h1,.enhanced-menu-content.svelte-17w44gz .rich-text-container h2,.enhanced-menu-content.svelte-17w44gz .rich-text-container h3,.enhanced-menu-content.svelte-17w44gz .rich-text-container h4 {
    color: var(--c-gray);
    padding: 0.45em 0.75em;
    border-radius: 4px;
    margin-top: 0.25em;
    margin-bottom: 0.25em
}

.enhanced-menu-content.svelte-17w44gz .rich-text-container ul {
    margin: 1em 0;
    padding-left: 1.5em
}

.enhanced-menu-content.svelte-17w44gz p,.enhanced-menu-content.svelte-17w44gz li {
    color: var(--c-gray);
    padding-left: 1em;
    margin-bottom: 0.5em
}

.top-level-item.hover.svelte-cxw073.svelte-cxw073,.top-level-item.svelte-cxw073.svelte-cxw073:hover {
    color: var(--c-gray);
    border-bottom: 3px solid var(--c-primary)
}

[data-nav-item].svelte-cxw073.svelte-cxw073 {
    padding: 0.75em 10px;
    color: var(--c-gray-body);
    font-weight: 700;
    cursor: pointer
}

a.svelte-cxw073.svelte-cxw073 {
    color: currentColor;
    text-decoration: none
}

a[data-has-items="true"].svelte-cxw073.svelte-cxw073 {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

li.svelte-cxw073.svelte-cxw073 {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px
}

li.svelte-cxw073 .chevron-main-menu {
    height: 8px;
    stroke-width: 3;
    margin-left: 0.1em
}

li.svelte-cxw073 .chevron-main-menu path {
    stroke: var(--c-gray-500)
}

li.svelte-cxw073 svg.chevron-main-menu.active path {
    stroke: currentColor
}

.black-friday.svelte-cxw073 a.svelte-cxw073,.black-friday.svelte-cxw073 span.svelte-cxw073 {
    color: #ffffff
}

.black-friday.svelte-cxw073 .top-level-item.hover.svelte-cxw073,.black-friday.svelte-cxw073 .top-level-item.svelte-cxw073:hover {
    color: #ffffff;
    border-bottom: 3px solid var(--c-black-friday)
}

section.svelte-vyebhr.svelte-vyebhr {
    padding: 0 1em;
    background: var(--c-white);
    z-index: 20;
    position: relative
}

.clamp.svelte-vyebhr.svelte-vyebhr {
    max-width: var(--content-max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    font-weight: 500;
    height: 36px
}

p.svelte-vyebhr.svelte-vyebhr {
    margin: 0
}

nav.svelte-vyebhr.svelte-vyebhr {
    margin-left: auto;
    display: flex;
    gap: 0.5em
}

a.svelte-vyebhr.svelte-vyebhr,.clamp.svelte-vyebhr nav.svelte-vyebhr [data-nav-item] {
    color: var(--c-gray-body);
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    border-bottom: none;
    line-height: 19px;
    padding: 0
}

.clamp.svelte-vyebhr .menu-icon svg {
    width: 15px;
    height: 10px
}

nav.svelte-vyebhr>* {
    background-color: var(--c-gray-100);
    border-radius: 3px
}

nav.svelte-vyebhr>*:hover {
    background-color: var(--c-gray-300)
}

.link-container.svelte-vyebhr.svelte-vyebhr {
    padding: 2px 1em;
    position: relative
}

a.svelte-vyebhr.svelte-vyebhr:hover,.clamp.svelte-vyebhr nav.svelte-vyebhr [data-nav-item]:hover {
    color: var(--c-gray)
}

@media(max-width: 1060px) {
    section.svelte-vyebhr.svelte-vyebhr {
        display:none
    }
}

.activeCampaign.black-friday.svelte-vyebhr.svelte-vyebhr {
    background: var(--campaign-bg-color, #000000)
}

.black-friday.svelte-vyebhr p.svelte-vyebhr,.black-friday.svelte-vyebhr a.svelte-vyebhr {
    color: #ffffff
}

.contabo-tagline.svelte-vyebhr.svelte-vyebhr {
    color: black;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px
}

.progress-steps-wrapper.svelte-1jm8g5i.svelte-1jm8g5i {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.step.svelte-1jm8g5i.svelte-1jm8g5i {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: max-content
}

span.svelte-1jm8g5i.svelte-1jm8g5i {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    color: var(--c-gray-800);
    margin-left: 0.5em
}

.step.svelte-1jm8g5i>div.svelte-1jm8g5i {
    background: var(--c-gray-800);
    color: var(--c-white);
    text-align: center;
    padding-top: 4px;
    font-size: 14px;
    height: 22px;
    width: 22px;
    border-radius: 11px;
    letter-spacing: 0px;
    color: var(--c-white)
}

.step.active.svelte-1jm8g5i>div.svelte-1jm8g5i {
    background: var(--c-primary)
}

.step.active.svelte-1jm8g5i span.svelte-1jm8g5i {
    color: var(--c-primary)
}

.step.completed.svelte-1jm8g5i>div.svelte-1jm8g5i {
    background: var(--c-primary)
}

.step.completed.svelte-1jm8g5i span.svelte-1jm8g5i {
    color: var(--c-primary)
}

.underline.svelte-1jm8g5i.svelte-1jm8g5i {
    text-decoration: underline
}

.step.svelte-1jm8g5i a.svelte-1jm8g5i {
    text-decoration: none
}

.connector.svelte-1jm8g5i.svelte-1jm8g5i {
    height: 2px;
    width: 120px;
    background: var(--c-gray-500);
    margin: 0 0.5em
}

.progress.svelte-1jm8g5i.svelte-1jm8g5i {
    display: none;
    height: 2px;
    width: 50%;
    background: var(--c-primary)
}

.step.active+.connector.svelte-1jm8g5i .progress.svelte-1jm8g5i,.step.completed+.connector.svelte-1jm8g5i .progress.svelte-1jm8g5i {
    display: block
}

.step.completed+.connector.svelte-1jm8g5i .progress.svelte-1jm8g5i {
    background: var(--c-primary);
    width: 100%
}

.step.completed.svelte-1jm8g5i+.connector.svelte-1jm8g5i {
    background: var(--c-primary)
}

.step.payment.completed+.connector.svelte-1jm8g5i:not(.completed) .progress.svelte-1jm8g5i {
    width: 50%
}

@media screen and (max-width: 940px) {
    .connector.svelte-1jm8g5i.svelte-1jm8g5i {
        width:100px
    }
}

@media(max-width: 850px) {
    .step.svelte-1jm8g5i span.svelte-1jm8g5i {
        font-size:14px
    }

    .step.svelte-1jm8g5i:not(.active) span.svelte-1jm8g5i {
        display: none
    }

    .connector.svelte-1jm8g5i.svelte-1jm8g5i {
        width: 80px;
        margin: 0.25em
    }

    .step.active.svelte-1jm8g5i+.connector.svelte-1jm8g5i {
        width: 50px
    }

    .step.active+.connector.svelte-1jm8g5i .progress.svelte-1jm8g5i {
        display: none
    }

    .step.active.svelte-1jm8g5i span.svelte-1jm8g5i {
        margin-right: 0.5em
    }
}

@media screen and (max-width: 400px) {
    .connector.svelte-1jm8g5i.svelte-1jm8g5i {
        width:20px
    }
}

.clamp.svelte-1po9hav.svelte-1po9hav {
    max-width: var(--content-max-w);
    margin: 0 auto;
    display: flex;
    align-items: center;
    font-size: 14px
}

.clamp-center.svelte-1po9hav.svelte-1po9hav {
    justify-content: space-around
}

.clamp-justified-center.svelte-1po9hav.svelte-1po9hav {
    justify-content: center
}

section.svelte-1po9hav.svelte-1po9hav {
    position: relative;
    padding: 0 1em;
    z-index: 10;
    padding-top: 0.45em;
    padding-bottom: 0.45em;
    background-color: var(--c-white);
    border-bottom: 2px solid var(--c-gray-300)
}

section.svelte-1po9hav .logo {
    fill: var(--c-white);
    height: 40px
}

nav.svelte-1po9hav.svelte-1po9hav {
    margin-left: 0.5em;
    margin-right: -1em
}

ul.svelte-1po9hav.svelte-1po9hav {
    display: flex;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none
}

a.svelte-1po9hav.svelte-1po9hav {
    color: currentColor;
    text-decoration: none
}

@media(min-width: 641px) {
    .clamp.svelte-1po9hav>.progress-steps-container {
        display:flex;
        justify-content: end;
        flex: 1
    }

    section.svelte-1po9hav .progress-steps-container {
        display: none
    }
}

@media(max-width: 640px) {
    .clamp.svelte-1po9hav>.progress-steps-container {
        display:none
    }

    section.svelte-1po9hav .progress-steps-container {
        display: block;
        margin: 1em auto 0;
        padding-left: 0
    }
}

@media(max-width: 1090px) {
    section.svelte-1po9hav.svelte-1po9hav {
        font-size:0.875rem;
        padding: 1.125rem
    }

    section.svelte-1po9hav .logo {
        height: 2.25rem
    }
}

@media(max-width: 1060px) {
    .account-buttons.svelte-1po9hav.svelte-1po9hav {
        display:none
    }

    section.svelte-1po9hav.svelte-1po9hav {
        margin-top: 0;
        padding: 1em
    }

    section.svelte-1po9hav svg.logo {
        fill: currentColor
    }

    nav.svelte-1po9hav.svelte-1po9hav {
        display: none
    }
}

.black-friday.svelte-1po9hav.svelte-1po9hav {
    background: var(--campaign-bg-color)
}

.black-friday.svelte-1po9hav a.svelte-1po9hav {
    color: #ffffff
}

@media(min-width: 1061px) {
    .account-buttons.svelte-1po9hav.svelte-1po9hav {
        display:inherit
    }
}

.account-buttons.svelte-1po9hav.svelte-1po9hav {
    margin-left: auto
}

.account-buttons.svelte-1po9hav button,.account-buttons.svelte-1po9hav a {
    margin-left: 0.25em
}

.hero-image-container.svelte-1tltxo.svelte-1tltxo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 60%
}

.hero-image-container__background.svelte-1tltxo.svelte-1tltxo {
    position: absolute;
    z-index: 0;
    height: var(--heightBackground, 70%);
    bottom: var(--bottomBackground, -40%);
    right: var(--rightBackground, 0);
    left: var(--leftBackground, auto);
    top: var(--topBackground, auto)
}

.swoosh-wrapper.svelte-1tltxo.svelte-1tltxo {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.swoosh.svelte-1tltxo.svelte-1tltxo {
    position: absolute;
    fill: var(--c-light-blue);
    bottom: 0;
    left: 35%;
    height: 20em;
    width: 100%;
    pointer-events: none
}

.swoosh.svelte-1tltxo .bg.svelte-1tltxo {
    fill: var(--c-gray-100)
}

@media(max-width: 930px) {
    .swoosh.svelte-1tltxo.svelte-1tltxo {
        left:-40%;
        width: 270%
    }
}

@media(max-width: 990px) {
    .hero-image-container.svelte-1tltxo.svelte-1tltxo {
        display:none
    }
}

.hero-bg.svelte-1jp04qk {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-bg__custom-background.svelte-1jp04qk {
    height: var(--heightCustomBackground, 100%);
    margin: auto;
    max-width: none;
    position: absolute;
    bottom: var(--bottomCustomBackground, auto);
    left: var(--leftCustomBackground, auto);
    right: var(--rightCustomBackground, 0);
    top: var(--topCustomBackground, auto);
    width: auto;
    transform: translateY(calc(0.1 * var(--parallax-percentage, 0)));
    z-index: 1
}

.hero-bg__custom-foreground.svelte-1jp04qk {
    height: var(--heightCustomForeground, 50%);
    margin: auto;
    max-width: none;
    position: absolute;
    bottom: var(--bottomCustomForeground, 5%);
    left: var(--leftCustomForeground, auto);
    right: var(--rightCustomForeground, 7%);
    top: var(--topCustomForeground, auto);
    width: auto;
    transform: translateY(calc(-0.1 * var(--parallax-percentage, 0)));
    z-index: 2
}

@media(max-width: 990px) {
    .hero-bg.svelte-1jp04qk {
        display:none
    }
}

.hero-content-component.svelte-1vrm9t9.svelte-1vrm9t9 {
    position: relative
}

.hero.svelte-1vrm9t9.svelte-1vrm9t9 {
    max-width: var(--content-max-w);
    margin: 0 auto;
    padding: 6em 1rem 6.5em 1rem;
    display: grid;
    grid-template-columns: auto 1fr fit-content(33%);
    grid-template-areas: "title _ content" "footer footer footer";
    gap: 1em;
    align-items: center;
    z-index: 1;
    position: relative
}

.hero.compact.svelte-1vrm9t9.svelte-1vrm9t9 {
    padding: 3em 1rem 9.5em 1rem
}

.hero.compact.cloud-hero.svelte-1vrm9t9.svelte-1vrm9t9,.hero.cloud-hero.svelte-1vrm9t9.svelte-1vrm9t9 {
    grid-template-columns: auto 1fr fit-content(33%);
    padding: 1em 1rem 9.5em 0
}

.page-title-container.svelte-1vrm9t9.svelte-1vrm9t9 {
    grid-area: title;
    z-index: 3
}

.page-title-container.svelte-1vrm9t9 .hero-page-title .title-row {
    margin: 0
}

.hero-content.svelte-1vrm9t9.svelte-1vrm9t9 {
    grid-area: content;
    justify-self: end
}

footer.svelte-1vrm9t9.svelte-1vrm9t9 {
    grid-area: footer
}

.page-title-container.svelte-1vrm9t9 .rich-text-container p {
    font-size: 1em;
    margin: 0;
    padding: 0;
    margin-top: -0.2em;
    color: var(--c-white);
    line-height: 1.25
}

.page-title-container.svelte-1vrm9t9 .rich-text-container h1 {
    margin: 0;
    padding: 0;
    margin-top: -0.2em;
    font-size: 4em;
    line-height: 1.25;
    font-weight: bold
}

.page-title-container.svelte-1vrm9t9 .rich-text-container h2,.page-title-container.svelte-1vrm9t9 .rich-text-container h3,.page-title-container.svelte-1vrm9t9 .rich-text-container h4 {
    margin-top: 0;
    font-size: 1.5em;
    font-weight: normal
}

.cloud-hero.svelte-1vrm9t9.svelte-1vrm9t9,.cloud-hero.svelte-1vrm9t9 .rich-text-container p,.cloud-hero.svelte-1vrm9t9 .rich-text-container h1,.cloud-hero.svelte-1vrm9t9 .rich-text-container h3,.cloud-hero.svelte-1vrm9t9 .rich-text-container h4,.cloud-hero.svelte-1vrm9t9 .rich-text-container h5,.cloud-hero.svelte-1vrm9t9 .rich-text-container h6 {
    color: var(--c-black)
}

.page-title-container.heroBG.svelte-1vrm9t9.svelte-1vrm9t9 {
    padding: 1em
}

@media(max-width: 1000px) {
    .hero.svelte-1vrm9t9.svelte-1vrm9t9 {
        font-size:0.9em
    }
}

@media(max-width: 900px) {
    .hero.svelte-1vrm9t9.svelte-1vrm9t9 {
        font-size:0.8em
    }
}

@media(max-width: 990px) {
    .hero.svelte-1vrm9t9.svelte-1vrm9t9,.hero.compact.svelte-1vrm9t9.svelte-1vrm9t9,.hero.compact.cloud-hero.svelte-1vrm9t9.svelte-1vrm9t9 {
        grid-template-columns:1fr;
        grid-template-areas: "title" "content" "footer";
        row-gap: 2em;
        padding: 2em;
        padding-bottom: 3rem
    }

    .hero.cloud-hero.svelte-1vrm9t9.svelte-1vrm9t9 {
        grid-template-columns: 1fr;
        grid-template-areas: "title" "content" "footer";
        padding: 2em 2em 0 2em;
        row-gap: 0
    }

    .hero-content.svelte-1vrm9t9.svelte-1vrm9t9 {
        justify-self: start
    }

    .cloud-hero.svelte-1vrm9t9 .hero-content.svelte-1vrm9t9 {
        margin: auto
    }

    .page-title-container.svelte-1vrm9t9 .hero-page-title .title-row {
        margin: 0 auto
    }

    .hero.svelte-1vrm9t9:not(.cloud-hero) .hero-content.svelte-1vrm9t9 img {
        width: 20em;
        margin-top: 4em
    }

    .hero.svelte-1vrm9t9 footer.svelte-1vrm9t9 {
        padding-bottom: 2em
    }
}

.hero-section-container.svelte-1vrm9t9.svelte-1vrm9t9 {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-items: flex-end;
    align-items: flex-start;
    z-index: 100
}

.hero-section-container.svelte-1vrm9t9 section > div {
    grid-template-columns: 1fr
}

.hero-section-container.svelte-1vrm9t9 .spec > svg {
    display: block;
    margin-right: 0.35em
}

.hero-section-container.svelte-1vrm9t9 .spec > svg > path {
    stroke: var(--c-primary)
}

.hero-section-container.svelte-1vrm9t9 .section-title {
    display: none
}

.hero-section-container.svelte-1vrm9t9 .product-category-section {
    border: none
}

@media(max-width: 800px) {
    .hero.svelte-1vrm9t9 footer.svelte-1vrm9t9 {
        padding-bottom:0
    }
}

@media(max-width: 990px) {
    .hero-section-container.svelte-1vrm9t9.svelte-1vrm9t9 {
        position:relative;
        margin-left: auto;
        margin-right: auto
    }
}

div.svelte-93s1ti.svelte-93s1ti {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
    position: relative
}

.title-row.svelte-93s1ti.svelte-93s1ti {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    margin-top: 3rem
}

h1.svelte-93s1ti.svelte-93s1ti {
    font-size: 3rem;
    font-weight: 900;
    color: var(--c-white);
    margin: 0
}

.cloud-hero.dark.svelte-93s1ti h1.svelte-93s1ti,.cloud-hero.dark.svelte-93s1ti span.svelte-93s1ti {
    color: var(--c-black)
}

.dark.svelte-93s1ti h1.svelte-93s1ti {
    color: var(--c-gray)
}

.title-row.svelte-93s1ti .page-icon {
    margin: 0;
    margin-right: 0.5em;
    max-width: 100px;
    max-height: 73px;
    font-size: 3rem
}

span.svelte-93s1ti.svelte-93s1ti {
    font-size: 1.5em;
    font-weight: 400;
    color: var(--c-white)
}

.dark.svelte-93s1ti span.svelte-93s1ti {
    color: var(--c-gray-body)
}

.promotions.svelte-93s1ti.svelte-93s1ti {
    position: absolute;
    top: -0.5em;
    right: 0;
    display: flex;
    flex-direction: row
}

.promotions.svelte-93s1ti .promotion-label {
    font-weight: 400;
    margin: 0 1em
}

.promotions.svelte-93s1ti .promotion-label:last-child {
    margin-right: 0
}

.alert.svelte-93s1ti.svelte-93s1ti {
    color: var(--c-red);
    font-weight: bold
}

@media screen and (max-width: 768px) {
    div.svelte-93s1ti.svelte-93s1ti {
        padding:0 1em;
        line-height: 1.2
    }

    h1.svelte-93s1ti.svelte-93s1ti {
        font-size: 2rem;
        margin-bottom: 0.4em;
        margin-top: 0.4em;
        flex-direction: column
    }

    .title-row.svelte-93s1ti .page-icon {
        margin-right: 0;
        font-size: 2rem
    }

    .title-row.svelte-93s1ti.svelte-93s1ti {
        flex-direction: column
    }

    span.svelte-93s1ti.svelte-93s1ti {
        font-size: 1rem;
        line-height: 1.5
    }

    .promotions.svelte-93s1ti.svelte-93s1ti {
        top: 0;
        padding: 0;
        justify-content: flex-end;
        width: 100%
    }
}

header.svelte-sewora.svelte-sewora {
    --border-radius: 0.2em;
    --box-shadow: 0px 7px 5px hsla(210, 17%, 24%, 0.15);
    color: white;
    background-size: cover;
    position: relative
}

header.cloud-hero-page.svelte-sewora.svelte-sewora {
    background: none;
    color: var(--c-gray-body)
}

header.hero-page.svelte-sewora.svelte-sewora {
    padding-bottom: 1em
}

.cloud-hero-title.svelte-sewora.svelte-sewora {
    width: 65%
}

.cloud-title.svelte-sewora.svelte-sewora {
    font-size: 22px;
    font-weight: normal;
    color: var(--c-gray);
    text-transform: uppercase
}

.cloud-hero-title.svelte-sewora .rich-text-container h1 {
    font-size: 52px;
    font-weight: 800
}

.cloud-hero-title.svelte-sewora .rich-text-container h3 {
    margin-bottom: 0.25em
}

header.svelte-sewora>.svelte-sewora {
    position: relative
}

.campaign-container.svelte-sewora.svelte-sewora {
    height: auto
}

.cloud-product-title-container.svelte-sewora.svelte-sewora {
    display: flex;
    align-items: center;
    margin-bottom: 1em
}

.cloud-product-title-container.svelte-sewora .page-icon svg {
    width: 58px;
    height: 50px
}

.cloud-product-title-container.svelte-sewora .rich-text-container h1 {
    font-weight: 800;
    font-size: 52px
}

.cloud-product-title-container.svelte-sewora>* {
    margin-right: 10px;
    font-size: 0.8em
}

.cloud-product-title-container.svelte-sewora img {
    width: 50px
}

.cloud-product-content.svelte-sewora.svelte-sewora {
    display: flex
}

.cloud-product-content.svelte-sewora p,.cloud-product-content.svelte-sewora h6,.cloud-product-content.svelte-sewora h5,.cloud-product-content.svelte-sewora h4,.cloud-product-content.svelte-sewora h3,.cloud-product-content.svelte-sewora h2,.cloud-product-content.svelte-sewora h1 {
    display: flex;
    align-items: center;
    color: var(--c-black);
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    margin-right: 1.5em
}

.cloud-product-content.svelte-sewora svg {
    height: 14px;
    width: auto;
    margin-right: 0.35em
}

@media(max-width: 900px) {
    .campaign-container.svelte-sewora.svelte-sewora {
        height:unset
    }
}

@media(max-width: 990px) {
    .cloud-hero-title.svelte-sewora.svelte-sewora {
        width:100% !important
    }

    .cloud-product-content.svelte-sewora.svelte-sewora {
        flex-direction: column
    }

    .cloud-product-title-container.svelte-sewora.svelte-sewora {
        flex-direction: column
    }

    .cloud-hero-title.svelte-sewora .rich-text-container h1 {
        font-size: 42px
    }

    .cloud-product-content.svelte-sewora p,.cloud-product-content.svelte-sewora h6,.cloud-product-content.svelte-sewora h5,.cloud-product-content.svelte-sewora h4,.cloud-product-content.svelte-sewora h3,.cloud-product-content.svelte-sewora h2,.cloud-product-content.svelte-sewora h1 {
        margin-left: 0
    }

    .cloud-product-content.svelte-sewora svg {
        height: 14px;
        width: auto
    }
}

header.svelte-sewora .hero-page-title {
    align-items: start
}

header.svelte-sewora .hero-page-title div,header.svelte-sewora .hero-page-title span {
    text-align: left
}

header.svelte-sewora .hero-content-rich-text ul {
    list-style: none;
    padding: 0
}

header.svelte-sewora .hero-content-rich-text li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 1em 0;
    padding-left: 0
}

header.svelte-sewora .hero-content-rich-text li p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0px
}

header.svelte-sewora .hero-content-rich-text li::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    background-image: url("/images/white-checkmark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    margin-top: 0.25em
}

header.svelte-sewora .hero {
    gap: 0 1em !important
}

header.svelte-sewora .hero-content {
    grid-area: 2/1 !important;
    justify-self: flex-start !important;
    z-index: 100
}

@media(min-width: 851px) {
    header.svelte-sewora.svelte-sewora:not(.activeCampaign):before {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 50%;
        background: transparent linear-gradient(180deg, #004b69bf 0%, #0078aabf 32%, #00aaeb00 100%) 0% 0% no-repeat padding-box
    }

    header.cloud-hero-page.svelte-sewora.svelte-sewora:not(.activeCampaign):before {
        background: none
    }

    header.hero-page.activeCampaign.svelte-sewora.svelte-sewora {
        padding-bottom: 0
    }
}

@media(max-width: 930px) {
    .cloud-product-title-container.svelte-sewora.svelte-sewora {
        display:flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap
    }

    header.mobile-open.svelte-sewora.svelte-sewora {
        background: white;
        background-image: none !important
    }

    header.svelte-sewora.svelte-sewora,header.cloud-hero-page.svelte-sewora.svelte-sewora,header.hero-page.activeCampaign.svelte-sewora.svelte-sewora {
        padding-bottom: 0
    }

    header.svelte-sewora .hero-page-title div,header.svelte-sewora .hero-page-title span {
        text-align: center
    }
}

.hamburger.svelte-ljr2jm {
    display: none
}

@media(max-width: 1060px) {
    .hamburger.svelte-ljr2jm {
        display:flex;
        flex-direction: row;
        align-items: center;
        margin-left: auto;
        background: transparent;
        border: none;
        flex: 0;
        color: var(--c-primary)
    }

    .hamburger.open.svelte-ljr2jm {
        color: var(--c-primary)
    }

    .hamburger.svelte-ljr2jm svg {
        height: 1.5em;
        width: 1.5em;
        stroke: currentColor;
        pointer-events: none;
        margin-left: 1em
    }

    .menu-text.svelte-ljr2jm {
        font-size: 1.4em;
        font-weight: 600
    }
}

input.svelte-m3tu11 {
    display: block;
    line-height: normal;
    height: 50px
}

label.svelte-m3tu11 {
    font-weight: 600
}

input.svelte-m3tu11 {
    border-radius: 2px;
    border: 1px solid var(--c-gray-800);
    padding: 1em
}

input.svelte-m3tu11:invalid {
    box-shadow: none
}

input.svelte-m3tu11:hover {
    box-shadow: 0 0 0 1px var(--c-gray-800)
}

input.svelte-m3tu11:focus,input.svelte-m3tu11:invalid:focus {
    outline: none;
    box-shadow: 0 0 0 1px var(--c-gray-800)
}

.error {
    font-size: 0.75em;
    color: var(--c-red);
    font-weight: 600;
    display: block;
    position: relative
}

.form-group.svelte-m3tu11 .error + input {
    border-color: var(--c-red);
    box-shadow: 0 0 0 1px var(--c-red)
}

.form-group.svelte-m3tu11 .error + input:focus {
    border-color: var(--c-red);
    box-shadow: 0 0 0 1px var(--c-gray-800)
}

.form-group.svelte-m3tu11>* + * {
    margin-top: 0.5em
}

.help-text.svelte-m3tu11 {
    margin-top: 6px
}

.help-text.svelte-m3tu11 p {
    font-size: 12px;
    line-height: 12px
}

.newsletter.svelte-xv2fmi {
    grid-area: newsletter;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--c-white);
    margin-bottom: 1em
}

.row.svelte-xv2fmi {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    margin: 1em 0
}

.foot-note.svelte-xv2fmi p,.foot-note.svelte-xv2fmi:not(.gray) a {
    color: var(--c-white);
    font-size: 11px;
    line-height: 13px
}

.newsletter.svelte-xv2fmi button {
    padding: 1em 1.5em;
    margin: 0;
    margin-left: 1em;
    min-height: 50px
}

.subscription-confirmed.svelte-xv2fmi {
    margin: 1em 0
}

.subscription-confirmed.svelte-xv2fmi p {
    font-weight: medium;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0px;
    color: var(--c-white);
    max-width: 60%
}

.gray.svelte-xv2fmi,.gray.svelte-xv2fmi p,.foot-note.gray.svelte-xv2fmi p {
    color: var(--c-gray-body)
}

@media(max-width: 768px) {
    .newsletter.svelte-xv2fmi {
        align-items:center;
        text-align: center;
        margin-top: 2em
    }

    .row.svelte-xv2fmi {
        margin: 1em 0.5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-left: 1em;
        padding-right: 1em
    }

    .newsletter.svelte-xv2fmi button {
        margin-left: 0;
        margin-top: 0.5em;
        padding: 1em;
        width: 100%
    }

    .foot-note.svelte-xv2fmi {
        text-align: center
    }

    .newsletter.svelte-xv2fmi label {
        display: none
    }

    .row.svelte-xv2fmi #email-newsletter {
        width: 100%
    }

    .row.svelte-xv2fmi #email {
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    .row.svelte-xv2fmi {
        flex-wrap:wrap
    }

    .newsletter.svelte-xv2fmi button {
        margin-top: 0.5em;
        margin-left: 0;
        padding: 1em 1.25em
    }
}

.error.svelte-xv2fmi {
    font-size: 1em
}

.error.svelte-xv2fmi label {
    color: var(--c-white)
}

.error.gray.svelte-xv2fmi label {
    color: var(--c-gray-body)
}

.error.svelte-xv2fmi button {
    margin-bottom: 18px
}

.link-section.svelte-120jgjf {
    display: flex;
    flex-direction: column
}

.links.svelte-120jgjf {
    display: flex;
    flex-direction: column
}

button.svelte-120jgjf {
    display: none
}

span.svelte-120jgjf,a.svelte-120jgjf {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-white);
    text-decoration: none;
    margin-bottom: 0.5em
}

a.svelte-120jgjf:hover {
    text-decoration: underline
}

.title.svelte-120jgjf {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px
}

@media(max-width: 768px) {
    button.svelte-120jgjf {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0.75em 0;
        background: transparent;
        color: var(--c-white);
        border: none;
        border-top: 1px solid #5a647380
    }

    button.svelte-120jgjf svg {
        height: 18px;
        stroke-width: 3;
        stroke: var(--c-white);
        margin-right: 0.5em
    }

    span.title.svelte-120jgjf {
        display: none
    }

    .closed.svelte-120jgjf {
        display: none
    }
}

.links.svelte-zodmw2 {
    grid-area: link-grid;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 1em;
    justify-content: center;
    justify-items: center
}

@media(max-width: 768px) {
    .links.svelte-zodmw2 {
        display:flex;
        flex-direction: column;
        border-bottom: 1px solid #5a647380;
        margin-top: 2em;
        margin-bottom: 2em
    }
}

.facebook-a.svelte-pqdt2m {
    fill: var(--c-gray)
}

.linkedin-b.svelte-563ve5 {
    fill: var(--c-gray)
}

.twitter-a.svelte-ql6n57 {
    fill: var(--c-gray)
}

span.svelte-9f79ji.svelte-9f79ji,a.svelte-9f79ji.svelte-9f79ji {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-white);
    text-decoration: none;
    margin-bottom: 0.5em
}

.social.svelte-9f79ji.svelte-9f79ji {
    grid-area: social;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.social.svelte-9f79ji div.svelte-9f79ji {
    display: flex;
    flex-wrap: nowrap
}

.social.svelte-9f79ji div.svelte-9f79ji svg {
    height: 72px
}

.social.svelte-9f79ji .social-title.svelte-9f79ji {
    margin: 1em 0.5em 0.5em 0.5em;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px
}

.social.svelte-9f79ji a.svelte-9f79ji {
    padding: 0
}

@media(max-width: 768px) {
    .social.svelte-9f79ji.svelte-9f79ji {
        align-items:center
    }

    .social.svelte-9f79ji div.svelte-9f79ji svg {
        height: 52px
    }
}

.mastercard-a.svelte-1j6jyza {
    fill: #fff
}

.privacy-and-security.svelte-2t9qb0.svelte-2t9qb0 {
    display: flex;
    gap: 0.5em
}

.logo-text.svelte-2t9qb0.svelte-2t9qb0 {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--c-gray);
    border-radius: 5px;
    align-items: center;
    padding: 2px 12px 2px 2px
}

.logo-text.svelte-2t9qb0 .rich-text-container p {
    font-size: 12px;
    line-height: 14px;
    color: var(--c-gray);
    margin: 0
}

.logo-text.svelte-2t9qb0 .rich-text-container p b {
    display: block;
    margin: 0
}

.logo-text.svelte-2t9qb0 br {
    display: none
}

.logo-text.svelte-2t9qb0 svg {
    height: 22px;
    margin: 2px 6px
}

.logo-text.svelte-2t9qb0 svg path {
    fill: var(--c-gray)
}

.light.svelte-2t9qb0 .logo-text.svelte-2t9qb0 {
    border-color: var(--c-white)
}

.light.svelte-2t9qb0 .logo-text.svelte-2t9qb0 .rich-text-container p {
    color: var(--c-white)
}

.light.svelte-2t9qb0 .logo-text.svelte-2t9qb0 svg path {
    fill: var(--c-white)
}

@media(max-width: 760px) {
    .logo-text.svelte-2t9qb0.svelte-2t9qb0 {
        padding:2px 8px 2px 8px
    }
}

.footnote.svelte-18zhlue.svelte-18zhlue {
    grid-area: footnote;
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 0.5em;
    border-top: 1px solid var(--c-gray-body) 80;
    padding: 2em 0
}

.footnote.svelte-18zhlue .description.svelte-18zhlue .logo path {
    fill: var(--c-white);
    margin-right: 0.5em
}

.footnote.svelte-18zhlue .tagline.svelte-18zhlue {
    grid-column: 1 / -1;
    font-weight: 500;
    font-size: 16px;
    line-height: 14px;
    color: var(--c-gray-300);
    margin-bottom: 0
}

.footnote.svelte-18zhlue .description-text.svelte-18zhlue {
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0px;
    color: var(--c-white)
}

.payment-icons.svelte-18zhlue.svelte-18zhlue {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
    flex-wrap: wrap
}

.copyright.svelte-18zhlue.svelte-18zhlue {
    text-align: right
}

span.svelte-18zhlue.svelte-18zhlue {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: var(--c-white);
    text-decoration: none;
    margin-bottom: 0.5em
}

.copyright.svelte-18zhlue span.svelte-18zhlue {
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 0px;
    color: var(--c-gray-300)
}

@media(max-width: 768px) {
    .footnote.svelte-18zhlue.svelte-18zhlue {
        grid-template-columns:1fr;
        grid-gap: 0.25em
    }

    .footnote.svelte-18zhlue .logo.svelte-18zhlue {
        display: flex;
        justify-content: center
    }

    .footnote.svelte-18zhlue .tagline.svelte-18zhlue {
        grid-row-start: 2;
        text-align: center;
        margin: 1em;
        line-height: 1.5
    }

    .footnote.svelte-18zhlue .description-text.svelte-18zhlue {
        text-align: left
    }

    .payment-icons.svelte-18zhlue.svelte-18zhlue {
        margin: 1em 0
    }

    .payment-icons.svelte-18zhlue svg {
        margin: 0;
        margin-right: 6px
    }

    .copyright.svelte-18zhlue.svelte-18zhlue {
        margin: 2em 0;
        text-align: center
    }
    .v7 {
        margin-top: -119px;
    margin-left: 101px;

    }
   
}

  @media only screen and (max-width: 600px) {
             .vTitil {
            margin-left: -1px;
    margin-top: 45px;
    }
        }
     @media only screen and (min-width: 600px) {
             .vTitil {
            margin-left: 51px;
    padding-top: 10px;
    }
        }



@media screen and (max-width: 560px) {
    .payment-icons.svelte-18zhlue.svelte-18zhlue {
        padding:0 0.5em;
        justify-content: center
    }
}

.footer-container.svelte-1698xw7.svelte-1698xw7 {
    background-color: var(--c-gray);
    padding: 2em;
    margin-top: auto;
    position: relative;
    margin-top: 6em
}

.footer-container.svelte-1698xw7 .swoosh-wrapper.svelte-1698xw7 {
    position: absolute;
    bottom: 0;
    top: -319px;
    right: 0;
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
    pointer-events: none
}

.footer-container.svelte-1698xw7 .swoosh.svelte-1698xw7 {
    position: absolute;
    fill: var(--c-dark-blue);
    top: 0;
    left: 55%;
    height: 20em;
    width: 100%;
    pointer-events: none
}

.footer-container.svelte-1698xw7 .swoosh .bg.svelte-1698xw7 {
    fill: var(--c-gray)
}

.footer-grid.svelte-1698xw7.svelte-1698xw7 {
    /*display: grid;*/
    grid-template-areas: "newsletter newsletter newsletter social social" "link-grid link-grid link-grid link-grid link-grid" "footnote footnote footnote footnote footnote";
    row-gap: 4em
}

@media(max-width: 850px) {
    .footer-container.svelte-1698xw7 .swoosh.svelte-1698xw7 {
        left:-50%;
        width: 400%
    }
}

@media(max-width: 768px) {
    .footer-container.svelte-1698xw7.svelte-1698xw7 {
        padding:0 1em
    }

    .footer-grid.svelte-1698xw7.svelte-1698xw7 {
        display: flex;
        flex-direction: column;
        row-gap: 1em
    }
}

@media screen and (max-width: 450px) {
    .footer-container.svelte-1698xw7.svelte-1698xw7 {
        padding:0 0.5em
    }
}

@media(min-width: 990px) {
    main.hero.svelte-z4ummd {
        margin-top:-10em;
        z-index: 10
    }

    main.cloud-hero.hero.hero-lg.svelte-z4ummd:not(.activeCampaign) {
        margin-top: -10em
    }

    main.hero.hero-lg.svelte-z4ummd:not(.activeCampaign) {
        margin-top: -7em
    }

    main.activeCampaign.svelte-z4ummd {
        margin-top: 0
    }
}

@media(max-width: 1061px) {
    main.cloud-hero.svelte-z4ummd {
        z-index:1;
        margin-top: -30px
    }
}

section.svelte-1w2a18m {
    margin-top: 5em;
    display: flex;
    flex-direction: column;
    align-items: center
}

h1.svelte-1w2a18m {
    color: var(--c-gray);
    font-weight: 900;
    font-size: 40px;
    line-height: 44px
}

h2.svelte-1w2a18m {
    color: var(--c-gray-body);
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    margin: 0
}

.section.svelte-1w2a18m .richText-block .rich-text-container {
    max-width: 55%;
    margin: 2em auto 4em
}

.section.svelte-1w2a18m .richText-block .rich-text-container p {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px
}

@media(max-width: 768px) {
    .richText.svelte-1w2a18m {
        max-width:100%;
        margin-bottom: 2em
    }
}