.site-breadcrumbs{
  position:relative;
  z-index:20;
  border-bottom:1px solid rgba(255,255,255,.035);
  background:linear-gradient(180deg,rgba(7,13,19,.92),rgba(5,10,15,.82));
  backdrop-filter:blur(12px);
}
.site-breadcrumbs[hidden]{display:none!important}
.site-breadcrumbs .breadcrumb-wrap{
  min-height:42px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.site-breadcrumbs ol{
  display:flex;
  align-items:center;
  gap:0;
  max-width:100%;
  margin:0;
  padding:0;
  list-style:none;
  white-space:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
}
.site-breadcrumbs ol::-webkit-scrollbar{display:none}
.site-breadcrumbs li{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  color:#718592;
  font-size:10px;
}
.site-breadcrumbs li+li::before{
  content:"‹";
  margin:0 8px;
  color:#3f5968;
  font-size:14px;
  line-height:1;
}
.site-breadcrumbs a,
.site-breadcrumbs span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 4px;
  border-radius:8px;
  text-decoration:none;
}
.site-breadcrumbs a{
  color:#8ea3b0;
  transition:color .18s ease,background .18s ease;
}
.site-breadcrumbs a:hover{
  color:#71eef5;
  background:rgba(65,231,240,.045);
}
.site-breadcrumbs [aria-current="page"]{
  padding:4px 9px;
  border:1px solid rgba(73,229,239,.14);
  background:linear-gradient(135deg,rgba(65,231,240,.055),rgba(210,84,255,.035));
  color:#dff9fb;
  font-weight:800;
}
.site-breadcrumbs li:first-child a::before{
  content:"⌂";
  margin-left:5px;
  color:#5deaf2;
  font-size:11px;
}
@media(max-width:640px){
  .site-breadcrumbs .breadcrumb-wrap{min-height:38px}
  .site-breadcrumbs li{font-size:9px}
  .site-breadcrumbs li+li::before{margin:0 6px}
  .site-breadcrumbs [aria-current="page"]{padding:3px 7px}
}