@property --default-text{syntax: "<color>"; inherits: true; initial-value: #333333;}@property --button{syntax: "<color>"; inherits: true; initial-value: #dddddd;}@property --button-hover{syntax: "<color>"; inherits: true; initial-value: #eeeeee;}@property --line-color{syntax: "<color>"; inherits: true; initial-value: #cccccc;}@property --highlighted-line-color{syntax: "<color>"; inherits: true; initial-value: #888888;}@property --solid-text{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --app-theme{syntax: "<color>"; inherits: true; initial-value: #13D8E6;}@property --app-theme-hover{syntax: "<color>"; inherits: true; initial-value: #11c2ce;}@property --solid-color{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --add-button{syntax: "<color>"; inherits: true; initial-value: #21cb1e;}@property --add-button-hover{syntax: "<color>"; inherits: true; initial-value: #2bdf28;}@property --light-text{syntax: "<color>"; inherits: true; initial-value: #666666;}@property --settings-icon{syntax: "<image>"; inherits: true; initial-value: url(/static/settings-light.svg);}body{margin:0;max-width:100vw;max-height:100vh;padding-top:30px;box-sizing:border-box;overflow:hidden;font-family:Inter,sans-serif}body.dark{--default-text: #bbbbbb;--button: #222222;--button-hover: #111111;--line-color: #333333;--highlighted-line-color: #777777;--solid-text: #ffffff;--app-theme: #006067;--app-theme-hover: #00686f;--solid-color: #000000;--add-button: #184f00;--add-button-hover: #144001;--light-text: #bbbbbb;--settings-icon: url(/static/settings-dark.svg);background-color:#000}body.mode-transition{transition:.2s;transition-property:--default-text,--button,--button-hover,--line-color,--highlighted-line-color,--solid-text,--app-theme,--app-theme-hover,--solid-color,--add-button,--add-button-hover,--light-text,--settings-icon,background-color}h1,h2,p,span{color:var(--default-text)}a.homepage-button{background-color:var(--button);transition:background-color .2s;border:none;border-radius:20px;color:var(--default-text)}a.homepage-button:hover{background-color:var(--button-hover)}a.homepage-button{padding:20px;width:120px;margin-top:50px;display:flow-root;margin-left:auto;margin-right:auto;text-decoration:none}footer{position:absolute;bottom:0;border-top:1px solid var(--line-color);width:100%;box-sizing:border-box;height:40px;display:flex;align-items:center}footer span{vertical-align:middle;margin-left:10px}@media screen and (width<=400px){footer span{display:none}}.footer-elements{width:100%}.main,app-root,:root,body{width:100%;height:100%;display:block;position:relative}.content-box{margin:auto;width:80%;height:90%;border:1px solid var(--line-color);border-radius:20px;text-align:center;overflow:scroll}.logo{width:256px}@media screen and (height<=400px){.logo{width:96px}}.logo-small{width:96px}.app-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,#13d8e6,#006067);color:transparent;font-size:3em;margin-top:0}@keyframes totp-progress{0%{width:100%}to{width:0}}div{scrollbar-color:var(--button) var(--solid-color)}