.side-nav{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.side-nav--visible{pointer-events:auto}.side-nav:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;will-change:opacity;transition:opacity .3s cubic-bezier(0,0,.3,1)}.side-nav__container{position:relative;width:90%;max-width:260px;background:#fff;height:100%;box-shadow:2px 0 12px rgba(0,0,0,.4);transform:translateX(-102%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;will-change:transform}.side-nav--animatable .side-nav__container{transition:transform .13s cubic-bezier(0,0,.3,1)}.side-nav--visible.side-nav--animatable .side-nav__container{transition:transform .33s cubic-bezier(0,0,.3,1)}.side-nav--visible:before{opacity:1}.side-nav--visible .side-nav__container{transform:none}.side-nav__hide{position:absolute;left:16px;top:16px;background:none;border:none;color:#fff;width:24px;height:24px;padding:0;margin:0}