.spinner-container{font-size:inherit;color:inherit;display:flex;justify-content:center;align-items:center}.loading-spinner{-webkit-animation-name:rotateSpinner;animation-name:rotateSpinner;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-timing-function:cubic-bezier(.175,.885,.32,1.275);font-size:inherit}@-webkit-keyframes rotateSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{align-items:center}.login-page-content{height:100%;min-width:300px;background:var(--tertiary-background-color);box-shadow:var(--default-box-shadow);justify-content:center}.login-form,.login-page-content{display:flex;flex-direction:column;align-items:center}.login-form{-webkit-animation-name:login-form-enter;animation-name:login-form-enter;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes login-form-enter{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes login-form-enter{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.login-page-image{display:flex;background:url(../img/cashier.245bcb02.jpg);background-size:cover;width:100%;height:100%;box-shadow:inset 0 0 50px #000}.login-form>h2{color:var(--secondary-background-color)}.login-form>.form-control{display:flex;flex-direction:column;align-items:flex-start;padding-top:10px;width:100%}.login-form>.form-control>label{color:var(--primary-text-color);margin-bottom:6px}.login-form>.form-control>input[type=text]{background:var(--primary-text-color);color:var(--tertiary-background-color);padding:6px 10px;border-radius:var(--default-border-radius)}.login-form>.form-actions{padding-top:10px;width:100%;display:flex}.login-form>.form-actions>button:active{background:var(--danger-color);transition:.2s}.login-form>.form-actions>button{background:var(--primary-background-color);color:var(--tertiary-background-color);width:100%;font-size:18px;padding:4px 0;border-radius:var(--default-border-radius);font-weight:600;cursor:pointer;transition:.2s;height:35px}.login-form>.form-actions>button.active,.login-form>.form-actions>button.active:active{background:var(--success-color)}.form-control>.create-account{color:var(--primary-text-color);font-size:12px;width:100%;text-align:right}@media (max-width:600px){.login-page{justify-content:center}.login-page-content{border-radius:var(--default-border-radius);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:unset}.login-form{padding:20px;min-width:unset;-webkit-animation:none;animation:none}.login-page-image{display:none}}