body{padding-left:4rem}.side{position:fixed;top:0;left:0;width:4rem;height:100%;background-color:var(--side-background-color);display:grid;grid-template-columns:max-content;grid-template-rows:max-content max-content max-content 1fr max-content;gap:0;grid-auto-flow:row;align-items:center;justify-items:center;grid-template-areas:"home" "lang" "downMenu" "universMenu" "upMenu"}.side .home{grid-area:home;margin-top:1rem;text-align:center}.side .home .logo{width:4rem;transition:transform .2s ease-in}.side .home .logo:hover{transform:scale(1.1)}.side .search{display:none}.side .lang{grid-area:lang;margin-bottom:1rem;text-align:center}.side .downMenu,.side .upMenu{position:absolute;left:0;height:4rem;width:4rem;cursor:pointer;border:none;background:0 0;display:none}.side .downMenu{grid-area:downMenu;top:0;background-image:linear-gradient(180deg,var(--side-up-down-gradient-color-1) 0,var(--side-up-down-gradient-color-2) 50%,var(--side-up-down-gradient-color-3) 100%)}.side .upMenu{grid-area:upMenu;bottom:0;background-position:bottom center;background-image:linear-gradient(0deg,var(--side-up-down-gradient-color-1) 0,var(--side-up-down-gradient-color-2) 50%,var(--side-up-down-gradient-color-3) 100%)}.side .downMenu span,.side .upMenu span{display:block;width:100%;height:100%;background-size:40%;background-repeat:no-repeat;opacity:.7;transition:opacity .3s,transform .3s}.side .downMenu span:hover{opacity:1;transform:scale(1.05) translateY(.2rem)}.side .upMenu span:hover{opacity:1;transform:scale(1.05) translateY(-.2rem)}.side .downMenu span{background-position:center .7rem;background-image:url(/assets/img/menuDown.png)}.side .upMenu span{background-position:center 2.3rem;background-image:url(/assets/img/menuUp.png)}.side .universMenu{grid-area:universMenu;overscroll-behavior:contain;scroll-behavior:smooth;overflow:auto;overflow:-moz-scrollbars-none;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;height:100%;width:100%;position:relative}.side .universMenu::-webkit-scrollbar{display:none;width:0;height:0}.side .licence{position:absolute;bottom:2rem;left:0;width:100%;text-align:center}.side .licence .logo{width:3.5rem}.side .btn{position:relative;display:block;width:3rem;height:3rem;margin:1rem auto;border:1px solid var(--border-color);border-radius:.7rem;overflow:hidden;transition:transform .2s ease-in}.side .listMenu{display:none}.side .btn:hover{box-shadow:0 0 15px var(--box-shadow-color);transform:scale(1.2)}.side .btn img{position:absolute;top:0;left:0;width:100%;height:auto;visibility:visible}.side .btn video{position:absolute;top:0;left:0;width:100%;height:auto;visibility:hidden}.side .btn:hover img{visibility:hidden}.side .btn:hover video{visibility:visible}.side .universLabel{display:none}@media all and (max-width:690px){.side .home{margin-top:.5rem}.side .lang{margin-bottom:0}.side .lang li{display:block;width:2.7rem;height:2rem;margin:.5rem auto}.side .btn video{display:none;visibility:hidden}.side .btn:hover img{visibility:visible}.side .btn:hover video{visibility:hidden}.side .downMenu{top:10rem}.side .downMenu span,.side .upMenu span{background-size:60%}body{padding-left:0}.side.appStyle .home,.side.menuStyle .home{position:fixed;top:1rem;left:.5rem;margin-top:0}.side.appStyle .home .logo,.side.menuStyle .home .logo{width:3rem}.side.appStyle{bottom:1rem;top:initial;width:97vw;height:3.6rem;left:1.4vw;grid-template-areas:"universMenu";border-radius:.7rem}.side.appStyle .lang{display:none}.side.appStyle .downMenu,.side.appStyle .upMenu{position:absolute;top:0;height:100%}.side.appStyle .downMenu{width:2rem;left:0;border-radius:.7rem 0 0 .7rem;background-image:linear-gradient(90deg,var(--side-up-down-gradient-color-1) 0,var(--side-up-down-gradient-color-2) 50%,var(--side-up-down-gradient-color-3) 100%)}.side.appStyle .upMenu{width:5rem;left:initial;right:0;border-radius:0 .7rem .7rem 0;background-image:linear-gradient(270deg,var(--side-up-down-gradient-color-1) 0,var(--side-up-down-gradient-color-2) 90%,var(--side-up-down-gradient-color-3) 100%)}.side.appStyle .downMenu span,.side.appStyle .upMenu span{display:none}.side.appStyle .listMenu{display:block;position:absolute;top:0;right:0;height:3rem;width:3rem;background:var(--phase-icon-background-color) no-repeat center center url(/assets/img/menuList.svg);background-size:2rem}#pageSearch .side.appStyle .listMenu{background:var(--pear-color) no-repeat center center url(/assets/img/menuList.svg);background-size:2rem}.side.appStyle .universMenu{overflow-x:auto;overflow-y:hidden;height:3.3rem;width:82vw}.side.appStyle ul{width:max-content;border-radius:.7rem}.side.appStyle li{display:inline-block}.side.appStyle .btn{margin:.3rem .1rem}.side.menuStyle{height:0;top:initial;bottom:0;width:100%;border-radius:2rem 2rem 0 0;grid-template-columns:1fr max-content;grid-template-rows:max-content 1fr;justify-items:flex-end;grid-template-areas:"search lang" "universMenu universMenu"}.side.menuStyle.opened{transition:height .3s ease-in;height:70vh}.side.menuStyle .search{grid-area:search;display:block}.side.menuStyle .search form{display:inline-block;position:relative}.side.menuStyle .search input{width:100%;height:2.6rem;padding:.5rem 2.4rem .5rem .7rem;border-radius:.5rem;border:1px solid #fff;color:#fff;background-color:var(--phase-icon-low-background-color);font-weight:400;font-size:1rem}.side.menuStyle .search input[type=submit]{width:1.4rem;height:1.4rem}.side.menuStyle .search input[type=submit]{position:absolute;top:.3rem;right:.5rem;width:1.9rem;height:1.9rem;padding:0;margin:0;border-radius:50%;border:none;background-color:var(--phase-icon-low-background-color);background-size:80%;background-repeat:no-repeat;background-position:center;background-image:url(/assets/img/search.png);cursor:pointer;transition:transform .3s}.side.menuStyle .search input::placeholder{color:#fff;opacity:.5}.side.menuStyle .search input:-ms-input-placeholder{color:#fff;opacity:.5}.side.menuStyle .search input::-ms-input-placeholder{color:#fff;opacity:.5}.side.menuStyle .lang{padding:.5rem 1rem}.side.menuStyle .lang li{display:inline-block}.side.menuStyle .universMenu li{margin:0 1rem 1rem 1rem}.side.menuStyle .universIcon{display:inline-block;vertical-align:middle;margin:0}.side.menuStyle .universLabel{display:inline-block;margin-left:1rem;color:#fff}.side.menuStyle .downMenu{top:4rem}.side.menuStyle .downMenu,.side.menuStyle .upMenu{width:100%}.side.menuStyle .downMenu span,.side.menuStyle .upMenu span{background:0 0}}