.IntranetLoader
{
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
}
.IntranetLoader__Inner
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 80px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 67px 12px rgba(0,0,0,.14);
}
.IntranetLoader__Spinner
{
    display: inline-block;
    position: relative;
    width: 128px;
    height: 128px;
    zoom: .5;
}
.IntranetLoader__Spinner div
{
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 102px;
    height: 102px;
    margin: 12px;
    border: 12px solid;
    border-radius: 50%;
    animation: spin 1.3s cubic-bezier(.5,0,.5,1) infinite;
    border-color: #403b3b transparent transparent transparent;
}
.IntranetLoader__Spinner div:nth-child(1)
{
    animation-delay: -.45s;
}
.IntranetLoader__Spinner div:nth-child(2)
{
    animation-delay: -.3s;
}
.IntranetLoader__Spinner div:nth-child(3)
{
    animation-delay: -.15s;
}
.IntranetLoader__Label
{
    color: #403b3b;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
}
.IntranetLoader__Label:after
{
    content: ' .';
    animation: dots 1s steps(5,end) infinite;
}
@keyframes spin
{
    from
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@keyframes dots
{
    0%, 20%
    {
        color: rgba(0,0,0,0);
        text-shadow: .25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0);
    }
    40%
    {
        color: #000;
        text-shadow: .25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0);
    }
    60%
    {
        text-shadow: .25em 0 0 black,.5em 0 0 rgba(0,0,0,0);
    }
    80%, 100%
    {
        text-shadow: .25em 0 0 black,.5em 0 0 black;
    }
}