.authentication-wrapper { display: flex; flex-basis: 100%; min-height: 100vh; width: 100%;}
.authentication-wrapper .authentication-inner { width: 100%;}
.authentication-wrapper.authentication-basic { align-items: center; justify-content: center; overflow: hidden;}
.authentication-wrapper.authentication-basic .authentication-inner { max-width: 25rem; position: relative;}
.authentication-wrapper.authentication-basic .authentication-inner:before { width: 21rem; height: 21rem; content: " "; position: fixed; top: -100px; background: url("../img/auth-top-left.png"); background-size: contain;}
html:not([dir=rtl]) .authentication-wrapper.authentication-basic .authentication-inner:before { left: -100px;}
[dir=rtl] .authentication-wrapper.authentication-basic .authentication-inner:before { right: -100px; transform: rotate(90deg);}
.authentication-wrapper.authentication-basic .authentication-inner:after { width: 7rem; height: 14.125rem; content: " "; position: fixed; bottom: 0; background-image: url("../img/auth-right-bottom.png"); background-size: contain;}
html:not([dir=rtl]) .authentication-wrapper.authentication-basic .authentication-inner:after { right: 0;}
[dir=rtl] .authentication-wrapper.authentication-basic .authentication-inner:after { left: 0; transform: rotate(180deg);}
.authentication-wrapper.authentication-basic .authentication-inner .card { z-index: 1;}
.authentication-wrapper.authentication-basic .authentication-inner .card .app-brand { margin-bottom: 1.5rem;}
.authentication-wrapper .auth-input-wrapper .auth-input { max-width: 50px; padding-left: 0.4rem; padding-right: 0.4rem; font-size: 150%;}
.authentication-cover-img { margin-bottom: 1rem; }

@media (max-width: 575.98px) {
	.authentication-wrapper .auth-input-wrapper .auth-input { font-size: 1.125rem;}
}