.sunburst-block {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sunburst-block__header {
    padding-top: 35px;
    color: #1e1914;
    font-size: 19pt;
    line-height: 1.2;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 52em) {
    .sunburst-block__header {
        padding-bottom: 30px;
        padding-top: 2vw;
        margin: 0;
        font-size: 3vw;
    }
}

@media (max-width: 500px) {
    .sunburst-block__header {
        font-size: 6.2vw;
    }
}

.sunburst-block__instructions .rich-text {
    font-size: 12pt;
    line-height: 1.3;
}

@media (max-width: 52em) {
    .sunburst-block__instructions {
        padding-bottom: 8px;
    }

    .sunburst-block__instructions .rich-text {
        font-size: 2vw;
    }
}

@media (max-width: 500px) {
    .sunburst-block__instructions {
        padding-bottom: 10px;
    }

    .sunburst-block__instructions .rich-text {
        font-size: 3.3vw;
    }
}

.sunburst-block__explanation {
    color: #1e1914;
    font-size: 9pt;
    line-height: 1.2;
}

@media (max-width: 52em) {
    .sunburst-block__explanation {
        background-color: #ffffff;
        padding-left: 6px;
        font-size: 2.4vw;
    }
}

@media (max-width: 500px) {
    .sunburst-block__explanation {
        font-size: 2.6vw;
    }
}

#data-name {
    padding-bottom: 11px;
    color: #df2f26;
    font-size: 12pt;
    font-family: "Helvetica Neue", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    color: #78736e;
}

@media (max-width: 52em) {
    #data-name {
        font-size: 2.8vw;
    }
}

@media (max-width: 500px) {
    #data-name {
        font-size: 3.1vw;
        padding-bottom: 2vw;
    }
}