/* Scroll lock */

html {
  --window-inner-height: 100vh;
  --scrollbar-width: 0px;
}

html.-scroll-lock,
html.-scroll-lock body {
  height: calc(var(--window-inner-height));
  overflow: hidden;
}

html.-scroll-lock body {
  position: relative;
}

body.-scroll-lock {
  padding-right: var(--scrollbar-width);
}

/* Global (Global css and params) */

:root {
  --text-default: #494949;
  --gray: #edf3f0;
  --green: #00cba9;
}

body {
  padding-top: 90px;
}

body * {
  font-family: "Inter", sans-serif;
  color: var(--text-default);
}

.--pc-display {
  display: block;
}

.--tablet-display,
.--mobile-display {
  display: none;
}

.container {
  width: 100vw;
  max-width: 1920px;
  margin: 0 auto;
  padding-left: 64px;
  padding-right: 64px;
}

@media screen and (max-width: 1400px) {
  .container {
    padding-right: 32px;
    padding-left: 32px;
  }
}

@media screen and (max-width: 1024px) {
  body {
    grid-template-rows: 1fr auto;
    padding-top: 70px;
  }

  .--pc-display {
    display: none;
  }

  .--tablet-display {
    display: block;
  }

  .container {
    margin: 0;
    padding: 0 20px;
  }
}

@media screen and (max-width: 759px) {
  .--tablet-display {
    display: none;
  }

  .--mobile-display {
    display: block;
  }

  .container {
    padding: 0 16px;
  }
}