/* ==========================================================================
   DISPLAY
   ========================================================================== */

.mut-block{
    display:block;
}

.mut-inline{
    display:inline;
}

.mut-inline-block{
    display:inline-block;
}

.mut-flex{
    display:flex;
}

.mut-inline-flex{
    display:inline-flex;
}

.mut-grid{
    display:grid;
}

.mut-hidden{
    display:none;
}

/* ==========================================================================
   FLEX
   ========================================================================== */

.mut-items-center{
    align-items:center;
}

.mut-items-start{
    align-items:flex-start;
}

.mut-items-end{
    align-items:flex-end;
}

.mut-justify-center{
    justify-content:center;
}

.mut-justify-between{
    justify-content:space-between;
}

.mut-justify-around{
    justify-content:space-around;
}

.mut-flex-column{
    flex-direction:column;
}

.mut-flex-wrap{
    flex-wrap:wrap;
}
/* ==========================================================================
   TEXT
   ========================================================================== */

.mut-text-left{
    text-align:left;
}

.mut-text-center{
    text-align:center;
}

.mut-text-right{
    text-align:right;
}
/* ==========================================================================
   WIDTH
   ========================================================================== */

.mut-w-25{
    width:25%;
}

.mut-w-50{
    width:50%;
}

.mut-w-75{
    width:75%;
}

.mut-w-100{
    width:100%;
}
/* ==========================================================================
   HEIGHT
   ========================================================================== */
.mut-h-100{
    height:100%;
}

.mut-min-vh{
    min-height:100vh;
}
/* ==========================================================================
   RADIUS
   ========================================================================== */
.mut-radius-sm{

border-radius:var(--mut-radius-sm);

}

.mut-radius{

border-radius:var(--mut-radius-md);

}

.mut-radius-lg{

border-radius:var(--mut-radius-lg);

}

.mut-rounded{

border-radius:999px;

}
/* ==========================================================================
   SHADOW
   ========================================================================== */
   .mut-shadow-sm{

box-shadow:var(--mut-shadow-sm);

}

.mut-shadow{

box-shadow:var(--mut-shadow-md);

}

.mut-shadow-lg{

box-shadow:var(--mut-shadow-lg);

}
/* ==========================================================================
   BACKGROUND
   ========================================================================== */
   .mut-bg-primary{

background:var(--mut-primary);

color:#fff;

}

.mut-bg-light{

background:var(--mut-bg-light);

}

.mut-bg-dark{

background:var(--mut-bg-dark);

color:#fff;

}

.mut-bg-white{

background:#fff;

}