:root {
  color: var(--wk-color-label, #111827);
  background: var(--wk-color-grouped-background, #f5f7fb);
  font-family: var(
    --wk-type-font-family,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif
  );
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* {
  box-sizing: border-box;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
}


:root {
  --wk-site-gutter: var(--wk-space-6);
}

html.mode-phone {
  --wk-site-gutter: max(
    20px,
    var(--wk-safe-left, 0px),
    var(--wk-safe-right, 0px)
  );
}


:root {
  --wk-button-elevation: none;
}


* {
  scrollbar-width: thin;
  scrollbar-color: var(--wk-color-scrollbar-thumb, rgba(60, 60, 67, 0.34))
    var(--wk-color-scrollbar-track, transparent);
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--wk-color-scrollbar-track, transparent);
}

::-webkit-scrollbar-thumb {
  background: var(--wk-color-scrollbar-thumb, rgba(60, 60, 67, 0.34));
  border-radius: 8px;
  border: 3px solid transparent;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--wk-color-scrollbar-thumb-hover, var(--wk-color-secondary-label, rgba(60, 60, 67, 0.5)));
  background-clip: padding-box;
}