body {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  touch-action: pan-y;
}

body::-webkit-scrollbar {
  display: none;
}

:root {
  --color-primary: #053dc8;
  --text-color-primary: #2b2d30;
  --text-color-sub: #9ca2c0;
  --swiper-navigation-size: 44px;
  --swiper-theme-color: #007aff;
}

a,
a:focus,
a:hover {
  outline: none;
  text-decoration: none;
}

.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-between-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-column-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-column-center-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.mt-24 {
  margin-top: 24px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-8 {
  margin-top: 8px;
}