/*
 * 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.
 */

@import url("/assets/actiontext-f3f891a5.css");
@import url("/assets/scrollbars-8a29022f.css");

@layer base {
  :root {
    --top-bar-height: 56px;
    --page-max-width: 2500px;
  }
}

/* Chrome browsers have a default style for autofill inputs that looks bad in dark mode.
 * This CSS snippet will override the default style.
 */
@layer utilities {
  input:-webkit-autofill,
  input:-webkit-autofill:focus {
    transition:
      background-color 600000s 0s,
      color 600000s 0s;
  }

  input[data-autocompleted] {
    background-color: transparent !important;
  }
}

/*
 * Fix TomSelect's clear-all button overlap, when select input is not visible. Eg: not in focus.
 * See #3858 Github issue.
 */