:root{--primary-font:"Roboto";--positive-bg:#1da050;--negative-bg:#d43045;--separator-border-color:#222;--primary-container-bg:#151515;--accent-text-color:#fff;--active-text-color:#51abff;--brand-color:#2575d2;--text-color:#9d9d9d;--chart-toolbar-bg:#0c0c0c;--chart-toolbar-transparent-bg:rgba(colorToRGBList(#0c0c0c),0);--chart-brand-dark-color:#0a4994;--chart-highlight-brand-bg:#033b7d;--chart-select-hover-bg:#222;--chart-select-panel:#1d1d1d;--chart-select-border:#222;--chart-dialog-container-bg:#151515;--chart-select-selected-bg:#151515;--chart-select-border-color:#222;--chart-active-element-bg:#51abff}body,html{background:transparent;height:100%;margin:0;overscroll-behavior:none}.spinner-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.spinner{animation:spin 1.2s linear infinite,fade 2.4s linear infinite;border:4px solid hsla(0,0%,100%,.2);border-radius:50%;border-top-color:hsla(0,0%,100%,.4);height:52px;margin-top:var(--spinner-margin-top,0);width:52px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade{0%{border-top-color:hsla(0,0%,100%,.4)}50%{border-top-color:#fff}to{border-top-color:hsla(0,0%,100%,.4)}}