html{scroll-behavior:smooth}
.ui-toggle{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
  margin:0;
  pointer-events:none;
}
label[for]{cursor:pointer}
.nav-drop{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
.nav-item:hover .nav-drop,
.nav-item:focus-within .nav-drop{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
}
.nav-item:hover > a,
.nav-item:focus-within > a{
  color:hsl(var(--accent));
}
.nav-item:hover .nav-chev,
.nav-item:focus-within .nav-chev{
  transform:rotate(180deg);
}
.mnav-layer{
  opacity:0;
  pointer-events:none;
}
.mnav-drawer{
  transform:translateX(100%);
}
body:has(#mnav-open:checked) .mnav-layer,
#mnav-open:checked ~ .mnav-layer{
  opacity:1;
  pointer-events:auto;
}
body:has(#mnav-open:checked) .mnav-drawer,
#mnav-open:checked ~ .mnav-layer .mnav-drawer{
  transform:translateX(0);
}
.mnav-sub{display:none}
.mnav-acc:checked ~ .mnav-sub{display:flex;flex-direction:column}
.mnav-acc:checked + .mnav-acc-lab .nav-chev{transform:rotate(180deg)}
body:has(#mnav-open:checked){overflow:hidden}
.fill-secondary{fill:hsl(var(--secondary))}
.bs-progress-inner{width:0%}
@supports (animation-timeline:scroll()){
  .bs-progress-inner{
    animation:bs-progress linear;
    animation-timeline:scroll();
  }
  .hdr-bar{
    animation:bs-hdr linear both;
    animation-timeline:scroll();
    animation-range:0 8px;
  }
}
@keyframes bs-progress{
  from{width:0%}
  to{width:100%}
}
@keyframes bs-hdr{
  to{
    background:#ffffffb8;
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    backdrop-filter:saturate(180%) blur(20px);
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:hsl(var(--border) / .6);
    box-shadow:0 8px 30px -12px rgba(33,33,122,.18);
  }
}