@use '../abstracts/variables' as *;

.main-content {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.main-article {
    display: flex;
    flex-grow: 1;
    overflow: hidden;

    .container {
        max-width: unset;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 1rem;

        background-color: $gray-100;
    }
}

.panel {

    &__main-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        height: 100%;
        overflow-y: auto;
        padding: 1rem;
    }

    &__content-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    &__content-title {
        font-size: 1.5rem;
    }
    
}