.loader-box
{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;

    .cogwheel
    {
        &::before
        {
            display: block;
            width: steps(7.5);
            height: steps(7.5);

            content: svg-image-data-url('cogwheel', $color-brand-darker);

            @keyframes rotate
            {
                to
                {
                    transform: rotate(360deg);
                }
            }

            animation: rotate 3s linear infinite;
        }
    }
}
