// Fonts (previously loaded via styleguide system.css)
@font-face {
  font-family: LatoWeb;
  src: url('/fonts/Lato-Regular.1f440a46.woff2') format('woff2'),
       url('/fonts/Lato-Regular.ffb25090.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: LatoWeb;
  src: url('/fonts/Lato-Italic.a6774e2c.woff2') format('woff2'),
       url('/fonts/Lato-Italic.ff8877c4.woff') format('woff');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: LatoWeb;
  src: url('/fonts/Lato-Bold.1e239003.woff2') format('woff2'),
       url('/fonts/Lato-Bold.35be9fc3.woff') format('woff');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: LatoWeb;
  src: url('/fonts/Lato-BoldItalic.4ef02877.woff2') format('woff2'),
       url('/fonts/Lato-BoldItalic.5171ee7d.woff') format('woff');
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  text-rendering: optimizelegibility;
}
@font-face {
  font-family: 'Gentium Basic';
  src: local('Gentium Basic'), local('GentiumBasic'),
       url('/fonts/GentiumBasic.aa23a915.woff2') format('woff2'),
       url('/fonts/GentiumBasic.7775b109.woff') format('woff');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}
@font-face {
  font-family: 'Gentium Basic';
  src: local('Gentium Basic Italic'), local('GentiumBasic-Italic'),
       url('/fonts/GentiumBasic-Italic.84c97b07.woff2') format('woff2'),
       url('/fonts/GentiumBasic-Italic.b5afcc4e.woff') format('woff');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
}

// Global resets
*,
::after,
::before {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  font-size: 15px;
  line-height: 1.3;
  font-family: $font-family-text;
  font-variant-ligatures: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: $text-color-base;
  background-color: $background-color-disabled;
}

a {
  text-decoration: none !important;
  color: $color-primary;
}

textarea {
  overflow: auto;
  resize: vertical;
}

img {
  border-style: none;
  vertical-align: middle;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {
  touch-action: manipulation;
}

button {
  padding: 0;
  background: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  margin: 0;
}

ol,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}