.login-image{margin:25px 0 0;overflow:hidden}.login-image img{display:block;width:100%;height:250px;object-fit:cover}.theme-pos .login-image{margin:26px -55px -55px;border-radius:0}.theme-pos .login-image img{height:310px;object-position:center}.theme-production .login-image{border:1px solid #ff7a22;border-radius:2px}.theme-production .login-image img{height:270px;filter:saturate(.9) contrast(1.05)}.theme-inventory .login-image{margin:20px -48px -20px}.theme-inventory .login-image img{height:185px;object-position:center 60%}.theme-stock .login-image{margin:18px -34px -15px;border-radius:16px 16px 0 0}.theme-stock .login-image img{height:160px}.theme-stock .login-card{padding-top:27px}.demo-login input::placeholder{color:#a5afb4}.demo-login input[value=""]{background:#fff}.theme-pos .login-card,.theme-production .login-card{min-width:0}@media(max-width:850px){.theme-pos .login-brand{display:block;order:0}.theme-pos.demo-login main{grid-template-columns:1fr}.theme-pos .login-image{margin-bottom:-30px}.theme-production .login-image img{height:210px}}@media(max-width:520px){.login-image img{height:180px}.theme-pos .login-image,.theme-inventory .login-image{margin-left:-20px;margin-right:-20px}.theme-stock .login-image{margin-left:-34px;margin-right:-34px}}
@media (min-width:851px){.demo-login{height:100vh;min-height:0;padding:18px;overflow:hidden}.demo-login main{max-height:calc(100vh - 36px);min-height:0;align-items:stretch}.demo-login .login-brand{padding:30px 38px;overflow:hidden}.demo-login .login-card{padding:30px 38px;align-self:center}.demo-login .demo-logo{width:54px;height:54px;margin:26px 0 16px}.demo-login .login-brand h1{font-size:34px;margin:7px 0}.demo-login .login-brand p{font-size:14px;line-height:1.5;margin:8px 0}.demo-login .login-card h2{font-size:27px;margin:6px 0}.demo-login .login-card>div>p{margin:7px 0 12px;font-size:14px}.demo-login .login-card label{margin:12px 0;gap:5px}.demo-login .login-card input{padding:12px 13px}.demo-login .login-card button{padding:13px 18px}.demo-login .secure{margin:12px 0 0}.demo-login .login-image{margin-top:16px}.demo-login .login-image img{height:190px}.theme-pos.demo-login main{grid-template-columns:.9fr 1.1fr}.demo-login.theme-pos .login-image{margin:18px -38px -30px}.demo-login.theme-pos .login-image img{height:205px}.demo-login.theme-production .login-image img{height:185px}.theme-inventory.demo-login main{display:grid;grid-template-columns:.95fr 1.05fr;max-width:900px;border-radius:22px}.theme-inventory .login-brand{padding:30px 34px;text-align:left;display:flex;flex-direction:column;justify-content:center;position:relative}.theme-inventory .login-brand>a{text-align:left;position:absolute;top:24px}.theme-inventory .demo-logo{margin:25px 0 13px}.theme-inventory .login-brand h1{font-size:32px}.demo-login.theme-inventory .login-image{margin:15px -34px -30px}.demo-login.theme-inventory .login-image img{height:190px}.theme-inventory .login-card{padding:30px 42px}.theme-stock.demo-login main{display:grid;grid-template-columns:.95fr 1.05fr;max-width:860px;border-width:7px;border-radius:24px}.theme-stock .login-brand{padding:30px 32px;display:flex;flex-direction:column;justify-content:center;position:relative}.theme-stock .login-brand>a{position:absolute;top:24px}.theme-stock .demo-logo{margin:25px 0 12px}.demo-login.theme-stock .login-image{margin:14px -32px -30px;border-radius:13px 13px 0 0}.demo-login.theme-stock .login-image img{height:175px}.theme-stock .login-card{padding:30px 36px}}
@media (min-width:851px) and (max-height:680px){.demo-login{padding:10px}.demo-login main{max-height:calc(100vh - 20px)}.demo-login .login-brand,.demo-login .login-card{padding-top:22px;padding-bottom:22px}.demo-login .demo-logo{margin-top:20px}.demo-login .login-image img,.demo-login.theme-pos .login-image img,.demo-login.theme-production .login-image img,.demo-login.theme-inventory .login-image img,.demo-login.theme-stock .login-image img{height:145px}}

/* A restrained contextual backdrop for each demo login. */
.demo-login{position:relative;isolation:isolate;background-attachment:fixed}
.demo-login::before{content:"";position:fixed;inset:0;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.1;filter:saturate(.72) contrast(.9);pointer-events:none}
.demo-login::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}
.demo-login>main{position:relative;z-index:1}
.demo-login.theme-pos::before{background-image:url('../images/demo-pos-login.webp')}
.demo-login.theme-pos::after{background:rgba(10,18,32,.9)}
.demo-login.theme-production::before{background-image:url('../images/demo-production-login.webp');opacity:.09}
.demo-login.theme-production::after{background:rgba(25,25,27,.9)}
.demo-login.theme-inventory::before{background-image:url('../images/demo-inventory-login.webp');opacity:.11}
.demo-login.theme-inventory::after{background:rgba(237,233,255,.9)}
.demo-login.theme-stock::before{background-image:url('../images/demo-stock-login.webp');opacity:.1}
.demo-login.theme-stock::after{background:rgba(224,248,244,.9)}