/* L00P HAUS v226 — isolated Home navigation progress ring */
html body > nav.lh213-nav[data-loop-bottom-nav="v213"]{
  box-sizing:border-box!important;
  height:calc(78px + env(safe-area-inset-bottom))!important;
  min-height:calc(78px + env(safe-area-inset-bottom))!important;
  padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;
  align-items:center!important;
  overflow:hidden!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"]{
  box-sizing:border-box!important;
  position:relative!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  justify-self:center!important;
  flex:0 0 64px!important;
  overflow:hidden!important;
  border-radius:50%!important;
  transform:none!important;
  background:#171714!important;
  border:4px solid #11110f!important;
  color:#f4efe5!important;
}
html[data-theme="light"] body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"]{
  background:#24231f!important;
  border-color:#f1eadf!important;
  color:#f4efe5!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] > .lh213-home-track{
  box-sizing:border-box!important;
  position:absolute!important;
  inset:1px!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  border-radius:50%!important;
  z-index:1!important;
  pointer-events:none!important;
  font-size:0!important;
  line-height:0!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] > .lh213-home-track > svg{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  transform:rotate(-90deg)!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] .lh213-home-track circle{
  fill:none!important;
  stroke-width:3!important;
  vector-effect:non-scaling-stroke!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] .lh213-home-track .track{
  stroke:rgba(244,239,229,.16)!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] .lh213-home-track .progress{
  stroke:#f4efe5!important;
  stroke-width:3!important;
  stroke-linecap:round!important;
  transition:stroke-dashoffset .65s ease!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] > .lh213-icon{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:2!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:0!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] > .lh213-icon > svg{
  width:27px!important;
  height:27px!important;
  max-width:27px!important;
  max-height:27px!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"] > small{
  display:none!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"].active{
  background:#171714!important;
}
html[data-theme="light"] body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"].active{
  background:#24231f!important;
}
html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"].active > .lh213-icon{
  color:#d5ad58!important;
}
@media(max-width:380px){
  html body > nav.lh213-nav[data-loop-bottom-nav="v213"] > a[data-key="home"]{
    width:60px!important;min-width:60px!important;max-width:60px!important;
    height:60px!important;min-height:60px!important;max-height:60px!important;
    flex-basis:60px!important;
  }
}