:root {
  --tg-theme-bg-color: #10131a;
  --tg-theme-secondary-bg-color: #10131a;
  --tg-theme-text-color: #ffffff;
  --tg-theme-button-color: #2f80ed;
  --tg-theme-button-text-color: #ffffff;
  --tg-viewport-height: 100vh;
  --tg-safe-area-top: 0px;
  --tg-safe-area-right: 0px;
  --tg-safe-area-bottom: 0px;
  --tg-safe-area-left: 0px;
  --tg-content-safe-area-top: 0px;
  --tg-content-safe-area-right: 0px;
  --tg-content-safe-area-bottom: 0px;
  --tg-content-safe-area-left: 0px;
}

html.telegram-mini-app,
html.telegram-mini-app body {
  width: 100%;
  height: var(--tg-viewport-height);
  min-height: var(--tg-viewport-height);
  overflow: hidden;
  overscroll-behavior: none;
  background: var(--tg-theme-bg-color);
}

html.telegram-mini-app body {
  box-sizing: border-box;
  padding-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-top));
  padding-right: max(env(safe-area-inset-right, 0px), var(--tg-content-safe-area-right));
  padding-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-bottom));
  padding-left: max(env(safe-area-inset-left, 0px), var(--tg-content-safe-area-left));
  touch-action: none;
}

html.telegram-mini-app #splash {
  box-sizing: border-box;
  background-color: var(--tg-theme-bg-color);
}