:root {
    --apollo-purple: #635BFF;
    --apollo-purple-semi: #635BFF22;
    --apollo-dark-blue: #0A2540;
    --apollo-light-blue: #01BAEF;
    --apollo-light-blue-semi: #01BAEF22;
    --apollo-black: #05182B;
    --apollo-gray: #707F98;
    --apollo-gray-semi: #707F9888;
    --apollo-light-gray: #E6EBF1;
    --apollo-lightest-gray: #F3F5F7;
    --apollo-green: #00bb8f;
    --apollo-green-semi: #00bb8f22;
    --apollo-red: #ef486f;
    --apollo-red-semi: rgba(239, 71, 111, .12);

    --apollo-popup-border-radius: 8px;
    --apollo-button-border-radius: 4px;
}

#mock-data-warning {
    color: white;
    background-color: var(--apollo-purple);
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 20px;
    width: 150px;

    top: -10px;
    padding: 5px;
    padding-top: 15px;
    z-index: 99999;
}