body{margin:0;height:100vh;background-color:#eee}.brand{background:url("../../images/aio_logo.svg") no-repeat center/180px;display:block;height:60px;width:100%;margin:0 auto 30px;background-position:center !important}input{text-align:center}[data-key=username],[data-key=password]{box-shadow:none;transition:.6s;font-weight:normal;position:relative}.icon_preview{right:auto;left:10px}.password_visibility .icon_preview{left:auto;right:15px}.access_wrap{width:40vw;max-width:600px;position:fixed}.access_wrap.f{height:100vh}.access_wrap.f>.access_panel{border-radius:0 !important;height:100vh;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}.access_wrap.f>.access_panel>div{flex:0 0 100%}.access_wrap.l{left:0}.access_wrap.r{right:0}.access_wrap.c.f{left:50%;transform:translateX(-50%)}.access_wrap.c.b{left:50%;top:50%;transform:translate(-50%,-50%)}.access_panel{width:40vw;max-width:600px;padding:30px;border-radius:15px;box-shadow:0 0 100px rgba(0,0,0,0.3);background:rgba(255,255,255,0.75);backdrop-filter:saturate(2) blur(5px);-webkit-backdrop-filter:saturate(2) blur(5px);box-sizing:border-box;transform-style:preserve-3d}.access_panel h1{text-align:center;text-transform:uppercase;font-size:3vw;margin-bottom:20px}.access_panel .more{font-size:1rem;font-weight:400;text-align:center;cursor:pointer}input.empty{border:2px solid firebrick}#aio_login_init,#aio_forgot_init{width:100%;margin:0 0 20px;color:var(--filled_color);border-radius:var(--input_radius);transition:.8s;text-transform:uppercase;border:0;cursor:pointer;box-shadow:0 10px 35px var(--primary_color)}#aio_login_init .ico,#aio_forgot_init .ico{position:absolute;right:20px;bottom:calc(var(--input_margin_bottom)+10px);padding:0}#register{font-weight:lighter;text-align:center;display:block;margin-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:2px}.credits{position:fixed;left:0;bottom:0;opacity:.5;width:100%;text-align:center}.access_addons_wrap>div:first-child{border-top:1px solid #ccc;padding-top:20px;margin-top:20px}.access_lang_wrap{text-align:center}.languages{display:inline-flex;background:rgba(0,0,0,0.1);padding:5px;border-radius:20px;align-items:center;justify-content:center}.languages>div{display:block;padding:5px 10px;text-transform:uppercase}.languages>div.on{background:#fff;border-radius:25px}@media(min-width:320px) and (max-width:1024px){.access_wrap{width:calc(100vw - 40px)}.access_panel{width:100%;max-width:none;padding:20px}#logo{height:50px}input,button,select,textarea{padding:10px;margin-bottom:8px}.access #set_access{padding:10px 0}}[dir=rtl] .access_wrap.l{left:auto;right:0}[dir=rtl] .access_wrap.r{right:auto;left:0}[dir=rtl] .icon{left:auto;right:15px}[dir=rtl] .password_visibility .icon{right:auto;left:15px}body.d{background-color:#111;color:#fff}body.d .access_panel{background-color:rgba(255,255,255,0.1)}