@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap");
/* line 1, mainapp/static/scss/_error.scss */
.notification_msg {
  position: fixed;
  bottom: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 20px); }
  /* line 10, mainapp/static/scss/_error.scss */
  .notification_msg .error-msg-block {
    display: flex;
    gap: 10px; }
    /* line 14, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block .msg {
      width: 100%; }
    /* line 18, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block .del_error {
      padding: 0 5px;
      cursor: pointer; }
    /* line 23, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block.info-msg, .notification_msg .error-msg-block.success-msg, .notification_msg .error-msg-block.warning-msg, .notification_msg .error-msg-block.error-msg {
      padding: 10px;
      border-radius: 3px 3px 3px 3px; }
    /* line 31, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block.info-msg {
      color: #059;
      background-color: #BEF; }
    /* line 36, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block.success-msg {
      color: #270;
      background-color: #DFF2BF; }
    /* line 41, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block.warning-msg {
      color: #9F6000;
      background-color: #FEEFB3; }
    /* line 46, mainapp/static/scss/_error.scss */
    .notification_msg .error-msg-block.error-msg {
      color: #D8000C;
      background-color: #FFBABA; }

/* line 3, mainapp/static/scss/main_style.scss */
body {
  min-height: calc(100vh - 40px);
  font-family: "Lato", sans-serif; }

/* line 8, mainapp/static/scss/main_style.scss */
.wrap_1 {
  max-width: 1000px;
  margin: auto; }

/* line 13, mainapp/static/scss/main_style.scss */
.button_main_page {
  max-width: 390px;
  width: calc(100% - 32px);
  background: var(--btn_background);
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
  color: var(--btn_color);
  font-size: 20px;
  border-radius: 3px;
  padding: 10px;
  margin: 16px; }

/* line 29, mainapp/static/scss/main_style.scss */
.btn_form {
  cursor: pointer;
  background: var(--btn_background);
  border: 0;
  padding: 10px 15px;
  color: var(--btn_color);
  transition: 0.3s ease;
  width: 100%;
  text-align: center;
  border-radius: 3px; }

/* line 41, mainapp/static/scss/main_style.scss */
.block_logo_form {
  width: 100%;
  display: flex;
  justify-content: center; }
  /* line 46, mainapp/static/scss/main_style.scss */
  .block_logo_form .logo_form {
    display: block;
    max-width: 100%;
    max-height: 60px;
    width: auto; }

/* line 54, mainapp/static/scss/main_style.scss */
.form-style {
  padding: 30px 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: var(--body-bg);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: var(--border-radius);
  align-items: center; }

/* line 65, mainapp/static/scss/main_style.scss */
input.input_v1 {
  outline: none;
  display: block;
  width: 100%;
  border: 1px solid var(--border-color-input);
  padding: 10px 15px;
  box-sizing: border-box;
  transition: 0.3s ease;
  border-radius: 3px; }
  /* line 75, mainapp/static/scss/main_style.scss */
  input.input_v1:focus {
    border-color: var(--focus-border-input); }