*,*:after,*::before{-moz-box-sizing:border-box;box-sizing:border-box}html,body{height:100%}.sidy__container{position:relative;overflow:hidden;height:100%}.sidy__pusher{position:relative;left:0;z-index:99;height:100%}.sidy__pusher::after{content:'';position:absolute;position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,0.15);opacity:0;-moz-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;-o-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;-webkit-transition:opacity 0.5s,width 0.1s,height 0.1s;-webkit-transition-delay:0s,0.5s,0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s}.sidy__content{position:relative;overflow-y:auto;height:100%}.sidy__panel{position:absolute;overflow:auto;visibility:hidden;z-index:100}.sidy__panel::after{position:absolute;position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:'';opacity:1;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.sidy--opened .sidy__pusher::after{opacity:1;width:100%;height:100%;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.sidy--opened .sidy__panel::after{opacity:0;width:0;height:0;-moz-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;-o-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;-webkit-transition:opacity 0.5s,width 0.1s,height 0.1s;-webkit-transition-delay:0s,0.5s,0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s}.sidy--after-none::after{display:none}.sidy--to-open:focus{outline:none !important}