/** Shopify CDN: Minification failed

Line 18:22 Expected identifier but found whitespace
Line 18:25 Unexpected "{"
Line 18:34 Expected ":"

**/
.menu-item a{
    text-decoration: none;
  }
  
    .ml-mobile-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
  :root {
      --primary-color:  {{ section.settings.icon_color }};
      --primary-font: 'Roboto', sans-serif;
      --items-heightWidth: 60px;
     
  }
  
  body {
      font-family: 'Metropolis', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
  }
  
  
        .menu-item svg{
  opacity: var(--opacity-icons);
  } 
    
      .menu-item svg path{
    fill: var(--color-base);
  } 
    
  .menu-item svg:first-child {
      max-width: 20px;
      max-height: 20px;
      margin-right: 10px;
    opacity: 1
  }
    .menu-item svg:first-child path{
    fill: var(--primary-color);
  } 
  
  
  a.submenu-trigger svg:last-child {
      margin-left: auto;
  }
  
  ul.sub-menu {
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      background-color: #ffffff;
      transform: translateX(100%);
    visibility: hidden;
      transition: transform var(--duration-medium) ease, visibility var(--duration-medium) ease;
  }
  ul.sub-menu.expanded{
      transform: translateX(0);
      z-index: 999;
      visibility: visible;
  
  } 
  .ml-mobile-menu {
      position: relative;
  }
  
  .ml-mobile-menu .sub-menu {
      margin: 0;
  }
  li.menu-item {
    padding: 1em
  }
  li.menu-item a {
    display: flex;
      align-items: center;
  }
  
  .ml-mobile-menu_back-button svg {
      opacity: 1;
  }
   .ml-mobile-menu_back-button svg path {
      fill: var(--color-base) !important;    
  }
  
    button.ml-mobile-menu_back-button {
      background-color: transparent;
      padding: 0;
  }
  
  ul.sub-menu {
      height: 100%;
  }
  
    div#pandectes-banner {
      display: none;
  }
  
  .ml-mobile-menu {
      height: 90vh;
  }