/* ==========================================================
   EngageX Utilities
   ========================================================== */

/* Cursor */

.cursor-pointer {
    cursor: pointer;
}

/* Width */

.w-280 {
    width: 280px;
}

/* Height */

.h-navbar {
    height: var(--vx-navbar-height);
}

/* Background */

.bg-surface {
    background: var(--vx-surface);
}

/* Shadow */

.shadow-soft {
    box-shadow: var(--vx-shadow);
}

/* Radius */

.radius {
    border-radius: var(--vx-radius);
}

/* ==========================================================
   Text
   ========================================================== */

.text-muted {
    color: var(--vx-text-muted) !important;
}

/* ==========================================================
   Responsive Helpers
   ========================================================== */

@media (max-width: 575.98px) {
    .w-280 {
        width: 100%;
    }
}