/* `Manrope` and `Noto Sans SC` are loaded from Google Fonts in `src/pages/_document.tsx`.
   Do NOT declare @font-face for either here: the `Cns Manrope` typeface is deprecated, and a
   local `@font-face { font-family: 'Manrope' }` shadows Google's at the declared weights —
   @font-face does not participate in normal cascade overriding, so the local file simply wins.
   `TWK Everett` stays: it is a brand family still used by the landing XYZ blocks. */
@font-face {
  font-family: 'TWK Everett';
  src: url('../fonts/TWKEverett-Regular.otf');
}

:root {
  /* Figma may still label this token's value `Cns Manrope`; implement it as `Manrope`. */
  --typography-family-emphasis: Manrope, 'Noto Sans SC', Arial, sans-serif;
  --pl-font-sans: var(--typography-family-emphasis);
}

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: var(--typography-family-emphasis);
}

button {
  font-family: var(--typography-family-emphasis);
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

.my-scroll-bar::-webkit-scrollbar-track {
  width: 5px;
  height: 5px;
  background-color: transparent;
}
.my-scroll-bar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}
.my-scroll-bar::-webkit-scrollbar-thumb {
  background-color: rgba(127, 143, 164, 0.6);
  border-radius: 5px;
}

.grecaptcha-badge{
  display: none !important;
}

.MuiPickersDay-root:focus.Mui-selected {
  background-color: #0552D6;
}

.cs-main-dashboard-mobile {
  overflow: initial !important;
  padding-bottom: 0 !important;
}