/** 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: Roboto, sans-serif
  }
  
  
        .menu-item svg{
  opacity: 1;
  } 
    
      .menu-item svg path{
    fill: #878787;
  } 
    
  .menu-item svg:first-child {
      max-width: 20px;
      max-height: 20px;
      margin-right: 10px;
    opacity: 1
  }
    .menu-item svg:first-child path{
    fill: #878787;
  } 
  
  
  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 400ms ease, visibility 400ms 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:last-child {
    padding-bottom: 3em
  }
  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: #878787 !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: 100vh;
  }

.menu-item a {
  color: #878787;
  text-transform: capitalize;
  font-weight: 400

}

button.ml-mobile-menu_back-button {
    border: none;
}

  .ml-mobile-menu {
      height: 100%;
  }

li.menu-item a.h5 {
    font-family: roboto;
    font-weight: 500;
    font-size: 18px
}



.transparent {
  opacity: 0
}


div#ml-mobile-menu {
    overflow: hidden;
}

#drawer-settings-button {
  color: #878787;
  background: none;
  border: none;
  padding: 0.6em;
  display: flex;
  gap: 5px;
  align-items: center;
  width: 100%;
  background-color: #f8f8f8;
}