[x-cloak] {
  display: none !important;
}

.hidden {
  display: none;
}

ul.breadcrumb {
  display: flex;
  list-style: none;
  letter-spacing: 2px;
overflow: hidden;
  font-size: 1.2rem;
  color: #333;
  gap: 0.2rem;
  padding:0;
  margin: 2rem auto;
  flex-direction: row;
}

ul.breadcrumb li{
      display: flex;
  flex-wrap;
    /* align-items: center; */
    width: fit-content;
    padding: 0;
       white-space: nowrap;
}



ul.breadcrumb li:before{
  content: none;
  display: none;
}

ul.breadcrumb a{
  font-size: 1.2rem;
  color: #9E9E9E;
  
}


ul.breadcrumb a:hover{

text-decoration: underline;
}

ul.breadcrumb span{
  font-size: 1.2rem;
  color: #333;
}