@import '../../../../assets/scss/components';

.login-container {
  width: 100%;
  min-height: 100vh;
  background-color: $bg-gray;
  background-image: url(../../../../assets/images/bg/bg_login_circle_square01.svg),
    url(../../../../assets/images/bg/bg_login_circle_stroke01.svg),
    url(../../../../assets/images/bg/bg_login_circle01.svg),
    url(../../../../assets/images/bg/bg_login_circle03.svg),
    url(../../../../assets/images/bg/bg_login_circle_diagonal01.svg),
    url(../../../../assets/images/bg/bg_login_circle_square02.svg),
    url(../../../../assets/images/bg/bg_login_circle04.svg),
    url(../../../../assets/images/bg/bg_login_circle05.svg),
    url(../../../../assets/images/bg/bg_login_circle06.svg),
    url(../../../../assets/images/bg/bg_login_circle07.svg),
    url(../../../../assets/images/bg/bg_login_circle08.svg),
    url(../../../../assets/images/bg/bg_login_circle_diagonal02.svg),
    url(../../../../assets/images/bg/bg_login_circle_diagonal03.svg),
    url(../../../../assets/images/bg/bg_login_circle_stroke02.svg),
    url(../../../../assets/images/bg/bg_login_circle_stroke03.svg),
    url(../../../../assets/images/bg/bg_login_circle_stroke04.svg),
    url(../../../../assets/images/bg/bg_login_circle_stroke05.svg),
    url(../../../../assets/images/bg/bg_login_polygon01.svg),
    url(../../../../assets/images/bg/bg_login_polygon02.svg);
  background-repeat: no-repeat;
  background-position: unquote($login-bg-w * 323 + '%')
      unquote($login-bg-h * 179 + '%'),
    unquote($login-bg-w * -147 + '%') unquote($login-bg-h * 18 + '%'),
    unquote($login-bg-w * 285 + '%') unquote($login-bg-h * 226 + '%'),
    unquote($login-bg-w * 1235 + '%') unquote($login-bg-h * -101 + '%'),
    unquote($login-bg-w * 1397 + '%') unquote($login-bg-h * 163 + '%'),
    unquote($login-bg-w * 1569 + '%') unquote($login-bg-h * 580 + '%'),
    unquote($login-bg-w * 426 + '%') unquote($login-bg-h * 293 + '%'),
    unquote($login-bg-w * 1531 + '%') unquote($login-bg-h * 250 + '%'),
    unquote($login-bg-w * 1774 + '%') unquote($login-bg-h * 166 + '%'),
    unquote($login-bg-w * 1362 + '%') unquote($login-bg-h * 673 + '%'),
    unquote($login-bg-w * 152 + '%') unquote($login-bg-h * 730 + '%'),
    unquote($login-bg-w * 286 + '%') unquote($login-bg-h * 719 + '%'),
    unquote($login-bg-w * 683 + '%') unquote($login-bg-h * 593 + '%'),
    unquote($login-bg-w * 498 + '%') unquote($login-bg-h * 453 + '%'),
    unquote($login-bg-w * 1709 + '%') unquote($login-bg-h * 599 + '%'),
    unquote($login-bg-w * 1395 + '%') unquote($login-bg-h * 989 + '%'),
    unquote(100 + $login-bg-w * 89 + '%') unquote(100 + $login-bg-h * 137 + '%'),
    unquote($login-bg-w * 90 + '%') unquote($login-bg-h * 463 + '%'),
    unquote($login-bg-w * 549 + '%') unquote($login-bg-h * 874 + '%');
  background-size: unquote($login-bg-w * 79 + '%'),
    unquote($login-bg-w * 333 + '%'), unquote($login-bg-w * 84 + '%'),
    unquote($login-bg-w * 172 + '%'), unquote($login-bg-w * 210 + '%'),
    unquote($login-bg-w * 94 + '%'), unquote($login-bg-w * 44 + '%'),
    unquote($login-bg-w * 118 + '%'), unquote($login-bg-w * 52 + '%'),
    unquote($login-bg-w * 70 + '%'), unquote($login-bg-w * 172 + '%'),
    unquote($login-bg-w * 82 + '%'), unquote($login-bg-w * 135 + '%'),
    unquote($login-bg-w * 102 + '%'), unquote($login-bg-w * 130 + '%'),
    unquote($login-bg-w * 184 + '%'), unquote($login-bg-w * 370 + '%'),
    unquote($login-bg-w * 122 + '%'), unquote($login-bg-w * 75 + '%');
  padding-top: 5%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
