html, body, #root{
  margin: 0;
  padding: 0;
  font-family: "Roboto Condensed";
  /* dark: */
/* 
  --th-text-color: #ddd;
  --th-text-color-hover: #fff;
  --th-background-color: #2e3240;
  --th-background-color-hover: #fff2;
  --th-panel-background-color: #232634;
  --th-sec-text-color: #ddd;
  --th-sec-text-color-hover: #fff;
  --th-sec-background-color: #00000040;
 */
  /* light: */
  --th-text-color: #2e3240;
  --th-text-color-hover: #000;
  --th-background-color: #fff;
  --th-background-color-hover: #0002;
  --th-panel-background-color: #fff;
  --th-sec-text-color: #ddd;
  --th-sec-text-color-hover: #fff;
  --th-sec-background-color: #2e3240;
  --th-sec-background-color-hover: #1e2230;
  --th-sec-background-color-focus: #0000000f;
  --th-tile-background-color: #0000000b;
}

body{
  position: fixed;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  box-sizing:border-box;
}

input:invalid {
  box-shadow: none;
}

input:-moz-submit-invalid {
  box-shadow: none;
}

input:-moz-ui-invalid {
  box-shadow:none;
}
/* Cursor fun */

.cursor-grab {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.cursor-grabbing {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.cursor-zoomin {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
}

.cursor-zoomout {
  cursor: zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
}

.cursor-scale-nwse {
  cursor: nwse-resize;
}

.cursor-scale-nesw {
  cursor: nesw-resize;
}

.cursor-rotate {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

/* left and right borders bleed through a bit on */
/* the expand/collapse handles of the dock, so they're off */
#canvas-container canvas {
  /* border-left: 1px solid #bdbdbd; */
  border-bottom: 1px solid #bdbdbd;
  /* border-right: 1px solid #bdbdbd; */
  /* border: 40px solid #00ff0020; */
}

/* :global .rippleRoot {
  transform: scale(0.75);
}

:global .rippleChild {
  width: 177.778%;
  height: 177.778%;
}

:global .MuiTouchRipple-child.rippleChild {
  width: 177.778%;
  height: 177.778%;
} */

.MuiSvgIcon-root {
  will-change: transform;
}

@font-face {
  font-family: 'Cutive Mono';
  font-weight: 400;
  font-style: normal;
  src: url(/static/fnt/Cutive-Mono-regular.10bf2cdaba.woff2) format('woff2'),
    url(/static/fnt/Cutive-Mono-regular.22097c1cc7.woff) format('woff'),
    url(/static/fnt/Cutive-Mono-regular.b210f93702.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato Bold';
  font-weight: 700;
  font-style: normal;
  src: url(/static/fnt/Lato-Bold.698f0171ea.woff2) format('woff2'),
    url(/static/fnt/Lato-Bold.3af028d9d4.woff) format('woff'),
    url(/static/fnt/Lato-Bold.2ae191a121.ttf) format('truetype');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  src: url(/static/fnt/Open-Sans-regular.4c1b253e35.woff2) format('woff2'),
    url(/static/fnt/Open-Sans-regular.8e4fce4052.woff) format('woff'),
    url(/static/fnt/Open-Sans-regular.f2fb3e0f38.ttf) format('truetype');
}

@font-face {
  font-family: 'Raleway';
  font-weight: 400;
  font-style: normal;
  src: url(/static/fnt/Raleway-regular.2b1067b5e0.woff2) format('woff2'),
    url(/static/fnt/Raleway-regular.21611423bc.woff) format('woff'),
    url(/static/fnt/Raleway-regular.a763ff2d5a.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  src: url(/static/fnt/Roboto-Regular.f96bc08706.woff2) format('woff2'),
    url(/static/fnt/Roboto-Regular.a306a31475.woff) format('woff'),
    url(/static/fnt/Roboto-Regular.71779d80f0.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Bold';
  src: url(/static/fnt/Roboto-Bold.8fe4431ecc.woff2) format('woff2'),
    url(/static/fnt/Roboto-Bold.62dd65f393.woff) format('woff'),
    url(/static/fnt/Roboto-Bold.9630c546d8.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(/static/fnt/roboto-condensed-v24-latin-regular.bb7a4e7394.woff2) format('woff2'),
    url(/static/fnt/roboto-condensed-v24-latin-regular.6edcf4aeb7.woff) format('woff'),
    url(/static/fnt/roboto-condensed-v24-latin-regular.0d0e892d77.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto Slab';
  font-weight: 400;
  font-style: normal;
  src: url(/static/fnt/Roboto-Slab-regular.319845b719.woff2) format('woff2'),
    url(/static/fnt/Roboto-Slab-regular.b412b75f21.woff) format('woff'),
    url(/static/fnt/Roboto-Slab-regular.b4f5224a4e.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat-Misc';
  src: url(/static/fnt/Montserrat[wght].78c8eb8e8b.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Button';
  src: url(/static/fnt/Montserrat[wght].78c8eb8e8b.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Expander';
  src: url(/static/fnt/Montserrat[wght].78c8eb8e8b.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/static/fnt/Montserrat[wght].78c8eb8e8b.woff2) format('woff2');
  font-weight: 100 900;
  font-style: normal;
}