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

body {
  margin: 0;
  font-family: "Onest", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --t-text-font: "Onest", Arial, sans-serif;
}

.t-records__overflow-hidden {
  overflow: hidden;
}

.t-records_animated {
  transition: opacity ease-in-out 0.2s;
}

.t-records.t-records_visible {
  opacity: 1;
}

.t396 .t-animate[data-animate-style="fadein"],
.t396 .t-animate[data-animate-style="fadeinleft"],
.t396 .t-animate[data-animate-style="fadeinup"],
.t396 .t-animate[data-animate-style="zoomin"] {
  opacity: 0;
}

.t396 .t-animate[data-animate-style="fadein"] {
  transform: none;
}

.t396 .t-animate_started[data-animate-style="fadein"],
.t396 .t-animate_started[data-animate-style="fadeinleft"],
.t396 .t-animate_started[data-animate-style="fadeinup"],
.t396 .t-animate_started[data-animate-style="zoomin"] {
  opacity: 1;
}

.t396 .t-animate_started[data-animate-distance],
.t396 .t-animate_started[data-animate-scale] {
  transform: none !important;
}

#allrecords a.t-link-inherit,
#allrecords a.t-link-inherit:visited {
  color: inherit;
}

.t-lh-22 {
  line-height: 22px;
}

.t-lh-24 {
  line-height: 24px;
}

.t-lh-48 {
  line-height: 48px;
}

@media screen and (min-width: 980px) {
  .t396 .t-animate[data-animate-style="fadein"],
  .t396 .t-animate[data-animate-style="fadeinleft"],
  .t396 .t-animate[data-animate-style="fadeinup"],
  .t396 .t-animate[data-animate-style="zoomin"] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-duration: 1s;
    transition-property: opacity, transform, -webkit-transform;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  }
}
