@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Bold.ttf);font-weight:900}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Regular.ttf);font-weight:600}@font-face{font-family:ProximaNova;src:url(/fonts/ProximaNova-Light.ttf);font-weight:300}menu[data-v-2f31d2c1]{font-family:ProximaNova;-webkit-box-sizing:border-box;box-sizing:border-box}.page__wrapper[data-v-2f31d2c1]{background-color:#f7f8fb;padding:30px;overflow-y:scroll;width:100%;height:100vh;-webkit-transform:translateX(256px);transform:translateX(256px)}.page-container[data-v-2f31d2c1]{position:relative;overflow-x:hidden}.page-container_open .page__wrapper[data-v-2f31d2c1]{width:calc(100% - 256px);-webkit-transform:translateX(256px);transform:translateX(256px);-webkit-transition:all .25s ease;transition:all .25s ease}.page-container_closed .page__wrapper[data-v-2f31d2c1]{width:calc(100% - 64px);-webkit-transform:translateX(64px);transform:translateX(64px);-webkit-transition:all .25s ease;transition:all .25s ease}.menu[data-v-2f31d2c1]{height:100vh;background-color:#2d205d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;overflow:hidden;z-index:1;left:0;top:0;-webkit-transition:all .25s ease;transition:all .25s ease;font-family:ProximaNova;font-size:1rem;font-weight:600;line-height:1.2;-webkit-box-sizing:border-box;box-sizing:border-box}.menu[data-v-2f31d2c1]:hover{overflow-y:scroll}.menu[data-v-2f31d2c1]::-webkit-scrollbar-track{background-color:transparent}.menu[data-v-2f31d2c1]::-webkit-scrollbar{width:8px;background-color:transparent}.menu[data-v-2f31d2c1]::-webkit-scrollbar-thumb{background:#d3cdeb;border-radius:10px}.menu_top[data-v-2f31d2c1]{width:256px}.menu_bottom[data-v-2f31d2c1]{bottom:0;width:256px;-webkit-transition:all .25s ease;transition:all .25s ease}.menu__separator[data-v-2f31d2c1]{width:100%;max-width:216px;height:1px;background-color:hsla(0,0%,100%,.15);margin:0 auto}.menu .project-title[data-v-2f31d2c1]{color:#4ebd74;font-weight:900;font-size:14px;line-height:24px;padding:20px;visibility:visible;opacity:1}.menu_open[data-v-2f31d2c1]{width:256px;-webkit-transition:all .25s ease;transition:all .25s ease}.menu_open .menu__header[data-v-2f31d2c1]:after,.menu_open .menu__header__logo[data-v-2f31d2c1],.menu_open .menu__nav__item[data-v-2f31d2c1],.menu_open .menu__note[data-v-2f31d2c1]{visibility:visible;-webkit-transition:all .2s ease;transition:all .2s ease}.menu_open .menu__header__logo_min[data-v-2f31d2c1]{display:none}.menu_open .menu__toggle[data-v-2f31d2c1]{left:254px;-webkit-transition:all .2s ease;transition:all .2s ease}.menu_closed[data-v-2f31d2c1]{width:64px;-webkit-transition:all .25s ease;transition:all .25s ease}.menu_closed .menu__header[data-v-2f31d2c1]:after,.menu_closed .menu__nav__title[data-v-2f31d2c1],.menu_closed .menu__note[data-v-2f31d2c1]{visibility:hidden;pointer-events:none;opacity:0;-webkit-transition:all .2s ease;transition:all .2s ease}.menu_closed .menu__header__logo[data-v-2f31d2c1]{display:none}.menu_closed .project-title[data-v-2f31d2c1]{visibility:hidden;opacity:0}.menu_closed .menu__toggle[data-v-2f31d2c1]{left:62px;-webkit-transition:all .2s ease;transition:all .2s ease}.menu_bottom[data-v-2f31d2c1]{margin-top:auto}.menu__header[data-v-2f31d2c1],.menu__header_demo[data-v-2f31d2c1]{padding:12px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:64px}.menu__header_demo[data-v-2f31d2c1]:after{content:"demo";background:linear-gradient(89.11deg,#4ebd74 38.71%,#a2f25e 145.73%);border-radius:4px;padding:4px;display:block;height:22px;margin-left:16px;color:#fff;font-weight:700;box-sizing:unset;-webkit-box-sizing:unset;font-family:ProximaNova;line-height:normal}.menu__header__logo_min[data-v-2f31d2c1]{display:block}.menu__nav[data-v-2f31d2c1]{position:relative}.menu__nav__item[data-v-2f31d2c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 20px;position:relative;cursor:pointer;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease}.menu__nav__item_selected[data-v-2f31d2c1]{background:rgba(158,142,208,.1568627451)}.menu__nav__item_selected[data-v-2f31d2c1]:after{content:"";background:#fff;border-radius:10px;height:40px;width:2px;position:absolute;right:4px}.menu__nav__item_selected .menu__nav__title[data-v-2f31d2c1]{color:#fff}.menu__nav__item:hover .menu__nav__title[data-v-2f31d2c1]{color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease}.menu__nav__icon[data-v-2f31d2c1]{width:24px;height:25px}.menu__nav__icon svg path[data-v-2f31d2c1]{opacity:1;fill-opacity:1}.menu__nav__title[data-v-2f31d2c1]{color:hsla(0,0%,100%,.6);font-weight:700;font-size:14px;line-height:24px;margin-left:10px}.menu__note[data-v-2f31d2c1]{padding:20px}.menu__note p[data-v-2f31d2c1]{background:rgba(158,142,208,.1568627451);color:hsla(0,0%,100%,.6);padding:20px;border-radius:10px}.menu__note a[data-v-2f31d2c1]{font-size:16px;line-height:24px;display:block;color:#fff;text-decoration:none;margin-top:10px;font-weight:600}.menu__toggle[data-v-2f31d2c1]{cursor:pointer;width:16px;height:64px;background:#2d205d;border-radius:0 12px 12px 0;position:fixed;top:0;left:256px;background-image:url(/images/chevron.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-transition:all .2s ease;transition:all .2s ease}