html{font-size:18px}.login_page{background-color:#fff;min-height:100vh;padding:0 1rem}.login_page .aside{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;margin-left:-1rem;overflow-y:visible;position:relative}.login_page .aside:before{background:linear-gradient(45deg,#d2d2d2,#f8f8f8);left:0;width:100%}.login_page .aside:after,.login_page .aside:before{bottom:0;content:"";display:block;height:100%;position:absolute;right:0;top:0}.login_page .aside:after{background:linear-gradient(180deg,#f8f8f8,#0168fa);width:2px}.login_page .aside .aside_img_wrapper{background-image:url(/images/vstupovy-system-login-2.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100%;position:relative;width:100%}.login_page .aside .aside_img_wrapper:before{background:radial-gradient(hsla(0,0%,100%,0),#fff 75%);bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;width:calc(100% - 2px)}@keyframes loginImage{0%{opacity:0}to{opacity:1;transform:scale(1)}}.login_page .aside .aside_img_wrapper .reader{animation:loginImage .9s ease-in-out .1s 1 alternate forwards;filter:drop-shadow(-20px 10px 40px #bababa);height:auto;max-width:19.44rem;opacity:0;transform:scale(.95);width:100%;z-index:2}.login_page .aside .aside_img_wrapper .image-bg{height:auto;max-width:100%;opacity:.75;width:100%}.login_page .main{background-color:#fff;grid-template-areas:"top top top top" "center center center center" "bottom bottom bottom bottom";grid-template-rows:min-content auto min-content;margin:0 -1rem;padding:0 1rem}.login_page .main_top{align-items:center;display:flex;grid-area:top;justify-content:flex-end;padding:1rem 0}.login_page .main_center{display:flex;flex-direction:column;grid-area:center;justify-content:center;padding:0}.login_page .main_center>main{max-width:23.61rem}.login_page .main_bottom{display:flex;flex-wrap:wrap;grid-area:bottom;justify-content:flex-end;padding:1rem 0}.login_page .capsLock_warning{display:none}.login_page .frm-row-pass{position:relative}.login_page .frm-row-pass input{padding-right:51px}.login_page .frm-row-pass #showPasswordToggler{align-items:center;bottom:0;display:flex;height:47px;justify-content:center;position:absolute;right:0;width:47px}.login_page .frm-row-pass #showPasswordToggler:hover{cursor:pointer;opacity:.7}.login_page .frm-row-pass #showPasswordToggler .icon_hide_pass.show_icon,.login_page .frm-row-pass #showPasswordToggler .icon_show_pass.show_icon{display:block;opacity:1;visibility:visible}.login_page .frm-row-pass #showPasswordToggler .icon_hide_pass.hide_icon,.login_page .frm-row-pass #showPasswordToggler .icon_show_pass.hide_icon{display:none;opacity:0;visibility:hidden}.login_page .login_btns{display:grid;grid-template-columns:repeat(2,auto);grid-gap:1rem}@media only screen and (min-width:640px){.login_page .main{grid-template-areas:"top top top top top top top top top top" ". center center center center center center center center ." "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom"}}@media only screen and (min-width:1024px){.login_page .main{grid-template-areas:"top top top top top top top top" ". center center center center center center ." "bottom bottom bottom bottom bottom bottom bottom bottom"}}@media only screen and (max-width:1024px){.login_page .aside{display:none;overflow-y:hidden}.login_page .aside .aside_img_wrapper .reader{max-width:16.67rem}.login_page .main_center>main{max-width:unset}}@media only screen and (max-width:550px){.login_page .login_btns{grid-template-columns:100%}}