@-webkit-keyframes display{0%{opacity:0}to{opacity:1}}@keyframes display{0%{opacity:0}to{opacity:1}}.nav_bar{display:grid}.nav_bar .i-content,.nav_bar .i-footer{display:-webkit-box;display:flex}.nav_bar .i-content{margin:0}.nav_bar .i-header,.nav_bar .leader{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.nav_bar .i-header .title{white-space:nowrap}.nav_bar .progress_bar{position:absolute;top:100%;left:0}@media screen and (min-width:900px){.nav_bar{grid-template-areas:"header content footer";grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;position:-webkit-sticky;position:sticky;top:0}.nav_bar .i-content{-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}.nav_bar .i-content>li{margin-bottom:0}.nav_bar .i-content>li+li{margin-left:1em}.nav_bar .i-footer{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.nav_bar .hamburger{display:none}}@media screen and (max-width:899px){.nav_bar:not(.open){grid-template-areas:"header content footer";grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content;position:-webkit-sticky;position:sticky;top:var(--top,0)}.nav_bar:not(.open) .i-content,.nav_bar:not(.open) .title{display:none}.nav_bar:not(.open) .leader.istop+.i_content,.nav_bar:not(.open) .leader:not(.isTop){-webkit-animation:display .3s linear 1 forwards;animation:display .3s linear 1 forwards}.nav_bar:not(.open) .default_content:first-child,.nav_bar:not(.open) .leader.istop,.nav_bar:not(.open) .leader:not(.istop)+.i-content{display:none}.nav_bar.open{z-index:2;grid-template-areas:"header" "content" "footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content;height:100%;left:0;overflow-y:scroll;position:fixed;top:0;width:100%}.nav_bar.open title{display:block}.nav_bar .i-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nav_bar .i-footer{-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}}