html.show-nav{overflow-x:hidden;overflow-y:hidden}.navigation__layer{height:100%}@media (max-width:63.99em){.navigation__layer{overflow:auto;z-index:302;transition:transform .35s;transform:translate3d(100%,0,0);height:100%;width:100%;max-width:30em;color:var(--TEXT-default);background-color:#fff}.navigation__close__area,.navigation__layer{position:fixed;top:var(--header-extent);bottom:0;right:0}.navigation__close__area{display:block;z-index:301;left:0;background:rgba(0,0,0,.8)}.navigation__layer.show-nav{transform:translateZ(0)}.navigation__layer.show-nav+.navigation__close__area{display:block}}@media (min-width:64em){.navigation__layer{margin-top:.3em}}.navigation__close__area{display:none}