/* line 1, mainapp/static/mainapp/scss/index.scss */
body {
  overflow: hidden;
  color: var(--color_text_start);
  background: var(--background_start); }

/* line 8, mainapp/static/mainapp/scss/index.scss */
.page_index {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px 0; }
  @media (max-height: 500px) {
    /* line 8, mainapp/static/mainapp/scss/index.scss */
    .page_index {
      flex-wrap: wrap;
      flex-direction: row;
      padding: 0; } }
  /* line 25, mainapp/static/mainapp/scss/index.scss */
  .page_index .login_btn {
    position: fixed;
    right: 10px;
    top: 10px; }
  /* line 31, mainapp/static/mainapp/scss/index.scss */
  .page_index .block_logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 90%;
    height: auto;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-height: 800px) {
      /* line 31, mainapp/static/mainapp/scss/index.scss */
      .page_index .block_logo {
        justify-content: space-evenly; } }
    /* line 43, mainapp/static/mainapp/scss/index.scss */
    .page_index .block_logo .logo {
      width: 100%; }
  @media (max-height: 500px) {
    /* line 49, mainapp/static/mainapp/scss/index.scss */
    .page_index .block_logo, .page_index .content {
      flex-basis: 50%; } }
  /* line 55, mainapp/static/mainapp/scss/index.scss */
  .page_index .content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  /* line 61, mainapp/static/mainapp/scss/index.scss */
  .page_index .button_main_page {
    background: var(--btn_background_start);
    color: var(--btn_color_start); }
  /* line 67, mainapp/static/mainapp/scss/index.scss */
  .page_index img {
    display: block; }
  /* line 71, mainapp/static/mainapp/scss/index.scss */
  .page_index .title {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    max-width: 291px;
    margin-bottom: 10px; }
  /* line 80, mainapp/static/mainapp/scss/index.scss */
  .page_index .list {
    margin-bottom: 16px; }
    @media (max-height: 500px) {
      /* line 80, mainapp/static/mainapp/scss/index.scss */
      .page_index .list {
        margin-bottom: 0; } }
    /* line 86, mainapp/static/mainapp/scss/index.scss */
    .page_index .list .title_list {
      font-weight: bold;
      font-size: 20px;
      text-align: center; }
    /* line 92, mainapp/static/mainapp/scss/index.scss */
    .page_index .list .list_title {
      margin-left: 24px; }
      @media (max-height: 320px) {
        /* line 92, mainapp/static/mainapp/scss/index.scss */
        .page_index .list .list_title {
          margin: 10px 0 0 0; } }
      /* line 98, mainapp/static/mainapp/scss/index.scss */
      .page_index .list .list_title .list_qty {
        list-style-type: disc !important;
        font-size: 16px; }
        /* line 103, mainapp/static/mainapp/scss/index.scss */
        .page_index .list .list_title .list_qty::marker {
          padding-right: 10px; }