.shifter-open{overflow:hidden}.shifter-open .shifter-header *,.shifter-open .shifter-page *{pointer-events:none}.shifter-navigation{display:none;opacity:0;visibility:hidden}.shifter-handle{display:none}.shifter-enabled .shifter-page{min-height:100%;position:relative;z-index:1;background:#fff;display:block;overflow:hidden}.shifter-enabled .shifter-navigation{width:300px;height:100%;display:block;position:fixed;top:0;z-index:0;background:#fff;visibility:visible;opacity:1;overflow:auto;overflow-x:hidden;pointer-events:none;-webkit-transition:opacity 1ms ease .6s,-webkit-transform .6s ease;transition:opacity 1ms ease .6s,transform .6s ease}.shifter-enabled .shifter-header,.shifter-enabled .shifter-navigation,.shifter-enabled .shifter-page{-webkit-backface-visibility:hidden;backface-visibility:hidden}.shifter-enabled .shifter-header,.shifter-enabled .shifter-page{-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-webkit-transition:-webkit-transform .6s ease;transition:transform .6s ease}.shifter-enabled .shifter-navigation{right:0;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.shifter-open .shifter-header,.shifter-open .shifter-page{-webkit-transform:translate3D(-300px,0,0);-ms-transform:translate3D(-300px,0,0);transform:translate3D(-300px,0,0)}.shifter-enabled.shifter-left .shifter-navigation{left:0;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.shifter-enabled.shifter-left.shifter-open .shifter-header,.shifter-enabled.shifter-left.shifter-open .shifter-page{-webkit-transform:translate3D(300px,0,0);-ms-transform:translate3D(300px,0,0);transform:translate3D(300px,0,0)}.shifter-open .shifter-navigation{opacity:1;pointer-events:all;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-webkit-transition:opacity 1ms ease 0s,-webkit-transform .6s ease;transition:opacity 1ms ease 0s,transform .6s ease}.no-csstransforms3d .shifter-enabled.shifter-navigation{right:-300px}.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation,.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page{left:-300px}.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation{right:0}.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page{left:auto;right:-300px}.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation{left:0}