
    .full-width.svelte-17ibcsd {
        width: 100vw;
        margin: 0;
    }

    .branding.svelte-17ibcsd {
        position: relative;
        width: 100vw;
        margin: 0;
        padding: 0;
        background-color: var(--surface-container);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 0px;
        padding-bottom: 130px;
        box-sizing: border-box;
        min-height: 888px;
    }

    .branding.svelte-17ibcsd img.logo:where(.svelte-17ibcsd) {
        width: 120px;
        height: auto;
        margin-bottom: 40px;
    }

    .branding.svelte-17ibcsd p:where(.svelte-17ibcsd) {
        text-align: center;
        max-width: 575px;
        
    }

    .branding.svelte-17ibcsd h2:where(.svelte-17ibcsd) {
        margin-bottom: 16px;
        text-align: center;
    }

    .branding.svelte-17ibcsd .full-width:where(.svelte-17ibcsd) {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: auto;
    }

    .col.svelte-17ibcsd {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    @media (max-width: 768px) {
        .branding.svelte-17ibcsd {
            min-height: 60vh;
            padding-bottom: 200px;
            padding-top: 80px;
            padding-left: 16px;
            padding-right: 16px;
        }

        .branding.svelte-17ibcsd p:where(.svelte-17ibcsd) {
            font-size: 16px;
        }
    }

    .stores.svelte-569c0i {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 16px;
    }
 
    img.svelte-569c0i {
        height: 48px;
    }

    @media (max-width: 768px) {
        .stores.svelte-569c0i {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
    }

    .links.svelte-3nszv {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 32px;
        width: 100%;
    }

    .links.svelte-3nszv ul:where(.svelte-3nszv) {
        flex: 1;
        width: 100%;
        list-style: none;
    }

    .links.svelte-3nszv ul:where(.svelte-3nszv) li:where(.svelte-3nszv) {
        margin-bottom: 12px;
    }

    .links.svelte-3nszv ul:where(.svelte-3nszv) li.inactive:where(.svelte-3nszv) {
        color: var(--surface-50);
        font-size: 18px;
        line-height: 140%;
        font-weight: 400;
    }

    .links.svelte-3nszv ul:where(.svelte-3nszv) li:where(.svelte-3nszv) a:where(.svelte-3nszv) {
        color: var(--surface);
        font-size: 18px;
        line-height: 140%;
        font-weight: 400;
        letter-spacing: -4%;
    }

    @media (max-width: 768px) {
        .links.svelte-3nszv {
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .links.svelte-3nszv ul:where(.svelte-3nszv) {
            padding-bottom: 40px;
        }

        .links.svelte-3nszv ul:where(.svelte-3nszv) li:where(.svelte-3nszv) {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .links.svelte-3nszv ul:where(.svelte-3nszv) li.inactive:where(.svelte-3nszv) {
            text-align: center;
        }

        .links.svelte-3nszv ul:where(.svelte-3nszv) li:where(.svelte-3nszv) a:where(.svelte-3nszv) {
            text-align: center;
        }
    }

    div.svelte-1xmn47x {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    img.svelte-1xmn47x {
        height: 24px;
        width: 24px;
    }

    @media (max-width: 768px) {
        div.svelte-1xmn47x {
            flex-direction: row;
            align-items: center;
            justify-content: center;
        }
    }

    div.svelte-15203fx {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 32px;
    }

    img.svelte-15203fx {
        height: 46px;
        filter: invert(1);
    }

    @media (max-width: 768px) {
        div.svelte-15203fx {
            align-items: center;
            justify-content: center;
            gap: 55px;
        }
    }

    .relative-full-width.svelte-h11or8 {
        width: 100%;
        margin: 0;
    }

    footer.svelte-h11or8 {
        background: #5bb6bc;
        background: -webkit-linear-gradient(
            0deg,
            rgba(89, 153, 212, 1) 0%,
            rgba(91, 182, 188, 1) 100%
        );
        background: -moz-linear-gradient(
            0deg,
            rgba(89, 153, 212, 1) 0%,
            rgba(91, 182, 188, 1) 100%
        );
        background: linear-gradient(
            0deg,
            rgba(89, 153, 212, 1) 0%,
            rgba(91, 182, 188, 1) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5999D4", endColorstr="#5BB6BC", GradientType=0);
        padding: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    footer.svelte-h11or8 .relative-full-width:where(.svelte-h11or8) {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        background-color: var(--on-surface);
        max-width: var(--max-width);
        border-radius: 32px;
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 72px;
        padding-bottom: 72px;
        gap: 80px;
    }

    .logos.svelte-h11or8 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
    }

    .boring.svelte-h11or8 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .boring.svelte-h11or8 p:where(.svelte-h11or8) {
        color: var(--surface-50);
        font-size: 14px;
        line-height: 140%;
        text-align: center;
        margin: 0;
    }

    .boring.svelte-h11or8 a:where(.svelte-h11or8) {
        color: var(--surface);
        font-size: 18px;
        line-height: 140%;
        text-decoration: none;
        margin-bottom: 8px;
        text-align: center;
    }

    @media (max-width: 768px) {
        .logos.svelte-h11or8 {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 40px;
        }

        footer.svelte-h11or8 {
            padding: 16px;
        }

        footer.svelte-h11or8 .relative-full-width:where(.svelte-h11or8) {
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 40px;
            padding-bottom: 40px;
        }
    }
