/*!
 * /*
 * * This file is subject to the terms and conditions defined in
 *  * file 'LICENSE.txt', which is part of this source code package.
 *  * /
 *
 */
/* TODO - ideally this would be more reusable and not hardcode a value */
@keyframes progress-bar {
  from {
    transform: translate3d(0, 0, 0, 0);
  }
  to {
    transform: translate3d(1000px, 0, 0);
  }
}
/* TODO: based on popover.css, combine them? */
/* TODO: other arrow directions */
.arrow-right {
  position: relative; /* TODO: should it be up to the consumer to set a non-static positioning? */
}
/* shared arrow styles */
.arrow-right:before,
.arrow-right:after {
  position: absolute;
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
/* create a slightly larger arrow on the right for border purposes */
.arrow-right:before {
  right: -20px;
  border-left-color: #eeecec;
}
/* create a smaller inset arrow on the right */
.arrow-right:after {
  right: -19px;
  border-left-color: #ffffff;
}
/* move our arrows to the center */
.arrow-right:before,
.arrow-right:after {
  top: 50%;
  margin-top: -10px;
}
html {
  height: 100%; /* ensure the entire page will fill the window */
  width: 100%;
}
@media print and (orientation: portrait) {
  html {
    width: 8.5in;
  }
}
@media print and (orientation: landscape) {
  html {
    width: 11in;
  }
}
body {
  font-family: var(--default-font-family), sans-serif;
  font-size: 0.875em;
  font-weight: 400;
  font-style: normal;
  color: #4c5773;
  margin: 0;
  height: 100%; /* ensure the entire page will fill the window */
  display: flex;
  flex-direction: column;
  background-color: #f9fbfc;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*
  override default padding and margin on lists
  in most cases we won't be using list-style so
  the padding isn't necessary
*/
ul,
ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* reset button element */
button {
  font-size: 100%;
  -webkit-appearance: none;
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
  background-color: transparent;
}
a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
button,
input,
textarea {
  font-family: var(--default-font-family), "Helvetica Neue", Helvetica,
    sans-serif;
}
textarea {
  min-height: 110px;
}
.pointer-events-none {
  pointer-events: none;
}
.disabled,
._1f32L {
  pointer-events: none;
  opacity: 0.4;
}
.faded,
._1LFbT {
  opacity: 0.4;
}
.fade-in-hover:hover {
  opacity: 1;
  transition: opacity 0.3s;
}
.MB-lightBG {
  background-color: #f9fbfc;
}
.circle {
  border-radius: 99px;
}
.undefined {
  border: 1px solid red !important;
}
.no-outline * {
  outline: none;
}
.outline-none {
  outline: none;
}
.bordered,
._2zlem {
  border: 1px solid #eeecec;
}
.border-bottom,
.GjCgU {
  border-bottom: 1px solid #eeecec;
}
/* ensure that a border-top item inside of a bordred element won't double up */
.bordered > .border-bottom:last-child {
  border-bottom: none;
}
.border-top,
._2Hk-A {
  border-top: 1px solid #eeecec;
}
/* ensure that a border-top item inside of a bordred element won't double up */
.bordered > .border-top:first-child {
  border-top: none;
}
.border-column-divider {
  border-right: 1px solid #eeecec;
}
.border-column-divider:last-child {
  border-right: none;
}
.border-row-divider {
  border-bottom: 1px solid #eeecec;
}
.border-row-divider:last-child {
  border-bottom: none;
}
.border-right {
  border-right: 1px solid #eeecec;
}
.border-left {
  border-left: 1px solid #eeecec;
}
.border-light {
  border-color: rgba(238, 236, 236, 0.2) !important;
}
.border-error,
._3P-AT {
  border-color: #ed6e6e !important;
}
.border-gold {
  border-color: #f9cf48 !important;
}
.border-success {
  border-color: #84bb4c !important;
}
.border-brand,
._3AHku {
  border-color: var(--color-brand) !important;
}
.border-transparent {
  border-color: transparent;
}
.border-hover:hover {
  border-color: #eeecec;
}
/* BORDERLESS IS THE DEFAULT */
/* ONLY USE IF needing to override an existing border! */
/* ensure there is no border via important */
.borderless,
._1RQS5 {
  border: none !important;
}
.border-dashed {
  border-style: dashed;
}
.border-dashed-bottom,
.GjCgU {
  border-bottom: 1px dashed #eeecec;
}
.border-medium {
  border-width: 2px;
}
/* set main elements to box-sizing border-box for more reliable box model calc */
body,
div,
nav,
article,
section,
main,
header,
footer,
input,
form,
table,
fieldset,
textarea,
ul,
li,
span {
  box-sizing: border-box;
}
/* for applying border-box to other elements on ad-hoc basis */
.border-box {
  box-sizing: border-box;
}
/* TODO: we should really have these as variables */
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.clearfix:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* NOTE: DO NOT ADD COLORS WITHOUT EXTREMELY GOOD REASON AND DESIGN REVIEW
 * NOTE: KEEP SYNCRONIZED WITH COLORS.JS
 */
.text-default,
._1NNXY {
  color: #4c5773;
}
.text-default-hover:hover {
  color: #4c5773;
}
/* brand */
.text-brand,
._20SLo {
  color: var(--color-brand);
}
/* success */
.text-success {
  color: #84bb4c;
}
.bg-success {
  background-color: #84bb4c;
}
/* error */
.text-error,
._1Cy_o,
.text-error-hover:hover {
  color: #ed6e6e;
}
.bg-error,
.bg-error-hover:hover {
  background-color: #ed6e6e;
}
.bg-error-input {
  background-color: #ffffff;
}
.text-orange,
.text-orange-hover:hover {
  color: #f9cf48;
}
.text-slate {
  color: #696e7b;
}
.text-slate-light {
  color: #949aab;
}
.text-slate-extra-light {
  background-color: #f9fbfc;
}
/* alt */
.bg-alt,
.bg-alt-hover:hover {
  background-color: #f9fbfc;
}
.text-light,
._1EuOD,
.text-light-hover:hover {
  color: #949aab;
}
.text-medium,
.SuKca,
.text-medium-hover:hover {
  color: #696e7b;
}
.text-dark,
._17S31,
.text-dark-hover:hover {
  color: #4c5773;
}
.bg-light,
.bg-light-hover:hover {
  background-color: #f9fbfc;
}
.bg-medium,
.bg-medium-hover:hover {
  background-color: #edf2f5;
}
.bg-dark,
.bg-dark-hover:hover {
  background-color: #93a1ab;
}
.bg-black,
.bg-black-hover:hover {
  background-color: #2e353b;
}
/* white  - move to bottom for specificity since its often used on hovers, etc */
.text-white,
.JmZU_,
.text-white-hover:hover {
  color: #ffffff;
}
@media screen and (min-width: 60em) {
  .md-text-white {
    color: #ffffff;
  }
}
.bg-white,
.eTBAP {
  background-color: #ffffff;
}
.bg-light-blue {
  background-color: #f9fbfc;
}
.bg-light-blue-hover:hover {
  background-color: #edf2f5;
}
.text-light-blue,
.text-light-blue-hover:hover {
  color: #949aab;
}
.text-slate {
  color: #696e7b;
}
.bg-transparent {
  background-color: transparent;
}
/* entity colors */
.bg-question {
  background-color: #93a1ab;
}
.text-question {
  color: #696e7b;
}
.text-light {
  color: #949aab;
}
.text-medium {
  color: #696e7b;
}
.text-dark {
  color: #4c5773;
}
.cursor-pointer,
._1a-AI {
  cursor: pointer;
}
.cursor-grab,
.R9Byd {
  cursor: grab;
}
.cursor-default,
._2s_B5 {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
/* provide flex utilities in lieu of float based layouts */
.flex,
._38618 {
  display: flex;
}
.inline-flex,
._2wjgs {
  display: inline-flex;
}
.flex-auto,
._1aNwX {
  flex: auto;
}
.flex-full,
._2kZNz {
  flex: 1 0 auto;
}
.flex-half,
._1vRAn {
  flex: 0.5;
}
.flex-3-quarters,
.WDf_6 {
  flex: 0.75;
}
.flex-1-quarter,
.l4joF {
  flex: 0.25;
}
.flex-no-shrink,
._9DUFn {
  flex-shrink: 0;
}
/* The behavior of how `flex: <flex-grow>` sets flex-basis is inconsistent across
 * browsers. Specifically:
 * - On Chrome and FF it's set to `flex-basis: 0%`. That behaves equally as `height: 0%`.
 *   It means that if the containing block has no explicit height, then `height: 0%` is computed as `height: auto`,
 *   and element grows as its content grows. That is the most common scenario in Metabase codebase.
 * - On older IEs it's set to `flex-basis: 0` which means that the initial main size of flex item is zero.
 *   It is also notable that `flex-basis: 0%` doesn't work correctly on IE.
 *
 *  As a solution, `flex-basis-auto` should always be used in conjunction with `flex-full` when it is
 *  a desired behavior that the element grows with its contents.
*/
.flex-basis-auto {
  flex-basis: auto;
}
.flex-basis-none {
  flex-basis: 0;
}
.shrink-below-content-size {
  /* W3C spec says:
     * By default, flex items won’t shrink below their minimum content size (the length of the longest word or
     * fixed-size element). To change this, set the min-width or min-height property.
     */
  min-width: 0;
  min-height: 0;
}
.align-center,
._3Dqep {
  align-items: center;
}
.align-baseline,
._1YEbp {
  align-items: baseline;
}
.justify-center,
._1X7sA {
  justify-content: center;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-stretch {
  align-items: stretch;
}
.align-self-end,
._12FEI {
  align-self: flex-end;
}
.align-self-start,
._1Hum3 {
  align-self: flex-start;
}
.align-self-center {
  align-self: center;
}
.align-self-stretch {
  align-self: stretch;
}
.flex-align-right,
.VW9bs {
  margin-left: auto;
}
@media screen and (min-width: 40em) {
  .sm-flex-align-right {
    margin-left: auto;
  }
}
@media screen and (min-width: 60em) {
  .md-flex-align-right {
    margin-left: auto;
  }
}
@media screen and (min-width: 80em) {
  .lg-flex-align-right {
    margin-left: auto;
  }
}
.layout-centered,
._3-Ogs {
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .sm-layout-centered {
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 60em) {
  .md-layout-centered {
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 80em) {
  .lg-layout-centered {
    align-items: center;
    justify-content: center;
  }
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
@media screen and (min-width: 40em) {
  .sm-flex-column {
    flex-direction: column;
  }
}
@media screen and (min-width: 60em) {
  .md-flex-column {
    flex-direction: column;
  }
}
.flex-row,
._1BJhh {
  flex-direction: row;
}
@media screen and (min-width: 40em) {
  .sm-flex-row {
    flex-direction: row;
  }
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 40em) {
  .sm-flex-reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 60em) {
  .md-flex-reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 80em) {
  .lg-flex-reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 120em) {
  .xl-flex-reverse {
    flex-direction: row-reverse;
  }
}
.no-flex {
  flex: 0 1 0%;
}
@media screen and (min-width: 60em) {
  .md-no-flex {
    flex: 0 !important;
  }
}
/* Contents of elements inside flex items might not be wrapped correctly on IE11,
   set max-width manually to enforce wrapping
*/
.ie-wrap-content-fix {
  max-width: 100%;
}
.row-gap-1,
._9_poO {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}
.float-left,
._3kFch {
  float: left;
}
.float-right,
._1f5dR {
  float: right;
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url(./65e57bfb4cd584ed7b4c.eot); /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"),
    url(./65e57bfb4cd584ed7b4c.eot?#iefix)
      format("embedded-opentype"),
     url(./c3c0d3f472358aac7845.woff2)
      format("woff2"),
     url(./04050bae4cc3b9ccd20d.woff)
      format("woff"),
     url(./acb428bb824a7f7d8654.ttf)
      format("truetype"),
    
      url(./9e2898a4304a4b209a5a.svg#Lato) format("svg"); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url(./31b12c7f768f8b0029cc.eot); /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"),
    url(./31b12c7f768f8b0029cc.eot?#iefix) format("embedded-opentype"),
     url(./ca628784b961ca79f318.woff2) format("woff2"),
     url(./9f5a6fb49257579436c7.woff)
      format("woff"),
     url(./a6b44938bc5bcb4c2a08.ttf)
      format("truetype"),
     url(./8335d9b8f629c4b42af7.svg#Lato)
      format("svg"); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url(./66976100595ff2248795.eot); /* IE9 Compat Modes */
  src: local("Lato Black"), local("Lato-Black"),
    url(./66976100595ff2248795.eot?#iefix) format("embedded-opentype"),
     url(./7d4243c8e973ec0cfc70.woff2) format("woff2"),
     url(./7831e273f41fef848556.woff)
      format("woff"),
     url(./0faf89b39cb8924a206a.ttf)
      format("truetype"),
     url(./d6984526c7390f8944f2.svg#Lato)
      format("svg"); /* Legacy iOS */
}
/*PT Serif 400 */
@font-face {
  font-family: "PT Serif";
  src: local("PT Serif"), local("PTSerif-Regular"),
    url(./70180826e10c539b4531.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*PT Serif 700 */
@font-face {
  font-family: "PT Serif";
  src: local("PT Serif Bold"), local("PTSerif-Bold"),
    url(./a38935e18bf38f16fb2b.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Merriweather-400 */
@font-face {
  font-family: "Merriweather";
  src: local("Merriweather Regular"), local("Merriweather-Regular"),
    url(./12c212b92bd5e170769e.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Merriweather-700 */
@font-face {
  font-family: "Merriweather";
  src: local("Merriweather Bold"), local("Merriweather-Bold"),
    url(./1366c8b7bbea9904236b.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Merriweather-400 */
@font-face {
  font-family: "Merriweather";
  src: local("Merriweather Black"), local("Merriweather-Black"),
    url(./f8b54a28b0d0ae1868d7.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url(./3437637c88e40ab5f57b.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url(./85c38352712041c50428.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url(./8fc754d03d73a5b7de82.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(./38df043aef07a5b6e829.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(./640b22c0c8b70ab87e6c.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: local("Oswald Bold"), local("Oswald-Bold"),
    url(./2c9e9067cbe4450bf00d.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Oswald";
  src: local("Oswald Regular"), local("Oswald-Regular"),
    url(./055520e9e88ef9978a47.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway Bold"), local("Raleway-Bold"),
    url(./e9eff94d37d3a4c5228f.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway Regular"), local("Raleway-Regular"),
    url(./2aa42961cec00e477ce1.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway Black"), local("Raleway-Black"),
    url(./754d50307e39ab0c84c2.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Black"), local("Roboto-Black"),
    url(./2623bba21fe00b50f471.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url(./195a79c3a4ad21e1b897.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto"), local("Roboto-Regular"),
    url(./56de0d03455d412c89d8.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"),
    url(./4c294eb370e855b72fc3.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"),
    url(./430c33a1c965d54f0e72.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Slabo 27px";
  src: local("Slabo 27px"), local("Slabo27px-Regular"),
    url(./4c4f75aba631aa10bad0.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: local("Source Sans Pro Black"), local("SourceSansPro-Black"),
    url(./af8b64792987d69af3c4.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: local("Source Sans Pro"), local("SourceSansPro-Regular"),
    url(./63597cf8ff61996a7b94.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
    url(./9853e7ee2f1807d61ea2.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: local("Lora Bold"), local("Lora-Bold"),
    url(./41220a28a220695fedf0.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lora";
  src: local("Lora Regular"), local("Lora-Regular"),
    url(./dcf6a6bc09f403dab9d1.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: local("Noto Sans Black"), local("NotoSans-Black"),
    url(./f966aaa67dd758c00b17.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: local("Noto Sans Regular"), local("NotoSans-Regular"),
    url(./f42f6ff2acaad6368f06.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: local("Noto Sans Bold"), local("NotoSans-Bold"),
    url(./d6a12be5bedf1cad11b4.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: local("Playfair Display Regular"), local("PlayfairDisplay-Regular"),
    url(./968d4052e2dd2ad803b8.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: local("Playfair Display Bold"), local("PlayfairDisplay-Bold"),
    url(./fa718127000f0dd87017.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Playfair Display";
  src: local("Playfair Display Black"), local("PlayfairDisplay-Black"),
    url(./77fe5357371e829fa125.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Bold"), local("Poppins-Bold"),
    url(./d83ab9cc7335a68b7e86.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Regular"), local("Poppins-Regular"),
    url(./efb99a75559353bdd76a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: local("Poppins Black"), local("Poppins-Black"),
    url(./9f39397bc1f61d5ceb4a.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: local("PT Sans"), local("PTSans-Regular"),
    url(./b2b46dd0ae54e65b8839.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: local("PT Sans Bold"), local("PTSans-Bold"),
    url(./ae61c15443ad3b882d07.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Mono";
  src: local("Roboto Mono Bold"), local("RobotoMono-Bold"),
    url(./bde4bdf95ef092a3f128.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Mono";
  src: local("Roboto Mono Regular"), local("RobotoMono-Regular"),
    url(./4af52eaf8754f3102920.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: local("Roboto Slab Black"), local("RobotoSlab-Black"),
    url(./9ceab4f9c8760dc09307.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: local("Roboto Slab Regular"), local("RobotoSlab-Regular"),
    url(./e4edba3fb923e2603c89.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Slab";
  src: local("Roboto Slab Bold"), local("RobotoSlab-Bold"),
    url(./10375a96af26b27fe0c9.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: local("Ubuntu Bold"), local("Ubuntu-Bold"),
    url(./af2f7500f906f1905ee2.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu";
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"),
    url(./0c7dfece551f74e4368b.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Regular"), local("Inter-Regular"),
    url(./d612f1212b452af07f1a.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Bold"), local("Inter-Bold"),
    url(./c63158babcb7902203ed.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: local("Inter Black"), local("Inter-Black"),
    url(./fc10113c4619d729ad5c.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.Grid {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.Grid-cell,
.Grid--normal > .Grid-cell {
  flex: 1;
}
.Grid--flexCells > .Grid-cell {
  display: flex;
}
.Grid--top {
  align-items: flex-start;
}
.Grid--bottom {
  align-items: flex-end;
}
.Grid--center {
  align-items: center;
}
.Grid--justifyCenter {
  justify-content: center;
}
.Grid-cell--top {
  align-self: flex-start;
}
.Grid-cell--bottom {
  align-self: flex-end;
}
.Grid-cell--center {
  align-self: center;
}
.Grid-cell--autoSize {
  flex: none;
}
.Grid--fit > .Grid-cell {
  flex: 1;
}
.Grid--full > .Grid-cell {
  flex: 0 0 100%;
}
.Grid--1of2 > .Grid-cell {
  flex: 0 0 50%;
}
.Grid--1of3 > .Grid-cell {
  flex: 0 0 33.3333%;
}
.Grid--1of4 > .Grid-cell {
  flex: 0 0 25%;
}
@media (min-width: 40em) {
  .small-Grid--fit > .Grid-cell {
    flex: 1;
  }
  .small-Grid--full > .Grid-cell {
    flex: 0 0 100%;
  }
  .small-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%;
  }
  .small-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%;
  }
  .small-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%;
  }
}
@media (min-width: 60em) {
  .md-Grid--fit > .Grid-cell {
    flex: 1;
  }
  .md-Grid--full > .Grid-cell {
    flex: 0 0 100%;
  }
  .md-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%;
  }
  .md-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%;
  }
  .md-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%;
  }
}
@media (min-width: 80em) {
  .large-Grid--fit > .Grid-cell {
    flex: 1;
  }
  .large-Grid--full > .Grid-cell {
    flex: 0 0 100%;
  }
  .large-Grid--1of2 > .Grid-cell {
    flex: 0 0 50%;
  }
  .large-Grid--1of3 > .Grid-cell {
    flex: 0 0 33.3333%;
  }
  .large-Grid--1of4 > .Grid-cell {
    flex: 0 0 25%;
  }
}
.Grid--gutters {
  margin: -1em 0 1em -1em;
}
.Grid--gutters > .Grid-cell {
  padding: 1em 0 0 1em;
}
.Grid--guttersLg {
  margin: -1.5em 0 1.5em -1.5em;
}
.Grid--guttersLg > .Grid-cell {
  padding: 1.5em 0 0 1.5em;
}
.Grid--guttersXl {
  margin: -2em 0 2em -2em;
}
.Grid--guttersXl > .Grid-cell {
  padding: 2em 0 0 2em;
}
.Grid--guttersXXl {
  margin: -5em 0 5em -5em;
}
.Grid--guttersXXl > .Grid-cell {
  padding: 5em 0 0 5em;
}
@media (min-width: 40em) {
  .small-Grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .small-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
  }
  .small-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .small-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em;
  }
  .small-Grid--guttersXl {
    margin: -2em 0 2em -2em;
  }
  .small-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em;
  }
  .small-Grid--guttersXXl {
    margin: -5em 0 5em -5em;
  }
  .small-Grid--guttersXXl > .Grid-cell {
    padding: 5em 0 0 5em;
  }
  .sm-Grid--normal > .Grid-cell {
    flex: 1;
  }
}
@media (min-width: 60em) {
  .md-Grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .md-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
  }
  .md-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .md-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em;
  }
  .md-Grid--guttersXl {
    margin: -2em 0 2em -2em;
  }
  .md-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em;
  }
  .md-Grid--guttersXXl {
    margin: -5em 0 5em -5em;
  }
  .md-Grid--guttersXXl > .Grid-cell {
    padding: 5em 0 0 5em;
  }
  .md-Grid--normal > .Grid-cell {
    flex: 1;
  }
}
@media (min-width: 80em) {
  .large-Grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .large-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
  }
  .large-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .large-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em;
  }
  .large-Grid--guttersXl {
    margin: -2em 0 2em -2em;
  }
  .large-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em;
  }
  .large-Grid--guttersXXl {
    margin: -5em 0 5em -5em;
  }
  .large-Grid--guttersXXl > .Grid-cell {
    padding: 5em 0 0 5em;
  }
  .large-Grid--normal > .Grid-cell {
    flex: 1;
  }
}
.Grid-cell.Cell--1of3 {
  flex: 0 0 33.3333%;
}
@media screen and (min-width: 40em) {
  .Grid-cell.sm-Cell--1of3 {
    flex: 0 0 33.3333%;
  }
}
@media screen and (min-width: 60em) {
  .Grid-cell.md-Cell--1of3 {
    flex: 0 0 33.3333%;
  }
}
@media screen and (min-width: 80em) {
  .Grid-cell.lg-Cell--1of3 {
    flex: 0 0 33.3333%;
  }
}
@media screen and (min-width: 120em) {
  .Grid-cell.xl-Cell--1of3 {
    flex: 0 0 33.3333%;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
/**
 * Correct the font size on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 * https://github.com/necolas/normalize.css/blob/fc091cc/normalize.css#L40
 */
h1 {
  font-size: 2em;
}
.h1 {
  font-size: 2em;
}
.h2 {
  font-size: 1.5em;
}
.h3 {
  font-size: 1.17em;
}
.h4 {
  font-size: 1.12em;
}
.h5 {
  font-size: 0.83em;
}
.h6 {
  font-size: 0.75em;
}
@media screen and (min-width: 40em) {
  .sm-h1 {
    font-size: 2em;
  }
  .sm-h2 {
    font-size: 1.5em;
  }
  .sm-h3 {
    font-size: 1.17em;
  }
  .sm-h4 {
    font-size: 1.12em;
  }
  .sm-h5 {
    font-size: 0.83em;
  }
  .sm-h6 {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 60em) {
  .md-h1 {
    font-size: 2em;
  }
  .md-h2 {
    font-size: 1.5em;
  }
  .md-h3 {
    font-size: 1.17em;
  }
  .md-h4 {
    font-size: 1.12em;
  }
  .md-h5 {
    font-size: 0.83em;
  }
  .md-h6 {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 80em) {
  .lg-h1 {
    font-size: 2em;
  }
  .lg-h2 {
    font-size: 1.5em;
  }
  .lg-h3 {
    font-size: 1.17em;
  }
  .lg-h4 {
    font-size: 1.12em;
  }
  .lg-h5 {
    font-size: 0.83em;
  }
  .lg-h6 {
    font-size: 0.75em;
  }
}
.hide {
  display: none !important;
}
.show {
  display: inherit;
}
.hidden {
  visibility: hidden;
}
.sm-show,
.md-show,
.lg-show,
.xl-show {
  display: none;
}
/* extra-small */
@media screen and (min-width: 23em) {
  .xs-hide {
    display: none !important;
  }
}
@media screen and (min-width: 23em) {
  .xs-show {
    display: inherit !important;
  }
}
/* small */
@media screen and (min-width: 40em) {
  .sm-hide {
    display: none !important;
  }
}
@media screen and (min-width: 40em) {
  .sm-show {
    display: inherit !important;
  }
}
/* medium */
@media screen and (min-width: 60em) {
  .md-hide {
    display: none !important;
  }
}
@media screen and (min-width: 60em) {
  .md-show {
    display: inherit !important;
  }
}
/* large */
@media screen and (min-width: 80em) {
  .lg-hide {
    display: none !important;
  }
}
@media screen and (min-width: 80em) {
  .lg-show {
    display: inherit !important;
  }
}
/* xl */
@media screen and (--breakpoint-min-xl) h {
  .xl-hide {
    display: none !important;
  }
}
@media screen and (min-width: 120em) {
  .xl-show {
    display: inherit !important;
  }
}
/*
  display
  hide and show a child element using display
*/
.hover-parent.hover--display .hover-child,
.hover-parent:hover.hover--display .hover-child--hidden {
  display: none;
}
.hover-parent:hover.hover--display .hover-child {
  display: block;
}
/*
  visibility
  hide and show a child element using visibility
*/
.hover-parent.hover--visibility .hover-child,
.hover-parent:hover.hover--visibility .hover-child--hidden {
  visibility: hidden;
}
.hover-parent:hover.hover--visibility .hover-child {
  visibility: visible;
}
.hover-parent:hover.hover--inherit > *,
.hover-parent:hover.hover--inherit .hover-child {
  color: inherit !important;
}
.hover-child--smooth {
  transition: opacity 0.2s ease-in-out;
}
@media (prefers-reduced-motion) {
  .hover-child--smooth {
    transition: none;
  }
}
.hover-parent.hover--display .hover-child--smooth,
.hover-parent.hover--visibility .hover-child--smooth {
  opacity: 0;
}
.hover-parent:hover.hover--display .hover-child--smooth,
.hover-parent:hover.hover--visibility .hover-child--smooth {
  opacity: 1;
}
.input,
._2hwsw {
  color: #4c5773;
  font-size: 1.12em;
  padding: 0.75rem 0.75rem;
  border: 1px solid #eeecec;
  border-radius: 8px;
  transition: border 0.3s linear;
}
/* React doesn't receive events from IE11:s input clear button so don't show it */
.input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.input--small {
  padding: 0.3rem 0.4rem;
}
.input--focus,
.input:focus,
._2hwsw:focus {
  outline: none;
  border: 1px solid var(--color-brand);
  transition: border 0.3s linear;
  color: #4c5773;
}
.input--borderless,
.input--borderless:focus {
  box-shadow: none;
  outline: 0;
  border: none !important;
  background: transparent;
}
.input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.no-focus:focus {
  outline: 0;
}
/* prevent safari from forcing type="search" styles - metabase#5225 */
.input[type="search"] {
  -webkit-appearance: none;
}
/* When converting to styled components, use FullWidthContainer */
.wrapper,
._28B5h {
  width: 100%;
  margin: 0 auto;
  padding: 0 1em;
}
@media screen and (min-width: 40em) {
  .wrapper,
  ._28B5h {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media screen and (min-width: 60em) {
  .wrapper,
  ._28B5h {
    padding-left: 3em;
    padding-right: 3em;
  }
}
/* set height full relative to the parent */
.full-height,
._2Cz_3 {
  height: 100%;
}
/* display utilities */
.block,
.DsjBV {
  display: block;
}
@media screen and (min-width: 80em) {
  .lg-block {
    display: block;
  }
}
.inline,
._3kYJR {
  display: inline;
}
.inline-block,
.CO6xt {
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .sm-inline-block {
    display: inline-block;
  }
}
.table {
  display: table;
}
.full,
.full-width,
._1b0Gt,
.njTJN {
  width: 100%;
}
.half {
  width: 50%;
}
/* position utilities */
.fixed,
._1wiTN {
  position: fixed;
}
.relative,
._18-EI {
  position: relative;
}
.absolute,
._1MD7G {
  position: absolute;
}
@media screen and (min-width: 40em) {
  .sm-absolute {
    position: absolute;
  }
}
.top,
._3fyc4 {
  top: 0;
}
.right,
._3UD_2 {
  right: 0;
}
.bottom,
._2h9Fs {
  bottom: 0;
}
.left,
._1gKwo {
  left: 0;
}
@media screen and (min-width: 60em) {
  .wrapper.wrapper--trim,
  ._28B5h._3KhfO {
    max-width: 940px;
  }
}
@media screen and (min-width: 60em) {
  .wrapper.wrapper--small,
  ._28B5h.TxCZb {
    max-width: 752px;
  }
}
@media screen and (min-width: 80em) {
  .wrapper.lg-wrapper--trim {
    max-width: 1140px;
  }
}
@media screen and (min-width: 120em) {
  .wrapper.lg-wrapper--trim {
    max-width: 1540px;
  }
}
/* fully fit the parent element - use as a base for app-y pages like QB or settings */
.spread,
.Y2_Z- {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* force a stacking context for adding z-index to children */
.stacking-context {
  transform: scale(1);
}
.no-decoration,
.qXm3b {
  text-decoration: none;
}
.link {
  cursor: pointer;
  text-decoration: none;
  color: var(--color-brand);
}
.link:hover {
  text-decoration: underline;
}
.link--nohover:hover {
  text-decoration: none;
}
.link:focus {
  outline: 2px solid var(--color-focus);
}
.link:focus:not(:focus-visible) {
  outline: none;
}
.link--wrappable {
  word-break: break-all;
}
.link--icon {
  line-height: normal;
  line-height: initial;
}
.expand-clickable {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.5em;
  margin: -0.5em;
}
.overflow-auto {
  overflow: auto;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.bounded-overflow-x-auto {
  width: 100%;
  overflow-x: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.rounded,
.Wr_al {
  border-radius: 8px;
}
.rounded-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-bottom {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-right {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.circular {
  border-radius: 99px !important;
}
.not-rounded {
  border-radius: 0;
}
.scroll-y,
._2neoE {
  overflow-y: auto;
}
.scroll-x {
  overflow-x: auto;
}
.scroll-show::-webkit-scrollbar {
  width: 15px;
  min-height: 10px;
}
.scroll-show--hover::-webkit-scrollbar {
  display: none;
}
.scroll-show--hover:hover::-webkit-scrollbar {
  display: inherit;
}
.scroll-show::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 7px;
  background-clip: padding-box;
  background-color: #edf2f5;
}
.scroll-show::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.scroll-show::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scroll-show:hover::-webkit-scrollbar-thumb {
  background-color: #93a1ab;
}
.scroll-show::-webkit-scrollbar-thumb:horizontal:hover,
.scroll-show::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #93a1ab;
}
.scroll-show::-webkit-scrollbar-thumb:horizontal:active,
.scroll-show::-webkit-scrollbar-thumb:vertical:active {
  background-color: #93a1ab;
}
/* scroll light */
.scroll-show.scroll--light::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #edf2f5;
}
.scroll-show.scroll--light::-webkit-scrollbar-thumb:horizontal:hover,
.scroll-show.scroll--light::-webkit-scrollbar-thumb:vertical:hover,
.scroll-show.scroll--light::-webkit-scrollbar-thumb:horizontal:active,
.scroll-show.scroll--light::-webkit-scrollbar-thumb:vertical:active {
  background-color: #edf2f5;
}
.scroll-hide {
  -ms-overflow-style: none; /* IE 10+ */
  overflow: -moz-scrollbars-none; /* Firefox */
}
.scroll-hide::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.scroll-hide-all,
.scroll-hide-all * {
  -ms-overflow-style: none; /* IE 10+ */
  overflow: -moz-scrollbars-none; /* Firefox */
  scrollbar-width: none; /* Firefox */
}
.scroll-hide-all::-webkit-scrollbar,
.scroll-hide-all *::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.shadowed,
._26OGD {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.13);
}
.shadow-hover:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  transition: box-shadow 300ms linear;
}
.ml-auto,
.OPZ6L {
  margin-left: auto;
}
.mr-auto,
.xdpBZ {
  margin-right: auto;
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
/* padding */
/* 0 */
.p0,
.CtsqB {
  padding: 0;
}
.pt0,
._3iJgj {
  padding-top: 0;
}
.pb0,
._3LbOm {
  padding-bottom: 0;
}
.pl0,
._16yVl {
  padding-left: 0;
}
.pr0,
._15Uyn {
  padding-right: 0;
}
/* 1 */
.p1,
._1FLRv {
  padding: 0.5rem;
}
.px1,
._31ino {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py1,
._2XN97 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pt1,
._2itq0 {
  padding-top: 0.5rem;
}
.pb1,
.DOCnt {
  padding-bottom: 0.5rem;
}
.pl1,
._3FzDO {
  padding-left: 0.5rem;
}
.pr1,
._1ZfKh {
  padding-right: 0.5rem;
}
/* 2 */
.p2,
._2z9kb {
  padding: 1rem;
}
.px2,
._1aL0S {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py2,
._1s_jv {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.pt2,
.hPXk7 {
  padding-top: 1rem;
}
.pb2,
._2UDhs {
  padding-bottom: 1rem;
}
.pl2,
._4GzCU {
  padding-left: 1rem;
}
.pr2,
._342no {
  padding-right: 1rem;
}
/* 3 */
.p3,
._1GX2b {
  padding: 1.5rem;
}
.px3,
.PYP7R {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py3,
._3jBTn {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pt3,
._2wbTv {
  padding-top: 1.5rem;
}
.pb3,
._19mch {
  padding-bottom: 1.5rem;
}
.pl3,
._3UYU0 {
  padding-left: 1.5rem;
}
.pr3,
._1WOBS {
  padding-right: 1.5rem;
}
/* 4 */
.p4,
._1iwVX {
  padding: 2rem;
}
.px4,
._2VMbm {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py4,
._3Ot6K {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pt4,
._1B0FZ {
  padding-top: 2rem;
}
.pb4,
._2jjBF {
  padding-bottom: 2rem;
}
.pl4,
.odbte {
  padding-left: 2rem;
}
.pr4,
._3YxA_ {
  padding-right: 2rem;
}
/* margin */
/* 0 */
.m0,
._3-MrN {
  margin: 0;
}
.mt0,
._1VLzq {
  margin-top: 0;
}
.mb0,
._1Bf_e {
  margin-bottom: 0;
}
.ml0,
._3o-sC {
  margin-left: 0;
}
.mr0,
.Pb6RQ {
  margin-right: 0;
}
/* 1 */
.m1,
._2YHpe {
  margin: 0.5rem;
}
.mx1,
._1ZhAK {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my1,
._2FnGH {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mt1,
._38YTw {
  margin-top: 0.5rem;
}
.mb1,
._1oIEw {
  margin-bottom: 0.5rem;
}
.ml1,
.BcFLh {
  margin-left: 0.5rem;
}
.mr1,
._3K4no {
  margin-right: 0.5rem;
}
/* 2 */
.m2,
._2Em4n {
  margin: 1rem;
}
.mx2,
._1ABq6 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my2,
._1ocN4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mt2,
._17V2F {
  margin-top: 1rem;
}
.mb2,
._2AJrG {
  margin-bottom: 1rem;
}
.ml2,
._1Wqf2 {
  margin-left: 1rem;
}
.mr2,
._2VkQ1 {
  margin-right: 1rem;
}
/* 3 */
.m3,
.aXWCm {
  margin: 1.5rem;
}
.mx3,
._2lQ2X {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my3,
._14leg {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.mt3,
._1TQQY {
  margin-top: 1.5rem;
}
.mb3,
._3pezG {
  margin-bottom: 1.5rem;
}
.ml3,
._1LT7f {
  margin-left: 1.5rem;
}
.mr3,
.raIhq {
  margin-right: 1.5rem;
}
/* 4 */
.m4,
._2o3k3 {
  margin: 2rem;
}
.mx4,
.-zXOl {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my4,
._1dBmn {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mt4,
._37W4X {
  margin-top: 2rem;
}
.mb4,
.A5BYb {
  margin-bottom: 2rem;
}
.ml4,
._3or2i {
  margin-left: 2rem;
}
.mr4,
.rjRpE {
  margin-right: 2rem;
}
/* negative margin (mainly for correction of horizontal positioning) */
.mln1 {
  margin-left: calc(-1 * 0.5rem);
}
.mln2 {
  margin-left: calc(-1 * 1rem);
}
.mln3 {
  margin-left: calc(-1 * 1.5rem);
}
.mln4 {
  margin-left: calc(-1 * 2rem);
}
.mbn1 {
  margin-bottom: calc(-1 * 0.5rem);
}
.mbn2 {
  margin-bottom: calc(-1 * 1rem);
}
.mbn3 {
  margin-bottom: calc(-1 * 1.5rem);
}
.mbn4 {
  margin-bottom: calc(-1 * 2rem);
}
/* responsive spacing */
@media screen and (min-width: 40em) {
  /* padding */

  /* 0 */
  .sm-p0 {
    padding: 0;
  }
  .sm-pt0 {
    padding-top: 0;
  }
  .sm-pb0 {
    padding-bottom: 0;
  }
  .sm-pl0 {
    padding-left: 0;
  }
  .sm-pr0 {
    padding-right: 0;
  }

  /* 1 */
  .sm-p1 {
    padding: 0.5rem;
  }

  .sm-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm-pt1 {
    padding-top: 0.5rem;
  }
  .sm-pb1 {
    padding-bottom: 0.5rem;
  }
  .sm-pl1 {
    padding-left: 0.5rem;
  }
  .sm-pr1 {
    padding-right: 0.5rem;
  }

  /* 2 */

  .sm-p2 {
    padding: 1rem;
  }

  .sm-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm-pt2 {
    padding-top: 1rem;
  }
  .sm-pb2 {
    padding-bottom: 1rem;
  }
  .sm-pl2 {
    padding-left: 1rem;
  }
  .sm-pr2 {
    padding-right: 1rem;
  }

  /* 3 */

  .sm-p3 {
    padding: 1.5rem;
  }

  .sm-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm-pt3 {
    padding-top: 1.5rem;
  }
  .sm-pb3 {
    padding-bottom: 1.5rem;
  }
  .sm-pl3 {
    padding-left: 1.5rem;
  }
  .sm-pr3 {
    padding-right: 1.5rem;
  }

  /* 4 */

  .sm-p4 {
    padding: 2rem;
  }

  .sm-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm-pt4 {
    padding-top: 2rem;
  }
  .sm-pb4 {
    padding-bottom: 2rem;
  }
  .sm-pl4 {
    padding-left: 2rem;
  }
  .sm-pr4 {
    padding-right: 2rem;
  }

  /* margin */

  /* 0 */
  .sm-m0 {
    margin: 0;
  }
  .sm-mt0 {
    margin-top: 0;
  }
  .sm-mb0 {
    margin-bottom: 0;
  }
  .sm-ml0 {
    margin-left: 0;
  }
  .sm-mr0 {
    margin-right: 0;
  }

  /* 1 */
  .sm-m1 {
    margin: 0.5rem;
  }

  .sm-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .sm-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm-mt1 {
    margin-top: 0.5rem;
  }
  .sm-mb1 {
    margin-bottom: 0.5rem;
  }
  .sm-ml1 {
    margin-left: 0.5rem;
  }
  .sm-mr1 {
    margin-right: 0.5rem;
  }

  /* 2 */

  .sm-m2 {
    margin: 1rem;
  }

  .sm-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm-mt2 {
    margin-top: 1rem;
  }
  .sm-mb2 {
    margin-bottom: 1rem;
  }
  .sm-ml2 {
    margin-left: 1rem;
  }
  .sm-mr2 {
    margin-right: 1rem;
  }

  /* 3 */

  .sm-m3 {
    margin: 1.5rem;
  }

  .sm-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm-mt3 {
    margin-top: 1.5rem;
  }
  .sm-mb3 {
    margin-bottom: 1.5rem;
  }
  .sm-ml3 {
    margin-left: 1.5rem;
  }
  .sm-mr3 {
    margin-right: 1.5rem;
  }

  /* 4 */

  .sm-m4 {
    margin: 2rem;
  }

  .sm-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm-mt4 {
    margin-top: 2rem;
  }
  .sm-mb4 {
    margin-bottom: 2rem;
  }
  .sm-ml4 {
    margin-left: 2rem;
  }
  .sm-mr4 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 60em) {
  /* padding */

  /* 0 */
  .md-p0 {
    padding: 0;
  }
  .md-pt0 {
    padding-top: 0;
  }
  .md-pb0 {
    padding-bottom: 0;
  }
  .md-pl0 {
    padding-left: 0;
  }
  .md-pr0 {
    padding-right: 0;
  }

  /* 1 */
  .md-p1 {
    padding: 0.5rem;
  }

  .md-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md-pt1 {
    padding-top: 0.5rem;
  }
  .md-pb1 {
    padding-bottom: 0.5rem;
  }
  .md-pl1 {
    padding-left: 0.5rem;
  }
  .md-pr1 {
    padding-right: 0.5rem;
  }

  /* 2 */

  .md-p2 {
    padding: 1rem;
  }

  .md-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md-pt2 {
    padding-top: 1rem;
  }
  .md-pb2 {
    padding-bottom: 1rem;
  }
  .md-pl2 {
    padding-left: 1rem;
  }
  .md-pr2 {
    padding-right: 1rem;
  }

  /* 3 */

  .md-p3 {
    padding: 1.5rem;
  }

  .md-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md-pt3 {
    padding-top: 1.5rem;
  }
  .md-pb3 {
    padding-bottom: 1.5rem;
  }
  .md-pl3 {
    padding-left: 1.5rem;
  }
  .md-pr3 {
    padding-right: 1.5rem;
  }

  /* 4 */

  .md-p4 {
    padding: 2rem;
  }

  .md-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md-pt4 {
    padding-top: 2rem;
  }
  .md-pb4 {
    padding-bottom: 2rem;
  }
  .md-pl4 {
    padding-left: 2rem;
  }
  .md-pr4 {
    padding-right: 2rem;
  }

  /* margin */

  /* 0 */
  .md-m0 {
    margin: 0;
  }
  .md-mt0 {
    margin-top: 0;
  }
  .md-mb0 {
    margin-bottom: 0;
  }
  .md-ml0 {
    margin-left: 0;
  }
  .md-mr0 {
    margin-right: 0;
  }

  /* 1 */
  .md-m1 {
    margin: 0.5rem;
  }

  .md-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md-mt1 {
    margin-top: 0.5rem;
  }
  .md-mb1 {
    margin-bottom: 0.5rem;
  }
  .md-ml1 {
    margin-left: 0.5rem;
  }
  .md-mr1 {
    margin-right: 0.5rem;
  }

  /* 2 */

  .md-m2 {
    margin: 1rem;
  }

  .md-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md-mt2 {
    margin-top: 1rem;
  }
  .md-mb2 {
    margin-bottom: 1rem;
  }
  .md-ml2 {
    margin-left: 1rem;
  }
  .md-mr2 {
    margin-right: 1rem;
  }

  /* 3 */

  .md-m3 {
    margin: 1.5rem;
  }

  .md-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md-mt3 {
    margin-top: 1.5rem;
  }
  .md-mb3 {
    margin-bottom: 1.5rem;
  }
  .md-ml3 {
    margin-left: 1.5rem;
  }
  .md-mr3 {
    margin-right: 1.5rem;
  }

  /* 4 */

  .md-m4 {
    margin: 2rem;
  }

  .md-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md-mt4 {
    margin-top: 2rem;
  }
  .md-mb4 {
    margin-bottom: 2rem;
  }
  .md-ml4 {
    margin-left: 2rem;
  }
  .md-mr4 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 80em) {
  /* padding */

  /* 0 */
  .lg-p0 {
    padding: 0;
  }
  .lg-pt0 {
    padding-top: 0;
  }
  .lg-pb0 {
    padding-bottom: 0;
  }
  .lg-pl0 {
    padding-left: 0;
  }
  .lg-pr0 {
    padding-right: 0;
  }

  /* 1 */
  .lg-p1 {
    padding: 0.5rem;
  }

  .lg-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg-pt1 {
    padding-top: 0.5rem;
  }
  .lg-pb1 {
    padding-bottom: 0.5rem;
  }
  .lg-pl1 {
    padding-left: 0.5rem;
  }
  .lg-pr1 {
    padding-right: 0.5rem;
  }

  /* 2 */

  .lg-p2 {
    padding: 1rem;
  }

  .lg-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg-pt2 {
    padding-top: 1rem;
  }
  .lg-pb2 {
    padding-bottom: 1rem;
  }
  .lg-pl2 {
    padding-left: 1rem;
  }
  .lg-pr2 {
    padding-right: 1rem;
  }

  /* 3 */

  .lg-p3 {
    padding: 1.5rem;
  }

  .lg-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg-pt3 {
    padding-top: 1.5rem;
  }
  .lg-pb3 {
    padding-bottom: 1.5rem;
  }
  .lg-pl3 {
    padding-left: 1.5rem;
  }
  .lg-pr3 {
    padding-right: 1.5rem;
  }

  /* 4 */

  .lg-p4 {
    padding: 2rem;
  }

  .lg-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg-pt4 {
    padding-top: 2rem;
  }
  .lg-pb4 {
    padding-bottom: 2rem;
  }
  .lg-pl4 {
    padding-left: 2rem;
  }
  .lg-pr4 {
    padding-right: 2rem;
  }

  /* margin */

  /* 0 */
  .lg-m0 {
    margin: 0;
  }
  .lg-mt0 {
    margin-top: 0;
  }
  .lg-mb0 {
    margin-bottom: 0;
  }
  .lg-ml0 {
    margin-left: 0;
  }
  .lg-mr0 {
    margin-right: 0;
  }

  /* 1 */
  .lg-m1 {
    margin: 0.5rem;
  }

  .lg-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .lg-mt1 {
    margin-top: 0.5rem;
  }
  .lg-mb1 {
    margin-bottom: 0.5rem;
  }
  .lg-ml1 {
    margin-left: 0.5rem;
  }
  .lg-mr1 {
    margin-right: 0.5rem;
  }

  /* 2 */

  .lg-m2 {
    margin: 1rem;
  }

  .lg-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg-mt2 {
    margin-top: 1rem;
  }
  .lg-mb2 {
    margin-bottom: 1rem;
  }
  .lg-ml2 {
    margin-left: 1rem;
  }
  .lg-mr2 {
    margin-right: 1rem;
  }

  /* 3 */

  .lg-m3 {
    margin: 1.5rem;
  }

  .lg-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg-mt3 {
    margin-top: 1.5rem;
  }
  .lg-mb3 {
    margin-bottom: 1.5rem;
  }
  .lg-ml3 {
    margin-left: 1.5rem;
  }
  .lg-mr3 {
    margin-right: 1.5rem;
  }

  /* 4 */

  .lg-m4 {
    margin: 2rem;
  }

  .lg-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg-mt4 {
    margin-top: 2rem;
  }
  .lg-mb4 {
    margin-bottom: 2rem;
  }
  .lg-ml4 {
    margin-left: 2rem;
  }
  .lg-mr4 {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 120em) {
  /* padding */

  /* 0 */
  .xl-p0 {
    padding: 0;
  }
  .xl-pt0 {
    padding-top: 0;
  }
  .xl-pb0 {
    padding-bottom: 0;
  }
  .xl-pl0 {
    padding-left: 0;
  }
  .xl-pr0 {
    padding-right: 0;
  }

  /* 1 */
  .xl-p1 {
    padding: 0.5rem;
  }

  .xl-px1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl-py1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl-pt1 {
    padding-top: 0.5rem;
  }
  .xl-pb1 {
    padding-bottom: 0.5rem;
  }
  .xl-pl1 {
    padding-left: 0.5rem;
  }
  .xl-pr1 {
    padding-right: 0.5rem;
  }

  /* 2 */

  .xl-p2 {
    padding: 1rem;
  }

  .xl-px2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl-py2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl-pt2 {
    padding-top: 1rem;
  }
  .xl-pb2 {
    padding-bottom: 1rem;
  }
  .xl-pl2 {
    padding-left: 1rem;
  }
  .xl-pr2 {
    padding-right: 1rem;
  }

  /* 3 */

  .xl-p3 {
    padding: 1.5rem;
  }

  .xl-px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl-py3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl-pt3 {
    padding-top: 1.5rem;
  }
  .xl-pb3 {
    padding-bottom: 1.5rem;
  }
  .xl-pl3 {
    padding-left: 1.5rem;
  }
  .xl-pr3 {
    padding-right: 1.5rem;
  }

  /* 4 */

  .xl-p4 {
    padding: 2rem;
  }

  .xl-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl-pt4 {
    padding-top: 2rem;
  }
  .xl-pb4 {
    padding-bottom: 2rem;
  }
  .xl-pl4 {
    padding-left: 2rem;
  }
  .xl-pr4 {
    padding-right: 2rem;
  }

  /* margin */

  /* 0 */
  .xl-m0 {
    margin: 0;
  }
  .xl-mt0 {
    margin-top: 0;
  }
  .xl-mb0 {
    margin-bottom: 0;
  }
  .xl-ml0 {
    margin-left: 0;
  }
  .xl-mr0 {
    margin-right: 0;
  }

  /* 1 */
  .xl-m1 {
    margin: 0.5rem;
  }

  .xl-mx1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xl-my1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xl-mt1 {
    margin-top: 0.5rem;
  }
  .xl-mb1 {
    margin-bottom: 0.5rem;
  }
  .xl-ml1 {
    margin-left: 0.5rem;
  }
  .xl-mr1 {
    margin-right: 0.5rem;
  }

  /* 2 */

  .xl-m2 {
    margin: 1rem;
  }

  .xl-mx2 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl-my2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl-mt2 {
    margin-top: 1rem;
  }
  .xl-mb2 {
    margin-bottom: 1rem;
  }
  .xl-ml2 {
    margin-left: 1rem;
  }
  .xl-mr2 {
    margin-right: 1rem;
  }

  /* 3 */

  .xl-m3 {
    margin: 1.5rem;
  }

  .xl-mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl-my3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl-mt3 {
    margin-top: 1.5rem;
  }
  .xl-mb3 {
    margin-bottom: 1.5rem;
  }
  .xl-ml3 {
    margin-left: 1.5rem;
  }
  .xl-mr3 {
    margin-right: 1.5rem;
  }

  /* 4 */

  .xl-m4 {
    margin: 2rem;
  }

  .xl-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl-mt4 {
    margin-top: 2rem;
  }
  .xl-mb4 {
    margin-bottom: 2rem;
  }
  .xl-ml4 {
    margin-left: 2rem;
  }
  .xl-mr4 {
    margin-right: 2rem;
  }
}
:root {
  --70-percent-black: #4c5773;
}
/* center */
.text-centered,
.rTQr- {
  text-align: center;
}
@media screen and (min-width: 40em) {
  .sm-text-centered {
    text-align: center;
  }
}
@media screen and (min-width: 60em) {
  .md-text-centered {
    text-align: center;
  }
}
@media screen and (min-width: 80em) {
  .lg-text-centered {
    text-align: center;
  }
}
@media screen and (min-width: 120em) {
  .xl-text-centered {
    text-align: center;
  }
}
/* left */
.text-left,
.oCLs1 {
  text-align: left;
}
@media screen and (min-width: 40em) {
  .sm-text-left {
    text-align: left;
  }
}
@media screen and (min-width: 60em) {
  .md-text-left {
    text-align: left;
  }
}
@media screen and (min-width: 80em) {
  .lg-text-left {
    text-align: left;
  }
}
@media screen and (min-width: 120em) {
  .xl-text-left {
    text-align: left;
  }
}
/* right */
.text-right,
._2i-mE {
  text-align: right;
}
@media screen and (min-width: 40em) {
  .sm-text-right {
    text-align: right;
  }
}
@media screen and (min-width: 60em) {
  .md-text-right {
    text-align: right;
  }
}
@media screen and (min-width: 80em) {
  .lg-text-right {
    text-align: right;
  }
}
@media screen and (min-width: 120em) {
  .xl-text-right {
    text-align: right;
  }
}
.text-uppercase,
._3l3zl {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-transform-none {
  text-transform: none;
}
/* text weight */
/* NOTE: .text-light removed since it conflicted with text-light in colors.css */
.text-normal {
  font-weight: 400;
}
.text-bold,
._3TD8R {
  font-weight: 700;
}
.text-heavy {
  font-weight: 900;
}
/* text style */
.text-italic {
  font-style: italic;
}
/* larger text size used for descriptions  */
.text-body,
._3CT2E {
  font-size: 1.286em;
  line-height: 1.457em;
  color: #696e7b; /* TODO - is this bad? */
}
.text-list {
  font-size: 1em;
}
.text-paragraph,
.Tgxr2 {
  font-size: 1.143em;
  line-height: 1.5em;
}
.text-spaced,
._1Ujzn {
  line-height: 1.5em;
}
.text-unspaced,
.Opbex {
  line-height: normal;
}
.text-small {
  font-size: 0.875em;
}
.text-smaller {
  font-size: 0.8em;
}
.text-current {
  color: currentColor;
}
.text-underline {
  text-decoration: underline;
}
.text-underline-hover:hover {
  text-decoration: underline;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.text-wrap {
  word-wrap: anywhere;
  word-break: break-word;
  word-wrap: anywhere;
}
.text-nowrap {
  white-space: nowrap;
}
.text-code {
  font-family: monospace;
  color: #696e7b;
  background-color: #edf2f5;
  border-radius: 2px;
  padding: 0.2em 0.4em;
  line-height: 1.4em;
  white-space: pre-wrap;
}
.text-code-plain {
  font-family: monospace;
  color: #4c5773;
  line-height: 1.4em;
  white-space: pre-wrap;
}
.text-monospace,
._1UYVa {
  font-family: Monaco, monospace;
}
.text-pre-wrap {
  white-space: pre-wrap;
}
.text-measure {
  max-width: 620px;
}
.break-anywhere {
  line-break: anywhere;
}
.transition-color,
._2rmlO {
  transition: color 0.3s linear;
}
.transition-background,
._18Xrq {
  transition: background 0.2s linear;
}
.transition-shadow {
  transition: box-shadow 0.2s linear;
}
.transition-all {
  transition: all 0.2s linear;
}
.w-full,
._3Kum9 {
  width: 100%;
}

:root {
  /* taken from Sidebar.css, should probably factor them out into variables */
}

._359wX {
  display: flex;
  align-items: center;
  color: #949aab;
}

._20v02 {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  cursor: default;
}

._20v02._2xjF8 {
  font-size: 0.875rem;
}

._21sNs {
  margin-left: 0.75em;
  margin-right: 0.75em;
  flex-shrink: 0;
}

/* the breadcrumb path will always inherit the color of the breadcrumbs object */

._20v02._1UB_V {
  color: currentColor;
  transition: color 0.3s linear;
  cursor: pointer;
}

._20v02._1UB_V:hover {
  color: #4c5773;
  transition: color 0.3s linear;
}

/* the breadcrumb page (current page) should be a different contrasting color  */

._20v02._3ooEe {
  color: #4c5773;
}

._1B3Iw {
  color: #696e7b;
  max-width: 100%;
}

._2sXEW {
  height: 15px;
}

/* the breadcrumb path will always inherit the color of the breadcrumbs object */

._2sXEW._1UB_V {
  color: currentColor;
  transition: color 0.3s linear;
}

._2sXEW._1UB_V:hover {
  color: var(--color-brand);
  transition: color 0.3s linear;
}

/* the breadcrumb page (current page) should be a different contrasting color  */

._2sXEW._3ooEe {
  color: var(--color-brand);
}

/* afaik popover needs a positioning context to be able to calculate the transform */
.PopoverContainer {
  position: absolute;
  z-index: 4;
}
.PopoverBody {
  pointer-events: auto;
  min-width: 1em; /* ewwwwwwww */
  display: flex;
  flex-direction: column;
  /* add a max-width so that long strings don't cause the popover to expand
   * see metabase#4930 */
  max-width: 500px;
}
.PopoverBody.PopoverBody--withBackground {
  border: 1px solid #edf2f5;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  border-radius: 6px;
  overflow: auto;
}
.tippy-box,
.tippy-content {
  max-height: inherit;
  transition: transform 0s, visibility 0.3s, opacity 0.3s;
}
.tippy-box[data-theme~="tooltip"] {
  color: white;
  font-weight: bold;
  background-color: #2e353b;
  border: none;
  pointer-events: none;
  line-height: 1.26;
  font-size: 12px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.13);
  word-wrap: break-word;
}
.tippy-box[data-theme~="tooltip"] .tippy-content {
  padding: 10px 12px;
}
.tippy-box[data-theme~="no-padding"] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~="popover"] {
  font-size: inherit;
  background-color: #ffffff;
  color: var(--color-text-default);
  border: 1px solid #eeecec;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.13);
  background-color: #ffffff;
  border-radius: 6px;
  overflow: auto;
}
.tippy-box[data-theme~="popover"] .tippy-content {
  padding: 0;
}
/* remove the max-width in cases where the popover content needs to expand
 * initially added  for date pickers so the dual date picker can fully
 * expand as necessary - metabase#5971
 */
.PopoverBody.PopoverBody--autoWidth {
  max-width: none;
}
.PopoverBody.PopoverBody--tooltip {
  color: white;
  font-weight: bold;
  background-color: #2e353b;
  border: none;
  pointer-events: none;
  line-height: 1.26;
  padding: 10px 12px;
}
.PopoverBody.PopoverBody--tooltip.PopoverBody--tooltipConstrainedWidth {
  font-size: 12px;
  max-width: 200px;
}
/* shared arrow styles */
.PopoverBody--withArrow:before,
.PopoverBody--withArrow:after {
  position: absolute;
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  pointer-events: none;
}
/* As Popover footer uses absolute positioning
 * to stick to bottom, options lists and other
 * middle content need extra margin-bottom
 */
.PopoverBody--marginBottom {
  margin-bottom: 60px;
}
.PopoverBody .Form-input {
  font-size: 1rem;
}
.PopoverBody .Form-field {
  margin-bottom: 0.75rem;
}
.PopoverHeader {
  display: flex;
  border-bottom: 1px solid #eeecec;
  min-width: 400px;
}
.PopoverHeader-item {
  flex: 1;
  position: relative;
  top: 1px; /* to overlap bottom border */
  text-align: center;
  padding: 1em;

  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 700;
  color: #696e7b;
  border-bottom: 2px solid transparent;
}
.PopoverHeader-item.selected {
  color: currentcolor;
  border-color: currentcolor;
}
.PopoverHeader-item--withArrow {
  margin-right: 8px;
}
.PopoverHeader-item--withArrow:before,
.PopoverHeader-item--withArrow:after {
  position: absolute;
  content: "";
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  top: 50%;
  margin-top: -8px;
}
/* create a slightly larger arrow on the right for border purposes */
.PopoverHeader-item--withArrow:before {
  right: -16px;
  border-left-color: #eeecec;
}
/* create a smaller inset arrow on the right */
.PopoverHeader-item--withArrow:after {
  right: -15px;
  border-left-color: #ffffff;
}
.PopoverFooter {
  background: white;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #eeecec;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-top: 8px;
  width: 100%;
  /* Without z-index; calendar days, if selected, scroll above this component */
  z-index: 1;
}
.PopoverBody--withBackground .PopoverFooterWhenIsNotEqualOps,
.popover .PopoverFooterWhenIsNotEqualOps {
  bottom: 0;
  padding-bottom: 12px;
  padding-top: 10px;
  width: calc(100% - 26px);
}
.PopoverParameterFieldWidgetFooter {
  position: fixed;
  bottom: -7px;
}
/* create a slightly larger arrow on the top for border purposes */
.tether-element-attached-top .PopoverBody--withArrow:before {
  top: -20px;
  border-bottom-color: #eeecec;
}
.tether-element-attached-top .PopoverBody--tooltip:before {
  border-bottom: none;
}
/* create a smaller inset arrow on the top */
.tether-element-attached-top .PopoverBody--withArrow:after {
  top: -18px;
  border-bottom-color: #ffffff;
}
.tether-element-attached-top .PopoverBody--tooltip:after {
  border-bottom-color: #2e353b;
}
/* create a slightly larger arrow on the bottom for border purposes */
.tether-element-attached-bottom .PopoverBody--withArrow:before {
  bottom: -20px;
  border-top-color: #eeecec;
}
.tether-element-attached-bottom .PopoverBody--tooltip:before {
  border-top: none;
}
/* create a smaller inset arrow on the bottom */
.tether-element-attached-bottom .PopoverBody--withArrow:after {
  bottom: -18px;
  border-top-color: #ffffff;
}
.tether-element-attached-bottom .PopoverBody--tooltip:after {
  border-top-color: #2e353b;
}
/* if the tether element is attached right, move our arrows right */
.tether-target-attached-right .PopoverBody--withArrow:before,
.tether-target-attached-right .PopoverBody--withArrow:after {
  right: 12px;
}
/* if the tether element is attached center, move our arrows to the center */
.tether-element-attached-center .PopoverBody--withArrow:before,
.tether-element-attached-center .PopoverBody--withArrow:after {
  margin-left: 50%;
  left: -10px;
}
.tether-element-attached-right .PopoverBody--withArrow:before,
.tether-element-attached-right .PopoverBody--withArrow:after {
  right: 12px;
}
.tether-element-attached-left .PopoverBody--withArrow:before,
.tether-element-attached-left .PopoverBody--withArrow:after {
  left: 12px;
}
#popover-event-target {
  position: fixed;
  width: 6px;
  height: 6px;
  pointer-events: none;
}
/* transition classes */
.Popover-appear,
.Popover-enter {
  opacity: 0.01;
}
.Popover-appear.Popover-appear-active,
.Popover-enter.Popover-enter-active {
  opacity: 1;
  transition: opacity 100ms ease-in;
}
.Popover-leave {
  opacity: 1;
}
.Popover-leave.Popover-leave-active {
  opacity: 0.01;
  transition: opacity 100ms ease-in;
}

.Calendar-weeks {
  padding-bottom: 14px;
}

.Calendar-week {
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
}

.Calendar-header {
  padding: 14px;
  margin-bottom: 8px;
}

.Calendar-header h4 {
  font-weight: 700;
}

.Calendar-day-names {
  opacity: 0.12;
}

.Calendar-day,
.Calendar-day-name {
  flex: 1;
}

.Calendar-day {
  color: #949aab;
  position: relative;
  border-radius: 99px;
  font-weight: 700;
  font-size: 12px;
  background-color: transparent;
  padding: 10px;
}

.Calendar-day-name {
  cursor: inherit;
}

.Calendar-day--this-month {
  color: currentcolor;
}

.Calendar-day-name {
  color: inherit !important;
}

.Calendar--range .Calendar-day--selected {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.Calendar--range .Calendar-day--selected-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.Calendar-day--in-range {
  border-radius: 0;
  background-color: #edf2f5;
}

.Calendar--noContext .Calendar-day {
  visibility: hidden;
  pointer-events: none;
}

.Calendar--noContext .Calendar-day--this-month {
  visibility: visible;
  pointer-events: all;
}

.react-sortable-hoc-helper {
  z-index: 1000;
}

._3hpav {
  font-weight: 600;
  min-height: 30px;
  min-width: 150px;
  color: #696e7b;
}

._2xX4t {
  min-height: 30px;
  min-width: 150px;
  color: #696e7b;
  border: none;
  font-size: 1em;
  font-weight: 600;
  border: none;
}

._1PJuV {
  margin-right: 0;
  margin-left: 0;
}

._1PJuV ._1cGDY {
  font-size: 14px;
}

._1PJuV ._3hpav {
  min-width: 0;
  min-height: 0;
  background-color: transparent;
  font-size: 14px;
}

._3hpav.U73OA {
  font-weight: bold;
  color: var(--color-brand);
  border-color: var(--color-brand);
}

._3hpav input {
  flex-grow: 1;
  border-radius: 0;
}

._3hpav._31npp input {
  width: 100%;
  font-size: 1em;
  font-weight: 600;
  border: none;
  background: none;

  @media screen and (min-width: 440px) {
    & {
      padding: 0;
    }
  }
}

._3hpav._31npp.U73OA input {
  font-weight: bold;
  color: var(--color-brand);
}

._3hpav._31npp input:focus {
  outline: none;
  color: #4c5773;
}

._3hpav._31npp input::-webkit-input-placeholder {
  color: #696e7b;
}

._3hpav._31npp input:-moz-placeholder {
  color: #696e7b;
}

._3hpav._31npp input::-moz-placeholder {
  color: #696e7b;
}

._3hpav._31npp input:-ms-input-placeholder {
  color: #696e7b;
}

.Dashboard--night ._3hpav._31npp input:focus,
.Theme--night ._3hpav._31npp input:focus {
  color: #ffffff;
}

._2xX4t:focus,
._2Ku-l:focus {
  outline: none;
}

._1cGDY {
  font-size: 16px;
  font-weight: bold;
  color: #696e7b;
}

.ZnmWj {
  display: flex;
  justify-content: space-around;
  font-size: smaller;
}

._3G09m,
._2UgGw {
}

._3G09m:hover {
  color: var(--color-brand);
}

._2UgGw:hover {
  color: #ed6e6e;
}

._1fNIC {
  display: inline-block;
  height: 0;
  margin-left: 0.25em;
  width: 10px;
}

._1fNIC > svg {
  position: absolute;
  top: -6px;
}

/* HACK: DataPopover should be below the search box */
.DataPopoverContainer {
  z-index: 2;
}

.LineAreaBarChart .renderer {
  margin-top: -5px;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottom: -0.5em;
  overflow: hidden;
}

.LineAreaBarChart .dc-chart .grid-line.horizontal {
  stroke: rgba(105, 110, 123, 0.2);
  stroke-dasharray: 5, 5;
}

.LineAreaBarChart .dc-chart .axis {
  z-index: -1;
}

.LineAreaBarChart .dc-chart .axis text {
  font-size: 12px;
  font-family: var(--default-font-family), sans-serif;
  font-weight: 900;
}

.LineAreaBarChart .dc-chart .axis .domain,
.LineAreaBarChart .dc-chart .axis .tick line {
  stroke: #949aab;
}

.LineAreaBarChart .dc-chart .axis .tick text {
  fill: #696e7b;
}

.LineAreaBarChart .dc-chart g.row text.outside {
  fill: #696e7b;
  font-weight: 900;
}

.LineAreaBarChart .dc-chart g.row text.inside {
  fill: white;
  font-weight: bold;
}

/* turn off ticks and domain lines */

.LineAreaBarChart .dc-chart .axis.y .domain,
.LineAreaBarChart .dc-chart .axis.yr .domain,
.LineAreaBarChart .dc-chart .axis.y .tick line,
.LineAreaBarChart .dc-chart .axis.yr .tick line {
  display: none;
}

.LineAreaBarChart .dc-chart .x-axis-label,
.LineAreaBarChart .dc-chart .y-axis-label {
  fill: #696e7b;
  font-size: 14px;
  font-weight: 900;
}

/* disable grid lines */

.LineAreaBarChart .dc-chart .tick line {
  display: none;
}

/* enabled grid lines for row charts */

.LineAreaBarChart .dc-chart .rowChart .tick .grid-line {
  display: inherit;
}

/* restyle grid-line for 0 to look like X axis */

.LineAreaBarChart .dc-chart .stacked line.zero {
  stroke: #949aab;
  opacity: 1;
  stroke-dasharray: none;
}

/* restyle X axis for stacked charts to look like a grid line */

.LineAreaBarChart .dc-chart .stacked .domain {
  stroke: rgba(105, 110, 123, 0.2);
  stroke-dasharray: 5, 5;
}

/* gridline at 0 overlaps with X axis */

.LineAreaBarChart .dc-chart .grid-line.horizontal line:first-child {
  display: none;
}

/* disable pointer events on all chart elements while dragging to avoid weird interactions */

.LineAreaBarChart .dc-chart .dragging .area,
.LineAreaBarChart .dc-chart .dragging .bar,
.LineAreaBarChart .dc-chart .dragging .line,
.LineAreaBarChart .dc-chart .dragging .dot,
.LineAreaBarChart .dc-chart .dragging .row,
.LineAreaBarChart .dc-chart .dragging .bubble,
.LineAreaBarChart .dc-chart .dragging .voronoi {
  pointer-events: none !important;
}

/* disable dc default behavior */

.LineAreaBarChart .dc-chart rect.bar:hover {
  fill-opacity: 1;
}

.LineAreaBarChart .dc-chart g.row rect {
  fill-opacity: 1;
}

/* highlight single series bar and row charts */

.LineAreaBarChart.mute-0 .dc-chart rect.bar:hover,
.LineAreaBarChart.mute-0 .dc-chart g.row:hover {
  opacity: 1 !important;
}

.LineAreaBarChart .dc-chart circle.bubble {
  fill-opacity: 0.8;
  stroke-width: 1;
  stroke: white;
}

.LineAreaBarChart .dc-chart .enable-dots .dc-tooltip .dot:hover,
.LineAreaBarChart .dc-chart .enable-dots .dc-tooltip .dot.hover {
  fill: currentColor;
}

/* line width = 2px (default) */

.LineAreaBarChart .dc-chart .line {
  stroke-width: 2px;
}

.LineAreaBarChart .dc-chart .dc-tooltip .dot {
  r: 3px !important;
  stroke-width: 2px;
}

/* line width = 3px */

.LineAreaBarChart .dc-chart .line--medium .line {
  stroke-width: 3px;
}

.LineAreaBarChart .dc-chart .line--medium .dc-tooltip .dot {
  r: 3px !important;
  stroke-width: 2px;
}

/* line width = 4px */

.LineAreaBarChart .dc-chart .line--heavy .line {
  stroke-width: 4px;
}

.LineAreaBarChart .dc-chart .line--heavy .dc-tooltip .dot {
  r: 3.5px !important;
  stroke-width: 3px;
}

.LineAreaBarChart .dc-chart .enable-dots .dc-tooltip .dot,
.LineAreaBarChart .dc-chart .dc-tooltip .dot.selected,
.LineAreaBarChart .dc-chart .enable-dots-onhover .dc-tooltip .dot:hover,
.LineAreaBarChart .dc-chart .enable-dots-onhover .dc-tooltip .dot.hover {
  fill: white;
  stroke: currentColor;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.LineAreaBarChart .dc-chart .dc-tooltip .dot.deselected {
  opacity: 0;
}

.LineAreaBarChart .dc-chart .line.deselected {
  color: #949aab;
}

.LineAreaBarChart .dc-chart .area,
.LineAreaBarChart .dc-chart .bar,
.LineAreaBarChart .dc-chart .line,
.LineAreaBarChart .dc-chart .dot,
.LineAreaBarChart .dc-chart .row,
.LineAreaBarChart .dc-chart .bubble {
  transition: opacity 0.15s linear;
}

.LineAreaBarChart .dc-chart .axis.y,
.LineAreaBarChart .dc-chart .y-axis-label,
.LineAreaBarChart .dc-chart .axis.yr,
.LineAreaBarChart .dc-chart .yr-axis-label {
  transition: opacity 0.25s linear;
}

.LineAreaBarChart .dc-chart .event-line {
  transition: stroke 0.15s linear;
}

/* .mute-* selectors dynamically generated in LineAreaBarChart.js*/

.LineAreaBarChart.mute-yl .dc-chart .axis.y,
.LineAreaBarChart.mute-yl .dc-chart .y-axis-label.y-label {
  opacity: 0;
}

.LineAreaBarChart.mute-yr .dc-chart .axis.yr,
.LineAreaBarChart.mute-yr .dc-chart .y-axis-label.yr-label {
  opacity: 0;
}

.LineAreaBarChart .dc-chart .voronoi {
  fill: transparent;
}

.LineAreaBarChart .dc-chart .voronoi-drill {
  cursor: pointer;
}

/* we put the brush behind everything so this isn't necessary
/*.LineAreaBarChart .dc-chart .brush {
  pointer-events: none;
}*/

/* grid lines aren't clickable, and get in the way of the brush */

.LineAreaBarChart .dc-chart .grid-line {
  pointer-events: none;
}

/* brush handles */

.LineAreaBarChart .dc-chart .brush .resize path {
  fill: #f9fbfc;
  stroke: #696e7b;
}

.LineAreaBarChart .dc-chart .goal .line {
  stroke: #696e7b;
  stroke-dasharray: 5, 5;
}

.LineAreaBarChart .dc-chart .trend .line {
  stroke-dasharray: 5, 5;
}

text.value-label {
  pointer-events: none;
}

text.value-label {
  fill: #4c5773;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.5px;
  stroke: #ffffff;
  stroke-width: 3px;
  paint-order: stroke;
}

text.value-label-white {
  fill: #ffffff;
  font-weight: 800;
  stroke: #4c5773;
  stroke-width: 3px;
  paint-order: stroke;
}

/* timeline events */

.LineAreaBarChart .dc-chart .event-axis .event-tick {
  cursor: pointer;
  pointer-events: all;
}

/* Overrides dc.js styles */

.LineAreaBarChart .dc-chart .event-axis .event-icon path {
  fill: #949aab;
  stroke: unset;
  shape-rendering: geometricPrecision;
}

.LineAreaBarChart .dc-chart .event-axis .event-text {
  fill: #949aab;
}

.LineAreaBarChart .dc-chart .event-axis .event-tick.hover .event-icon path {
  fill: var(--color-brand);
}

.LineAreaBarChart .dc-chart .event-axis .event-tick.hover .event-text {
  fill: var(--color-brand);
}

.LineAreaBarChart .dc-chart .event-line {
  stroke: rgba(105, 110, 123, 0.2);
  stroke-width: 2;
  pointer-events: none;
}

.LineAreaBarChart .dc-chart .event-line.hover {
  stroke: var(--color-brand);
}

/*
legend item needs to be in the scope in order to control the font size in
fullscreen dashboard mode
*/
.LegendItem {
  font-size: 1.2em;
  font-weight: bold;
  transition: opacity 0.25s linear;
  opacity: 1;
}
._14YpV {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
._1zU60.muted {
  opacity: 0.4;
}
._2tUFa._3YdyC {
  display: none;
}
._2tUFa._1BBNM {
  display: flex;
  flex-direction: column;
  margin-right: 1em;
}
._2tUFa._1TLy7 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1em;
}

._3qyVV {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

._3qyVV ._1ABjV {
  display: flex;
  justify-content: center;
  max-width: 100%;
}

._3qyVV .l0pij,
._3qyVV ._3H3W- {
  flex-basis: auto;
  flex-grow: 1;
  /* allow legend and spacer to shrink */
  min-width: 0;
  min-height: 0;
}

._3qyVV .l0pij {
  visibility: hidden;
  flex-shrink: 10; /* shrink the spacer much faster than the wrapper */
}

._3qyVV ._3H3W- {
  display: flex;
  justify-content: center;
  flex-shrink: 1;
}

._3qyVV ._2luIt {
  flex-shrink: 0;
  position: relative;
}

/* SMALL */

._3qyVV._1CAv1 ._1ABjV {
  display: none;
}

._3qyVV._1CAv1 ._2luIt {
  flex: 1;
}

/* VERTICAL */

._3qyVV._1rOS_ {
  flex-direction: column-reverse;
}

._3qyVV._1rOS_ ._1ABjV {
  flex-shrink: 1;
  overflow: hidden;
}

._3qyVV._1rOS_ ._3H3W- {
  flex-direction: column;
}

._3qyVV._1rOS_._168j7 ._1ABjV {
  flex-grow: 0;
  flex-shrink: 0;
}

._3qyVV._1rOS_._168j7 ._2luIt {
  flex-grow: 1;
  flex-shrink: 1;
  min-height: 75%;
}

/* HORIZONTAL */

._3qyVV._32nW- {
  flex-direction: row;
}

._3qyVV._32nW- ._1ABjV {
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
}

._3qyVV._32nW- ._3H3W- {
  flex-direction: row;
}

._3qyVV._32nW-._168j7 ._1ABjV {
  flex-grow: 0;
  flex-shrink: 0;
}

._3qyVV._32nW-._168j7 ._2luIt {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 66%;
}

/* DEBUG */

/*
:local .ChartWithLegend .Legend {
  background-color: color-mod(var(--color-bg-black) alpha(-90%));
}
:local .ChartWithLegend .Chart {
  background-color: color-mod(var(--color-success) alpha(-90%));
}
:local .ChartWithLegend.flexChart .Chart {
  background-color: color-mod(var(--color-error) alpha(-90%));
}
*/

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
	overflow: hidden;
	}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        -ms-user-select: none;
	    user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::-moz-selection {
	background: transparent;
}

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	transform-origin: 0 0;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor:         grab;
	}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general typography */

.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-control-layers-toggle {
	background-image: url(./1dbbe9d028e292f36fcb.png);
	width: 36px;
	height: 36px;
	}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(./066daca850d8ffbef007.png);
	background-size: 26px 26px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */

.leaflet-default-icon-path {
	background-image: url(./574c3a5cca85f4114085.png);
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}

.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}

.leaflet-popup-content p {
	margin: 18px 0;
	}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}

.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* hide leaflet-draw controls  */
.leaflet-draw.leaflet-control {
  display: none;
}

.dRPKI,
._1UlSP {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.dRPKI {
  display: flex;
  align-items: center;
  justify-content: center;
}

._1UlSP {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._3F8lQ {
  color: #4c5773;
  font-size: 22px;
  font-weight: bolder;
}

._3hvDR {
  color: #949aab;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

._2p3Wm path {
  transition: opacity 0.3s linear;
}

.TableInteractive {
  color: #4f575d;
  overflow: hidden;
}

.TableInteractive-headerCellData .cellData {
  font-weight: 900;
  font-size: 10px;
  border: 1px solid transparent;
  padding: 0.25em 0.65em;
  border-radius: 6px;
  min-width: 35px;
  color: var(--color-brand);
}

.TableInteractive-headerCellData .cellData:hover {
  border: 1px solid transparent;
}

.TableInteractive-headerCellData .Icon-chevrondown,
.TableInteractive-headerCellData .Icon-chevronup {
  opacity: 0.5;
}

.TableInteractive-headerCellData--sorted .Icon-chevrondown,
.TableInteractive-headerCellData--sorted .Icon-chevronup {
  opacity: 1;
  transition: opacity 0.3s linear;
}

/* if the column is the one that is being sorted*/

.TableInteractive-headerCellData--sorted {
  color: var(--color-brand);
}

.TableInteractive-header {
  box-sizing: border-box;
  border-bottom: 1px solid #eeecec;
}

.TableInteractive .TableInteractive-cellWrapper {
  overflow: hidden;
  display: flex;
  align-items: center;

  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid rgba(238, 236, 236, 0.3);
}

.TableInteractive .TableInteractive-cellWrapper--active {
  z-index: 1;
}

.TableInteractive .TableInteractive-header,
.TableInteractive .TableInteractive-header .TableInteractive-cellWrapper,
.TableInteractive .TableInteractive-header .TableInteractive-cellWrapper:hover {
  background-color: #ffffff;
  background-image: none;
}

.TableInteractive .TableInteractive-header,
.TableInteractive .TableInteractive-header .TableInteractive-cellWrapper {
  background-color: #ffffff;
}

/* cell overflow ellipsis */

.TableInteractive .cellData {
  margin: 0 0.75em;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  font-weight: 700;
  font-size: 12.5px;
}

/* pivot */

.TableInteractive.TableInteractive--pivot
  .TableInteractive-cellWrapper--firstColumn {
  border-right: 1px solid #eeecec;
}

.PagingButtons {
  border: 1px solid #eeecec;
}

.TableInteractive
  .TableInteractive-header
  .TableInteractive-cellWrapper.tether-enabled
  .cellData {
  background-color: transparent;
  color: white !important;
}

.TableInteractive-cellWrapper:hover {
  background-color: transparent;
}

.Table-ID .cellData {
  border: 1px solid transparent;
  background-color: transparent;
  padding: 0.25em 0.65em;
  border-radius: 99px;
  min-width: 35px;
  text-align: center;
  color: var(--color-brand);
}

.TableInteractive-ID.TableInteractive-cellWrapper:hover,
.TableInteractive-ID.TableInteractive-cellWrapper.tether-enabled {
  background-color: transparent;
}

.TableInteractive-ID.TableInteractive-cellWrapper:hover .cellData,
.TableInteractive-ID.TableInteractive-cellWrapper.tether-enabled .cellData {
  background-color: var(--color-brand);
  color: white;
}

.TableInteractive-headerCellData--sorted {
  color: var(--color-brand);
}

.TableInteractive-cellWrapper--firstColumn.padLeft {
  padding-left: 1.5em;
}

.TableInteractive-gutter {
  background-color: #ffffff;
}

.TableInteractive-detailButton {
  color: var(--color-brand);
  transition: opacity 0.2s ease-in-out;
  margin: 0 4px;
  opacity: 0;
}

.show .TableInteractive-detailButton {
  opacity: 1;
}

.react-sortable-hoc-helper.sorting {
  border-bottom: 2px solid var(--color-brand);
}

.react-sortable-hoc-helper.sorting .Icon-grabber {
  color: var(--color-brand);
  opacity: 0.5;
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;  
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}
.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}
.react-grid-item.dropping {
  visibility: hidden;
}
.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}
.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.react-resizable-hide > .react-resizable-handle {
  display: none;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
body {
  background-color: transparent;
}

.EmbedFrame {
  background-color: white;
}

.EmbedFrame-header,
.EmbedFrame-footer {
  color: #4c5773;
  background-color: white;
}

.Theme--night.EmbedFrame {
  background-color: #2e353b;
  border: 1px solid #93a1ab;
}

.Theme--night .EmbedFrame-header,
.Theme--night .EmbedFrame-footer {
  color: rgba(255, 255, 255, 0.86);
  background-color: #2e353b;
  border-color: #93a1ab;
}

.Theme--night.EmbedFrame .fullscreen-night-text {
  color: rgba(255, 255, 255, 0.86);
  transition: color 1s linear;
}

.Theme--night.EmbedFrame svg text {
  fill: rgba(255, 255, 255, 0.86) !important;
  stroke: none !important;
}

.Theme--night.EmbedFrame .DashCard .Card {
  background-color: #2e353b;
  border: 1px solid #93a1ab;
}

.Theme--night.EmbedFrame .enable-dots-onhover .dc-tooltip circle.dot:hover,
.Theme--night.EmbedFrame .enable-dots .dc-tooltip circle.dot {
  fill: currentColor;
}

.Theme--transparent.EmbedFrame {
  background-color: transparent;
}

.Theme--transparent .EmbedFrame-header,
.Theme--transparent .EmbedFrame-footer {
  background-color: transparent;
}

.Theme--transparent.EmbedFrame .DashCard .Card {
  background-color: transparent;
}

.saveQuestionModalFields {
  overflow: hidden;
}

.saveQuestionModalFields-enter {
  max-height: 0px;
}

.saveQuestionModalFields-enter.saveQuestionModalFields-enter-active {
  /* using 100% max-height breaks the transition */
  max-height: 300px;
  transition: max-height 500ms ease-out;
}

.saveQuestionModalFields-exit {
  max-height: 300px;
}

.saveQuestionModalFields-exit.saveQuestionModalFields-exit-active {
  max-height: 0px;
  transition: max-height 500ms ease-out;
}

._28ECv {
}

.lSHy_ {
}

._28ECv a {
  text-decoration: none;
}

._28d4p {
  color: #4c5773;
  font-size: 24px;
  min-height: 48px;
}

._2LRze {
  align-items: center;
  height: 100%;
  border-color: var(--color-brand);
}

._3ERmH {
  color: var(--color-brand);
  font-size: 14px;
}

.ACBPW {
  font-size: 14px;
}

.JxYsH {
  padding-top: 75px;
}

._2pJ-t {
}

._2SE86 {
  max-width: 100%;
}

._2mBuC {
  max-width: 100%;
  overflow: hidden;
}

._2cSZ9 {
  color: #696e7b;
  max-width: 600px;
  font-size: 14px;
}

._1h1Gh {
  font-size: 14px;
}

._3BUKJ {
  color: #4c5773;
}

._3gyg1 {
}

._1IWKZ {
}

.RBGnb {
}

._2UPF7 {
  padding-top: 4px;
}

._1NZgu {
  right: -40px;
}

/* hack fix for IE 11 which was hiding the archive icon */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ._1NZgu {
  }
}

._1tH76 {
  color: #949aab;
}

._2pJ-t ._1tH76 {
  visibility: hidden;
}

._2pJ-t:hover ._1tH76 {
  visibility: visible;
}

._1tH76:hover {
  color: var(--color-brand);
}

/* ITEM CHECKBOX */

.ka5-K {
  display: none;
  visibility: visible !important;
  margin-left: 10px;
}

._2pJ-t:hover .ka5-K,
._2pJ-t.BLblB .ka5-K {
  display: inline;
}

._2pJ-t.BLblB .ka5-K {
  color: var(--color-brand);
}

/* ITEM ICON */

.Dv7Tp {
  visibility: visible !important;
}

._2pJ-t:hover .Dv7Tp,
._2pJ-t.BLblB .Dv7Tp {
  display: none;
}

/* CHART ICON */

._3yW80 {
  visibility: visible !important;
}

/* ACTION ICONS */

._2JO7j,
.QsnWK,
._3HN5H {
}

._1Aa_P {
  line-height: 0;
}

.mZTuB {
}

._1GT7O {
  max-width: 900px;
}

.cDEmX {
  color: #696e7b;
}

._3XQ7b {
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 24px;
  padding-top: 6px;
}

._18EFR {
  padding-top: 6px;
}

._2ttuh {
  resize: none;
  font-size: 16px;
  width: 100%;
  min-height: 100px;
  border-color: #949aab;
}

._2ffFt {
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
}

._10mBH {
  resize: none;
  font-size: 16px;
  min-height: 100px;
}

._2EsTk {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 43px;
  background-color: rgba(255, 255, 255, 0.15);
}

._3xwd3 {
}

._34R76 {
  border: none;
  color: var(--color-brand);
}

._2jdvQ {
}

._1swfk {
  opacity: 0.5;
}

._3hqM3 {
  overflow: hidden;
  align-items: center;
  border-color: #eeecec;
}

._3RsBq {
  font-size: 18px;
  color: #696e7b;
  max-width: 550px;
}

._2iZsI {
}

.jgTY3 {
  font-size: 14px;
}

._1usD6 {
  color: var(--color-brand);
  text-decoration: none;
}

._1usD6:hover {
  color: var(--color-brand);
  transition: color 0.3s linear;
}

.QplMQ {
  top: -10px;
  font-size: 12px;
}

._1-jio {
  width: 30%;
  max-width: 500px;
  background-color: #f9fbfc;
  color: #696e7b;
}

._1-jio a {
  text-decoration: none;
}

._1qQzv,
._143k8 {
}

._1qQzv {
  font-size: 1em;
  color: #949aab;
}

._1qQzv .saWAj {
  line-height: 1em;
}

._143k8 {
  font-size: 16px;
}

._1qQzv:hover,
._143k8:hover {
  background-color: #edf2f5;
  color: var(--color-brand);
}

._1qQzv._1CO2D,
._1qQzv._1CO2D .saWAj,
._143k8._1CO2D {
  color: var(--color-brand);
}

._1qQzv._1CO2D,
._143k8._1CO2D {
  background-color: rgba(80, 158, 227, 0.15);
}

._2A40N {
}

._1IN-G {
  color: #696e7b;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

._1qQzv:hover ._1IN-G,
._1qQzv._1CO2D ._1IN-G {
  color: var(--color-brand);
}

.saWAj {
}

._3NHdT {
  width: 18px;
  height: 18px;
  border-radius: 3px;
}

.V_e0c {
  font-size: 20px;
}

._2JDh8 {
  color: currentColor;
}

._3lkOe {
  padding-top: 75px;
}

._12lXO {
  max-width: 400px;
}

._2Nc8g {
}

._1nDeh {
  padding-top: 20px;
  padding-bottom: 20px;
}

._3eHg- {
  padding-top: 20px;
  padding-left: 60px;
}

.bdjv2 {
  margin-left: 60px;
  font-size: 18px;
}

._3JG6m {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 13px;
  line-height: 1.4em;
  letter-spacing: 1px;
  white-space: pre-wrap;
  color: #696e7b;
  background-color: #f9fbfc;
  border: 1px solid #949aab;
  border-radius: 4px;
  padding: 0.2em 0.4em;
}

._3h8aH {
}

._3h8aH::before {
  /*FIXME: not sure how to share this with other components
     because we can't use composes here apparently. any workarounds?*/
  content: "";
  display: block;
  flex: 0.3;
  max-width: 250px;
  margin-right: 50px;
}

._2kKIm {
  flex: 0.7;
  max-width: 550px;
}

._1ssXs {
  margin-bottom: 50px;
}

._16TLB {
  font-size: 24px;
  margin-top: 50px;
}

._3t1qJ {
}

._3cYiX {
  font-size: 18px;
}

._3eu5P {
}

._27TXd {
}

._2d-Io {
  margin-bottom: 100px;
}

._1MaeR {
  font-size: 16px;
}

._3TJNb {
  max-width: 550px;
  color: #4c5773;
}

._1MXor {
  font-size: 24px;
}

._38Ah_ {
}

._2kwIW {
}

._2hn2X {
  font-size: 16px;
  color: #696e7b;
}

._3fnbu {
  font-size: 16px;
}

._1Ysza {
  color: #696e7b;
  font-size: 16px;
  margin-top: 50px;
}

._28W2g {
  color: #949aab;
  font-size: 16px;
  max-width: 700px;
}

.JxqTW {
  padding-right: 3.5rem;
}

.JxqTW::before {
  content: "";
  display: block;
  flex: 250;
  max-width: 250px;
  margin-right: 50px;
}

._2RVkP {
  flex: 550;
  max-width: 550px;
}

._2JkPZ {
  resize: none;
  font-size: 16px;
  width: 100%;
  max-width: 850px;
  min-height: 100px;
}

._15kU1 {
}

._1zQbQ {
  flex: 250;
  max-width: 250px;
  margin-right: 50px;
}

._3P-xH {
  flex: 550;
  max-width: 550px;
}

._3a5pX {
  font-size: 16px;
  display: block;
}

._9A4KH {
}

.HwsY- {
  max-width: 100%;
}

.POIhF {
  color: var(--color-brand);
  font-size: 16px;
}

._3J87J {
}

._3hiLw {
}

._3jtS4 {
}

._3MrIp {
  color: #696e7b;
  width: 100%;
  font-size: 14px;
}

._1uQ7X {
}

._12hYh {
  overflow: hidden;
  white-space: nowrap;
}

._3FxLA {
}

.Nf7Hp {
  font-size: 13px;
}

._1NnDR {
  font-size: 12px;
  letter-spacing: 1px;
}

._4KwNG {
}

._1ujEJ {
}

._190pI {
  font-size: 14px;
  color: #696e7b;
}

._2Hhl3 {
  background-color: #f9fbfc;
  cursor: pointer;
}

._3CI1f {
}

.kp0FY {
  font-size: 16px;
}

._1kWrk {
}

.formulaDefinition {
  overflow: hidden;
}

.formulaDefinition-enter {
  max-height: 0px;
}

.formulaDefinition-enter.formulaDefinition-enter-active {
  /* using 100% max-height breaks the transition */
  max-height: 150px;
  transition: max-height 300ms ease-out;
}

.formulaDefinition-exit {
  max-height: 150px;
}

.formulaDefinition-exit.formulaDefinition-exit-active {
  max-height: 0px;
  transition: max-height 300ms ease-out;
}