html{height:100%}body{height:calc(100% - 48px)}#root{height:100%;margin-top:48px}.cursor-pointer{cursor:pointer}.viewport-element{border-radius:6px}*{scrollbar-color:var(--primary-dark) rgba(0,0,0,.15);scrollbar-width:thin}:root[data-theme=light] *{scrollbar-color:var(--primary-light) rgba(255,255,255,.15);scrollbar-width:thin}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]) *{scrollbar-color:var(--primary-light) rgba(255,255,255,.15);scrollbar-width:thin}}#progress-bar-container{margin:0 8%}#progress-bar-container #progress-bar-background{color:#000;background-color:#7d4600;border-radius:8px}#progress-bar-container #progress-bar{width:25%;height:8px;color:#000;background-color:#fb8c00;border-radius:8px;animation-name:idle-loading;animation-duration:4s;animation-iteration-count:infinite}:root[data-theme=light] #progress-bar-container #progress-bar-background{color:#fff;background-color:#ffce9e}:root[data-theme=light] #progress-bar-container #progress-bar{color:#fff}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]) #progress-bar-container #progress-bar-background{color:#fff;background-color:#ffce9e}:root:not([data-theme=dark]):not([data-theme=light]) #progress-bar-container #progress-bar{color:#fff}}@keyframes idle-loading{0%{margin-left:0}50%{margin-left:75%}to{margin-left:0}}.preload-background{background-color:#000}#preload{position:absolute;inset:0;z-index:9999999;text-align:center}#preload #preload-content{display:flex;flex-direction:column;margin-top:25%;margin-right:auto;margin-left:auto;line-height:1.5}#preload #preload-content #img-container{margin-top:auto;margin-bottom:auto}#preload #preload-content #progress-bar-container{width:280px;margin:0 auto}#preload #preload-content #progress-bar-label,#preload #preload-content #progress-bar-label-details{margin-top:16px;margin-bottom:16px;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#fff;letter-spacing:.00938em}#preload #preload-content #progress-bar-label-details{margin-top:0}#preload #preload-content #img{width:160px;height:160px;border:#f5f5f5 solid 2px;border-radius:100%}:root[data-theme=light] .preload-background{background-color:#f5f5f5}:root[data-theme=light] #preload #preload-content #progress-bar-label,:root[data-theme=light] #preload #preload-content #progress-bar-label-details{color:#000}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]) .preload-background{background-color:#f5f5f5}:root:not([data-theme=dark]):not([data-theme=light]) #preload #preload-content #progress-bar-label,:root:not([data-theme=dark]):not([data-theme=light]) #preload #preload-content #progress-bar-label-details{color:#000}}#totp-device-qrcode-container{width:300px;height:300px;margin-right:auto;margin-left:auto;overflow:hidden;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary-main) 85%,#fff),transparent 65%),radial-gradient(circle at 80% 30%,var(--primary-main),transparent 70%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--primary-main) 70%,#000),transparent 75%),var(--background-default);background-size:200% 200%;border-radius:.5rem}#totp-device-qrcode-container.qrcode-disabled{display:none}#totp-device-qrcode-container.qrcode-pending{animation:totp-qrcode-radial-loading 8s ease-in-out infinite}#totp-device-qrcode-container.qrcode-generated{background:none}@keyframes totp-qrcode-radial-loading{0%{filter:brightness(1);background-position:0 0}50%{filter:brightness(1.15);background-position:100% 100%}to{filter:brightness(1);background-position:0 0}}