.explore-data {
    display: flex;
    flex-direction: column;
    -moz-column-gap: 12px;
         column-gap: 12px;
}

@media (min-width: 540px) {
        .explore-data {
            flex-direction: row;
            -moz-column-gap: 32px;
                 column-gap: 32px;
        }
    }

@media (min-width: 845px) {
        .explore-data {
            -moz-column-gap: 32px;
                 column-gap: 32px;
        }
    }

/* Gradients */

.radial-gradient-magenta-tint-20 {
    width: 1194px;
    height: 1384px;
    border-radius: 50%;
    left: -101px;
    top: -1032px;
    transform: rotate(33.28deg);
    opacity: 0.8;
    filter: blur(153px);
}

@media (min-width: 540px) {
        .radial-gradient-magenta-tint-20 {
            left: -130px;
            top: -746px;
        }
    }

.radial-gradient-purple-tint-10 {
    width: 1260px;
    height: 939px;
    border-radius: 50%;
    left: 320px;
    top: -35px;
    transform: rotate(33.28deg);
    opacity: 0.8;
    filter: blur(153px);
}

@media (min-width: 540px) {
        .radial-gradient-purple-tint-10 {
            left: 975px;
            top: -295px;
        }
    }

.radial-gradient-purple-tint-20 {
    width: 530px;
    height: 530px;
    left: -86px;
    top: 1100px;
    opacity: 0.6;
    filter: blur(101px);
}

@media (min-width: 540px) {
        .radial-gradient-purple-tint-20 {
            left: -51px;
            top: 1000px;
        }
    }

@media (min-width: 845px) {
        .radial-gradient-purple-tint-20 {
            display: none;
        }
    }

.radial-gradient-magenta-tint-15 {
    width: 1479px;
    height: 1232px;
    left: -197px;
    top: 3355px;
    opacity: 0.8;
    transform: rotate(33.28deg);
    border-radius: 50%;
}

@media (min-width: 540px) {
        .radial-gradient-magenta-tint-15 {
            left: -145px;
            top: 1600px;
        }
    }

@media (min-width: 540px) {
        .radial-gradient-magenta-tint-15 {
            display: none;
        }
    }
.app-types {
    align-items: stretch;
}.app-types a.card {
        padding: 20px;
        background-color: var(--colors-media-card-bg);
        border-radius: 20px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.03922);
        display: flex;
        flex-direction: column;
        align-self: stretch;
        border-width: 2px;
        border-style: solid;
    }.app-types a.card:hover {
            background-color: var(--colors-media-card-hover);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10196);
        }.app-types a.card:active {
            background-color: var(--colors-media-card-active);
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0);
        }.app-types a.card p.heading {
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            margin-bottom: .25rem;
        }.app-types a.card p.heading + p {
            color: var(--colors-text-inverse);
        }.app-types .purple-primary {
        border-color: var(--colors-media-purple-primary-border);
    }.app-types .magenta-primary {
        border-color: var(--colors-media-magenta-primary-border);
    }.app-types .flamingo-primary {
        border-color: var(--colors-media-flamingo-primary-border);
    }.app-types .blue-primary {
        border-color: var(--colors-media-blue-primary-border);
    }
.image-cards {
    text-align: center;
}@media (min-width: 540px) {.image-cards div {
            text-align: left;
    }
        }.image-cards h2,.image-cards h3 {
        color: var(--colors-white-inverse);
    }.image-cards h3 {
        font-family: var(--font-family-open);
    }@media (min-width: 540px) {
            .image-cards img {
                margin: 0;
            }
        }.image-cards p {
        color: var(--colors-white-inverse);
        flex-grow: 1;
    }