.pos-login{background-color:var(--template-background-l5);border-radius:10px;border:1px solid var(--template-background-d5);padding:20px;backface-visibility:hidden}.pos-login>:last-child{margin-bottom:0}.pos-login>* .uk-margin,.pos-login>:first-child{margin-top:0}.pos-login-background{background:var(--template-background) linear-gradient(225deg,var(--template-background) 0,var(--template-background-d5) 100%)}.pos-key{width:70px;height:70px}.pos-key .main{animation:main 1.5s linear infinite}.pos-key .hands{animation:main 3s linear infinite reverse}.pos-key .hands,.pos-key .main{transform-origin:center center;transform:scale(.95);animation-play-state:paused}.pos-key.motion .hands,.pos-key.motion .main{animation-play-state:running}.pos-key.motion .pos-key--bgr,.pos-key.motion .pos-key--line{stroke:hsla(0,0%,100%,.6)}.pos-key.direction .main{animation-direction:reverse}.pos-key.direction .hands{animation-direction:normal}.pos-key--bgr,.pos-key--line{stroke:hsla(0,0%,100%,.4);stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.pos-key--bgr{fill:hsla(0,0%,100%,.2)}@keyframes main{0%{transform:rotate(0) scale(.95)}to{transform:rotate(1turn) scale(.95)}}.pos-login-logo,.pos-login-logo-left{color:var(--template-background)}.pos-perspective{perspective:550px;perspective-origin:50%}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease-in-out 0s;opacity:1}.fade-enter,.fade-leave-to{opacity:0}.pos-login-screen{display:flex;flex-direction:row;width:100%;height:100%}.pos-login-left{justify-content:flex-end;padding:0 5vw 0 0}.pos-login-left,.pos-login-right{flex:1;display:flex;align-items:center}.pos-login-right{justify-content:flex-start;overflow-y:auto;padding:0 0 0 5vw}@media(orientation:portrait){.pos-login-screen{flex-direction:column}.pos-login-left{flex:none;flex-direction:column;min-height:35%;padding:0 0 5vh 0}.pos-login-right{flex-direction:column;padding:5vh 0 0 0}}