/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 *= require theme/bootstrap.css
 *= require theme/icons.css
 *= require theme/app.css
 *= require theme/sweetalert2.css
 *= require_self
 *= require_tree .
 */

@import url("/assets/theme/bootstrap-67100a90.css");
@import url("/assets/theme/icons-00c84ff6.css");
@import url("/assets/theme/app-26ee946d.css");
@import url("/assets/theme/sweetalert2-df837e06.css");

/* line 27, app/assets/stylesheets/application.scss */
[data-topbar=dark]:root {
  --vz-header-bg: rgba(79, 38, 131, 1);
  --vz-topbar-user-bg: rgba(59, 18, 111, 1);
}

/* line 31, app/assets/stylesheets/application.scss */
.logo {
  line-height: inherit;
}

/* line 35, app/assets/stylesheets/application.scss */
h3.app-title {
  color: white;
  margin: 0;
  margin-left: 20px;
}

@media (min-width: 1024.1px) {
  /* line 42, app/assets/stylesheets/application.scss */
  #topnav-hamburger-icon {
    display: none;
  }
}

/* line 47, app/assets/stylesheets/application.scss */
li.page-item.gap {
  padding-top: 3px;
}

/* line 51, app/assets/stylesheets/application.scss */
a.cancel-form {
  margin-left: 10px;
}

/* line 57, app/assets/stylesheets/application.scss */
body[data-controller="sessions"] #science-logo {
  width: 150px;
  margin-bottom: 35px;
}

/* line 62, app/assets/stylesheets/application.scss */
body[data-controller="sessions"] .auth-bg-cover {
  background: linear-gradient(45deg, #4f2683 50%, #1f0f34);
}

/* line 66, app/assets/stylesheets/application.scss */
body[data-controller="sessions"] #sign-in {
  background: #4f2683;
  box-shadow: 0 3px 3px rgba(79, 38, 131, 0.1);
  border-color: #4f2683;
}

/* line 72, app/assets/stylesheets/application.scss */
body[data-controller="sessions"] footer {
  padding: inherit;
  margin-bottom: 70px;
}

/* line 77, app/assets/stylesheets/application.scss */
body[data-controller="sessions"] footer a {
  color: white;
}

/* line 82, app/assets/stylesheets/application.scss */
#code-editor {
  padding: 1px 1px 1px 1px;
}

/* line 87, app/assets/stylesheets/application.scss */
form.was-validated #code-editor {
  padding: 1px calc(1.5em + 1rem) 1px 1px;
}

/* line 91, app/assets/stylesheets/application.scss */
.ͼo .cm-content ::-moz-selection {
  background: #7000ff24 !important;
}
.ͼo.cm-focused .cm-selectionBackground, .ͼo .cm-selectionBackground, .ͼo .cm-content ::selection {
  background: #7000ff24 !important;
}

/* line 95, app/assets/stylesheets/application.scss */
#q_year_eq {
  display: inline-block;
  width: inherit;
}

/* line 100, app/assets/stylesheets/application.scss */
.cm-diagnosticText {
  color: white;
}

/* line 107, app/assets/stylesheets/application.scss */
.was-validated .form-control:invalid, .was-validated .form-control.is-invalid {
  border-color: var(--vz-form-invalid-border-color) !important;
  padding-right: calc(1.5em + 1rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f06548'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f06548' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.25rem) center !important;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem) !important;
}

/* line 116, app/assets/stylesheets/application.scss */
.was-validated .form-control:invalid:focus, .was-validated .form-control.is-invalid:focus {
  border-color: var(--vz-form-invalid-border-color) !important;
  box-shadow: 0 0 1 0.25rem rgba(var(--vz-danger-rgb), 0.25) !important;
}

/* line 121, app/assets/stylesheets/application.scss */
.was-validated textarea.form-control:invalid, .was-validated textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1rem) !important;
  background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem) !important;
}

/* line 126, app/assets/stylesheets/application.scss */
.was-validated .form-select:invalid, .was-validated .form-select.is-invalid {
  border-color: var(--vz-form-invalid-border-color) !important;
}

/* line 130, app/assets/stylesheets/application.scss */
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select[size="1"]:invalid:not([multiple]), .was-validated .form-select.is-invalid:not([multiple]):not([size]), .was-validated .form-select.is-invalid[size="1"]:not([multiple]) {
  --vz-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f06548'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f06548' stroke='none'/%3e%3c/svg%3e") !important;
  padding-right: 4.95rem !important;
  background-position: right 0.9rem center, center right 2.7rem !important;
  background-size: 16px 12px, calc(0.75em + 0.5rem) calc(0.75em + 0.5rem) !important;
}

/* line 137, app/assets/stylesheets/application.scss */
.was-validated .form-select:invalid:focus, .was-validated .form-select.is-invalid:focus {
  border-color: var(--vz-form-invalid-border-color) !important;
  box-shadow: 0 0 1 0.25rem rgba(var(--vz-danger-rgb), 0.25) !important;
}

/* line 142, app/assets/stylesheets/application.scss */
.was-validated .form-control-color:invalid, .was-validated .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 1rem)) !important;
}

/* line 146, app/assets/stylesheets/application.scss */
.was-validated .form-check-input:invalid, .was-validated .form-check-input.is-invalid {
  border-color: var(--vz-form-invalid-border-color) !important;
}

/* line 150, app/assets/stylesheets/application.scss */
.was-validated .form-check-input:invalid:checked, .was-validated .form-check-input.is-invalid:checked {
  background-color: var(--vz-form-invalid-color) !important;
}

/* line 154, app/assets/stylesheets/application.scss */
.was-validated .form-check-input:invalid:focus, .was-validated .form-check-input.is-invalid:focus {
  box-shadow: 0 0 1 0.25rem rgba(var(--vz-danger-rgb), 0.25) !important;
}

/* line 158, app/assets/stylesheets/application.scss */
.was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input.is-invalid ~ .form-check-label {
  color: var(--vz-form-invalid-color) !important;
}

ol#help li {
  margin-bottom: 2em;
}

ul#limitations li {
  margin-bottom: 1em;
}

ul#limitations li ul li {
  margin-bottom: inherit;
}

#convert-button .button-icon {
  display: flex;
}

#convert-button .button-spinner {
  display: none;
}

#convert-button.loading .button-icon {
  display: none;
}

#convert-button.loading .button-spinner {
  display: flex;
}

#convert-spinner {
  width: 1em;
  height: 1em;
  color: white;
  margin-right: 5px;
  display: none;
}