/*--------------------------------------------------------------------------*\
    topbar
\*--------------------------------------------------------------------------*/

.topbar {
    /*box*/
    position: sticky;
    position: -webkit-sticky;
    /* if no header */
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: var(--topbar-height);
    z-index: 3;
    overflow-x: auto;
    padding:0px 10px;

    /*border*/
    border-bottom:1px solid var(--c-tertiary-1);

    /*text*/
    font-family: var(--ff-title);
}

/*--------------------------------------------------------------------------*\
        Specific : Sidebar with topbar and no header
        (we simplify : the same on large and small screens)
\*--------------------------------------------------------------------------*/

.burger-input--sidebar.burger-input--menu-top-position-topbar~.topbar{
    /*box*/
    padding-left:40px;
}

/*--------------------------------------------------------------------------*\
        If header
\*--------------------------------------------------------------------------*/

.burger-input--menu-top-position-header-topbar~.topbar {
    /*box*/
    top: var(--header-height) !important;
}

/*--------------------------------------------------------------------------*\
        Scrollbar
\*--------------------------------------------------------------------------*/

.topbar::-webkit-scrollbar {
	/*box*/
    display:none;
}

.topbar::-webkit-scrollbar-thumb {
	/*box*/
    display:none;
}

.topbar::-webkit-scrollbar-track {
	/*box*/
    display:none;
}