.c-nav{position:fixed;z-index:50;top:85px;width:40vw;height:calc(100vh - 86px);left:0;background-color:#fff;border:1px solid black;transform:translate(-100%);transition:all .3s ease}.c-nav.is-active{transform:translate(0)}.c-header__backdrop{position:fixed;background-color:#000;height:100vh;width:100vw;top:86px;left:0;opacity:0;transition:all .3s ease;pointer-events:none}.c-header__backdrop.is-active{opacity:.7;pointer-events:all}.c-sideNav{position:fixed;z-index:50;top:85px;width:100%;height:calc(100vh - 86px);left:0;background-color:#fff;border:1px solid black;transform:translate(-100%);transition:all ease .3s}.c-sideNav.is-active{transform:translate(0)}.js-nav-left,.js-nav-right{transition:opacity .3s ease}.js-nav-left.is-search,.js-nav-right.is-search{opacity:0;pointer-events:none}.c-searchResult{opacity:0;pointer-events:none;transition:opacity .3s ease}.c-searchResult.is-active{opacity:1;pointer-events:all}.c-close-search{opacity:0;pointer-events:none;transition:opacity .3s ease}.c-close-search.is-active{opacity:1;pointer-events:all}.c-clearInput{opacity:0;pointer-events:none;transition:opacity .3s ease}.c-clearInput.is-active{opacity:1;pointer-events:all}