@font-face {
  font-family: "Elms Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/dist/fonts/elms-sans-latin-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Viperine SOATI";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dist/fonts/viperine.ttf") format("truetype");
  unicode-range: U+0041, U+0049, U+004F, U+0053, U+0054;
}

:root {
  --soati-public-font: "Elms Sans", "Segoe UI", Arial, sans-serif;
}

.soati-logo-lockup {
  --soati-lockup-gap: 0.7rem;
  --soati-lockup-mark-size: 40px;
  --soati-lockup-title-color: currentColor;
  --soati-lockup-title-size: 1.22rem;
  --soati-lockup-product-top: .15em;
  --soati-lockup-subtitle-color: rgba(101, 116, 130, .9);
  --soati-lockup-subtitle-gap: .24rem;
  --soati-lockup-subtitle-size: .78rem;
  align-items: center;
  color: var(--soati-lockup-title-color);
  display: inline-flex;
  gap: var(--soati-lockup-gap);
  letter-spacing: 0;
  line-height: 1.05;
  max-width: 100%;
  text-decoration: none;
  text-shadow: none;
  vertical-align: middle;
}

.soati-logo-lockup:hover,
.soati-logo-lockup:focus {
  color: var(--soati-lockup-title-color);
  text-decoration: none;
}

.soati-logo-lockup .soati-logo-lockup-mark {
  display: block;
  flex: 0 0 auto;
  height: var(--soati-lockup-mark-size);
  object-fit: contain;
  opacity: 1;
  width: auto;
}

.soati-logo-lockup .soati-logo-lockup-copy {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.05;
  min-width: 0;
}

.soati-logo-lockup .soati-logo-lockup-title {
  color: var(--soati-lockup-title-color);
  display: block;
  font-family: var(--soati-public-font);
  font-size: var(--soati-lockup-title-size);
  font-weight: 500;
  line-height: 1.05;
  white-space: nowrap;
}

.soati-logo-lockup .soati-logo-lockup-word {
  display: inline-block;
  font-family: "Viperine SOATI", var(--soati-public-font);
  font-size: .92em;
  font-weight: 400;
  line-height: .8;
  margin-right: .04rem;
  transform: translateY(.04em);
  transform-origin: left center;
}

.soati-logo-lockup .soati-logo-lockup-product {
  display: inline-block;
  font-family: var(--soati-public-font);
  margin-left: .28rem;
  position: relative;
  top: var(--soati-lockup-product-top);
  vertical-align: baseline;
}

.soati-logo-lockup .soati-logo-lockup-subtitle {
  color: var(--soati-lockup-subtitle-color);
  display: block;
  font-family: var(--soati-public-font);
  font-size: var(--soati-lockup-subtitle-size);
  font-weight: 400;
  line-height: 1.1;
  margin-top: var(--soati-lockup-subtitle-gap);
  overflow-wrap: anywhere;
  white-space: normal;
}

.soati-logo-lockup-on-dark {
  --soati-lockup-title-color: #fff;
  --soati-lockup-subtitle-color: rgba(255, 255, 255, .72);
}

.soati-logo-lockup-nav {
  --soati-lockup-gap: 8px;
  --soati-lockup-mark-size: 32px;
  --soati-lockup-subtitle-gap: .12rem;
  --soati-lockup-title-size: 1rem;
  --soati-lockup-subtitle-size: .72rem;
}

.soati-logo-lockup-card {
  --soati-lockup-mark-size: 38px;
  --soati-lockup-title-color: #071827;
  --soati-lockup-title-size: 1.22rem;
  --soati-lockup-subtitle-color: #657482;
  --soati-lockup-subtitle-size: .78rem;
  justify-content: center;
}

body.soati-public-auth,
body.soati-blog-body,
body.soati-landing-body {
  font-family: var(--soati-public-font);
}

.soati-public-auth button,
.soati-public-auth input,
.soati-public-auth select,
.soati-public-auth textarea,
.soati-blog-body button,
.soati-blog-body input,
.soati-blog-body select,
.soati-blog-body textarea,
.soati-landing-body button,
.soati-landing-body input,
.soati-landing-body select,
.soati-landing-body textarea {
  font-family: var(--soati-public-font);
}

.soati-blog-body #soro-blog,
.soati-blog-body #soro-blog .soro-blog-card-title,
.soati-blog-body #soro-blog .soro-blog-article-title,
.soati-blog-body #soro-blog .soro-blog-card-date,
.soati-blog-body #soro-blog .soro-blog-card-excerpt,
.soati-blog-body #soro-blog .soro-blog-article-date,
.soati-blog-body #soro-blog .soro-blog-article-content,
.soati-blog-body #soro-blog p,
.soati-blog-body #soro-blog h1,
.soati-blog-body #soro-blog h2,
.soati-blog-body #soro-blog h3,
.soati-blog-body #soro-blog a,
.soati-blog-body #soro-blog li {
  font-family: var(--soati-public-font) !important;
}