.block-cheeseburgermenu-container {
    height: 100%;
    width: 485px;
    background: none;
    @media (max-width: 720px) {
        & {
            width: 380px;
        }
    } 
}

.cheeseburger-menu__main-navigation-area {
    background: white;
    height: 0;
    width: 0;
}

.cheeseburger-menu__main-navigation-area:has(div.highlighted){
    height: 100vh;
    width: 100%;
}

.cheeseburger-menu__side-trigger {
    margin-bottom: 0;
}

.cheeseburger-menu__side-trigger svg {
    margin-left: 1rem;
    width: 30px;
    height: 30px;
}

.block-cheeseburgermenu-container--with-navigation {
    padding-left: 210px;
    transition: 0.2s all;
    @media (max-width: 720px) {
        & {
            padding-left: 120px;
        }
    } 
}

.cheeseburger-menu__side-menu{
    width: 210px;
    &:has(span.highlighted),&:has(.cheeseburger-menu__side-menu-item.highlighted), &.highlighted {
        @media (max-width: 720px) {
            & {
                width: 120px;
            }
        }
    }   
    .cheeseburger-menu__side-menu-item {
        min-height: calc(80px - 10px);
        width: auto;
        text-align: left;
        font-weight: 600;
        padding: 0 1rem;
        border-bottom: 1px solid #ffffff4f;
        transition: 0.2s all;
        & span{
            font-size: 15px;
            line-height: 1.2;
        }
        &:nth-child(2){
            border-top: 1px solid #ffffff4f;
        }
        & a{
            color: white;
        }
        &:has(span.highlighted), &.highlighted {
            background-color: white;
            & span{
                color: #223d71;
            }
            & a{
                color: #223d71;
            }
        }
    }
}

.cheeseburger-menu__title--collapsible,
.cheeseburger-menu__main-navigation-area > div{
    display: none;
}

.cheeseburger-menu__title--collapsible.highlighted,
.cheeseburger-menu__main-navigation-area > div.highlighted{
    display: block;
}

.cheeseburger-menu__title {
    border-bottom: 1px solid #223d716e;
    height: 65px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 2rem;
}

.cheeseburger-menu__submenu {
    padding-left: 0 !important;
}

.cheeseburger-menu__mainmenu{
    & > li.cheeseburger-parent > .cheeseburger-menu__item-label{
        font-weight: 600;
        padding: 10px 0 10px 12px;
    }
    & > li.cheeseburger-menu__item {
        border-bottom: 1px dotted #00000063;
    }
    & a{
        text-decoration: none!important;
    }
    & .cheeseburger-menu__item-label:hover {
        text-decoration: none;
    }
    & a.cheeseburger-menu__item-label{
        padding: 10px 0 10px 0;
    }
}

.cheeseburger-menu__submenu{
    & li.cheeseburger-menu__item{
        border-bottom: 1px dotted #00000063;
    }
    & > li .cheeseburger-menu__item-label {
        padding: 12px 0 12px 12px;
    }
}

/*
.cheeseburger-menu__title--collapsible .cheeseburger-menu__title{
    display: none;
}
*/
.cheeseburger-menu__item-label {
    flex: 1;
}