.tab-container {
    margin-block-end: 30px;
    &.loading {
        justify-content: center;
        align-items: center;
        min-height: 300px;
        display: flex;
    }
    .loader {
        height: 60px;
        width: 60px;
        background-image: url('../../images/loader-icon.svg');
        background-size: 100% 100%;
        animation: spin 2.5s linear infinite;
        filter: brightness(0) saturate(100%) invert(48%) sepia(46%) saturate(7490%) hue-rotate(359deg) brightness(105%) contrast(99%);
    }
}

.tab-content {
    display: none;
    &.active {
        display: flex;
    }
}

@media (min-width: 768px) {
    .tab-container {
        &.loading {
            justify-content: center;
            align-items: center;
            min-height: 500px;
        }
    }
}

@media (min-width: 1280px) {
    .tab-container {
        &.loading {
            justify-content: center;
            align-items: center;
            min-height: 520px;
        }
    }
}