@keyframes dots{0%{content:""}20%{content:"."}40%{content:".."}80%{content:"..."}to{content:""}}:not(input,textarea)::selection{background:transparent}*{outline:none;box-sizing:border-box;font-smoothing:antialiased;font-smooth:always;text-rendering:optimizeLegibility}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:Open Sans,Lucida Sans Unicode,Lucida Grande,Arial,sans-serif;font-size:90%;background-repeat:no-repeat;background-size:cover}ui-login{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:600px}body.embedded ui-login{position:static;transform:none;width:100%;height:100%}browser-compatiblity{flex:1;color:#444;background:#dedede;display:inline-block;font-size:90%;text-wrap:nowrap;text-align:center;align-content:center}browser-compatiblity div{display:inline-block;font-size:500%;background:#0003;border-radius:10px;padding:5px 10px;color:#fff;margin:0 0 20px}browser-compatiblity p{padding:0;margin:0}browser-compatiblity a{margin:30px 0 0;background:#0aa10a;border-radius:4px;font-size:80%;line-height:1rem;display:inline-flex;text-decoration:none;padding:3px}browser-compatiblity a:hover{background:#fff;color:#444}browser-compatiblity img{display:inline-block;flex:0;padding:0 4px;max-height:16px}browser-compatiblity span{display:inline-block;flex:1;padding:0 4px 0 0}button{cursor:pointer}ui-grid{height:100vh}div[data-view=login][data-theme=Gradient] *{scrollbar-color:rgba(255,255,255,.5) rgba(0,0,0,.25)}html[data-theme=Gradient] button,div[data-view=login][data-theme=Gradient] button{background:linear-gradient(to bottom,#b1bef6,#6e84db 50%,#2547b2 51% 100%);border:1px solid #000000;padding:5px 20px;border-radius:4px;display:inline-block;cursor:pointer!important;font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 1px #000000,-1px -1px 1px #000000}html[data-theme=Gradient] button:hover,div[data-view=login][data-theme=Gradient] button:hover{background:linear-gradient(to bottom,#bac2fc,#8e99ec 50%,#404fc2 51% 100%)}html[data-theme=Gradient] button:active,div[data-view=login][data-theme=Gradient] button:active{background:linear-gradient(to bottom,#2547b2 0% 49%,#6e84db 50%,#b1bef6)}html[data-theme=Gradient] input,html[data-theme=Gradient] select,div[data-view=login][data-theme=Gradient] input,div[data-view=login][data-theme=Gradient] select{color:#444;font-weight:400;font-size:14px;padding:3px 5px;border:1px solid #767676;background:#fff;box-shadow:inset 0 1px #fff;border-radius:2px;display:inline-block}html[data-theme=Modern] *,div[data-view=login][data-theme=Modern] *{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) rgba(0,0,0,.25)}html[data-theme=Modern] button,div[data-view=login][data-theme=Modern] button{background-color:#00000040;color:#fff;font-weight:400;font-size:14px;border:0;padding:5px 15px;border-radius:3px;display:inline-block;transition:background-color .35s ease;cursor:pointer!important}html[data-theme=Modern] button:hover,div[data-view=login][data-theme=Modern] button:hover{background-color:#00000080}html[data-theme=Modern] input,html[data-theme=Modern] select,div[data-view=login][data-theme=Modern] input,div[data-view=login][data-theme=Modern] select{color:#444;font-weight:400;font-size:14px;border:0;border-radius:3px;display:inline-block;transition:background-color .35s ease;cursor:pointer!important}html[data-theme=Modern] input,div[data-view=login][data-theme=Modern] input{padding:5px 15px}html[data-theme=Comic] *,div[data-view=login][data-theme=Comic] *{scrollbar-color:rgba(255,255,255,.5) rgba(0,0,0,.25)}html[data-theme=Comic] button,div[data-view=login][data-theme=Comic] button{background-color:#a2a2a2;box-shadow:inset 0 1px #fff;text-shadow:0 0 3px #000000;color:#fff;font-weight:400;font-size:14px;border:0;padding:3px 15px;border-radius:4px;display:inline-block;cursor:pointer!important}html[data-theme=Comic] button:hover,div[data-view=login][data-theme=Comic] button:hover{background-color:#8a8a8a}html[data-theme=Comic] input,html[data-theme=Comic] select,div[data-view=login][data-theme=Comic] input,div[data-view=login][data-theme=Comic] select{color:#444;font-weight:400;font-size:14px;border:1px solid #767676;box-shadow:inset 0 1px #fff;border-radius:2px;display:inline-block;cursor:pointer!important}html[data-theme=Comic] input,div[data-view=login][data-theme=Comic] input{padding:3px 5px}