- left: -100vw;
- width: calc(100vw - 145px);
- bottom: 0;
- clip: rect(auto,auto,auto,auto);
- -webkit-clip-path: inset(0 0);
- clip-path: inset(0 0);
- height: 100vh;
- left: -320px;
- position: absolute;
- top: 0;
- width: 310px;
- z-index: 9000;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- scrollbar-color: rgba(0,0,0,.45) transparent;
- scrollbar-width: thin;
- box-sizing: inherit;
- display: block;
- background-color: rgba(0,0,0,.2);
- color: hsla(0,0%,100%,.65);
- display: flex;
- flex-direction: column;
- flex-shrink: 0;
- font-size: 1.4rem;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- font-weight: 600;
- height: 100vh;
- -webkit-overflow-scrolling: touch;
- width: 145px;
- --nodeBackground: hsla(0,0%,100%,0.2);
- --nodeBorder: hsla(0,0%,100%,0.1);
- --nodeColor: hsla(0,0%,100%,0.65);
- --nodeColorSelected: #fff;
- --nodeNumber: hsla(0,0%,100%,0.5);
- --globalBackground: rgba(0,0,0,0.2);
- --globalSecondaryBackground: rgba(0,0,0,0.14);
- --globalTertiaryBackground: rgba(2,1,1,0.18);
- --globalAccentBackground: hsla(0,0%,100%,0.14);
- --subtleButtonBackground: hsla(0,0%,100%,0.16);
- --globalBorder: hsla(0,0%,100%,0.1);
- --globalGray: hsla(0,0%,100%,0.08);
- --globalGraySoft: hsla(0,0%,100%,0.08);
- --globalChartBackground: hsla(0,0%,100%,0.05);
- --globalColorThemeFull: #fff;
- --globalColorThemeHigh: hsla(0,0%,100%,0.8);
- --globalColorThemeMid: hsla(0,0%,100%,0.65);
- --globalColorThemeLow: hsla(0,0%,100%,0.4);
- --globalColorThemeLink: #52b1dc;
- --globalColorThemeHighToMid: hsla(0,0%,100%,0.65);
- --globalColorThemeFullToMid: hsla(0,0%,100%,0.65);
- --globalColorNeutral100: rgba(0,0,0,0.2);
- --globalColorNeutral200: rgba(0,0,0,0.4);
- --globalMoveTray: #272421;
- --globalTabAccent: hsla(0,0%,100%,0.65);
- background-color: #312e2b;
- color: #312e2b;
- font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
- font-size: 1.4rem;
- line-height: 1.43;
- margin: 0;
- padding: 0;
- --nodeBackground: #fff35f;
- --nodeBorder: rgba(0,0,0,0.05);
- --nodeColor: #26211b;
- --nodeColorSelected: #26211b;
- --nodeNumber: rgba(0,0,0,0.7);
- --globalBackground: #fff;
- --globalSecondaryBackground: #f0f0f0;
- --globalTertiaryBackground: #dad7d5;
- --globalAccentBackground: #fff;
- --subtleButtonBackground: #e7e6e4;
- --globalBorder: rgba(0,0,0,0.1);
- --globalGray: #dbd9d7;
- --globalGraySoft: #f1f1f1;
- --globalChartBackground: #f1f1f1;
- --globalColorThemeFull: #312e2b;
- --globalColorThemeHigh: #4b4847;
- --globalColorThemeMid: #666564;
- --globalColorThemeLow: #8b8987;
- --globalColorThemeLink: #3a729c;
- --globalColorThemeHighToMid: #4b4847;
- --globalColorThemeFullToMid: #312e2b;
- --globalColorNeutral100: #f1f1f1;
- --globalColorNeutral200: #dad8d6;
- --globalSecondaryFont: "Montserrat",sans-serif;
- --globalMoveTray: #e8e7e6;
- --globalTabAccent: #85aa53;
- box-sizing: border-box;
- font-size: 62.5%;
- margin-left: calc(100vw - 100%);
- box-sizing: inherit;
- box-sizing: inherit;
- height: .8rem;
- width: .8rem;
- background-color: rgba(0,0,0,.45);
- -webkit-border-radius: 10rem;
- background-color: transparent;