@media (max-width: 820px) {
  /* line 2, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
  .mid-screen {
    display: none;
  }

  /* line 6, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
  .small-screen {
    display: block;
  }
}
@media (min-width: 821px) {
  /* line 12, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
  .mid-screen {
    display: block;
  }

  /* line 16, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
  .small-screen {
    display: none;
  }
}
/* line 20, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.register-background {
  float: left;
  width: 100%;
  aspect-ratio: 1/0.7;
  display: contents;
  background-image: url(/assets/art_registration-d06a2602b0d6ab116e2c77871d41176bc48023f1e27cdf8e014a59b7e948f92a.png);
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}

/* line 30, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.session-background-seller-mobile {
  float: left;
  width: 100%;
  aspect-ratio: 1/0.7;
  background-image: url(/assets/art_registration-d06a2602b0d6ab116e2c77871d41176bc48023f1e27cdf8e014a59b7e948f92a.png) !important;
  background-size: 80% auto;
  background-position: right 100px;
  background-repeat: no-repeat;
  overflow: visible;
}

/* line 40, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.session-message {
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background-color: #5d9cec;
  font-size: 1rem;
  padding: 0.25rem 0;
}
/* line 48, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.session-message.error {
  background-color: #ff0000;
}

/* line 53, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .hide {
  display: none !important;
}
/* line 56, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .text-center {
  text-align: center;
}
/* line 59, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .modal-title {
  float: left;
  width: 100%;
  position: absolute;
  margin: 0 -1rem;
}
/* line 65, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .loading-row {
  height: 3rem;
}
/* line 67, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .loading-row .whirl {
  float: left;
  height: 20px;
  width: 20px;
  margin: 15px 0 0;
}
/* line 73, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .loading-row .whirl:before {
  background: none;
}
/* line 76, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .loading-row .whirl:after {
  width: 40px !important;
  height: 40px !important;
}
/* line 81, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .message, .modal .error {
  float: left;
  color: #27c24c;
  font-size: 1.5rem;
  width: 100%;
  text-align: center;
}
/* line 88, /home/nico/projects/ror/estore-phil-rails/app/assets/stylesheets/sessions.css.scss */
.modal .error {
  color: #ff0000;
}