/* ZWORLD_CLASSIC_SIDEBAR_V5_START */

    /*
     * Le logo et son espacement sont verrouillés.
     * Seul le comportement de la barre est ajouté.
     */
    .brand {
      cursor: pointer;
      user-select: none;
      outline: 0;
    }

    .brand:focus-visible {
      box-shadow:
        inset 0 0 0 2px
        rgba(215, 215, 222, .3);
    }

    .profile {
      display: grid;
      grid-template-columns:
        30px
        minmax(0, 1fr)
        30px;

      align-items: center;
      gap: 9px;
    }

    .settings-action {
      width: 30px;
      height: 30px;
      padding: 0;

      display: grid;
      place-items: center;

      border: 0;
      border-radius: 8px;

      color: #92929a;
      background: transparent;

      cursor: pointer;
    }

    .settings-action:hover {
      color: #f4f4f5;

      background:
        linear-gradient(
          145deg,
          #36363d,
          #1b1b1f
        );
    }

    .settings-action svg {
      width: 16px;
      height: 16px;
      display: block;
      fill: currentColor;
    }

    .mobile-sidebar-toggle {
      display: none;
    }

    .sidebar-shade {
      display: none;
    }

    @media (min-width: 761px) {
      .layout {
        transition:
          grid-template-columns .18s ease;
      }

      body.sidebar-collapsed .layout {
        grid-template-columns:
          58px
          minmax(0, 1fr);
      }

      body.sidebar-collapsed .navigation {
        border-radius: 15px;
      }

      body.sidebar-collapsed .brand {
        min-height: 62px;
        padding: 11px;

        justify-content: center;
      }

      body.sidebar-collapsed .brand-name,
      body.sidebar-collapsed .nav-section,
      body.sidebar-collapsed .nav-text,
      body.sidebar-collapsed .profile-copy {
        display: none;
      }

      body.sidebar-collapsed .nav-scroll {
        padding:
          10px
          7px;
      }

      body.sidebar-collapsed .nav-entry {
        min-height: 40px;
        padding: 6px;

        justify-content: center;
      }

      body.sidebar-collapsed .nav-symbol {
        width: auto;
        font-size: 14px;
      }

      body.sidebar-collapsed .profile {
        min-height: 92px;
        padding: 9px 7px;

        grid-template-columns: 1fr;
        justify-items: center;
        gap: 8px;
      }

      body.sidebar-collapsed .profile-letter,
      body.sidebar-collapsed .settings-action {
        grid-column: 1;
      }
    }

    @media (max-width: 760px) {
      .layout {
        grid-template-columns: 1fr;
      }

      .navigation {
        position: fixed;
        top: 8px;
        left: 8px;
        bottom: 8px;
        z-index: 220;

        width:
          min(280px, calc(100vw - 32px));

        display: flex;

        transform:
          translateX(calc(-100% - 20px));

        transition:
          transform .18s ease;

        box-shadow:
          0 44px 145px
          rgba(0, 0, 0, .78);
      }

      body.sidebar-mobile-open .navigation {
        transform: translateX(0);
      }

      .sidebar-shade {
        position: fixed;
        inset: 0;
        z-index: 210;

        background:
          rgba(0, 0, 0, .58);

        backdrop-filter:
          blur(4px);
      }

      body.sidebar-mobile-open .sidebar-shade {
        display: block;
      }

      .mobile-sidebar-toggle {
        width: 32px;
        height: 32px;
        padding: 0;
        flex: 0 0 auto;

        display: grid;
        place-items: center;

        border:
          1px solid
          rgba(255, 255, 255, .11);

        border-radius: 9px;

        color: #f4f4f5;
        background: #050506;

        box-shadow:
          inset 0 1px
          rgba(255, 255, 255, .08);

        cursor: pointer;
      }

      .mobile-sidebar-toggle svg {
        width: 19px;
        height: 19px;
        display: block;
        fill: currentColor;
      }

      body.sidebar-mobile-open
      .mobile-sidebar-toggle {
        visibility: hidden;
      }

      .profile {
        grid-template-columns:
          30px
          minmax(0, 1fr)
          30px;
      }
    }

    /* ZWORLD_CLASSIC_SIDEBAR_V5_END */