.fh-mb-loader {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    background: #fff;
    z-index: 2;
    padding: 0 0 50px;
}

.fh-mb-loader__spinner {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #000;
    border-top-color: transparent;
    animation: fh-mb-spin .7s linear infinite;
}

@keyframes fh-mb-spin {
    to { transform: rotate(360deg); }
}

/* Show the loader while wrapper is in loading state */
.fh-mb-modal--loading .fh-mb-loader,
.fh-mb-wrapper--board.is-loading #fh-mb-board-loader .fh-mb-loader,
.fh-mb-wrapper--overview.is-loading #fh-mb-overview-loader .fh-mb-loader {
    display: flex;
}

/* Dim / disable content while loading */
.fh-mb-modal--loading .fh-mb-modal__content,
.fh-mb-wrapper--board.is-loading #fh-mb-canvas,
.fh-mb-wrapper--overview.is-loading #fh-mb-board-grid {
    opacity: 0;
    pointer-events: none;
}