/* Racecheck brand fonts — self-hosted, no third-party requests */
@font-face { font-family: 'Source Sans 3'; src: url("../fonts/SourceSans3-Light.2943189f6c23.woff2") format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url("../fonts/SourceSans3-Regular.47840fabbca0.woff2") format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url("../fonts/SourceSans3-Medium.c807ed7b7f25.woff2") format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url("../fonts/SourceSans3-SemiBold.4834f1c48eda.woff2") format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url("../fonts/SourceSans3-Bold.1d07068df1d3.woff2") format('woff2'); font-weight: 700; font-display: swap; }
:root {
  --rc-font-body: 'Source Sans 3', Arial, Helvetica, sans-serif;
}

.mrb-body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

a {
    text-decoration: none;
    display: flex;
    cursor: pointer;
    color: inherit;
    justify-content: center;
    align-items: center;
}

.mrb-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mrb-container > p {
    font-size: 16px;
    margin: 0;
    font-family: var(--rc-font-body);
}

.mrb-container > p > span {
    font-weight: 500;
}

.mrb-light > p {
    color: #fff !important;
}

.mrb-dark > p {
    color: #212121 !important;
}

.mrb-branding {
    width: 140px;
    margin-left: 8px;
}

@media (max-width: 400px) {
    .mrb-container {
        flex-direction: column;
    }

    .mrb-container > p {
        text-align: center;
        font-size: 14px;
    }

    .mrb-branding {
        margin: 2px 0 0 0;
        width: 120px;
    }
}

@media (max-width: 150px) {
    .mrb-container > p {
        font-size: 12px;
    }

    .mrb-branding {
        margin: 2px 0 0 0;
        width: 100px;
    }
}