:root {
    --z-under: 0;
    --z-default: 1;
    --z-above: 2;
    --z-header: 20;
    --z-overlay: 20;
    --z-loader: 100;
    --red: #ff2803;
    --yellow: #f9b71b;
    --blue: #1795f0;
    --green: #30e462;
    --ultra-dark: #000;
    --dark: #150c0f;
    --medium-dark: #201317;
    --sand: #f4f5ef;
    --white: #fff;
    --large: 1440px;
    --desktop: 1280px;
    --tablet-h: 1024px;
    --tablet: 979px;
    --tablet-w: 768px;
    --mobile-w: 640px;
    --mobile: 480px
}

.SubHeader {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start
}

.SubHeader__puce {
    background-color: var(--dark);
    border-radius: 100%;
    height: 10px;
    margin-right: 8px;
    margin-top: 5px;
    min-height: 10px;
    min-width: 10px;
    width: 10px
}

@media (min-width:1920px) {
    .SubHeader__puce {
        height: .625rem;
        width: .625rem
    }
}

@media (max-width:640px) {
    .SubHeader__puce {
        margin-top: 7px
    }
}