.ms-nav-container{position:relative;width:100%;height:100%;z-index:3}#ms-menu{display:none}.tasks-ms-nav{position:initial}.tasks-ms-nav .ms-nav{right:35px}.ms-nav{position:fixed;bottom:20px;right:20px}.ms-nav .tooltip-arrow{visibility:hidden}.ms-nav .tooltip{top:-251px;left:73px;font-size:12px}.ms-nav .tooltip-inner{background-color:transparent;color:#5e5f60}.ms-nav>.ms-main{position:relative}.ms-nav>.ms-li{position:absolute;bottom:6px;right:8px;transition:bottom .5s ease;z-index:1;border-radius:30%}.ms-nav .ms-menu-toggle:checked~.ms-li a{box-shadow:0 5px 10px #333}.ms-nav .ms-menu-toggle:checked~.ms-li1{bottom:150%;transition:bottom .5s ease}.ms-nav .ms-menu-toggle:checked~.ms-li1 a span{opacity:1;transition:opacity .5s ease .1s}.ms-nav .ms-menu-toggle:checked~.ms-main:after{animation:big-border-bottom-animation .5s ease .1s}.ms-nav .ms-menu-toggle:checked~.ms-li1:before{animation:border-top-animation .5s ease .2s}.ms-nav .ms-menu-toggle:checked~.ms-li1:after{animation:border-bottom-animation .5s ease .2s}.ms-nav .ms-menu-toggle:checked~.ms-li2{bottom:265%;transition:bottom .6s ease}.ms-nav .ms-menu-toggle:checked~.ms-li2 a span{opacity:1;transition:opacity .6s ease .2s}.ms-nav .ms-menu-toggle:checked~.ms-li2:before{animation:border-top-animation .5s ease .2s}.ms-nav .ms-menu-toggle:checked~.ms-li2:after{animation:border-bottom-animation .5s ease .3s}.ms-nav .ms-menu-toggle:checked~.ms-li3{bottom:380%;transition:bottom .7s ease}.ms-nav .ms-menu-toggle:checked~.ms-li3 a span{opacity:1;transition:opacity .7s ease .3s}.ms-nav .ms-menu-toggle:checked~.ms-li3:before{animation:border-top-animation .5s ease .3s}.ms-nav .ms-menu-toggle:checked~.ms-li3:after{animation:border-bottom-animation .5s ease .4s}.ms-nav .ms-menu-toggle:checked~.ms-li4{bottom:495%;transition:bottom .8s ease}.ms-nav .ms-menu-toggle:checked~.ms-li4 a span{opacity:1;transition:opacity .8s ease .4s}.ms-nav .ms-menu-toggle:checked~.ms-li4:before{animation:border-top-animation .5s ease .4s}.ms-nav .ms-menu-toggle:checked~.ms-li4:after{animation:border-bottom-animation .5s ease .4s}.ms-nav .ms-menu-toggle~.ms-li:before{content:'';width:45px;display:block;position:absolute;bottom:-5px;left:0;right:0;margin:auto;border-left:20px solid transparent;border-right:20px solid transparent;border-top:0 solid #33bc89}.ms-nav .ms-menu-toggle~.ms-li:before{content:'';width:45px;display:block;position:absolute;bottom:-5px;left:0;right:0;margin:auto;border-left:20px solid transparent;border-right:20px solid transparent;border-top:0 solid #33bc89}.ms-nav .ms-menu-toggle:checked~.ms-li:before{content:'';width:45px;display:block;position:absolute;bottom:0;left:0;right:0;margin:auto;border-left:24px solid transparent;border-right:24px solid transparent;border-top:25px solid #33bc89;z-index:11}.ms-nav .ms-menu-toggle:checked~.ms-li:after{content:'';width:45px;display:block;position:absolute;top:0;left:0;right:0;margin:auto;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:25px solid #33bc89;transition:border-bottom .3s ease;z-index:11}.ms-nav .ms-menu-toggle:checked~.ms-li-last-of-type:after{opacity:0}.ms-nav .ms-menu-toggle:checked~.ms-main:after{content:'';width:60px;display:block;position:absolute;top:0;left:0;right:0;margin:auto;border-left:24px solid transparent;border-right:24px solid transparent;border-bottom:45px solid #33bc89;transition:border-bottom .3s ease;z-index:11}.ms-nav .ms-menu-toggle:checked~.ms-li-last:after{content:'';width:45px;display:block;position:absolute;top:-5px;left:0;right:0;margin:auto;border-left:0 solid transparent;border-right:0 solid transparent;border-bottom:0 solid #33bc89}.ms-nav .ms-menu-toggle:checked~.ms-main span{transform:rotate(-45deg);transition:transform .35s ease}.ms-nav .ms-menu-toggle~.ms-main span{transition:transform .35s ease;opacity:1}.ms-nav>.ms-main>a{box-shadow:0 1px 5px #333}.ms-nav>li a{font-size:30px;color:#fff;background:#33bc89;width:60px;height:60px;display:block;border-radius:100%;position:relative;text-align:center}.ms-nav>.ms-main a,.ms-nav>.ms-main>a>label{font-size:30px;color:#fff;background:#33bc89;width:75px;height:75px;display:block;border-radius:100%;position:relative;text-align:center;z-index:19;outline:0;cursor:pointer}.ms-nav>li>a span{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:30px;width:30px;opacity:0;z-index:12}@keyframes border-top-animation{0%{bottom:0}50%{bottom:-14px}100%{bottom:0}}@keyframes border-bottom-animation{0%{top:0}50%{top:-13px}100%{top:0}}@keyframes big-border-bottom-animation{0%{top:0}50%{top:-30px}100%{top:0}}.menu-label{position:absolute;margin-top:24px;opacity:0;font-size:12px;color:#fff;background-color:#33bc89;box-shadow:6px 6px 4px #888;padding:10px;border-radius:10px}.ms-nav .ms-menu-toggle:checked~.ms-li3 .menu-label{margin-left:-180px;margin-top:24px;opacity:1;font-size:16px;font-weight:600}.ms-nav .ms-menu-toggle:checked~.ms-li4 .menu-label{margin-left:-180px;margin-top:24px;opacity:1;font-size:16px;font-weight:600}.ms-nav .ms-menu-toggle:checked~.ms-li2 .menu-label{margin-left:-180px;margin-top:24px;opacity:1;font-size:16px;font-weight:600}.ms-nav .ms-menu-toggle:checked~.ms-li1 .menu-label{margin-left:-180px;margin-top:24px;opacity:1;font-size:16px;font-weight:600}