:root {
  color-scheme: light;
  background: #f7f8f3;
}

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  background: #f7f8f3;
}

body {
  position: fixed;
  inset: 0;
  min-height: 100dvh;
  overscroll-behavior: none;
}

#composeApp {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  overflow: hidden;
}

/*
 * CanvasKit can round its generated host layers up to the next logical pixel
 * on fractional Windows display scaling. Keep those layers inside the exact
 * dynamic viewport instead of letting the fixed page clip the bottom edge.
 */
#composeApp > div,
#composeApp > div > div {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}

#composeApp > div {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

#composeApp > div > div:first-child {
  width: 100% !important;
  height: 100% !important;
}

canvas {
  display: block;
  outline: none;
}

.taretrend-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}