/* MIXINGS */

    @import url("/css/atoms/parts.css");
    @import url("/css/atoms/space.css");
    @import url("/css/atoms/text.css");
    @import url("/css/atoms/color.css");
    @import url("/css/atoms/mixings.css");
    
/* ORGANISMS */
    
    /*@import url("/css/organisms/modal.css");*/


/*********************************************************/

/*
    STRUCTURE
    - MODAL
        - LOADER
        - COOKIES
        - MESSAGE AREA
        - MOBILE MENU
    - PAGE
        - SIDEBAR
        - MAIN
            - HEADER
            - BODY
                - CONTENT
                - FOOTER
*/

/*********************************************************/

/* PAGE */
    .page{
        overflow: hidden;
        height: 100dvh;
        display: flex;
        flex-direction: row;
    }

/* MAIN */
    main{
        flex: 1;
        display: flex;
        flex-direction: column;
    }

/* BODY */
    .body{
        max-height: calc(100dvh - var(--header-height));
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
    }

/* CONTENT */
    .content{
        flex: 1;
    }