.nqSeEYQC06lGJ9l0goGQ {
  display: inline-block;
}

.AGienaUAzO7yNfg5f2SP {
  float: right;
}

.YnO0q4Oo0eY7aeE3leoC {
  display: flex;
}

.CqPWp1HYhDjMJsbIPT7q {
  flex: 1;
}

.ADbuJAzBnJAPeU9FLAzr {
}

.AUuAICnBfHfSLwD6PJd0 {
  color: blue;
}

.Fwyb2q4oalFFSO9D_n1w {
  margin: 5px;
}

.WpI0xeqnBCpBOLDm0fnh {
  position: relative;
  /** TODO(timd) work out how to position this below the header cell without guessing
     pixel offsets */
  top: 10px;
  left: 0px;
}

.lTnOO7dIjpJu5fUoZ69C {
  width: 300px;
  position: absolute;
  background: #f9fafb;
  top: 15px;
  left: -8px;
  z-index: 1;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.GOuspm77ixJCeGPeAh7n {
  position: relative;
}

.rO6a50DvE7EdjAYnaHIw {
  position: absolute;
  background: #f9fafb;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/**
   * Minimal style for a table cell, so that hover content can be positioned.
   * This style is assumed, so custom themes should make sure to apply it.
   */

.temAuFhlpWNQx1Z5F52J {
  /** Reset the padding, as the cell content will be responsible for its own padding. */
  padding: 0;

  /** Prevent wrapping, as a lot of logic makes assumptions about cell height */
  white-space: nowrap;

  /** We can't put this here as it is then not overridable (thanks to aphrodite's use of !important)
     and we need to override it to 'absolute' for fixed columns to work.
     So, we need to make sure this is explicitly set as a style in each cell...
     position: 'relative'; */
}

.fCo3a3dZWxjkIIi8Yrc9 {
  /** Padding value copied from semantic... ideally this would be done via external css somehow. */
  padding: "0.75em";
}

.ghpV7HtlVVq6nkinMSIr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/** Don't use going forward - see comment below: */

.TyOA1I6B1k4miNkN3pFg {
  position: absolute;
  left: 0;
  top: 40px; /** HACK(dan) to make it go under the cell.  I think we'll do away with this though,
                  I'm rejigging the DOM/CSS to optimise of lined-up overlay.  To position at the bottom
                  without a hack, use an extra 0-height container with bottom:0, and then place the popup
                  within that.
                 */
  background: #f9fafb;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.FKmc016vIazoPAx2NlO0 {
  width: 100%;
  margin: 5px 0px 0px 0px;
}

.bT5H8ZlpVYvhHBQDnkd8 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.Huk3j2C3zbEQvFF5S2bW {
  margin-left: 10px;
}

/** Standard multiple for sizes and spacings */
/** Standard border radius */
/** Standard border width */

/** Breakpoints : Mobile first use `@media (min-width: smBreak)` */

/** Page specifications*/
/** We do not support devices under 1024px, so we fix the minimum page and make it horizontal scrollable */

/** Column grid system specifications */

/** Default speed of CSS Transitions */

/*
 * The definitive list of colors to be used in the app. Colors should never
 * be referenced by hex code outside this file. All colors should be represented in
 * the list below.
 *
 * Please name colors with the appropriate prefix to avoid conflicts with
 * native browser colors:
 *
 * All new colors should appear in storybook
 */

/** Specsheet colors */

/** Fonts colors */

/** Background colour of the row displayed at the end of a top-level group. */
/** Background colour of a subgroup row. */

/* ---------------------------------------------------------------------------------

Only globals and all globals MUST belong here
this file needs to be imported at all entry points, e.g. the app, storybook, test init

This file is split into two sections.

Section 1 contains globals that are meant to be applied across all projects. Changes in this section
should be considered a core change and should also be applied to specsheet.

Section 2 contains only truly project-wide styles. First consider whether they can belong in just a widget
This section can contain styles that immediately override Section 1 styles.

--------------------------------------------------------------------------------- */

/* --------- Section 1. Reset CSS intended to applied across all projects. ---------*/

html {
  overflow-y: hidden;
  font-size: 12px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button:focus,
input:focus {
  outline: 0;
}

button {
  cursor: pointer;
  background: inherit;
}

/* widget specific (most likely). Could be 'global reset css', if so, leave in this file */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

html > body,
select {
  /*  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, system, sans-serif;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  font-size: 14px;
  line-height: 1.19em;
}

.e1L1NoLJAAidROdnS7Tz {
  font-weight: 400;
}

b,
strong,
.HDeBocSlQDXk0nq0HU00 {
  font-weight: 600;
}

a {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3 {
  font-weight: 600;
}

/** End of semantic UI specific resets */

h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1.19em;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

.VRdqrJynsrAhWTHH9zlg {
  font-size: 12px;
}

.lMUiQP9QZYsetCHNKlYw {
  font-size: 16px;
  line-height: 20px;
}

button {
  font-family: "Inter";
}

/* ---------
  Section 2.X Colors should only contain:
    color
--------- */

html > body,
select {
  color: #3e3f42;
}

a {
  color: #0000FF;
}

/* ---------
  Section 2.X Cursors should only contain:
    cursor
--------- */

a,
button {
  cursor: pointer;
}

/** General css styles */
.MQERu3fGadzatBY_9uYQ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.Hpx9aYmfTmNQw8b1dFQ8 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(158, 160, 165, 0.75);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(3 * 10px);
}
.F4cqbZGJDW6ygS8vruNQ {
  width: 1048px;
  border: 1px solid rgba(158, 160, 165, 0.25);
  background: #ffffff;
  outline: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.BiV8BDa66I51S8wCmENS {
  background-color: #ffffff;
}
.BGxSzVWU1Oam_YjBo2Z_ {
  position: absolute;
  right: calc(2 * 10px);
  top: calc(2 * 10px);
}
.luTi29TmLg55IKI6bvlT {
  padding: calc(2 * 10px) calc(3 * 10px);
}
.TzsbgCBt7ctb1zt1EZBg {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: calc(2 * 10px) calc(3 * 10px);
  border-top: 1px solid rgba(158, 160, 165, 0.25);
  background: #FBFBFD;
}
.TzsbgCBt7ctb1zt1EZBg > * {
  width: auto;
  min-width: 25%;
}
/** Base css styles for a modal with custom width */
.X3ARAw3HXjmm91Uwm1Ez {
}
/** XS modal styles */
.GtrotFd5F2dC6_YxVI_H {
  width: 320px;
}
.GtrotFd5F2dC6_YxVI_H .TzsbgCBt7ctb1zt1EZBg {
  padding: 10px calc(3 * 10px);
}
/** Reduced small size modal */
.Stxo3yXTECaefNZsma1J {
  width: 480px;
}
/** Reduced medium size modal */
.s2aiip2CHHdPuNtD2cOI {
  width: 640px;
}
.zAfOMH0gagPneSHK8Hh5 {
  width: 1048px;
}
.SeKECslC5q2s0d70EPPO {
  height: 650px;
}
.Z9dev4OVVD1tCnPZ0QVb {
  color: #000066;
  padding: 30px;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.UZnAkWZ1fTcmuE39yxZG {
  /* TODO(jess): Add this grey colour to colors.css. */
  background-color: #f4f4f4;
  color: #130800;
  font-size: 12px;
  line-height: 16px;
  padding: 10px;
  margin-bottom: 30px;
}
.SHBz3KcwJZ6DGvPgTggL {
  list-style: disc;
  padding-left: 30px;
  padding-top: 10px;
}
.SHBz3KcwJZ6DGvPgTggL li {
  margin-bottom: 5px;
}
.WEeDKuBJRjNXbVTWvk67 {
  padding: 20px;
}
.A7qpL1pKE1ydQiVvo0vB {
  overflow-y: auto;
  max-height: 250px;
}
.XRH4VNv01VhXpaIYccfI {
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-bottom: 10px;
}
.XRH4VNv01VhXpaIYccfI > *:not(:last-child) {
  margin-bottom: 10px;
}
.NyfCFH_pwdFEpcg03pR5 {
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #C4C4C4;
  margin-top: 10px;
  max-height: 250px;
}
.nFzlVTUj8v0Fy4MMXoSP b {
  color: #130800;
}
.gHHbxednzRtEWqb9AVlg {
  height: 160px;
}
.afoQQYgEDAAhDoLyF969 {
  line-height: 20px;
  background-color: #FBFBFD;
  color: #130800;
}
.b4nUT65d1fGlqe6WqA3N {
  margin-top: 30px;
}
.cEXIVRPwasFwrwL7O8OQ {
}
.E5OkIgwK_ACUioQISOrE {
  background: #f4f4f4;
}
.x12QRMn1iN_kpy9Odf1z {
  background: #f4f4f4;
}
.ED6BHCvWvllp_Vl4u8Ks {
  background: #f4f4f4;
  border-top: none;
}
.ohUTzKUzbPuELXvgYa72 b {
  color: #130800;
}
.ljRFoowDVCiCoq7ilRgu {
  overflow-y: auto;
  max-height: 500px;
  padding-right: calc(2 * 10px);
}
.Fi1Gcif9nrSQ0_iq6K1d {
  margin-top: 10px;
}
.qwFPJtSyWV2g3FTdOMQi {
  color: #0000FF;
  line-height: 16px;
  height: -moz-fit-content;
  height: fit-content;
  padding: calc(2 * 10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.zFo4QU4jd1_clsjzo236 {
  padding-left: 0;
  padding-bottom: 0;
}
._iU4KNPvSiTMZ7BjPtev {
  flex-grow: 3;
}
.P0ZlU8Aj9PuK_SsKmZyP {
  color: #C4C4C4;
}
.zwbjDyDdwES7ZL3i_AuS {
  margin-bottom: calc(0.5 * 10px);
}
.nsl_ibZsAmLe3N2l3ftg {
  margin-top: 10px;
}
.jEXiRSWAlXUNskLmPeO7 {
  margin-top: 10px;
  color: #C4C4C4;
}
.y0JMWKtMQs6oAWvByfYd {
  padding: 10px;
}
.bQrhGVQ7AXsAUOoJKRq9 {
  padding-left: 10px;
  padding-right: 10px;
}
.CT7GdhGkdf3LMhj859QG {
  padding-left: calc(2 * 10px);
  padding-right: calc(2 * 10px);
}

/** General css styles */

.MQERu3fGadzatBY_9uYQ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.Hpx9aYmfTmNQw8b1dFQ8 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(158, 160, 165, 0.75);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(3 * 10px);
}

.F4cqbZGJDW6ygS8vruNQ {
  width: 1048px;
  border: 1px solid rgba(158, 160, 165, 0.25);
  background: #ffffff;
  outline: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.BiV8BDa66I51S8wCmENS {
  background-color: #ffffff;
}

.BGxSzVWU1Oam_YjBo2Z_ {
  position: absolute;
  right: calc(2 * 10px);
  top: calc(2 * 10px);
}

.luTi29TmLg55IKI6bvlT {
  padding: calc(2 * 10px) calc(3 * 10px);
}

.TzsbgCBt7ctb1zt1EZBg {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: calc(2 * 10px) calc(3 * 10px);
  border-top: 1px solid rgba(158, 160, 165, 0.25);
  background: #FBFBFD;
}

.TzsbgCBt7ctb1zt1EZBg > * {
  width: auto;
  min-width: 25%;
}

/** Base css styles for a modal with custom width */
.X3ARAw3HXjmm91Uwm1Ez {
}

/** XS modal styles */
.GtrotFd5F2dC6_YxVI_H {
  width: 320px;
}

.GtrotFd5F2dC6_YxVI_H .TzsbgCBt7ctb1zt1EZBg {
  padding: 10px calc(3 * 10px);
}

/** Reduced small size modal */
.Stxo3yXTECaefNZsma1J {
  width: 480px;
}

/** Reduced medium size modal */
.s2aiip2CHHdPuNtD2cOI {
  width: 640px;
}

.zAfOMH0gagPneSHK8Hh5 {
  width: 1048px;
}

.SeKECslC5q2s0d70EPPO {
  height: 650px;
}

.Z9dev4OVVD1tCnPZ0QVb {
  color: #000066;
  padding: 30px;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.UZnAkWZ1fTcmuE39yxZG {
  /* TODO(jess): Add this grey colour to colors.css. */
  background-color: #f4f4f4;
  color: #130800;
  font-size: 12px;
  line-height: 16px;
  padding: 10px;
  margin-bottom: 30px;
}

.SHBz3KcwJZ6DGvPgTggL {
  list-style: disc;
  padding-left: 30px;
  padding-top: 10px;
}

.SHBz3KcwJZ6DGvPgTggL li {
  margin-bottom: 5px;
}

.WEeDKuBJRjNXbVTWvk67 {
  padding: 20px;
}

.A7qpL1pKE1ydQiVvo0vB {
  overflow-y: auto;
  max-height: 250px;
}

.XRH4VNv01VhXpaIYccfI {
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-bottom: 10px;
}

.XRH4VNv01VhXpaIYccfI > *:not(:last-child) {
  margin-bottom: 10px;
}

.NyfCFH_pwdFEpcg03pR5 {
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #C4C4C4;
  margin-top: 10px;
  max-height: 250px;
}

.nFzlVTUj8v0Fy4MMXoSP b {
  color: #130800;
}

.gHHbxednzRtEWqb9AVlg {
  height: 160px;
}

.afoQQYgEDAAhDoLyF969 {
  line-height: 20px;
  background-color: #FBFBFD;
  color: #130800;
}

.b4nUT65d1fGlqe6WqA3N {
  margin-top: 30px;
}

.cEXIVRPwasFwrwL7O8OQ {
}

.E5OkIgwK_ACUioQISOrE {
  background: #f4f4f4;
}

.x12QRMn1iN_kpy9Odf1z {
  background: #f4f4f4;
}

.ED6BHCvWvllp_Vl4u8Ks {
  background: #f4f4f4;
  border-top: none;
}

.ohUTzKUzbPuELXvgYa72 b {
  color: #130800;
}

.ljRFoowDVCiCoq7ilRgu {
  overflow-y: auto;
  max-height: 500px;
  padding-right: calc(2 * 10px);
}

.Fi1Gcif9nrSQ0_iq6K1d {
  margin-top: 10px;
}

.qwFPJtSyWV2g3FTdOMQi {
  color: #0000FF;
  line-height: 16px;
  height: fit-content;
  padding: calc(2 * 10px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}

.zFo4QU4jd1_clsjzo236 {
  padding-left: 0;
  padding-bottom: 0;
}

._iU4KNPvSiTMZ7BjPtev {
  flex-grow: 3;
}

.P0ZlU8Aj9PuK_SsKmZyP {
  color: #C4C4C4;
}

.zwbjDyDdwES7ZL3i_AuS {
  margin-bottom: calc(0.5 * 10px);
}

.nsl_ibZsAmLe3N2l3ftg {
  margin-top: 10px;
}

.jEXiRSWAlXUNskLmPeO7 {
  margin-top: 10px;
  color: #C4C4C4;
}

.y0JMWKtMQs6oAWvByfYd {
  padding: 10px;
}

.bQrhGVQ7AXsAUOoJKRq9 {
  padding-left: 10px;
  padding-right: 10px;
}

.CT7GdhGkdf3LMhj859QG {
  padding-left: calc(2 * 10px);
  padding-right: calc(2 * 10px);
}

.SmXtvGodfrPmWqRJUKth {
  margin: calc(2 * 10px) 0;
  overflow: auto;
}

.Xn_GqFh6Q2aWyXSnmzsv {
  text-align: center;
}

.wU9ZOj2ba2V3b3OA4Wn4 {
  padding: calc(2 * 10px) calc(3 * 10px);
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

.wqbq2VuQ4K71eE0aaEK8 {
  margin-right: 10px;
}

.qIwq17B2Z57LjDwHi9kB {
  margin-bottom: 0;
}

.aqR5o0IKx9ilq4hwzDCC {
  margin-bottom: calc(10px / 2);
  color: #6b6c6f;
}

.faLEfjNKi8F0FFwnuOH_ {
  fill: #C4C4C4;
  width: 14px;
  height: 14px;
  display: inline-block;
}
/** Sizes */
.m5N9eoWuY08vNbVt6uhw {
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.RioHlFkzUXPrpT2W_y6i {
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.sabpwlEsOnBU_IM0g7eg {
  width: calc(1.5 * 14px);
  height: calc(1.5 * 14px);
}
.m60Ft1IYoMBYmUBRJx25 {
  width: calc(2 * 14px);
  height: calc(2 * 14px);
}
.voIFeOto6lOtfbColXrM {
  width: calc(3 * 14px);
  height: calc(3 * 14px);
}
.lLFs8nn0XbTud_vm5YBd {
  width: calc(4 * 14px);
  height: calc(4 * 14px);
}
.wbz614FuMGcLXOT7dbSx {
  width: calc(5 * 14px);
  height: calc(5 * 14px);
}
.BMtsy0ZmlfF2ce5xhgz4 {
  width: calc(6 * 14px);
  height: calc(6 * 14px);
}
/** Colors */
.sMn4fE5dsenoprbMbdL7 {
  /* TODO(jess): Rename this to grey. */
  fill: #C4C4C4;
}
.ugbZ7dIzGyvVWkN4IwUQ {
  fill: #6b6c6f;
}
.Eo9iea7RbVqDRLuk5Wmi {
  fill: #000000;
}
.Oo2Y_DUMxtCOkPXje8B8 {
  fill: #ffffff;
}
.Jq4Z_61OocvSx8lbzMJA {
  fill: #FF4928;
}
.uSI49KOiF443dESijlUo {
  fill: #1cbf32;
}
.IlhHTzuNmhv6vB49avjV {
  fill: #0000FF;
}
.JrPCLKChKc1dQf8grTiW {
  fill: #f6ab2f;
}
.kJ_WVXI9Jr7mdEbv04rO {
  fill: #facf55;
}
.ew4vhwWind4FDQwdt53C {
  fill: #00008f;
}
.yDgIsnS8iXHqFqyZFyxq {
  cursor: pointer;
}

.ptd0JlJs_2WrdfqTBfo7 {
  margin: calc(2 * 10px) 0;
  overflow: auto;
}

.Ek3oWfJSqAP9YLAqty20 {
  text-align: center;
}

.z18vzqYaFA_4Ovf1k0Qt {
  padding: calc(2 * 10px) calc(3 * 10px);
  padding-bottom: 0;
  display: flex;
  align-items: center;
}

.z7p31Wqho1zfn15BKgsO {
  margin-right: 10px;
}

.hzcxPGwHQ3Iq21HLl03Z {
  margin-bottom: 0;
}

/* Utility Classes for Speedy Container Layout  */

.FrhQoiG2i7ilGZR39thm {
  display: flex;
  flex-direction: row;
}

.nOIB04HG0IKQW6merALZ {
  display: flex;
  flex-direction: column;
}

/* .spaced */

.FrhQoiG2i7ilGZR39thm.AuPUKR1GrIqg0VGgd2zu > * {
  margin-right: 8px;
}

.FrhQoiG2i7ilGZR39thm.AuPUKR1GrIqg0VGgd2zu > *:last-child {
  margin-right: 0;
}

.nOIB04HG0IKQW6merALZ.AuPUKR1GrIqg0VGgd2zu > * {
  margin-bottom: 8px;
}

.nOIB04HG0IKQW6merALZ.AuPUKR1GrIqg0VGgd2zu > *:last-child {
  margin-bottom: 0;
}

/* Horizintal Alignment */

.tfD8ebgrtYQkCRnhcIzF {
  justify-content: flex-start;
}

.aNvtL8UijRtPa7FhqYHK {
  justify-content: center;
}

.Mm_wuc7rFLFS2bEBjpiO {
  justify-content: flex-end;
}

.yVpYn1nLBw1sMNT6sYz8 {
  justify-content: stretch;
}

.Hu0e9P7l0i_7_j_obmZx {
  justify-content: space-between;
}

/* Vertical Alignment */

.tfguWqZIfwf4TKvMzF6w {
  align-items: flex-start;
}

.aMD1iZFApMb80V29A2uS {
  align-items: center;
}

.TvpSKvpzA058RwSDwoxj {
  align-items: flex-end;
}

/* Padded Container */

.FrhQoiG2i7ilGZR39thm.PVT0DntQdzJuWg3RvQZa,
.nOIB04HG0IKQW6merALZ.PVT0DntQdzJuWg3RvQZa {
  padding: 8px;
}

.J3k3QCpfCD7T1DoZCIlw {
  width: 100%;
}

/**
* CSS util classes
*/

/** Forces the text content to fit into the container drawing the overflow with ellipsis ... */
.HLPps1veRZzwqExx3n0Q {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/** Avoid text highlight selection */
.zMKvMXGUTvRx6WSWmu2N {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

.x3wK7l6__Bf0vloNuneu {
  position: relative;
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 4px;
  padding: 10px 0;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
}
.x3wK7l6__Bf0vloNuneu:disabled {
  cursor: default;
}
.x3wK7l6__Bf0vloNuneu.lSgTgxLOBHxSq_U9L8ri {
  color: #ffffff;
  font-weight: 600;
}
button.lSgTgxLOBHxSq_U9L8ri.El_FE1KzltbJ0DHqfJpb:not(:disabled) {
  background-color: #0000FF;
  border-color: #0000FF;
}
button.lSgTgxLOBHxSq_U9L8ri.oXEpwg37072ypDZpuDRg:not(:disabled) {
  background-color: #FF4928;
  border-color: #FF4928;
}
.x3wK7l6__Bf0vloNuneu.lSgTgxLOBHxSq_U9L8ri.r1PCXvQPY4JNBuVZjm7l:not(:disabled) {
  background-color: #1cbf32;
  border-color: #1cbf32;
}
button.lSgTgxLOBHxSq_U9L8ri.ARrwC_QL2Kd8XIuZRtqf:not(:disabled) {
  background-color: #000000;
  border-color: #000000;
}
.x3wK7l6__Bf0vloNuneu.lSgTgxLOBHxSq_U9L8ri:disabled {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
  color: #3E3F42;
  cursor: not-allowed;
}
.x3wK7l6__Bf0vloNuneu.AA0Ons_xHxZJI9MpvR0j {
  color: #000066;
  background-color: #ffffff;
  border: 1px solid #C4C4C4;
  font-weight: 600;
}
button.AA0Ons_xHxZJI9MpvR0j.r1PCXvQPY4JNBuVZjm7l:not(:disabled) {
  color: #1cbf32;
  border-color: #1cbf32;
}
.x3wK7l6__Bf0vloNuneu.AA0Ons_xHxZJI9MpvR0j:disabled {
  color: #f4f4f4;
  cursor: not-allowed;
}
.x3wK7l6__Bf0vloNuneu .UiAjGrTzYn8i6eC8O9GA {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  /**
   * IMPORTANT(jess): For unknown reasons, the height of .content
   * explodes to 8400px in Safari making the button text disappear (out of the viewport).
   * Temporary fix to set max-height to 16px to resolve this issue for now.
   */
  max-height: 16px;
}
.x3wK7l6__Bf0vloNuneu .wdytcihqiFtlxjziyR1u {
  display: flex;
  align-items: center;
}
.x3wK7l6__Bf0vloNuneu .MzZb9SlxN3XJK89zUQUv {
  margin-right: 10px;
}
.x3wK7l6__Bf0vloNuneu .yEyQTMKUrlo0M3VGESJG {
  margin-left: 10px;
  transition: transform 250ms;
}
.oqZqC_gq81V0vL8lBrbf .UiAjGrTzYn8i6eC8O9GA {
  visibility: hidden;
}
/** Button spinner styles */
.NQsa8LIVS4C1CMhRj5L1 {
  position: absolute;
  left: calc(50% - 0.5 * calc(10 * 10px));
  width: calc(10 * 10px);
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}
.NQsa8LIVS4C1CMhRj5L1:after {
  content: "";
  border: 8px solid #f4f4f4;
  border-top: 8px solid #ffffff;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  animation: SCJULbZ2vlDOXFe270mh 1.5s linear infinite;
  display: inline-block;
  box-sizing: initial;
}
.NQsa8LIVS4C1CMhRj5L1.El_FE1KzltbJ0DHqfJpb:after {
  border-top-color: #0000FF;
}
.NQsa8LIVS4C1CMhRj5L1.r1PCXvQPY4JNBuVZjm7l:after {
  border-top-color: #1cbf32;
}
/* Safari */
@keyframes SCJULbZ2vlDOXFe270mh {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
/** Group button styles */
._dqObNLdSTI0L04pptS2 {
  display: flex;
  background-color: #ffffff;
}
.RlquB6B_xvglM84zgnKA {
  font-size: 12px;
  border-width: 1px 0;
  border-radius: 0;
  border-color: #000066;
  border-style: solid;
}
.RlquB6B_xvglM84zgnKA {
  border-right-width: 1px;
  color: #000066;
}
._ydxcgmL2gNRnrzU3hyg {
  border-color: rgba(158, 160, 165, 0.25);
}
._ydxcgmL2gNRnrzU3hyg + .RlquB6B_xvglM84zgnKA {
  border-left-width: 1px;
}
.RlquB6B_xvglM84zgnKA:last-child {
  border-right-width: 1px;
  border-radius: 0 4px 4px 0;
}
.RlquB6B_xvglM84zgnKA:first-of-type {
  border-radius: 4px 0 0 4px;
  border-left-width: 1px;
}
.RlquB6B_xvglM84zgnKA:hover {
  background-color: #FBFBFD;
}
.zgTJAWhWdWHw3esE0OHN {
  fill: #000066;
}
.vvbiP2XLBV3MmPToO1Vz {
  position: absolute;
  background-color: #f4f4f4;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 102;
}
.vGO2vwshJQ5EMtaiqYhu {
  padding-top: 20px;
}
.vvbiP2XLBV3MmPToO1Vz a {
  color: #000066;
  padding: calc(1 * 10px) calc(1.5 * 10px);
  text-decoration: none;
  display: block;
}
.vvbiP2XLBV3MmPToO1Vz a:hover {
  background-color: rgba(0,0,255,0.25);
}
.UcvPoPHGHBmkLVRdmgFr {
  padding-left: calc(1.5 * 10px);
  padding-right: calc(1.5 * 10px);
}
.u2WQDeVg4v4Pkg321u3U {
  border-style: none;
}
.YeDr1jcQEi3WNCi1fKge {
  transform: rotate(180deg);
}
.M6DnRC8Jy6s_7ZSG_uj_ {
  margin-left: calc(1.5 * 10px);
  padding-bottom: 10px;
  color: #000000;
}

.CSbxOKv1ckVIaR6LwYlX {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid rgba(158, 160, 165, 0.25);
  font-size: 12px;
}
.CSbxOKv1ckVIaR6LwYlX.tZW6oNaH1cXLgaBP3tm5 td {
  vertical-align: middle;
}
.CSbxOKv1ckVIaR6LwYlX.Hf1z4blWtyAS6Zcmx9Xg td {
  vertical-align: top;
}
.CSbxOKv1ckVIaR6LwYlX.IY3yTWKTOUE2Qjj9699B td {
  vertical-align: bottom;
}
.I86mmMg_JYW_FD6YrK5W {
}
.I86mmMg_JYW_FD6YrK5W .gRYy4lXeqjemQ0lXQ9KD {
  /* NOTE: `height` has same behavior as `min-height` for table cells */
  height: 44px;
  padding: 10px;
  color: #9ea0a5;
  text-align: left;
}
.MSaFZpUZxwE9Duq21kGX {
  display: flex;
  align-items: center;
}
.qdxwDwh8EDZWckfMAVp_ {
}
.qdxwDwh8EDZWckfMAVp_ .gRYy4lXeqjemQ0lXQ9KD {
  /* NOTE: `height` has same behavior as `min-height` for table cells */
  height: 35px;
  padding: 10px;
}
.dM2oMyncXD2jWxiY1Yxg {
  border-bottom: 1px solid rgba(158, 160, 165, 0.25);
}
.qdxwDwh8EDZWckfMAVp_ .dM2oMyncXD2jWxiY1Yxg:last-child {
  border-bottom: 0;
}
.k7_T9jbICS6rlRCveAYZ,
.AMKqhGmYIQSYYfT1b9In {
  cursor: pointer;
}
.gRYy4lXeqjemQ0lXQ9KD.k7_T9jbICS6rlRCveAYZ:hover {
  color: #0000FF;
  /** Note: CSS modules does not allow composition when using multiple classes or hover states */
  font-family: "Inter";
}
.dM2oMyncXD2jWxiY1Yxg.k7_T9jbICS6rlRCveAYZ:hover {
  background: rgba(0,0,255,0.25);
}
.PD_AXhXmF6BQhfbG7f1O {
  margin-left: calc(10px/2);
}
/** New rows animations */
.rwN2x5Ms3KRjfScGlb4r {
  /** CSS Transitions group does not support using composes from CSS modules (complains about html space characters)*/
  font-family: "Inter";
  color: #0000FF;
}
.v9H_aTtiO15gucN15PGJ {
  opacity: 1;
}
.v9H_aTtiO15gucN15PGJ.BDwVN_6Dmax6ycWipm7X {
  opacity: 0.01;
  transition: opacity 200ms ease-in;
}
.qHHd_f4RIpTh4znkSGRj {
  color: #000066;
}


/*# sourceMappingURL=main.5fd86fdc27d7d4aecb37.css.map*/