#menu__toggle[data-v-57e46bef]{opacity:0}#menu__toggle:checked+.menu__btn>span[data-v-57e46bef]{transform:rotate(45deg)}#menu__toggle:checked+.menu__btn>span[data-v-57e46bef]:before{top:0;transform:rotate(0)}#menu__toggle:checked+.menu__btn>span[data-v-57e46bef]:after{top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box[data-v-57e46bef]{right:0!important}.menu__btn[data-v-57e46bef]{position:fixed;top:20px;right:20px;width:26px;height:26px;cursor:pointer;z-index:1010}.menu__btn>span[data-v-57e46bef],.menu__btn>span[data-v-57e46bef]:before,.menu__btn>span[data-v-57e46bef]:after{display:block;position:absolute;width:100%;height:2px;background-color:#616161;transition-duration:.25s}.menu__btn>span[data-v-57e46bef]:before{content:"";top:-8px}.menu__btn>span[data-v-57e46bef]:after{content:"";top:8px}.menu__box[data-v-57e46bef]{z-index:1000;display:block;position:fixed;top:0;right:-100%;width:240px;height:100%;margin:0;padding:80px 0;list-style:none;background-color:#eceff1;box-shadow:2px 2px 6px #0006;transition-duration:.25s}.menu__item[data-v-57e46bef]{display:block;padding:12px 24px;color:#333;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;text-decoration:none;transition-duration:.25s}.menu__item[data-v-57e46bef]:hover{background-color:#cfd8dc}