.side-bar[data-v-389162fd]{position:relative}.side-bar .button-close-sidebar[data-v-389162fd],.side-bar .button-open-sidebar[data-v-389162fd]{position:absolute;display:flex;align-items:center;justify-content:center;top:-4.9rem;z-index:1;height:2.7rem;width:2.7rem;background-color:#333;color:#1e232d;border-radius:50%;font-size:1.3rem;transition:.3s}.side-bar .button-close-sidebar[data-v-389162fd]:hover,.side-bar .button-open-sidebar[data-v-389162fd]:hover{opacity:.7}@media screen and (max-width:820px){.side-bar .button-close-sidebar[data-v-389162fd],.side-bar .button-open-sidebar[data-v-389162fd]{display:none}}@media screen and (min-width:1216px){.side-bar .button-close-sidebar[data-v-389162fd],.side-bar .button-open-sidebar[data-v-389162fd]{display:none}}.side-bar .button-open-sidebar[data-v-389162fd]{left:-1.5rem}.side-bar .button-close-sidebar[data-v-389162fd]{right:-1.5rem}.side-bar aside[data-v-389162fd]{width:15rem;margin-right:2rem;opacity:1;position:relative;transition:.3s}.side-bar .button-toggle-sidebar[data-v-389162fd]{display:flex;width:100%;font-size:2rem;justify-content:center}.side-bar .button-toggle-sidebar[data-v-389162fd]:before{font-family:Material Design Icons;content:"";z-index:1;height:3.2rem;width:3.2rem;color:#fff;background-color:#1a1a1a;border-radius:50%;font-size:1.7rem;display:flex;justify-content:center;align-items:center}.side-bar .button-toggle-sidebar[data-v-389162fd]:before:hover{background-color:#1a1a1a;opacity:.7}@media screen and (min-width:821px){.side-bar .button-toggle-sidebar[data-v-389162fd]{display:none}}.side-bar.opened .button-close-sidebar[data-v-389162fd]{opacity:1}.side-bar.opened .button-open-sidebar[data-v-389162fd]{opacity:0}@media screen and (max-width:820px){.side-bar.opened aside[data-v-389162fd]{width:100%;padding:0 .5rem}}.side-bar.opened .button-toggle-sidebar[data-v-389162fd]:before{background-color:transparent;content:""}.side-bar.closed .button-close-sidebar[data-v-389162fd]{opacity:0}.side-bar.closed .button-open-sidebar[data-v-389162fd]{opacity:1}.side-bar.closed aside[data-v-389162fd]{width:0;margin-right:0;opacity:0;z-index:-1}@media screen and (max-width:820px){.side-bar.closed aside[data-v-389162fd]{width:100%;height:0}}@media screen and (min-width:1408px){.side-bar[data-v-389162fd]{position:absolute;left:.5rem}}