.left-menu{bottom:var(--margin-md);display:-webkit-box;display:-ms-flexbox;display:flex;left:var(--margin-md);position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:15}.left-menu .label{font-size:1.2rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:color var(--animation-speed) ease;transition:color var(--animation-speed) ease;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.left-menu ul li{margin-bottom:var(--margin-sm);position:relative;text-align:center}.left-menu ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;height:2rem;position:relative;width:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-menu ul li a span{display:none}.left-menu ul li:last-child{margin-bottom:var(--margin-md)}.left-menu svg path{-webkit-transition:color var(--animation-speed) ease;transition:color var(--animation-speed) ease;fill:var(--color-secondary-dark)}.right-menu{overflow:hidden;position:fixed;right:0;text-align:center;top:50%;-webkit-transform:rotate(180deg) translateY(-50%);transform:rotate(180deg) translateY(-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:width var(--animation-speed);transition:width var(--animation-speed);white-space:nowrap;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;z-index:1}.right-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.right-menu ul li{border-bottom:2px solid var(--color-secondary-dark);display:inline-block;line-height:40px;padding-inline:var(--margin-md);position:relative}.right-menu ul li a{color:var(--color-secondary-dark);font-size:1.2rem;outline:none;text-decoration:none;text-transform:uppercase}.right-menu ul li:before{background-color:var(--color-secondary-dark);content:"";height:100%;left:0;position:absolute;right:100%;top:0;-webkit-transition:right var(--animation-speed);transition:right var(--animation-speed);width:100%;z-index:-1}.right-menu ul li:focus-within,.right-menu ul li:hover{position:relative}.right-menu ul li:focus-within:before,.right-menu ul li:hover:before{right:0;-webkit-transition:right var(--animation-speed);transition:right var(--animation-speed)}.right-menu ul li:focus-within a,.right-menu ul li:hover a{color:var(--color-common-white)}.main-menu-opened .left-menu .label{color:var(--color-common-white)}.main-menu-opened .left-menu .label,.main-menu-opened .left-menu svg path{-webkit-transition:color var(--animation-speed) ease;transition:color var(--animation-speed) ease}.main-menu-opened .left-menu svg path{fill:var(--color-common-white)}.scroll-down .right-menu{-webkit-transition:width var(--animation-speed);transition:width var(--animation-speed)}@media only screen and (max-width:1024px){.right-menu li{line-height:30px}.left-menu{left:3px}}