/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

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

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type='checkbox'],
input[type='radio'] {
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 *    (include `-moz` to future-proof).
 */

input[type='search'] {
  -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/**
 * Remove most spacing between table cells.
 */

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

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

/* TODO: Generate transparency via PostCSS functions */
:root {
  --transparent-base: 0.2;

  --transparent-light: var(--transparent-base);
  --transparent-medium: calc(var(--transparent-base)*2);
  --transparent-medium: calc(var(--transparent-base) * 2);
  --transparent-heavy: calc(var(--transparent-base)*4);
  --transparent-heavy: calc(var(--transparent-base) * 4);
}

:root {
  /* TODO: Use PostCSS to generate colors with transparency */
  /* FIGMA ------------ */

  /* Teal */
  --color-teal-darker: hsla(181,71%,16%, 1);--color-teal-darker-transparent-light: hsla(181, 71%, 16%, var(--transparent-light));
--color-teal-darker-transparent-medium: hsla(181, 71%, 16%, var(--transparent-medium));
--color-teal-darker-transparent-heavy: hsla(181, 71%, 16%, var(--transparent-heavy));
;
  --color-teal-dark: hsla(181,71%,21%, 1);--color-teal-dark-transparent-light: hsla(181, 71%, 21%, var(--transparent-light));
--color-teal-dark-transparent-medium: hsla(181, 71%, 21%, var(--transparent-medium));
--color-teal-dark-transparent-heavy: hsla(181, 71%, 21%, var(--transparent-heavy));
;
  --color-teal: hsla(181,65%,30%, 1);--color-teal-transparent-light: hsla(181, 65%, 30%, var(--transparent-light));
--color-teal-transparent-medium: hsla(181, 65%, 30%, var(--transparent-medium));
--color-teal-transparent-heavy: hsla(181, 65%, 30%, var(--transparent-heavy));
;
  --color-teal-light: hsla(178,76%,43%, 1);--color-teal-light-transparent-light: hsla(178, 76%, 43%, var(--transparent-light));
--color-teal-light-transparent-medium: hsla(178, 76%, 43%, var(--transparent-medium));
--color-teal-light-transparent-heavy: hsla(178, 76%, 43%, var(--transparent-heavy));
;
  --color-teal-lighter: hsla(178,71%,64%, 1);--color-teal-lighter-transparent-light: hsla(178, 71%, 64%, var(--transparent-light));
--color-teal-lighter-transparent-medium: hsla(178, 71%, 64%, var(--transparent-medium));
--color-teal-lighter-transparent-heavy: hsla(178, 71%, 64%, var(--transparent-heavy));
;

  /* Grey */
  --color-grey-darker: hsla(210,16%,14%, 1);--color-grey-darker-transparent-light: hsla(210, 16%, 14%, var(--transparent-light));
--color-grey-darker-transparent-medium: hsla(210, 16%, 14%, var(--transparent-medium));
--color-grey-darker-transparent-heavy: hsla(210, 16%, 14%, var(--transparent-heavy));
;
  --color-grey-dark: hsla(210,15%,25%, 1);--color-grey-dark-transparent-light: hsla(210, 15%, 25%, var(--transparent-light));
--color-grey-dark-transparent-medium: hsla(210, 15%, 25%, var(--transparent-medium));
--color-grey-dark-transparent-heavy: hsla(210, 15%, 25%, var(--transparent-heavy));
;
  --color-grey: hsla(224,10%,46%, 1);--color-grey-transparent-light: hsla(224, 10%, 46%, var(--transparent-light));
--color-grey-transparent-medium: hsla(224, 10%, 46%, var(--transparent-medium));
--color-grey-transparent-heavy: hsla(224, 10%, 46%, var(--transparent-heavy));
;
  --color-grey-light: hsla(213,16%,73%, 1);--color-grey-light-transparent-light: hsla(213, 16%, 73%, var(--transparent-light));
--color-grey-light-transparent-medium: hsla(213, 16%, 73%, var(--transparent-medium));
--color-grey-light-transparent-heavy: hsla(213, 16%, 73%, var(--transparent-heavy));
;
  --color-grey-lighter: hsla(213,32%,90%, 1);--color-grey-lighter-transparent-light: hsla(213, 32%, 90%, var(--transparent-light));
--color-grey-lighter-transparent-medium: hsla(213, 32%, 90%, var(--transparent-medium));
--color-grey-lighter-transparent-heavy: hsla(213, 32%, 90%, var(--transparent-heavy));
;
  --color-grey-lightest: hsla(231,78%,98%, 1);--color-grey-lightest-transparent-light: hsla(231, 78%, 98%, var(--transparent-light));
--color-grey-lightest-transparent-medium: hsla(231, 78%, 98%, var(--transparent-medium));
--color-grey-lightest-transparent-heavy: hsla(231, 78%, 98%, var(--transparent-heavy));
;

  /* Cyan */
  --color-cyan: rgba(80, 162, 221);
  --color-cyan-light: rgba(80, 162, 221, 0.2);

  /* White */
  --color-white: rgba(255, 255, 255);

  /* Cream */
  --color-cream: hsla(30,30%,96%, 1);--color-cream-transparent-light: hsla(30, 30%, 96%, var(--transparent-light));
--color-cream-transparent-medium: hsla(30, 30%, 96%, var(--transparent-medium));
--color-cream-transparent-heavy: hsla(30, 30%, 96%, var(--transparent-heavy));
;

  /* Green */
  --color-green-dark: hsla(122,72%,39%, 1);--color-green-dark-transparent-light: hsla(122, 72%, 39%, var(--transparent-light));
--color-green-dark-transparent-medium: hsla(122, 72%, 39%, var(--transparent-medium));
--color-green-dark-transparent-heavy: hsla(122, 72%, 39%, var(--transparent-heavy));
;
  --color-green: hsla(122,60%,61%, 1);--color-green-transparent-light: hsla(122, 60%, 61%, var(--transparent-light));
--color-green-transparent-medium: hsla(122, 60%, 61%, var(--transparent-medium));
--color-green-transparent-heavy: hsla(122, 60%, 61%, var(--transparent-heavy));
;
  --color-green-light: hsla(108,88%,83%, 1);--color-green-light-transparent-light: hsla(108, 88%, 83%, var(--transparent-light));
--color-green-light-transparent-medium: hsla(108, 88%, 83%, var(--transparent-medium));
--color-green-light-transparent-heavy: hsla(108, 88%, 83%, var(--transparent-heavy));
;
  --color-green-modern: #BEFAAF;
  --color-green-modern-light: #DFFFD4;
  --color-green-modern-dark: #88C985;

  /* Red */
  --color-red-dark: hsla(3,82%,22%, 1);--color-red-dark-transparent-light: hsla(3, 82%, 22%, var(--transparent-light));
--color-red-dark-transparent-medium: hsla(3, 82%, 22%, var(--transparent-medium));
--color-red-dark-transparent-heavy: hsla(3, 82%, 22%, var(--transparent-heavy));
;
  --color-red: hsla(3,82%,46%, 1);--color-red-transparent-light: hsla(3, 82%, 46%, var(--transparent-light));
--color-red-transparent-medium: hsla(3, 82%, 46%, var(--transparent-medium));
--color-red-transparent-heavy: hsla(3, 82%, 46%, var(--transparent-heavy));
;
  --color-red-light: hsla(2,90%,77%, 1);--color-red-light-transparent-light: hsla(2, 90%, 77%, var(--transparent-light));
--color-red-light-transparent-medium: hsla(2, 90%, 77%, var(--transparent-medium));
--color-red-light-transparent-heavy: hsla(2, 90%, 77%, var(--transparent-heavy));
;

  /* Orange */
  --color-orange-dark: hsla(28,89%,42%, 1);--color-orange-dark-transparent-light: hsla(28, 89%, 42%, var(--transparent-light));
--color-orange-dark-transparent-medium: hsla(28, 89%, 42%, var(--transparent-medium));
--color-orange-dark-transparent-heavy: hsla(28, 89%, 42%, var(--transparent-heavy));
;
  --color-orange: hsla(28,87%,62%, 1);--color-orange-transparent-light: hsla(28, 87%, 62%, var(--transparent-light));
--color-orange-transparent-medium: hsla(28, 87%, 62%, var(--transparent-medium));
--color-orange-transparent-heavy: hsla(28, 87%, 62%, var(--transparent-heavy));
;
  --color-orange-light: hsla(29,98%,77%, 1);--color-orange-light-transparent-light: hsla(29, 98%, 77%, var(--transparent-light));
--color-orange-light-transparent-medium: hsla(29, 98%, 77%, var(--transparent-medium));
--color-orange-light-transparent-heavy: hsla(29, 98%, 77%, var(--transparent-heavy));
;

  /*Yellow*/
  --color-yellow-dark: hsla(54,69%,42%, 1);--color-yellow-dark-transparent-light: hsla(54, 69%, 42%, var(--transparent-light));
--color-yellow-dark-transparent-medium: hsla(54, 69%, 42%, var(--transparent-medium));
--color-yellow-dark-transparent-heavy: hsla(54, 69%, 42%, var(--transparent-heavy));
;
  --color-yellow: hsla(54,82%,46%, 1);--color-yellow-transparent-light: hsla(54, 82%, 46%, var(--transparent-light));
--color-yellow-transparent-medium: hsla(54, 82%, 46%, var(--transparent-medium));
--color-yellow-transparent-heavy: hsla(54, 82%, 46%, var(--transparent-heavy));
;
  --color-yellow-light: hsla(56,92%,74%, 1);--color-yellow-light-transparent-light: hsla(56, 92%, 74%, var(--transparent-light));
--color-yellow-light-transparent-medium: hsla(56, 92%, 74%, var(--transparent-medium));
--color-yellow-light-transparent-heavy: hsla(56, 92%, 74%, var(--transparent-heavy));
;

  /*Blue*/
  --color-blue-dark: hsla(183,74%,28%, 1);--color-blue-dark-transparent-light: hsla(183, 74%, 28%, var(--transparent-light));
--color-blue-dark-transparent-medium: hsla(183, 74%, 28%, var(--transparent-medium));
--color-blue-dark-transparent-heavy: hsla(183, 74%, 28%, var(--transparent-heavy));
;
  --color-blue: hsla(184,96%,37%, 1);--color-blue-transparent-light: hsla(184, 96%, 37%, var(--transparent-light));
--color-blue-transparent-medium: hsla(184, 96%, 37%, var(--transparent-medium));
--color-blue-transparent-heavy: hsla(184, 96%, 37%, var(--transparent-heavy));
;
  --color-blue-light: hsla(184,90%,65%, 1);--color-blue-light-transparent-light: hsla(184, 90%, 65%, var(--transparent-light));
--color-blue-light-transparent-medium: hsla(184, 90%, 65%, var(--transparent-medium));
--color-blue-light-transparent-heavy: hsla(184, 90%, 65%, var(--transparent-heavy));
;

  /*Navy*/
  --color-navy-grey: #243240;

  /*Purple*/
  --color-purple-dark: hsla(266,90%,27%, 1);--color-purple-dark-transparent-light: hsla(266, 90%, 27%, var(--transparent-light));
--color-purple-dark-transparent-medium: hsla(266, 90%, 27%, var(--transparent-medium));
--color-purple-dark-transparent-heavy: hsla(266, 90%, 27%, var(--transparent-heavy));
;
  --color-purple: hsla(266,35%,45%, 1);--color-purple-transparent-light: hsla(266, 35%, 45%, var(--transparent-light));
--color-purple-transparent-medium: hsla(266, 35%, 45%, var(--transparent-medium));
--color-purple-transparent-heavy: hsla(266, 35%, 45%, var(--transparent-heavy));
;
  --color-purple-light: hsla(268,90%,81%, 1);--color-purple-light-transparent-light: hsla(268, 90%, 81%, var(--transparent-light));
--color-purple-light-transparent-medium: hsla(268, 90%, 81%, var(--transparent-medium));
--color-purple-light-transparent-heavy: hsla(268, 90%, 81%, var(--transparent-heavy));
;

  /* End of Figma colors ------------ */

  /* Semantic colors ------- */

  /* Highlights */
  --color-primary: var(--color-teal);
--color-primary-transparent-light: var(--color-teal-transparent-light);
--color-primary-transparent-medium: var(--color-teal-transparent-medium);
--color-primary-transparent-heavy: var(--color-teal-transparent-heavy);
--color-primary-darker: var(--color-teal-darker);
--color-primary-darker-transparent-light: var(--color-teal-darker-transparent-light);
--color-primary-darker-transparent-medium: var(--color-teal-darker-transparent-medium);
--color-primary-darker-transparent-heavy: var(--color-teal-darker-transparent-heavy);
--color-primary-dark: var(--color-teal-dark);
--color-primary-dark-transparent-light: var(--color-teal-dark-transparent-light);
--color-primary-dark-transparent-medium: var(--color-teal-dark-transparent-medium);
--color-primary-dark-transparent-heavy: var(--color-teal-dark-transparent-heavy);
--color-primary-light: var(--color-teal-light);
--color-primary-light-transparent-light: var(--color-teal-light-transparent-light);
--color-primary-light-transparent-medium: var(--color-teal-light-transparent-medium);
--color-primary-light-transparent-heavy: var(--color-teal-light-transparent-heavy);
--color-primary-lighter: var(--color-teal-lighter);
--color-primary-lighter-transparent-light: var(--color-teal-lighter-transparent-light);
--color-primary-lighter-transparent-medium: var(--color-teal-lighter-transparent-medium);
--color-primary-lighter-transparent-heavy: var(--color-teal-lighter-transparent-heavy);
;
  --color-shade: var(--color-grey);
--color-shade-transparent-light: var(--color-grey-transparent-light);
--color-shade-transparent-medium: var(--color-grey-transparent-medium);
--color-shade-transparent-heavy: var(--color-grey-transparent-heavy);
--color-shade-darker: var(--color-grey-darker);
--color-shade-darker-transparent-light: var(--color-grey-darker-transparent-light);
--color-shade-darker-transparent-medium: var(--color-grey-darker-transparent-medium);
--color-shade-darker-transparent-heavy: var(--color-grey-darker-transparent-heavy);
--color-shade-dark: var(--color-grey-dark);
--color-shade-dark-transparent-light: var(--color-grey-dark-transparent-light);
--color-shade-dark-transparent-medium: var(--color-grey-dark-transparent-medium);
--color-shade-dark-transparent-heavy: var(--color-grey-dark-transparent-heavy);
--color-shade-light: var(--color-grey-light);
--color-shade-light-transparent-light: var(--color-grey-light-transparent-light);
--color-shade-light-transparent-medium: var(--color-grey-light-transparent-medium);
--color-shade-light-transparent-heavy: var(--color-grey-light-transparent-heavy);
--color-shade-lighter: var(--color-grey-lighter);
--color-shade-lighter-transparent-light: var(--color-grey-lighter-transparent-light);
--color-shade-lighter-transparent-medium: var(--color-grey-lighter-transparent-medium);
--color-shade-lighter-transparent-heavy: var(--color-grey-lighter-transparent-heavy);
--color-shade-lightest: var(--color-grey-lightest);
--color-shade-lightest-transparent-light: var(--color-grey-lightest-transparent-light);
--color-shade-lightest-transparent-medium: var(--color-grey-lightest-transparent-medium);
--color-shade-lightest-transparent-heavy: var(--color-grey-lightest-transparent-heavy);
;
  --color-background: var(--color-grey-lightest);
  --color-stark: var(--color-white);

  /* Statuses */
  --color-success: var(--color-green-modern);
--color-success-transparent-light: var(--color-green-modern-transparent-light);
--color-success-transparent-medium: var(--color-green-modern-transparent-medium);
--color-success-transparent-heavy: var(--color-green-modern-transparent-heavy);
--color-success-dark: var(--color-green-modern-dark);
--color-success-dark-transparent-light: var(--color-green-modern-dark-transparent-light);
--color-success-dark-transparent-medium: var(--color-green-modern-dark-transparent-medium);
--color-success-dark-transparent-heavy: var(--color-green-modern-dark-transparent-heavy);
--color-success-light: var(--color-green-modern-light);
--color-success-light-transparent-light: var(--color-green-modern-light-transparent-light);
--color-success-light-transparent-medium: var(--color-green-modern-light-transparent-medium);
--color-success-light-transparent-heavy: var(--color-green-modern-light-transparent-heavy);
;
  --color-error: var(--color-red);
--color-error-transparent-light: var(--color-red-transparent-light);
--color-error-transparent-medium: var(--color-red-transparent-medium);
--color-error-transparent-heavy: var(--color-red-transparent-heavy);
--color-error-dark: var(--color-red-dark);
--color-error-dark-transparent-light: var(--color-red-dark-transparent-light);
--color-error-dark-transparent-medium: var(--color-red-dark-transparent-medium);
--color-error-dark-transparent-heavy: var(--color-red-dark-transparent-heavy);
--color-error-light: var(--color-red-light);
--color-error-light-transparent-light: var(--color-red-light-transparent-light);
--color-error-light-transparent-medium: var(--color-red-light-transparent-medium);
--color-error-light-transparent-heavy: var(--color-red-light-transparent-heavy);
;
  --color-warning: var(--color-orange);
--color-warning-transparent-light: var(--color-orange-transparent-light);
--color-warning-transparent-medium: var(--color-orange-transparent-medium);
--color-warning-transparent-heavy: var(--color-orange-transparent-heavy);
--color-warning-dark: var(--color-orange-dark);
--color-warning-dark-transparent-light: var(--color-orange-dark-transparent-light);
--color-warning-dark-transparent-medium: var(--color-orange-dark-transparent-medium);
--color-warning-dark-transparent-heavy: var(--color-orange-dark-transparent-heavy);
--color-warning-light: var(--color-orange-light);
--color-warning-light-transparent-light: var(--color-orange-light-transparent-light);
--color-warning-light-transparent-medium: var(--color-orange-light-transparent-medium);
--color-warning-light-transparent-heavy: var(--color-orange-light-transparent-heavy);
;
  --color-info: var(--color-grey);
--color-info-transparent-light: var(--color-grey-transparent-light);
--color-info-transparent-medium: var(--color-grey-transparent-medium);
--color-info-transparent-heavy: var(--color-grey-transparent-heavy);
--color-info-dark: var(--color-grey-dark);
--color-info-dark-transparent-light: var(--color-grey-dark-transparent-light);
--color-info-dark-transparent-medium: var(--color-grey-dark-transparent-medium);
--color-info-dark-transparent-heavy: var(--color-grey-dark-transparent-heavy);
--color-info-light: var(--color-grey-light);
--color-info-light-transparent-light: var(--color-grey-light-transparent-light);
--color-info-light-transparent-medium: var(--color-grey-light-transparent-medium);
--color-info-light-transparent-heavy: var(--color-grey-light-transparent-heavy);
--color-info-lighter: var(--color-grey-lighter);
--color-info-lighter-transparent-light: var(--color-grey-lighter-transparent-light);
--color-info-lighter-transparent-medium: var(--color-grey-lighter-transparent-medium);
--color-info-lighter-transparent-heavy: var(--color-grey-lighter-transparent-heavy);
;
}

:root {
  --animation-fast: 0.2s;
  --animation-normal: 0.3s;
  --animation-slow: 0.5s;
}

:root {
  --font-family: canada-type-gibson, Avenir Next, Helvetica Neue, sans-serif;
  --font-size: 16px;
  --line-height: 1.5;

  --font-weight-light: 200;
  --font-weight: 300;
  --font-weight-heavy: 400;

  --font-size-smallest: 0.625rem;
  --font-size-smaller: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size: 1rem;
  --font-size-medium: 1.125rem;
  --font-size-large: 1.25rem;
  --font-size-larger: 1.5rem;
  --font-size-largest: 2rem;

  --letter-spacing: -0.05px;
  --letter-spacing-medium: 1px;
  --letter-spacing-large: 2px;
}

:root {
  --color-elevation: var(--color-shade-darker-transparent-light);

  --elevation-low: 0 1px 3px var(--color-elevation);
  --elevation-flat: none;
  --elevation-high: 0 2px 4px 2px var(--color-elevation);

  --elevation-below-low: 0 3px 3px var(--color-elevation);
  --elevation-below-high: 0 3px 3px var(--color-elevation);
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  font-family: canada-type-gibson, Avenir Next, Helvetica Neue, sans-serif;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);

  color: var(--color-shade);
  background: var(--color-background);

  min-height: 100%;
  height: 100%;
}

::selection {
  background: var(--color-primary-transparent-light);
}

:root {
  --spacing-base: 8px;

  --spacing-smallest: calc(var(--spacing-base)/4);

  --spacing-smallest: calc(var(--spacing-base) / 4);
  --spacing-smaller: calc(var(--spacing-base)/2);
  --spacing-smaller: calc(var(--spacing-base) / 2);
  --spacing-small: var(--spacing-base);
  --spacing: calc(var(--spacing-base)*2);
  --spacing: calc(var(--spacing-base) * 2);
  --spacing-large: calc(var(--spacing-base)*3);
  --spacing-large: calc(var(--spacing-base) * 3);
  --spacing-larger: calc(var(--spacing-base)*4);
  --spacing-larger: calc(var(--spacing-base) * 4);
  --spacing-largest: calc(var(--spacing-base)*5);
  --spacing-largest: calc(var(--spacing-base) * 5);
}

:root {
  --border-thin: 1px;
  --border-medium: 2px;
  --border-thick: 5px;

  --border-radius: var(--spacing-smaller);
}

:root {
  --z-index-low: 1;
  /* Alerts/Popups layer */
  --z-index-medium: 50;
  /* Modal layer */
  --z-index-high: 100;
  /* Portal layer */
  --z-index-highest: 150;
}

.text___2AnbF {
  font-family: canada-type-gibson, Avenir Next, Helvetica Neue, sans-serif;
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
}

.regular___24yFv {
  font-size: var(--font-size);
}

.medium___qr8hg {
  font-size: var(--font-size-medium);
}

.small___RgL24 {
  font-size: var(--font-size-small);
}

.smaller___6WjwB {
  font-size: var(--font-size-smaller);
}

.heading___3uxaB {
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark);
  line-height: 1.3;
}

* + .heading___3uxaB {
  margin-top: 1rem;
}

.h1___U8jN6 {
  font-size: var(--font-size-largest);
  line-height: 1.1875;
}

* + .h1___U8jN6 {
  margin-top: 1.2rem;
}

.h2___1-Jfe {
  font-size: var(--font-size-larger);
}

* + .h2___1-Jfe {
  margin-top: 1.1rem;
}

.h3___3iQ_L {
  font-size: var(--font-size-large);
}

.h4___wNv5H {
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-heavy);
}

* + .p___2Y_w_ {
  margin-top: 1rem;
}

.p___2Y_w_:first-child {
  margin-top: 0;
}

.subtext___1_bPk {
  color: var(--color-shade-light);
  line-height: 1.4;
}

.text___2AnbF.flush___RF9gP {
  margin-top: 0;
}

.heading___3uxaB.flush___RF9gP {
  margin-top: 0;
}

.text___2AnbF b,
.text___2AnbF em {
  font-weight: var(--font-weight-heavy);
}

.text___2AnbF i {
  font-style: italic;
}

.left___1favl {
  text-align: left;
}

.center___IXAX7 {
  text-align: center;
}

.right___Zcshb {
  text-align: right;
}

.truncate___1SNwg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel___uBeAP {
  background: var(--color-stark);
  border-radius: var(--border-radius);
  box-shadow: var(--elevation-low);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.inverted___16aVJ {
  background: var(--color-shade-lightest);
  box-shadow: none;
}

.large___2zF_G {
  padding: var(--spacing-large);
}

.medium___1aypX {
  padding: var(--spacing);
}

.small___3l_k7 {
  padding: var(--spacing-small);
}

.none___1Fx2- {
  padding: 0;
}

* + .panel___uBeAP {
  margin-top: var(--spacing);
}

.flush___ELq_7 {
  margin-top: 0;
}

.card___XVdRJ {
  opacity: 1;
}

.container___2Kx43 {
  padding: var(--spacing-large);
}

.header___2_1nX {
  display: flex;
  border-bottom: var(--border-thin) solid var(--color-shade-lighter);
  padding: var(--spacing) var(--spacing-large);
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark);
  justify-content: space-between;
  align-items: center;
}

.header___2_1nX .text___3G9_s {
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark);
}

.footer___34U5E .text___3G9_s {
  font-weight: var(--font-weight-heavy);
}

.footer___34U5E {
  padding-top: 0;
}

.icon___s1wlX {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  visibility: inherit;
  color: inherit;
  font-style: inherit !important;
}

.svg-icon___3N4YS.svg-icon___3N4YS {
  font-size: 24px;
  padding: 0.07em;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.svg-icon___3N4YS.svg-icon___3N4YS > svg {
  width: 0.86em;
  height: 0.86em;
}

.svg-icon___3N4YS.svg-icon___3N4YS > svg > path {
  fill: currentColor;
}

.list___1nlOI {
  list-style-position: outside;
  padding-left: var(--spacing);
  margin-top: var(--spacing);
}

.list___1nlOI li {
  padding-left: var(--spacing-small);
}

.ordered___1HWgV {
  list-style-type: decimal;
}

.unordered___pE5Tn {
  list-style-type: '•';
}

.ordered___1HWgV li::marker {
  color: var(--color-shade-dark);
}

.alert___1aW27 {
  display: flex;
  padding: var(--spacing);
  border-radius: var(--border-radius);
  align-items: center;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  color: var(--color-shade-dark);
}

.title___UnoHB {
  font-weight: var(--font-weight-heavy);
}

.icon___HqXcx {
  align-self: flex-start;
}

.success___3vhlz {
  background-color: var(--color-success-light);
}

.info___3aM64 {
  background-color: var(--color-info-lighter);
}

.warning___2Fse1 {
  background-color: var(--color-warning-light);
}

.error___10oOR {
  background-color: var(--color-error-light);
}

.content___3_Q9U {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

* + .alert___1aW27 {
  margin-top: var(--spacing);
}

.flush___2Ed4n {
  margin-top: 0;
}

/*
  .button.custom styles are loaded after this css module, so up specificity via
  double class selector instead of !important
*/
.close___JeBC2.close___JeBC2 {
  align-self: flex-start;
  padding: calc(((var(--font-size)*var(--line-height)) - var(--font-size))/2);
  padding: calc(((var(--font-size) * var(--line-height)) - var(--font-size)) / 2);
  color: var(--color-shade-dark);
}

.divider___3wfYB {
  height: var(--border-thin);
  padding: 0px;
  color: var(--color-shade);
}

.divider___3wfYB::before,
.divider___3wfYB::after {
  content: '';
  flex: 1;
  border-bottom: var(--border-thin) solid transparent;
}

.stretch___hMgMK {
  width: 100%;
}

.divider___3wfYB:not(:empty)::after {
  margin-left: var(--spacing-small);
}

.lighter___1oI8J {
  background-color: var(--color-shade-lighter);
}

.lightest___31mvW {
  background-color: var(--color-shade-lightest);
}

.light___2sh3c {
  background-color: var(--color-shade-light);
}
.light___2sh3c::before,
.light___2sh3c::after {
  border-color: var(--color-stark);
}

.dark___3usBp {
  background-color: var(--color-shade-dark);
}
.dark___3usBp::before,
.dark___3usBp::after {
  border-color: var(--color-shade-dark);
}

.darker___3MsZb {
  background-color: var(--color-shade-darker);
}
.darker___3MsZb::before,
.darker___3MsZb::after {
  border-color: var(--color-shade-darker);
}

.hidden___rSYZ3 {
  background-color: transparent;
}
.hidden___rSYZ3:before,
.hidden___rSYZ3:after {
  border-color: transparent;
}

.none___1cRf4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.smaller___2wduZ {
  margin-top: var(--spacing-smallest);
  margin-bottom: var(--spacing-smallest);
}

.small___2ojPV {
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-small);
}

.medium___TD-B_ {
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
}

.large___2-UVf {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large);
}

.flush___1wceN {
  margin: 0;
}

.flush-top___3dBxj {
  margin-top: 0;
}

.flush-bottom___IStu1 {
  margin-bottom: 0;
}

.badge___1NjAb {
  --base-padding: 0.65rem;
  --base-width: calc(1rem + var(--base-padding));

  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;

  color: var(--color-stark);
  font-size: var(--font-size-smaller);
}

/* Sizes */

.badge___1NjAb.small___2CIJL {
  font-size: var(--font-size-smallest);
  padding: 0 calc(var(--base-padding)*0.1) 0 calc(var(--base-padding)*0.1);
  padding: 0 calc(var(--base-padding) * 0.1) 0 calc(var(--base-padding) * 0.1);
  height: calc(var(--font-size-smallest) + var(--base-padding)*0.2);
  height: calc(var(--font-size-smallest) + var(--base-padding) * 0.2);
  min-width: calc(var(--font-size-smallest) + var(--base-padding)*0.2);
  min-width: calc(var(--font-size-smallest) + var(--base-padding) * 0.2);
  margin: 0
    (var(--base-width) - (var(--font-size-smaller) + var(--base-padding)*0.2));
  margin: 0
    calc((var(--base-width) - (var(--font-size-smaller) + var(--base-padding) * 0.2)));
}
.badge___1NjAb.small___2CIJL.label___buhZR {
  padding: 0 calc(var(--base-padding)*0.1) 0
    calc(var(--base-padding)*0.1 + 0.1rem);
  padding: 0 calc(var(--base-padding) * 0.1) 0
    calc(var(--base-padding) * 0.1 + 0.1rem);
}

.badge___1NjAb.medium___3Cato {
  font-size: var(--font-size-smaller);
  padding: 0 calc(var(--base-padding)*0.2) 0 calc(var(--base-padding)*0.2);
  padding: 0 calc(var(--base-padding) * 0.2) 0 calc(var(--base-padding) * 0.2);
  height: calc(var(--font-size-smaller) + var(--base-padding)*0.5);
  height: calc(var(--font-size-smaller) + var(--base-padding) * 0.5);
  min-width: calc(var(--font-size-smaller) + var(--base-padding)*0.5);
  min-width: calc(var(--font-size-smaller) + var(--base-padding) * 0.5);
  margin: 0
    (var(--base-width) - (var(--font-size-smaller) + var(--base-padding)*0.5));
  margin: 0
    calc((var(--base-width) - (var(--font-size-smaller) + var(--base-padding) * 0.5)));
}
.badge___1NjAb.medium___3Cato.label___buhZR {
  padding: 0 calc(var(--base-padding)*0.2) 0
    calc(var(--base-padding)*0.2 + 0.1rem);
  padding: 0 calc(var(--base-padding) * 0.2) 0
    calc(var(--base-padding) * 0.2 + 0.1rem);
}

.badge___1NjAb.large___1QzLG {
  height: var(--base-width);
  min-width: var(--base-width);
}
.badge___1NjAb.large___1QzLG.label___buhZR {
  padding: 0 calc(var(--base-padding)*0.6) 0 calc(var(--base-padding)*0.8);
  padding: 0 calc(var(--base-padding) * 0.6) 0 calc(var(--base-padding) * 0.8);
}

/* Styles */

.default___1_k21 {
  background-color: var(--color-primary);
}

.warning___3Wavw {
  background-color: var(--color-warning);
}

.error___hMU3P {
  background-color: var(--color-error);
}

.success___1MPoQ {
  background-color: var(--color-success-dark);
}

.disabled___3hc-d {
  background-color: var(--color-grey);
}

.info___16VlG {
  background-color: var(--color-cyan);
}

.focus___2XDHe {
  background-color: var(--color-purple);
}

.accent___3us28 {
  background-color: var(--color-primary-light);
}

.icon-wrapper___3r9iN {
  position: relative;
  display: flex;
  vertical-align: center;
}

.icon___3t2ba.large___1QzLG {
  font-size: var(--font-size) !important;
}

.icon___3t2ba.medium___3Cato {
  font-size: var(--font-size-smaller) !important;
}

.icon___3t2ba.small___2CIJL {
  font-size: var(--font-size-smallest) !important;
}

.square___l4hc7 {
  border-radius: calc(var(--border-radius)/1.5);
  border-radius: calc(var(--border-radius) / 1.5);
  font-size: var(--font-size-smaller);
  text-transform: uppercase;
  color: var(--color-primary);
  color: var(--color-stark);
  border: var(--border-thin) solid var(--color-primary);
  display: inline-flex;
  padding: var(--spacing-smaller) var(--spacing-small);
  font-weight: var(--font-weight-heavy);
}

.square___l4hc7.warning___3Wavw {
  border-color: var(--color-warning);
}

.square___l4hc7.error___hMU3P {
  border-color: var(--color-error);
}

.square___l4hc7.success___1MPoQ {
  border-color: var(--color-success-dark);
}

.square___l4hc7.disabled___3hc-d {
  border-color: var(--color-grey);
}

.square___l4hc7.info___16VlG {
  border-color: var(--color-cyan);
}

.square___l4hc7.focus___2XDHe {
  border-color: var(--color-purple);
}

.square___l4hc7.accent___3us28 {
  border-color: var(--color-primary-light);
}

.circle___3nKDx {
  opacity: 1; /* .circle exists in the coviu-ui app */
}

.inverted___1ziC_ {
  color: var(--color-primary);
  background-color: var(--color-stark);
}

.error___hMU3P.inverted___1ziC_ {
  color: var(--color-error);
}

.warning___3Wavw.inverted___1ziC_ {
  color: var(--color-warning);
}

.success___1MPoQ.inverted___1ziC_ {
  color: var(--color-success-dark);
}

.disabled___3hc-d.inverted___1ziC_ {
  color: var(--color-grey);
}

.info___16VlG.inverted___1ziC_ {
  color: var(--color-cyan);
}

.focus___2XDHe.inverted___1ziC_ {
  color: var(--color-purple);
}

.accent___3us28.inverted___1ziC_ {
  color: var(--color-primary-light);
}
* + .attribute___1Adl1 {
  margin-top: var(--spacing);
}

* + .attribute-list___1F8xn {
  margin-top: var(--spacing);
}

.flush___cCSu4 {
  margin-top: 0;
}

.attribute___1Adl1:first-child {
  margin-top: 0;
}

.name___3dBbW {
  color: var(--color-shade-dark);
  font-weight: var(--font-weight-heavy);
}

.value___6l0La {
  color: var(--color-shade);
  line-height: var(--line-height);
  margin-top: 0;
}

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

.snackbarContainer___1yoSV {
  display: flex;
  position: fixed;
  width: 100%;
  left: 0;
  padding: var(--spacing);
  z-index: var(--z-index-highest);
}

.snackbar___1O9te {
  display: flex;
  padding: 30px;
  box-shadow: var(--elevation-low);
  border-radius: var(--border-radius);
  align-items: center;
  animation: slide-in___3hdJL var(--animation-normal) cubic-bezier(0.39, 0.575, 0.565, 1) both;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.bottom___2K2eh {
  bottom: 0;
}

.top___23NGF {
  top: 0;
}

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

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

.center___38PvS {
  justify-content: center;
}

.content___2IYs4 > :last-child {
  margin-top: 0;
}

.title___2WoUn {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-heavy);
  margin: 0;
}

@keyframes slide-in___3hdJL {
  0% {
    transform: translateY(160px);
  }

  100% {
    transform: translateY(0);
  }
}

.info___3cYLF {
  background: var(--color-shade-darker);
}

.info___3cYLF .close___1Z3H7 {
  color: var(--color-stark);
}

.info___3cYLF .content___2IYs4 {
  color: var(--color-stark);
}

.success___3sqcI {
  background: var(--color-success);
}

.success___3sqcI .close___1Z3H7 {
  color: var(--color-grey-dark);
}

.success___3sqcI .content___2IYs4 {
  color: var(--color-grey-dark);
}

.warning___2TxiG {
  background: var(--color-warning);
}

.warning___2TxiG .close___1Z3H7 {
  color: var(--color-stark);
}

.warning___2TxiG .content___2IYs4 {
  color: var(--color-stark);
}

.error___1SSyO {
  background: var(--color-error);
}

.error___1SSyO .close___1Z3H7 {
  color: var(--color-stark);
}

.error___1SSyO .content___2IYs4 {
  color: var(--color-stark);
}

.snackbar-timer___3Ox8q {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.5); /* Light-colored bar */
  animation: timer-progress___3K83R var(--dismiss-time) linear forwards;
}
@keyframes timer-progress___3K83R {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}
.media___3Zb_Z {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.content___1db0V {
  flex: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content___1db0V > :first-child {
  font-size: var(--font-size-medium);
}

.asset___13kZ2 {
  background-repeat: no-repeat;
  background-position: center center;
}

.fill___2l4ZB {
  background-size: cover;
}

.contain___1udJ- {
  background-size: contain;
}

.reverse___3bqEC .asset___13kZ2 {
  order: 2;
}

.reverse___3bqEC .content___1db0V {
  order: 1;
}

.title-only___1EqkM {
  margin-top: 0;
}

.window___2Prqn {
  background: var(--color-stark);
  box-shadow: var(--elevation-high);
  border-radius: var(--border-radius);
  animation: scale-up-center-in___22zdR var(--animation-normal)
    cubic-bezier(0.39, 0.575, 0.565, 1) both;
  display: flex;
  flex-direction: column;
  max-height: 90%;
  max-width: 100%;
}

.small___3KaHk {
  width: 450px;
}

.medium___1hTl0 {
  width: 650px;
}

.large___3_cHb {
  width: 850px;
}

.header___3rG_I {
  border-bottom: var(--border-thin) solid var(--color-shade-lighter);
  padding: var(--spacing-large) var(--spacing-larger);
  display: flex;
  align-items: center;
}

.title___nTlIw {
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark);
  font-size: var(--font-size-large);
  margin-top: 0;
}

.close___25d4c {
  color: var(--color-shade-light);
  margin-left: auto;
}

.close___25d4c:hover {
  color: var(--color-shade);
}

.back___25Y2O {
  color: var(--color-shade-light);
  margin-right: var(--spacing-small);
  transform: rotate(180deg);
}

.back___25Y2O:hover {
  color: var(--color-shade);
}

@media only screen and (max-width: 768px) {
  .window___2Prqn {
    width: 100%;
    max-height: 100%;
    border-radius: 0;
    overflow-y: auto;
  }

  .modal___l-jd2 {
    align-items: stretch;
    justify-content: stretch;
  }
}

@keyframes scale-up-center-in___22zdR {
  0% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scale-up-center-out___1JKkL {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
  }
}

.dialog___1Qibo {
  opacity: 1;
}

.content___3iVg9 {
  padding: var(--spacing-larger);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  flex-grow: 1;
}

.standard___2eBgc {
  opacity: 1;
}

.prompt___GmnOh {
  opacity: 1;
}

.buttons___VniR- {
  padding: var(--spacing) var(--spacing-large);
}

.standard___2eBgc .buttons___VniR- {
  border-top: var(--border-thin) solid var(--color-shade-lighter);
}

.prompt___GmnOh .buttons___VniR- {
  padding: var(--spacing-small) var(--spacing) var(--spacing);
  flex-direction: column-reverse;
}

.prompt___GmnOh .title___22nVM {
  text-align: center;
  margin: 0;
  padding: var(--spacing-larger) 10% 0;
}

.progress___vt1AG {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}

.small___311Ee {
  height: 6px;
}

.medium___n6A0E {
  height: 8px;
}

.large___1rOm8 {
  height: 12px;
}

.progress___vt1AG[value] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}

.progress___vt1AG::-webkit-progress-bar {
  background-color: var(--color-primary-transparent-light);
}

.progress___vt1AG::-webkit-progress-value {
  background-color: var(--color-primary);
  border-radius: 1rem;
  -webkit-transition: width var(--animation-normal) ease;
  transition: width var(--animation-normal) ease;
}

.inverted___3R3Gg::-webkit-progress-bar {
  background-color: var(--color-shade-lighter-transparent-light);
}

.inverted___3R3Gg::-webkit-progress-value {
  background-color: var(--color-stark);
  border-radius: 1rem;
  -webkit-transition: width var(--animation-normal) ease;
  transition: width var(--animation-normal) ease;
}

.svg___3vzcV {
  transform: rotate(90deg);
}

.line___O_NTX {
  stroke-width: var(--border-medium);
  transition: stroke-dashoffset var(--animation-fast) ease-in-out;
  stroke: var(--color-primary-light);
}

/* 44px */
.line___O_NTX.small___2PoP3 {
  stroke-width: 3px;
}

.avatar___NovT8 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  border: var(--border-thick) solid var(--color-stark);
  background: var(--color-shade-lightest);
  box-shadow: var(--elevation-low);
  display: flex;
}

.default___3oZsY {
  height: 90%;
  align-self: flex-end;
}

/* 32px */
.smaller___pG5ST {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
}

/* 44px */
.small___OEYMq {
  height: 44px;
  min-height: 44px;
  width: 44px;
  min-width: 44px;
  border-radius: 22px;
  border-width: var(--border-thick);
}

/* 88px */
.medium___3TBjj {
  height: 88px;
  min-height: 88px;
  width: 88px;
  min-width: 88px;
  border-radius: 44px;
}

/* 128px */
.large___111kV {
  height: 128px;
  min-height: 128px;
  width: 128px;
  min-width: 128px;
  border-radius: 64px;
}

.label___1juUA {
  align-items: center;
  justify-content: center;
  border: 0px;
}

.root___a6OFe {
  position: relative;
}

.ring___z99QN {
  position: absolute;
  top: 0;
  left: 0;
}

.percent-display___3l6gG {
  position: absolute;
  top: 62%;
  left: 53%;
  padding: 0 var(--spacing-smallest);
  background: var(--color-primary);
  color: var(--color-white);
  border: var(--border-thin) solid var(--color-white);
  border-radius: calc(var(--border-radius)/1.5);
  border-radius: calc(var(--border-radius) / 1.5);
  font-weight: 700;
  font-size: var(--font-size-smallest);
  line-height: calc(var(--line-height)*0.8);
  line-height: calc(var(--line-height) * 0.8);
}

.call-to-action___1bEJ8 {
  display: flex;
  align-items: center;
  border-radius: var(--border-radius);
  padding: var(--spacing);
  transition: background-color var(--animation-normal) ease;
  cursor: pointer;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.icon___BvVBq {
  color: var(--color-stark);
}

.title___1QzPW {
  font-size: var(--font-size-larger);
  color: var(--color-stark);
  margin: 0;
  text-transform: uppercase;
}

.subtitle___1nTgA {
  color: var(--color-stark);
}

.primary___hrGAu {
  background-color: var(--color-primary);
}

.primary___hrGAu:hover {
  background-color: var(--color-primary-dark);
}

.secondary___ZYy5H {
  background-color: var(--color-primary-light);
}

.secondary___ZYy5H:hover {
  background-color: var(--color-primary);
}

.text___31EAK {
  display: flex;
}

.vertical___xnkZI,
.vertical___xnkZI .text___31EAK {
  flex-direction: column;
  align-items: center;
}

.vertical___xnkZI .icon___BvVBq {
  font-size: calc(var(--font-size-largest)*2);
  font-size: calc(var(--font-size-largest) * 2);
}

.horizontal___qjvf7 {
  align-items: center;
  justify-content: center;
  padding: var(--spacing-largest);
}

.horizontal___qjvf7 .text___31EAK {
  align-items: flex-start;
  flex-direction: column;
}

.horizontal___qjvf7 .icon___BvVBq {
  font-size: calc(var(--font-size-largest)*1.5);
  font-size: calc(var(--font-size-largest) * 1.5);
}

.no-subtitle___8cZR- .title___1QzPW {
  text-transform: none;
  text-transform: initial;
  font-weight: var(--font-weight-heavy);
}

.no-subtitle___8cZR-.horizontal___qjvf7 .icon___BvVBq {
  font-size: var(--font-size-largest);
}

.indicator___PO00l {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.indicator___PO00l.dot___TeneN {
  border-radius: 1rem;
  flex-shrink: 0;
  display: inline-block;
}

.indicator___PO00l.wave___13Ya_ {
  line-height: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.svg___2KLVn.wave___13Ya_ {
  height: 100%;
  fill: #63e4e1;
}

.wave___13Ya_.small___2BBfZ {
  height: 0.6rem;
}

.wave___13Ya_.medium___32XTI {
  height: 1rem;
}

.wave___13Ya_.large___3MSyP {
  height: 2rem;
}

.dot___TeneN.small___2BBfZ {
  height: 6px;
  width: 6px;
}

.dot___TeneN.medium___32XTI {
  height: 10px;
  width: 10px;
}

.dot___TeneN.large___3MSyP {
  height: 12px;
  width: 12px;
}

.active___3oFc5 {
  background: var(--color-green);
}

.inactive___19lHV {
  background: var(--color-grey-light);
}

.warning___1alOo {
  background: var(--color-warning);
}

.error___2rK-b {
  background: var(--color-error);
}

.section___YYYap {
  padding: var(--spacing-large);
  display: flex;
  justify-content: space-between;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

.vertical___2CPkl {
  flex-direction: column;
}

.horizontal___2sj8f {
  flex-direction: row;
}

.section___YYYap + .section___YYYap {
  padding-top: 0;
}

.shaded___174DX {
  background-color: var(--color-shade-lightest);
}

.align-left___aod_x {
  align-items: flex-start;
  text-align: left;
}

.align-center___LwBWS {
  align-items: center;
  text-align: center;
}

.align-right___27quK {
  align-items: flex-end;
  text-align: right;
}

.justify-inherit___1NUJJ {
  justify-content: inherit;
}

.justify-left___dREya {
  justify-content: left;
}

.justify-center___23pIe {
  justify-content: center;
}

.justify-right___3tCGh {
  justify-content: right;
}

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

.small___32lzg,
.medium___3hqpW,
.large___4PvK_,
.larger___1CEpH {
  overflow-y: auto;
}

.small___32lzg {
  /* Suitable for 5 lines */
  max-height: calc(var(--font-size)*5);
  max-height: calc(var(--font-size) * 5);
}

.medium___3hqpW {
  /* Suitable for 10 lines */
  max-height: calc(var(--font-size)*10);
  max-height: calc(var(--font-size) * 10);
}

.large___4PvK_ {
  /* Suitable for 20 lines */
  max-height: calc(var(--font-size)*20);
  max-height: calc(var(--font-size) * 20);
}

.larger___1CEpH {
  /* Suitable for 30 lines */
  max-height: calc(var(--font-size)*30);
  max-height: calc(var(--font-size) * 30);
}

.empty-state-panel___2F4lE {
  display: flex;
  align-items: center;
  border-radius: var(--border-radius);
  padding: var(--spacing);
  max-width: 70%;
  justify-content: center;
  background-color: var(--color-white);
  box-shadow: var(--elevation-low);
}

.button-spacing___1pwZX {
  margin-top: var(--spacing);
}

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

* + .tabs___1t7lA {
  margin-top: 0;
}

.flush___2csb4 {
  margin-top: 0;
}

.vertical___2p4Dj {
  flex-direction: row;
}

.items___2rQWw {
  display: flex;
}

.vertical___2p4Dj .items___2rQWw {
  flex-direction: column;
  border-bottom: none;
}

.content___334br {
  padding: var(--spacing-large);
}

.content___334br.flush___2csb4 {
  padding: var(--spacing-large) 0;
}

.vertical___2p4Dj .content___334br.flush___2csb4 {
  padding: var(--spacing) var(--spacing-large);
}

.items___2rQWw .tab___JRB-J {
  flex: 1;
  padding: var(--spacing) var(--spacing-large);
  border: none;
  border-bottom: 2px solid transparent;
  border-bottom: var(--border-medium) solid transparent;
  border-radius: 0;
  text-transform: none;
  text-transform: initial;
  border-left: none;
  border-right: none;
  overflow: hidden;
  text-decoration: none;
  color: var(--color-shade);
}

.tab___JRB-J > :first-child {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tab___JRB-J:first-of-type {
  border-top-left-radius: var(--border-radius);
}

.tab___JRB-J:last-of-type {
  border-top-right-radius: var(--border-radius);
}

.tab___JRB-J:hover {
  background: var(--color-primary-transparent-light);
  color: var(--color-primary);
}

.tab___JRB-J.active___3Hecj {
  color: var(--color-primary) !important;
  border-bottom-color: var(--color-primary) !important;
  flex-shrink: 0 !important;
}

.left___2am9G .tab___JRB-J {
  flex: initial;
}

.vertical___2p4Dj .items___2rQWw .tab___JRB-J {
  border-bottom: none;
  border-radius: 0;
  border-right: 2px solid transparent;
  border-right: var(--border-medium) solid transparent;
}

.vertical___2p4Dj .tab___JRB-J.active___3Hecj {
  border-right-color: var(--color-primary);
}

.left___2am9G .wrapper___1Fbfr {
  overflow: hidden;
}

.left___2am9G .items___2rQWw {
  white-space: nowrap;
  transition: var(--animation-normal);
}

.left___2am9G .items___2rQWw .tab___JRB-J {
  flex-shrink: 0;
}

.tab-list___16TAX {
  display: flex;
  border-bottom: var(--border-thin) solid var(--color-shade-lightest);
}

.vertical___2p4Dj .tab-list___16TAX {
  border-right: var(--border-thin) solid var(--color-shade-lightest);
  border-bottom: none;
}

.tabs___1t7lA .scroll___2-4OX {
  color: var(--color-shade);
  border-radius: var(--border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.scroll___2-4OX:first-of-type {
  border-top-right-radius: 0;
}

.scroll___2-4OX:last-of-type {
  border-top-left-radius: 0;
}

.scroll___2-4OX:hover {
  background: var(--color-primary-transparent-light);
  color: var(--color-primary);
}

.stretch___204b9 .items___2rQWw,
.stretch___204b9 .wrapper___1Fbfr {
  width: 100%;
}

.logo___3NLWJ {
  opacity: 1;
}

.accordion___31NCq {
  opacity: 1;
}

.item___2NcQ- {
  display: flex;
  align-items: center;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.parts___1IuJd {
  display: flex;
  align-items: center;
  grid-gap: var(--spacing-smallest);
  gap: var(--spacing-smallest);
}

.item-title___Y9xiv {
  flex: 1;
}

.chevron___2jvzh {
  color: var(--color-shade-darker);
}

.expanded___tJdsJ {
  margin-top: var(--spacing-small);
  animation: fade-in___3vDCW var(--animation-normal) cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.content___34hLf {
  background: var(--color-shade);
  padding: var(--spacing);
}

@keyframes fade-in___3vDCW {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 100;
  }
}

.toggle___wupF7 {
  cursor: pointer;
}

.allow-title-expand___JGLUY {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.banner___1_VvQ {
  display: flex;
  background-color: var(--color-primary);
  color: var(--color-shade-lightest);
  padding: var(--spacing-large);
  justify-content: center;
}

.float___PG-Ns {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-high);
}

.card___3xx_f {
  padding: var(--spacing-larger) var(--spacing-large) var(--spacing);
  width: 320px;
  max-width: 320px;
}

.portal-override___3C7uD {
  pointer-events: none;
}

.popup-override___3ZEMT {
  pointer-events: auto;
}

.darkmode___WK2MU::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 6px;
  background: radial-gradient(circle at top left, #1E7E7F 0%, #21D6CC 30%  , #364049 60%);
}

.popup-override___3ZEMT::before {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 6px;
  background: radial-gradient(circle at top left, #1E7E7F 0%, #21D6CC 30%  , rgba(255, 255, 255, 0) 60%);
}

.icon___3Cjjf {
  margin: 0 auto 32px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--spacing);
}

.actions___1CBZi {
  margin-top: var(--spacing-largest);
}

.darkmode___WK2MU .heading___38-qH {
  color: var(--color-stark);
}

.button___1jOWJ {
  --badge-offset: -6.5px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
  font-family: inherit;
  font-weight: var(--font-weight);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  background: transparent;
  border: var(--border-thin) solid transparent;
  transition: background-color var(--animation-normal) ease,
    color var(--animation-normal) ease, border-color var(--animation-normal) ease;
  letter-spacing: var(--letter-spacing-large);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  box-sizing: content-box;
  line-height: normal !important;
  text-decoration: none;
}

.button___1jOWJ:disabled {
  cursor: default;
}

/* types */

.pill___3QWU8 {
  text-transform: uppercase;
  border-radius: 4rem;
}

.box___2ZwoP {
  text-transform: uppercase;
  border-radius: 3px;
}

.custom___l2h6p {
  opacity: 1;
  opacity: initial;
  letter-spacing: normal;
  letter-spacing: initial;
  padding: 0;
}

/* sizes */
.button___1jOWJ.small___3zLMP {
  height: var(--font-size-small);
  font-size: var(--font-size-smaller);
  padding: var(--spacing-smaller) var(--spacing);
}

.button___1jOWJ.medium___3j8DJ {
  height: var(--font-size);
  font-size: var(--font-size-small);
  padding: var(--spacing-small) var(--spacing-large);
}

.button___1jOWJ.large___1EtGn {
  height: var(--font-size);
  font-size: var(--font-size-small);
  padding: calc(var(--spacing)*0.8) var(--spacing-larger);
  padding: calc(var(--spacing) * 0.8) var(--spacing-larger);
}

/* styles */

.box___2ZwoP.small___3zLMP {
  padding: var(--spacing-smaller);
}

.box___2ZwoP.medium___3j8DJ {
  padding: var(--spacing-small);
}

.box___2ZwoP.large___1EtGn {
  padding: calc(var(--spacing)*0.8);
  padding: calc(var(--spacing) * 0.8);
}

.pill___3QWU8.primary___2W9GW,
.box___2ZwoP.primary___2W9GW {
  background: var(--color-primary);
  color: var(--color-shade-lightest);
  border-color: var(--color-primary);
}

.pill___3QWU8.primary___2W9GW:hover,
.box___2ZwoP.primary___2W9GW:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.pill___3QWU8.primary___2W9GW:active,
.box___2ZwoP.primary___2W9GW:active {
  background: var(--color-primary-darker);
}

.pill___3QWU8.primary___2W9GW:focus {
  box-shadow: 0 0 0 2px var(--color-primary-transparent-light);
}

.box___2ZwoP.primary___2W9GW:focus {
  box-shadow: none;
}

.pill___3QWU8.secondary___3e1Dh {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-grey-lighter);
}

.box___2ZwoP.secondary___3e1Dh {
  background: transparent;
  color: var(--color-grey-dark);
  border-color: var(--color-grey-lighter);
  background-color: var(--color-white);
}

.pill___3QWU8.secondary___3e1Dh:hover {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-transparent-light);
  border-color: var(--color-primary-dark);
}

.box___2ZwoP.secondary___3e1Dh:hover {
  color: var(--color-grey-darker);
  background-color: var(--color-grey-light-transparent-light);
}

.pill___3QWU8.secondary___3e1Dh:focus {
  box-shadow: 0 0 0 2px var(--color-primary-transparent-light);
}

.box___2ZwoP.secondary___3e1Dh:focus {
  box-shadow: none !important;
}

.pill___3QWU8.tertiary___3y6rm {
  border-color: transparent;
  background: transparent;
  color: var(--color-primary);
}

.pill___3QWU8.tertiary___3y6rm:hover {
  background-color: var(--color-primary-transparent-light);
}

.box___2ZwoP.tertiary___3y6rm {
  border-color: transparent;
  background: transparent;
  color: var(--color-grey-dark);
}

/* variants */

.primary___2W9GW.destructive___2KIAW {
  background: var(--color-error);
  color: var(--color-stark);
  border-color: var(--color-error);
}

.primary___2W9GW.destructive___2KIAW:hover {
  background: var(--color-error-dark);
  border-color: var(--color-error-dark);
}

.primary___2W9GW.destructive___2KIAW:active {
  background: var(--color-error-dark);
}

.primary___2W9GW.destructive___2KIAW:focus {
  box-shadow: 0 0 0 2px var(--color-error-dark-transparent-light);
}

.secondary___3e1Dh.destructive___2KIAW,
.secondary___3e1Dh.destructive___2KIAW:hover {
  color: var(--color-error);
  border-color: var(--color-shade-lighter);
}

.tertiary___3y6rm.destructive___2KIAW {
  color: var(--color-error);
}

.secondary___3e1Dh.destructive___2KIAW:hover {
  background: var(--color-error-transparent-light);
  border-color: var(--color-error);
}

.tertiary___3y6rm.destructive___2KIAW:hover {
  background: var(--color-error-transparent-light);
}

.secondary___3e1Dh.destructive___2KIAW:active,
.tertiary___3y6rm.destructive___2KIAW:active {
  background: var(--color-error-dark);
  border-color: var(--color-error-dark);
}

.secondary___3e1Dh.destructive___2KIAW:focus,
.tertiary___3y6rm.destructive___2KIAW:focus {
  box-shadow: 0 0 0 2px var(--color-error-dark-transparent-light);
}

.custom___l2h6p.destructive___2KIAW {
  border: none;
}

/* theme warning */
.primary___2W9GW.warning___sYBk3 {
  background: var(--color-warning);
  color: var(--color-stark);
  border-color: var(--color-warning);
}

.primary___2W9GW.warning___sYBk3:hover {
  background: var(--color-warning-dark);
  border-color: var(--color-warning-dark);
}

.primary___2W9GW.warning___sYBk3:active {
  background: var(--color-warning-dark);
}

.primary___2W9GW.warning___sYBk3:focus {
  box-shadow: 0 0 0 2px var(--color-warning-dark-transparent-light);
}

.secondary___3e1Dh.warning___sYBk3,
.secondary___3e1Dh.warning___sYBk3:hover {
  color: var(--color-warning);
  border-color: var(--color-shade-lighter);
}

.tertiary___3y6rm.warning___sYBk3 {
  color: var(--color-warning);
}

.secondary___3e1Dh.warning___sYBk3:hover {
  background: var(--color-warning-transparent-light);
  border-color: var(--color-warning);
}

.tertiary___3y6rm.warning___sYBk3:hover {
  background: var(--color-warning-transparent-light);
}

.secondary___3e1Dh.warning___sYBk3:active,
.tertiary___3y6rm.warning___sYBk3:active {
  background: var(--color-warning-dark);
  border-color: var(--color-warning-dark);
}

.secondary___3e1Dh.warning___sYBk3:focus,
.tertiary___3y6rm.warning___sYBk3:focus {
  box-shadow: 0 0 0 2px var(--color-warning-dark-transparent-light);
}

.custom___l2h6p.warning___sYBk3 {
  border: none;
}

/* theme purple */
.primary___2W9GW.purple___z_tGQ {
  background: var(--color-purple);
  color: var(--color-stark);
  border-color: var(--color-purple);
}

.primary___2W9GW.purple___z_tGQ:hover {
  background: var(--color-purple-dark);
  border-color: var(--color-purple-dark);
}

.primary___2W9GW.purple___z_tGQ:active {
  background: var(--color-purple-dark);
}

.primary___2W9GW.purple___z_tGQ:focus {
  box-shadow: 0 0 0 2px var(--color-purple-dark-transparent-light);
}

.secondary___3e1Dh.purple___z_tGQ,
.secondary___3e1Dh.purple___z_tGQ:hover {
  color: var(--color-purple);
  border-color: var(--color-shade-lighter);
}

.tertiary___3y6rm.purple___z_tGQ {
  color: var(--color-purple);
}

.secondary___3e1Dh.purple___z_tGQ:hover {
  background: var(--color-purple-transparent-light);
  border-color: var(--color-purple);
}

.tertiary___3y6rm.purple___z_tGQ:hover {
  background: var(--color-purple-transparent-light);
}

.secondary___3e1Dh.purple___z_tGQ:active,
.tertiary___3y6rm.purple___z_tGQ:active {
  background: var(--color-purple-dark);
  border-color: var(--color-purple-dark);
}

.secondary___3e1Dh.purple___z_tGQ:focus,
.tertiary___3y6rm.purple___z_tGQ:focus {
  box-shadow: 0 0 0 2px var(--color-purple-dark-transparent-light);
}

.custom___l2h6p.purple___z_tGQ {
  border: none;
}

/* theme blue */
.primary___2W9GW.blue___2_J2q {
  background: var(--color-blue);
  color: var(--color-stark);
  border-color: var(--color-blue);
}

.primary___2W9GW.blue___2_J2q:hover {
  background: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.primary___2W9GW.blue___2_J2q:active {
  background: var(--color-blue-dark);
}

.primary___2W9GW.blue___2_J2q:focus {
  box-shadow: 0 0 0 2px var(--color-blue-dark-transparent-light);
}

.secondary___3e1Dh.blue___2_J2q,
.secondary___3e1Dh.blue___2_J2q:hover {
  color: var(--color-blue);
  border-color: var(--color-shade-lighter);
}

.tertiary___3y6rm.blue___2_J2q {
  color: var(--color-blue);
}

.secondary___3e1Dh.blue___2_J2q:hover {
  background: var(--color-blue-transparent-light);
  border-color: var(--color-blue);
}

.tertiary___3y6rm.blue___2_J2q:hover {
  background: var(--color-blue-transparent-light);
}

.secondary___3e1Dh.blue___2_J2q:active,
.tertiary___3y6rm.blue___2_J2q:active {
  background: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.secondary___3e1Dh.blue___2_J2q:focus,
.tertiary___3y6rm.blue___2_J2q:focus {
  box-shadow: 0 0 0 2px var(--color-blue-dark-transparent-light);
}

.custom___l2h6p.blue___2_J2q {
  border: none;
}

/* badge */

.badge___2wvSS {
  position: absolute;
  top: 0;
  z-index: 1;
}

.badge___2wvSS.large___1EtGn {
  margin-top: var(--badge-offset);
}

.badge___2wvSS.medium___3j8DJ {
  margin-top: var(--badge-offset);
}

.badge___2wvSS.small___3zLMP {
  margin-top: var(--badge-offset);
}

.badge___2wvSS.right___3bI93 {
  left: 100%;
  margin-left: calc(var(--badge-offset)*3);
  margin-left: calc(var(--badge-offset) * 3);
}

.badge___2wvSS.left___2Gyhf {
  right: 100%;
  margin-right: calc(var(--badge-offset)*3);
  margin-right: calc(var(--badge-offset) * 3);
}

.text___1kEsO .badge___2wvSS.right___3bI93 {
  margin-left: 0;
}

.text___1kEsO .badge___2wvSS.left___2Gyhf {
  margin-right: 0;
}

/* icon */

.icon-wrapper___ARf2V {
  position: relative;
  width: var(--font-size);
  height: var(--font-size);
  display: flex;
  align-items: center;
}

.icon-wrapper___ARf2V.small___3zLMP {
  width: var(--font-size-small);
  height: var(--font-size-small);
}

.icon___1Tp_q {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
}

.no-label___9Hpgm .icon-wrapper___ARf2V {
  width: unset;
}

.no-label___9Hpgm .icon___1Tp_q {
  position: unset;
}

.medium___3j8DJ .icon___1Tp_q {
  font-size: 1.2rem;
  top: -0.1rem;
  left: -0.1rem;
}

.small___3zLMP .icon___1Tp_q {
  font-size: 1rem;
  top: -0.05rem;
  left: -0.05rem;
}

/* loader */

.loader___2vEUW {
  transition: opacity var(--animation-normal) ease;
  position: absolute;
  opacity: 1;
}

.loading___1ZYO6 .label___3_vQs {
  opacity: 0.1;
}

.loading___1ZYO6 {
  cursor: default;
}

.pill___3QWU8.primary___2W9GW.loading___1ZYO6:hover {
  background: var(--color-primary);
}

.pill___3QWU8.primary___2W9GW.destructive___2KIAW.loading___1ZYO6:hover {
  background: var(--color-error-dark);
  border-color: var(--color-error-dark);
}

.pill___3QWU8.tertiary___3y6rm.loading___1ZYO6:hover,
.pill___3QWU8.secondary___3e1Dh.loading___1ZYO6:hover {
  background: transparent;
}

.primary___2W9GW .loader___2vEUW svg {
  stroke: var(--color-stark) !important;
}

.tertiary___3y6rm .loader___2vEUW svg {
  stroke: var(--color-primary-transparent-heavy) !important;
}

.destructive___2KIAW .loader___2vEUW svg {
  stroke: var(--color-stark) !important;
}

/* inverted */

.inverted___1ntro.primary___2W9GW {
  color: var(--color-primary);
}

.inverted___1ntro.primary___2W9GW.pill___3QWU8 {
  color: var(--color-stark);
  border-color: var(--color-stark);
}

.inverted___1ntro.primary___2W9GW.pill___3QWU8:hover {
  color: var(--color-shade-lighter);
  border-color: var(--color-shade-lighter);
}

.inverted___1ntro.primary___2W9GW.pill___3QWU8:focus {
  box-shadow: 0 0 0 2px var(--color-primary-transparent-light);
}

.inverted___1ntro.primary___2W9GW.pill___3QWU8.destructive___2KIAW {
  color: var(--color-error);
}

.inverted___1ntro.primary___2W9GW.destructive___2KIAW:focus {
  box-shadow: 0 0 0 2px var(--color-error-dark-transparent-light);
}

.inverted___1ntro.secondary___3e1Dh {
  color: var(--color-stark);
}

.inverted___1ntro.secondary___3e1Dh.pill___3QWU8 {
  border-color: var(--color-shade);
}

.inverted___1ntro.secondary___3e1Dh.pill___3QWU8:hover {
  color: var(--color-shade-lighter);
  border-color: var(--color-shade-lighter);
  background: var(--color-shade-light-transparent-light);
}

/* group */

.split___3lQxi {
  display: inline-flex;
  align-items: stretch;
}

.split___3lQxi .button___1jOWJ {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.split___3lQxi .toggle___1LBKT .label___3_vQs {
  line-height: 0;
}

.split___3lQxi .toggle___1LBKT {
  border-radius: 0;
  border-top-right-radius: 4rem;
  border-bottom-right-radius: 4rem;
  padding: 0 var(--spacing) 0 var(--spacing-small);
  /* margin-left: 1px; */
  align-items: center;
}

.split___3lQxi .chevron___3-TiN {
  font-size: 1.2rem;
}

.split___3lQxi .small___3zLMP .chevron___3-TiN {
  font-size: 1rem;
}

.split___3lQxi .small___3zLMP.toggle___1LBKT {
  padding: 0 var(--spacing-small) 0 var(--spacing-smaller);
}

.split___3lQxi .options___36bnl {
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  background: var(--color-stark);
  box-shadow: var(--elevation-low);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  overflow: hidden;
  z-index: var(--z-index-low);
  border: var(--border-thin) solid var(--color-primary);
  border-top: var(--border-thin) solid var(--color-shade-light);
}

.split___3lQxi .options___36bnl.visible___3Lwtz {
  opacity: 1;
  visibility: unset;
}

.option___3EKJ6 {
  color: var(--color-shade);
  justify-content: flex-start;
  padding: var(--spacing-small);
}

.option___3EKJ6:hover {
  background: var(--color-shade-lighter);
}

/* toggle */

.pill___3QWU8.primary___2W9GW.toggle___1LBKT.selected___1mAtF {
  background: var(--color-primary-darker);
}

.pill___3QWU8.secondary___3e1Dh.toggle___1LBKT.selected___1mAtF {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-transparent-light);
  border-color: var(--color-primary-dark);
}

.pill___3QWU8.tertiary___3y6rm.toggle___1LBKT.selected___1mAtF {
  background-color: var(--color-primary-transparent-light);
}

.box___2ZwoP.secondary___3e1Dh.toggle___1LBKT.selected___1mAtF {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-transparent-light);
}

/* disabled */

.pill___3QWU8.primary___2W9GW:disabled,
.pill___3QWU8.primary___2W9GW.destructive___2KIAW:disabled,
.pill___3QWU8.primary___2W9GW:disabled:hover,
.box___2ZwoP.primary___2W9GW:disabled,
.box___2ZwoP.primary___2W9GW.destructive___2KIAW:disabled,
.box___2ZwoP.primary___2W9GW:disabled:hover {
  border-color: var(--color-shade-lighter);
  background: var(--color-shade-lighter);
  color: var(--color-shade-light);
}

.pill___3QWU8.secondary___3e1Dh:disabled,
.pill___3QWU8.primary___2W9GW.secondary___3e1Dh:disabled,
.box___2ZwoP.secondary___3e1Dh:disabled,
.box___2ZwoP.primary___2W9GW.secondary___3e1Dh:disabled {
  border-color: var(--color-shade-lighter);
  background: transparent;
  color: var(--color-shade-light);
}

.pill___3QWU8.tertiary___3y6rm:disabled,
.pill___3QWU8.tertiary___3y6rm:disabled:hover,
.box___2ZwoP.tertiary___3y6rm:disabled,
.box___2ZwoP.tertiary___3y6rm:disabled:hover {
  color: var(--color-shade-light);
  background: transparent;
}

.bar___1UK2g {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}

.bar___1UK2g.spacing-large___3pWnn {
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.bar___1UK2g.spacing-medium___1x0Oc {
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.bar___1UK2g.spacing-small___2HV3m {
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

* + .bar___1UK2g {
  margin-top: var(--spacing);
}

.flush___2fJ2d {
  margin-top: 0;
}

.bar___1UK2g.right___3lYHL {
  justify-content: flex-end;
}

.bar___1UK2g.center___3KffO {
  justify-content: center;
}

.bar___1UK2g.spread___2ceKR {
  justify-content: space-between;
}

.bar___1UK2g.even___5lWCj {
  justify-content: space-evenly;
}

.bar___1UK2g.horizontal___2XEoI.stretch___3tFhN {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.bar___1UK2g.vertical___hbr72 {
  flex-direction: column;
}

.bar___1UK2g.vertical___hbr72.stretch___3tFhN {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bar___1UK2g.vertical-reverse___3v3Bc {
  flex-direction: column-reverse;
}

.bar___1UK2g.vertical-reverse___3v3Bc.stretch___3tFhN {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bar___1UK2g.horizontal-reverse___2_SoB.left___1Maya {
  justify-content: flex-end;
}

.bar___1UK2g.horizontal-reverse___2_SoB.right___3lYHL {
  justify-content: flex-start;
}

.bar___1UK2g.horizontal-reverse___2_SoB {
  flex-direction: row-reverse;
}

.bar___1UK2g.horizontal-reverse___2_SoB.stretch___3tFhN {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.connected___ydNXv.vertical___hbr72,
.connected___ydNXv.vertical-reverse___3v3Bc,
.connected___ydNXv.horizontal___2XEoI,
.connected___ydNXv.horizontal-reverse___2_SoB {
  grid-gap: 0;
  gap: 0;
  flex-wrap: nowrap;
}

.connected___ydNXv.vertical___hbr72 > button,
.connected___ydNXv.vertical-reverse___3v3Bc > button {
  height: 100%;
}

.connected___ydNXv.horizontal___2XEoI > button,
.connected___ydNXv.horizontal-reverse___2_SoB > button {
  width: 100%;
}

.connected___ydNXv.vertical___hbr72 > button:first-child:not(:last-child),
.connected___ydNXv.vertical-reverse___3v3Bc > button:last-child:not(:first-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.connected___ydNXv.vertical___hbr72 > button:last-child:not(:first-child),
.connected___ydNXv.vertical-reverse___3v3Bc > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.connected___ydNXv.horizontal___2XEoI > button:first-child:not(:last-child),
.connected___ydNXv.horizontal-reverse___2_SoB > button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.connected___ydNXv.horizontal___2XEoI > button:last-child:not(:first-child),
.connected___ydNXv.horizontal-reverse___2_SoB > button:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.connected___ydNXv.vertical___hbr72 > button:not(:first-child):not(:last-child),
.connected___ydNXv.vertical-reverse___3v3Bc > button:not(:first-child):not(:last-child),
.connected___ydNXv.horizontal___2XEoI > button:not(:first-child):not(:last-child),
.connected___ydNXv.horizontal-reverse___2_SoB > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.connected___ydNXv.vertical___hbr72 > button:not(:last-child):not(:hover) {
  border-bottom-color: transparent;
}

.connected___ydNXv.vertical-reverse___3v3Bc > button:not(:last-child):not(:hover) {
  border-top-color: transparent;
}

.connected___ydNXv.horizontal___2XEoI > button:not(:last-child):not(:hover) {
  border-right-color: transparent;
}

.connected___ydNXv.horizontal-reverse___2_SoB > button:not(:last-child):not(:hover) {
  border-left-color: transparent;
}

.connected___ydNXv.vertical___hbr72 > button:hover + button:not(:first-child):not(:hover) {
  border-top-color: transparent;
}

.connected___ydNXv.vertical-reverse___3v3Bc
  > button:hover
  + button:not(:first-child):not(:hover) {
  border-bottom-color: transparent;
}

.connected___ydNXv.horizontal___2XEoI > button:hover + button:not(:first-child):not(:hover) {
  border-left-color: transparent;
}

.connected___ydNXv.horizontal-reverse___2_SoB
  > button:hover
  + button:not(:first-child):not(:hover) {
  border-right-color: transparent;
}

.errors___3n_PN > :last-child > :first-child {
  /* TODO: Replace this when nested class names are added */
  margin-top: 0;
}

.label___ore3P {
  margin-bottom: var(--spacing-small);
  color: var(--color-shade-dark);
  display: flex;
}

.error___2_n-_ {
  color: var(--color-error);
}

* + .field___3rTkz {
  margin-top: var(--spacing);
}

.flush___16Hgx {
  margin: 0;
}

.field___3rTkz .error___89hjr {
  color: var(--color-error);
}

.hint___2N9u1 {
  color: var(--color-shade);
  margin-top: var(--spacing-smaller);
}

.choice___33yEU {
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

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

.small___2T18S {
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.medium___2fKvZ {
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.large___j5J_H {
  grid-gap: var(--spacing-large);
  gap: var(--spacing-large);
}

.vertical___3pitF {
  flex-direction: column;
}

.control___2PWFg {
  cursor: pointer;
  display: flex;
  align-items: center;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.icon___3Z6i3 {
  color: var(--color-shade-light);
}

.selected___14mgr .icon___3Z6i3 {
  color: var(--color-primary);
}

.disabled___1xaeo .control___2PWFg {
  cursor: default;
}

.disabled___1xaeo .icon___3Z6i3 {
  color: var(--color-shade-lighter);
}

.grouped___2Ykxt {
  display: flex;
  grid-gap: 0;
  gap: 0;
}

.seperated___krGZf {
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  flex-wrap: wrap;
  justify-content: start;
}

.grouped___2Ykxt .icon___3Z6i3 {
  display: none;
}

.label___1iEis {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.grouped___2Ykxt .control___2PWFg {
  flex: 1;
  justify-content: center;
  padding: var(--spacing-small) var(--spacing);
  border: var(--border-thin) solid var(--color-shade-light);
  border-right-width: 0;
  transition: border-color var(--animation-normal) ease,
    shade-color var(--animation-normal) ease;
  background-color: transparent;
}

.seperated___krGZf .control___2PWFg {
  padding: var(--spacing-small);
  white-space: nowrap;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  border-radius: var(--border-radius);
  border-width: var(--border-thin);
}

.grouped___2Ykxt.vertical___3pitF .control___2PWFg {
  border-bottom-width: 0;
  border-right-width: var(--border-thin);
}

.grouped___2Ykxt .control___2PWFg:hover,
.grouped___2Ykxt .control___2PWFg:focus {
  color: var(--color-primary);
  background-color: var(--color-primary-transparent-light);
}

.grouped___2Ykxt .control___2PWFg:focus {
  font-weight: var(--font-weight-heavy);
}

.seperated___krGZf .control___2PWFg:focus {
  font-weight: inherit;
}

.grouped___2Ykxt .control___2PWFg:first-of-type {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.grouped___2Ykxt .control___2PWFg:last-of-type {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-right-width: var(--border-thin);
}

.grouped___2Ykxt.vertical___3pitF .control___2PWFg:first-of-type {
  border-radius: 0;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.grouped___2Ykxt.vertical___3pitF .control___2PWFg:last-of-type {
  border-radius: 0;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-width: var(--border-thin);
}

.grouped___2Ykxt .selected___14mgr {
  background: var(--color-primary);
  color: var(--color-stark);
  border-color: var(--color-primary);
}

.grouped___2Ykxt .selected___14mgr:hover,
.grouped___2Ykxt .selected___14mgr:focus {
  color: var(--color-stark);
  background-color: var(--color-primary);
}

.outer___4nDwT {
  border-radius: var(--border-radius);
  border: var(--border-thin) solid var(--color-shade-light);
  background: var(--color-stark);
  display: flex;
  transition: border-color var(--animation-normal) ease;
  align-items: center;
}

.outer___4nDwT:hover {
  border-color: var(--color-shade);
}

.outer___4nDwT[focus-within] {
  border-color: var(--color-primary);
}

.outer___4nDwT:focus-within {
  border-color: var(--color-primary);
}

.error___3GzO2 {
  border-color: var(--color-error);
}

.error___3GzO2[focus-within] {
  border-color: var(--color-error);
}

.error___3GzO2:focus-within {
  border-color: var(--color-error);
}

.error___3GzO2:hover {
  border-color: var(--color-error-dark);
}

.input___1AlJ3 {
  flex: 1;
}

.textarea___3_MYz {
  flex: 1;
}

.hidden___1GEPf {
  opacity: 0;
}

.control____H4TQ {
  resize: vertical;
  font-family: canada-type-gibson, Avenir Next, Helvetica Neue, sans-serif;
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  color: var(--color-shade-dark);
  border: none;
  background: transparent;
  width: 100%;
  font-size: var(--font-size);
  padding: calc(var(--spacing-small)*1.5);
  padding: calc(var(--spacing-small) * 1.5);
  letter-spacing: var(--letter-spacing);
  caret-color: var(--color-primary);
}

.time___QGefe .meridiem___3UxEn {
  border: 0;
  width: 80px;
  flex-shrink: 0;
}

.time___QGefe .control____H4TQ {
  padding-right: 0;
}

.time___QGefe .meridiem___3UxEn .input___1AlJ3 {
  border: none;
}

.textarea___3_MYz .control____H4TQ {
  line-height: 1.75;
}

.control____H4TQ:-ms-input-placeholder {
  color: var(--color-shade-light);
}

.control____H4TQ::placeholder {
  color: var(--color-shade-light);
}

.disabled___xPsBx,
.disabled___xPsBx:hover {
  background-color: var(--color-shade-lightest);
  border-color: var(--color-shade-lighter);
}

.control____H4TQ:disabled:-ms-input-placeholder {
  color: var(--color-shade-light);
  opacity: 1;
  /* mobile safari will not show colors */
  -webkit-text-fill-color: var(--color-shade-light);
}

.disabled___xPsBx .control____H4TQ,
.control____H4TQ:disabled,
.control____H4TQ:disabled::placeholder {
  color: var(--color-shade-light);
  opacity: 1;
  /* mobile safari will not show colors */
  -webkit-text-fill-color: var(--color-shade-light);
}

.calendar___2NEFt {
  margin-right: var(--spacing-small);
  color: var(--color-shade-light);
  cursor: pointer;
}

.disabled___xPsBx .date___1eEe1 {
  cursor: default;
}

.color-picker___3bQxu {
  box-shadow: none !important;
}

.input___1AlJ3 .color___2zlr5 {
  margin-right: var(--spacing-small);
  color: var(--color-shade-light);
  cursor: pointer;
}

.swatch___nLh9f {
  height: 20px;
  width: 20px;
  border-radius: var(--border-radius);
  margin-left: var(--spacing-small);
  box-shadow: var(--elevation-low);
  flex-shrink: 0;
}

.select___1jBZp {
  border-radius: var(--border-radius);
  border: var(--border-thin) solid var(--color-shade-light);
  background: var(--color-stark);
  transition: border-color var(--animation-normal) ease;
  display: flex;
  padding: var(--spacing-small);
  position: relative;
  line-height: var(--line-height);
  /* prevent the select from making the interface jump around,
     more investigation into the cause is needed */
  height: 45px;
}

.disabled___1tIEn {
  color: var(--color-shade);
  border-color: var(--color-shade-darker);
}

.control___-lgGM {
  opacity: 1;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  border: 1px solid transparent;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  padding: 0;
}

.control___-lgGM.disabled___1tIEn {
  border: 0;
}

.multiple-select___1MLav .control___-lgGM {
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
  flex-wrap: wrap;
  justify-content: flex-start;
}

.opened___3msEY {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.opened___3msEY .control___-lgGM {
  border-bottom: 0;
  border-top: 0;
}

.control___-lgGM .toggle___3pTXt {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: var(--spacing-small);
}

.dropdown___1NeWt {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  max-height: 200px;
  background: var(--color-stark);
  border: var(--border-thin) solid var(--color-primary);
  border-top: var(--border-thin) solid var(--color-shade-lighter);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  box-shadow: var(--elevation-below-low);
  z-index: var(--z-index-medium);
}

.option___RO-bo {
  cursor: pointer;
  padding: var(--spacing);
}

.option___RO-bo:hover,
.option___RO-bo.hovered___ruOmu {
  background: var(--color-shade-lightest);
}

.select___1jBZp:hover {
  border-color: var(--color-shade-dark);
}

.select___1jBZp[focus-within] {
  border-color: var(--color-primary);
}

.select___1jBZp:focus-within {
  border-color: var(--color-primary);
}

.error___uA98f {
  border-color: var(--color-error);
}

.error___uA98f[focus-within] {
  border-color: var(--color-error);
}

.error___uA98f:focus-within {
  border-color: var(--color-error);
}

.input___3RZni {
  border: 0;
  width: 100%;
}

.input___3RZni > :first-child {
  padding: 0;
  margin: 0;
  line-height: var(--line-height);
}

.selected___ZrujI {
  font-weight: var(--font-weight-heavy);
  background: var(--color-shade-lighter);
}

.label___3n2Vz {
  color: var(--color-shade-dark);
  margin-right: var(--spacing);
}

.label___3n2Vz.clearable___3hrxl {
  color: var(--color-shade-dark);
  margin-right: 0;
}

@supports (-webkit-box-orient: vertical) and (-webkit-line-clamp: 1) {
  .clipped___3OiY0 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}

@supports (not -webkit-box-orient: vertical) and (not -webkit-line-clamp: 1) {
  .clipped___3OiY0 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
  }
}

.placeholder___3VFsB {
  color: var(--color-shade-light);
}

.no-results___1v2Yz {
  display: flex;
  padding: var(--spacing);
  justify-content: center;
}

.disabled___1tIEn .control___-lgGM,
.disabled___1tIEn .toggle___3pTXt {
  cursor: default;
}

.disabled___1tIEn,
.disabled___1tIEn:hover,
.disabled___1tIEn:focus {
  background-color: var(--color-shade-lightest);
  border-color: var(--color-shade-lighter);
}

.disabled___1tIEn .label___3n2Vz {
  color: var(--color-shade-light);
}

.select___1jBZp:hover .toggle___3pTXt {
  color: var(--color-shade-darker);
}

.clear___3-ZeO {
  margin-right: var(--spacing-large);
}

.option-chip___136C7 {
  background-color: var(--color-shade-lightest);
}

.multiple-select___1MLav {
  height: auto;
  min-height: 45px;
  /* prevents hover dropdown arrow from being overlayed with chips */
  padding-right: var(--spacing-largest);
}

.multiple-select___1MLav .input___3RZni {
  /* prevent input going too narrow due to flex, let it go to next line */
  min-width: 8em;
  background: 0;
}

.switch___2WtaD {
  display: flex;
  align-items: center;
}

.control___2c_Jv {
  --margin: 4px;
  background: var(--color-shade-light);
  cursor: pointer;
  display: flex;
  border-radius: 2rem;
  width: 60px;
}

.button___3968P {
  transition: all var(--animation-normal) ease;
  background-color: var(--color-stark);
  box-shadow: var(--elevation-low);
  margin: var(--margin);
  height: 20px;
  width: 20px;
  border-radius: 2rem;
}

.on___21dYc .control___2c_Jv {
  background: var(--color-primary);
}

.on___21dYc .button___3968P {
  transform: translateX(calc(100% + var(--margin)*3));
  transform: translateX(calc(100% + var(--margin) * 3));
}

.label___1CWNu {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-left: var(--spacing-small);
  color: var(--color-shade-light);
}

.on___21dYc .label___1CWNu {
  color: var(--color-primary);
}

.disabled___GjmBx .control___2c_Jv {
  color: var(--color-shade-lighter);
}

.disabled___GjmBx.on___21dYc .control___2c_Jv {
  background: var(--color-shade-lighter);
}

.disabled___GjmBx .label___1CWNu {
  color: var(--color-shade-lighter);
}

.disabled___GjmBx .button___3968P {
  opacity: var(--transparent-heavy);
}

.upload___n-qBI {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: var(--spacing);
  border-radius: var(--border-radius);
  border: var(--border-thin) solid var(--color-primary);
  color: var(--color-primary);
  background: var(--color-primary-transparent-light);
  cursor: pointer;
}

.no-files___11m3z {
  display: flex;
  align-items: center;
}

.attachment___1vfAN {
  display: flex;
  align-items: center;
}

.filename___S7_GG {
  margin: 0 var(--spacing-small);
}

.error___3vXnY {
  color: var(--color-error);
}

.disabled___23LmP {
  background: var(--color-shade-lightest);
  border-color: var(--color-shade-lighter);
  color: var(--color-shade-light);
  cursor: default;
}

.date-range___1ydCj {
  display: flex;
  align-items: center;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.separator___10uKT {
  opacity: 1;
}

.phone___1VpGa {
  border-radius: var(--border-radius);
  border: var(--border-thin) solid var(--color-shade-light);
  background: var(--color-stark);
  display: flex;
  transition: border-color var(--animation-normal) ease;
  align-items: stretch;
  position: relative;
}

.phone___1VpGa .code___2j9S5 {
  border: none;
  width: 80px;
  background: var(--color-shade-lightest);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: unset;
}

.phone___1VpGa .code___2j9S5 > :first-child {
  position: relative;
}

.phone___1VpGa .code___2j9S5 > :first-child > :first-child {
  background: transparent;
}

.phone___1VpGa .code___2j9S5 > :first-child > :last-child {
  right: 0;
}

.phone___1VpGa .tel___37vXv {
  border: none;
}

.phone___1VpGa:hover {
  border-color: var(--color-shade);
}

.phone___1VpGa[focus-within] {
  border-color: var(--color-primary);
}

.phone___1VpGa:focus-within {
  border-color: var(--color-primary);
}

.phone___1VpGa[focus-within] .code___2j9S5 {
  background: var(--color-primary-transparent-light);
}

.phone___1VpGa:focus-within .code___2j9S5 {
  background: var(--color-primary-transparent-light);
}

.error___1TaBc {
  border-color: var(--color-error);
}

.error___1TaBc[focus-within] {
  border-color: var(--color-error);
}

.error___1TaBc:focus-within {
  border-color: var(--color-error);
}

.flag___2FFXU {
  width: 24px;
}

/* TODO: Implement similar component to react phone number input. Following styling is specific to mercury phoneNumber component as it uses HTML select element  */
.codeselect___1BXMD {
  background: transparent;
  border: none !important;
  max-width: 8.25rem;
  text-align: left;
  text-align-last: left;
  padding-left: 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.date-time___24n_A {
  display: flex;
  border-radius: var(--border-radius);
  border: var(--border-thin) solid var(--color-shade-light);
  background: var(--color-stark);
  flex-direction: column;
}

.date-time___24n_A[focus-within] {
  border-color: var(--color-primary);
}

.date-time___24n_A:focus-within {
  border-color: var(--color-primary);
}

.date-time___24n_A.disabled___2aS7d {
  background-color: var(--color-shade-lightest);
  border-color: var(--color-shade-lighter);
}

.date-time___24n_A > :first-child,
.date-time___24n_A > :last-child {
  border: none;
}

/* Hide the calendar icon */
.date-time___24n_A > :first-child > :last-child {
  display: none;
}

@media only screen and (min-width: 768px) {
  .date-time___24n_A {
    flex-direction: row;
  }

  .date-time___24n_A > :last-child {
    width: 160px;
    min-width: 160px;
    flex-grow: 0;
  }

  .date-time___24n_A > :last-child > :first-child {
    text-align: right;
  }
}

* + .fieldset___1dyVw {
  margin-top: var(--spacing-large);
}

.flush___3YOQh {
  margin-top: 0;
}

.legend___1hkTi {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark);
}

.content___3iHE- {
  margin-top: var(--spacing);
}

.fieldset___1dyVw .caption___3se-C {
  margin-top: var(--spacing-small);
  color: var(--color-shade);
}

.table___29Xp7 {
  display: flex;
  flex-direction: column;
  border-radius: var(--border-radius);
  overflow: hidden;
  box-shadow: var(--elevation-low);
  background: var(--color-stark);
  line-height: var(--line-height);
  position: relative;
  z-index: var(--z-index-low);
}

* + .table___29Xp7 {
  margin-top: var(--spacing);
}

.filter___vqKK9 {
  border-bottom: var(--border-thin) solid var(--color-shade-dark);
}

.cell___MdsJ7 {
  display: flex;
  padding: var(--spacing-larger);
  color: var(--color-shade-dark);
  text-overflow: ellipsis;
  overflow: hidden;
}

.body___2h_09 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  scrollbar-width: none;
}

.body___2h_09 .cell___MdsJ7 {
  grid-gap: var(--spacing);
  gap: var(--spacing);
  padding: var(--spacing);
  position: relative;
}

.body___2h_09 .cell___MdsJ7::before {
  content: attr(data-label);
  width: 30%;
  min-width: 30%;
  font-weight: var(--font-weight-heavy);
}

.header___2xKDf,
.footer___2cqFS {
  display: none;
}

.header___2xKDf {
  box-shadow: var(--elevation-low);
  position: relative;
  z-index: var(--z-index-low);
}

.body___2h_09::-webkit-scrollbar {
  width: 0.5rem;
  background-color: hsla(213, 35%, 90%, 1);
}

.body___2h_09::-webkit-scrollbar-thumb {
  background-color: hsla(210, 15%, 25%, 1);
  border-radius: 0.25rem;
}

.footer___2cqFS {
  border-top: var(--border-thin) solid var(--color-shade-lightest);
}

.header___2xKDf .cell___MdsJ7,
.footer___2cqFS .cell___MdsJ7 {
  font-weight: var(--font-weight-heavy);
}

.header___2xKDf .cell___MdsJ7 {
  padding: var(--spacing-large) var(--spacing-larger);
  align-items: center;
}

.header___2xKDf .sort___E1RMJ {
  margin-left: var(--spacing-small);
  color: var(--color-shade-light);
}

.header___2xKDf .sort___E1RMJ.sorting___1kdLL {
  color: var(--color-shade-dark);
}

.header___2xKDf .sort___E1RMJ > :first-child > :first-child {
  font-size: 1.3rem;
}

.compact___2wTIZ .cell___MdsJ7 {
  padding: var(--spacing) var(--spacing-large);
}

.mini___2Vmr1 .cell___MdsJ7 {
  padding: var(--spacing-smaller) var(--spacing-smaller);
}

.body___2h_09 .odd___22AjE {
  background-color: var(--color-stark);
}

.body___2h_09 .even___1v-o9 {
  background-color: var(--color-shade-lightest);
}

.footer___2cqFS .cell___MdsJ7 {
  padding: var(--spacing-larger);
}

.flush___3StKi {
  margin-top: 0;
}

.flat___273j3 {
  box-shadow: none;
}

.centered___1cYES .body___2h_09 .cell___MdsJ7 {
  align-items: center;
}

.empty___3-X-s {
  padding: var(--spacing);
}

.compact___2wTIZ .empty___3-X-s {
  padding: var(--spacing-large);
}

@media only screen and (min-width: 768px) {
  .body___2h_09,
  .header___2xKDf,
  .footer___2cqFS {
    display: grid;
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .body___2h_09 .cell___MdsJ7 {
    padding: var(--spacing-larger);
    grid-gap: 0;
    gap: 0;
  }

  .empty___3-X-s {
    padding: var(--spacing-larger);
  }

  .compact___2wTIZ .cell___MdsJ7 {
    padding: var(--spacing) var(--spacing-large);
  }

  .mini___2Vmr1 .cell___MdsJ7 {
    padding: var(--spacing-smaller) var(--spacing-smaller);
  }

  .body___2h_09 .cell___MdsJ7::before {
    display: none;
  }

  .body___2h_09 .odd___22AjE {
    background-color: var(--color-shade-lightest);
  }

  .body___2h_09 .even___1v-o9 {
    background-color: var(--color-stark);
  }
}

.empty___1fN5j {
  padding: var(--spacing);
}

@media only screen and (min-width: 768px) {
  .empty___1fN5j {
    padding: var(--spacing-larger);
  }
}

.loading-table-view___EkBiy {
  padding: var(--spacing);
}

.loading___ViiHq {
  display: flex;
  justify-content: center;
}

.loader___1_k2h {
  display: inline-flex;
  align-items: center;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.animation___1v9zY {
  stroke: var(--color-primary);
}

.small___1j821 {
  height: 24px;
  width: 24px;
}

.medium___QjHaD {
  height: 48px;
  width: 48px;
}

.large___eIwkx {
  height: 72px;
  width: 72px;
}

.link___1z493 {
  color: var(--color-primary);
  transition: var(--animation-fast);
  -webkit-text-decoration-color: transparent;
          text-decoration-color: transparent;
  display: inline-flex;
  align-items: center;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.link___1z493:hover {
  -webkit-text-decoration-color: var(--color-primary);
          text-decoration-color: var(--color-primary);
}

.icon___376av {
  font-size: var(--font-size-small) !important;
}

.popup___1tNm9 {
  visibility: hidden;
  opacity: 0;
  display: flex;
  transition: opacity var(--animation-fast) ease;
  background: var(--color-stark);
  border-radius: var(--border-radius);
  box-shadow: var(--elevation-low);
  max-width: 90%;
  max-height: 80%;
}

.inner___3xfY7 {
  overflow-y: auto;
}

.large___1tMSV {
  padding: var(--spacing-large);
}

.medium___1aQgU {
  padding: var(--spacing);
}

.small___1-p_m {
  padding: var(--spacing-small);
}

.none___2GaQC {
  padding: 0;
}

.popup___1tNm9.dark___YvxTl {
  background: var(--color-navy-grey);
  color: white;
}

.popup___1tNm9.dark___YvxTl .inner___3xfY7 {
    background: var(--color-navy-grey);
    color: white;
    border-radius: var(--spacing);
  }

.arrow___3DXim.dark___YvxTl {
  background: var(--color-navy-grey);
}

.arrow___3DXim {
  content: '';
  position: absolute;
  top: 50%;
  width: var(--spacing);
  height: var(--spacing);
  background-color: var(--color-stark);
  box-shadow: var(--elevation-low);
}

.left___xHZkc.arrow___3DXim {
  --offset: calc(100% + var(--spacing));
  --negative-offset: calc(var(--spacing)*-1);
  --negative-offset: calc(var(--spacing) * -1);
  right: 0;
  transform: translate(50%, -50%) rotate(45deg);
  -webkit-clip-path: polygon(
    var(--negative-offset) var(--negative-offset),
    var(--offset) var(--negative-offset),
    var(--offset) var(--offset)
  );
          clip-path: polygon(
    var(--negative-offset) var(--negative-offset),
    var(--offset) var(--negative-offset),
    var(--offset) var(--offset)
  );
}

.right___1UYQO.arrow___3DXim {
  --offset: calc(100% + var(--spacing));
  left: 0;
  -webkit-clip-path: polygon(0 0, 0 var(--offset), var(--offset) var(--offset));
          clip-path: polygon(0 0, 0 var(--offset), var(--offset) var(--offset));
  transform: translate(-50%, -50%) rotate(45deg);
}

.bottom___1vKCJ.arrow___3DXim {
  right: 0;
  left: 50%;
  top: 0;
  -webkit-clip-path: polygon(100% 0, calc(var(--spacing)*-1) calc(var(--spacing)*-1), 0 100%);
  -webkit-clip-path: polygon(100% 0, calc(var(--spacing) * -1) calc(var(--spacing) * -1), 0 100%);
          clip-path: polygon(100% 0, calc(var(--spacing)*-1) calc(var(--spacing)*-1), 0 100%);
          clip-path: polygon(100% 0, calc(var(--spacing) * -1) calc(var(--spacing) * -1), 0 100%);
  transform: translate(-50%, -50%) rotate(45deg);
}

.top___312z3.arrow___3DXim {
  right: 0;
  left: 50%;
  bottom: calc(var(--spacing)*-1);
  bottom: calc(var(--spacing) * -1);
  -webkit-clip-path: polygon(100% 0, calc(var(--spacing)) calc(var(--spacing)), 0 100%);
          clip-path: polygon(100% 0, calc(var(--spacing)) calc(var(--spacing)), 0 100%);
  transform: translate(-50%, -50%) rotate(45deg);
  top: unset;
  border: 1px solid var(--color-shade-lighter);
}

.top-left___bjRgC.arrow___3DXim,
.top-right___2FuKb.arrow___3DXim,
.bottom-left___2spYt.arrow___3DXim,
.bottom-right___3LgYh.arrow___3DXim {
  display: none;
}

.inset___MqLct .top-right___2FuKb.arrow___3DXim,
.inset___MqLct .top-left___bjRgC.arrow___3DXim {
  display: block;
  --offset: calc(100% + var(--spacing));
  right: 0;
  -webkit-clip-path: polygon(100% 0, calc(var(--spacing)) calc(var(--spacing)), 0 100%);
          clip-path: polygon(100% 0, calc(var(--spacing)) calc(var(--spacing)), 0 100%);
  transform: translate(-50%, -50%) rotate(45deg);
  top: unset;
  bottom: calc(var(--spacing)*-1);
  bottom: calc(var(--spacing) * -1);
  border: 1px solid var(--color-shade-lighter);
}

.inset___MqLct .top-left___bjRgC.arrow___3DXim {
  left: 0;
  right: unset;
}

.inset___MqLct .bottom-left___2spYt.arrow___3DXim,
.inset___MqLct .bottom-right___3LgYh.arrow___3DXim {
  display: block;
  right: 0;
  left: 50%;
  top: 0;
  -webkit-clip-path: polygon(100% 0, calc(var(--spacing)*-1) calc(var(--spacing)*-1), 0 100%);
  -webkit-clip-path: polygon(100% 0, calc(var(--spacing) * -1) calc(var(--spacing) * -1), 0 100%);
          clip-path: polygon(100% 0, calc(var(--spacing)*-1) calc(var(--spacing)*-1), 0 100%);
          clip-path: polygon(100% 0, calc(var(--spacing) * -1) calc(var(--spacing) * -1), 0 100%);
  transform: translate(-50%, -50%) rotate(45deg);
}

.bottom___1vKCJ.start___1iv11 .arrow___3DXim,
.top___312z3.start___1iv11 .arrow___3DXim {
  left: 10%;
}

.bottom___1vKCJ .arrow___3DXim.bottom-right___3LgYh {
  left: unset;
  right: var(--spacing-base);
  right: var(--spacing-small);
}

.end___1n-Lr.borrom___1ev3b.arrow___3DXim,
.end___1n-Lr.top___312z3.arrow___3DXim {
  right: var(--spacing-base);
  right: var(--spacing-small);
}

.show___3RTMP {
  visibility: unset;
  opacity: 1;
}

.test___xoZNz {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}

.test___xoZNz.visible___1gxg7 {
  display: block;
}

.pagination___R90SU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  margin-top: var(--spacing);
}

.flush___1AUGB {
  margin-top: 0;
}

.page___3pRpd {
  opacity: 1;
  color: var(--color-shade);
}

.pages___3Uk_V {
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.count___3sqXY {
  color: var(--color-shade-light);
  font-size: var(--font-size-small);
}

.first___1vfSQ,
.last___xK7Wj {
  font-weight: var(--font-weight-heavy);
}

.next___7AWZc,
.previous___1mhtR {
  color: var(--color-shade-dark);
}

.current___1p_vB {
  color: var(--color-primary);
}

.loading___2xwkq {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.4;
}

.sticky___3NImT {
  position: -webkit-sticky;
  position: sticky;
  background-color: var(--color-stark);
  z-index: 1;
  border: var(--border-thin) solid var(--color-shade-lightest);
  bottom: var(--spacing-large);
  padding: var(--spacing-large);
  margin: var(--spacing-large);
  box-shadow: var(--elevation-low);
}

.calendar___2PbM0 {
  display: flex;
  flex-direction: column;
  background-color: var(--color-shade-lighter);
  border-radius: var(--border-radius);
  overflow: hidden;
  min-width: 300px;
}

.title___hLFIE {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  background-color: var(--color-shade-dark);
  padding: var(--spacing);
  color: var(--color-stark);
}

.year___19p43 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-weight-heavy);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.control___9T2Sj {
  display: flex;
  cursor: pointer;
}

.control___9T2Sj:last-of-type {
  justify-content: flex-end;
}

.components___3Fdr5 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-row-gap: var(--border-thin);
  row-gap: var(--border-thin);
  grid-column-gap: var(--border-thin);
  column-gap: var(--border-thin);
  background: var(--color-shade-lightest);
}

.cell___35fun {
  display: flex;
  justify-content: center;
  padding: var(--spacing);
}

.compact___38JgP .cell___35fun {
  padding: var(--spacing-small);
}

.day-of-week___r86MS {
  font-weight: var(--font-weight-heavy);
  background-color: var(--color-shade-light);
  color: var(--color-stark);
  padding: var(--spacing);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.day___10g7V {
  background-color: var(--color-stark);
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.day___10g7V:hover {
  background-color: var(--color-shade-lightest);
}

.day___10g7V:focus {
  box-shadow: 0 0 0 2px var(--color-shade-lighter);
  z-index: var(--z-index-low);
}

.today___2m81t {
  background-color: var(--color-shade-lightest);
  font-weight: var(--font-weight-heavy);
}

.outside___1WRbZ {
  color: var(--color-shade-light);
}

.outside___1WRbZ:hover {
  color: var(--color-shade-light);
}

.unselectable___lnrWd,
.unselectable___lnrWd:hover,
.unselectable___lnrWd:focus {
  color: var(--color-shade-lighter);
  background-color: var(--color-stark);
  cursor: default;
  box-shadow: none;
}

.anchor___2J14- {
  position: absolute;
}

.chip___Rzyi2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  border-radius: 9999999rem;
  border: var(--border-thin) solid var(--chipBaseBorderColor);
  color: var(--chipBaseColor);
  background-color: var(--chipBaseBackgroundColor);
  padding: var(--chipBasePaddingY) var(--chipBasePaddingX);
  font-size: var(--chipBaseFontSize);
}

.chip___Rzyi2:focus,
.chip___Rzyi2[focus-within],
.chip___Rzyi2.selected___ANTXl {
  box-shadow: 0 0 0 2px var(--chipBaseFocusColor);
}

.chip___Rzyi2:focus,
.chip___Rzyi2:focus-within,
.chip___Rzyi2.selected___ANTXl {
  box-shadow: 0 0 0 2px var(--chipBaseFocusColor);
}

/* sizing */
.chip___Rzyi2.small___2a_PP {
  --chipBasePaddingY: var(--spacing-smaller);
  --chipBasePaddingX: var(--spacing-small);
  --chipBaseFontSize: var(--font-size-smaller);
}

.chip___Rzyi2.medium___2HxiR {
  --chipBasePaddingY: var(--spacing-small);
  --chipBasePaddingX: var(--spacing);
  --chipBaseFontSize: var(--font-size-small);
}

/* colors */
.chip___Rzyi2.primary___2v0RM {
  --chipBaseBorderColor: var(--color-primary);
  --chipBaseBackgroundColor: var(--color-primary);
  --chipBaseColor: var(--color-white);
  --chipBaseFocusColor: var(--color-primary-transparent-light);
  --chipBaseActionColor: var(--color-white);
  --chipBaseActionHoverBackgroundColor: var(--color-stark);
  --chipBaseActionHoverColor: var(--color-primary);
}

.chip___Rzyi2.secondary___1xV80 {
  --chipBaseBorderColor: var(--color-shade-lighter);
  --chipBaseBackgroundColor: var(--color-shade-lightest);
  --chipBaseColor: var(--color-shade-darker);
  --chipBaseFocusColor: var(--color-shade-transparent-light);
  --chipBaseActionColor: var(--color-shade-darker);
  --chipBaseActionHoverBackgroundColor: var(--color-shade-transparent-light);
  --chipBaseActionHoverColor: var(--chipBaseActionColor)
}

.chip___Rzyi2.tertiary___VRoLR {
  --chipBaseBorderColor: var(--color-shade-lighter);
  --chipBaseBackgroundColor: var(--color-stark);
  --chipBaseColor: var(--color-shade-darker);
  --chipBaseFocusColor: var(--color-shade-transparent-light);
  --chipBaseActionColor: var(--color-shade-darker);
  --chipBaseActionHoverBackgroundColor: var(--color-shade-transparent-light);
  --chipBaseActionHoverColor: var(--chipBaseActionColor)
}

.asset___2UQOq {
  margin-left: calc(var(--chipBasePaddingX)*-0.5);
  margin-left: calc(var(--chipBasePaddingX) * -0.5);
  margin-right: calc(var(--chipBaseFontSize)*0.5);
  margin-right: calc(var(--chipBaseFontSize) * 0.5);
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  border-radius: 9999999rem;
}

.icon___3xLJ-.icon___3xLJ- {
  color: inherit;
  font-size: 1em;
  margin: 0;
  width: 1em;
  height: 1em;
}

.action___1qJeY {
  margin-right: calc(var(--chipBasePaddingX)*-0.5);
  margin-right: calc(var(--chipBasePaddingX) * -0.5);
  margin-left: calc(var(--chipBaseFontSize)*0.25);
  margin-left: calc(var(--chipBaseFontSize) * 0.25);
  padding: 0.25em;
  line-height: 0;
  border: 0;
  border-radius: 9999999999rem;
  aspect-ratio: 1;
  background: 0;
  color: var(--chipBaseActionColor);
}

.action___1qJeY:focus,
.action___1qJeY:hover {
  background: var(--chipBaseActionHoverBackgroundColor);
  color: var(--chipBaseActionHoverColor);
}

.action___1qJeY.stretched___3Y1BU {
  position: static;
  position: initial;
}

.action___1qJeY.stretched___3Y1BU::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
}

.tooltip___3neQh {
  visibility: hidden;
  opacity: 0;
  display: flex;
  padding: var(--spacing-small);
  transition: opacity var(--animation-fast) ease;
  background: var(--color-shade-darker);
  border-radius: var(--border-radius);
  box-shadow: var(--elevation-low);
  font-size: var(--font-size-small);
  color: var(--color-shade-lighter);
  max-width: 200px;
  line-height: var(--line-height);
}

.show___3HH7N {
  visibility: unset;
}

.bottom___3w15f.show___3HH7N {
  animation: slide-in-bottom___8vmeO var(--animation-normal)
    cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.right___btd5i.show___3HH7N {
  animation: slide-in-bottom___8vmeO var(--animation-normal)
    cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.top___Y66T4.show___3HH7N {
  animation: slide-in-top___kyxY8 var(--animation-normal) cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
}

@keyframes slide-in-bottom___8vmeO {
  0% {
    opacity: 0;
    transform: translate(0, 15px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

@keyframes slide-in-top___kyxY8 {
  0% {
    opacity: 0;
    transform: translate(0, -15px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.titlebar___N32Rd {
  display: flex;
  align-items: center;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  margin-bottom: var(--spacing);
}

.title___2Lba8 {
  flex-grow: 1;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .titlebar___N32Rd {
    flex-direction: column;
    align-items: flex-start;
  }
}

.markdown___16Ly5 {
  opacity: 1;
}

.navitem___1AiGj {
  position: relative;
  border-top: 1px solid var(--color-shade-light-transparent-light);
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color var(--animation-fast) ease;
  width: var(--navigation-width);
}

.navitem___1AiGj:first-of-type {
  border-top: 0;
}

.navitem___1AiGj.active___1LwBS::after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  box-shadow: inset -4px 0 0px 0px var(--color-primary);
}

.inner___1z9dT {
  display: flex;
}

.item___2cGXe {
  display: flex;
  color: var(--color-stark);
  text-decoration: none;
  padding: var(--spacing-large) var(--spacing) var(--spacing-large) var(--spacing-large);
  grid-gap: var(--spacing);
  gap: var(--spacing);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  transition: color var(--animation-normal) ease;
}

.item___2cGXe > :last-child {
  transition: opacity var(--animation-fast) ease;
}

.item___2cGXe:focus,
.item___2cGXe:active {
  outline: none;
}

.expand___M3kGz {
  margin-right: var(--spacing);
  width: var(--spacing-large);
  transition: opacity 0.2s ease;
  transition: opacity var(--animation-fast) ease;
}

.children___1TSO5 {
  padding: 0 var(--spacing-large);
  opacity: 1;
  transition: opacity 0.2s ease,
    height 0.2s ease;
  transition: opacity var(--animation-fast) ease,
    height var(--animation-fast) ease;
  overflow: hidden;
}

.extra___2UUlU {
  padding: 0 var(--spacing-large);
}

.collapsed___2C6zp .item___2cGXe > :nth-child(2),
.collapsed___2C6zp .item___2cGXe > :last-child,
.collapsed___2C6zp .expand___M3kGz {
  opacity: 0;
}

.collapsed___2C6zp .extra___2UUlU {
  display: none;
}

.collapsed___2C6zp .asset___2kdCQ {
  position: absolute;
  opacity: 1 !important;
  width: var(--navigation-collapsed-width);
  left: 0;
  top: 0;
  display: flex;
  justify-content: flex-end;
  padding: var(--spacing-small) var(--spacing-small) 0 0;
}

/* theme */

.dark___1z1ol .divider___2XVks {
  opacity: 0.2;
}

.dark___1z1ol.active___1LwBS,
.dark___1z1ol.active___1LwBS:hover {
  background-color: var(--color-shade-darker);
}

.dark___1z1ol:hover {
  background-color: var(--color-shade-darker-transparent-light);
}

.dark___1z1ol .item___2cGXe {
  color: var(--color-shade-lightest);
}

.dark___1z1ol .expand___M3kGz {
  color: var(--color-shade-lightest);
}

.light___3Z4YH .divider___2XVks {
  opacity: 0.2;
}

.light___3Z4YH:hover {
  background-color: var(--color-shade-lighter-transparent-light);
}

.light___3Z4YH.active___1LwBS {
  background-color: var(--color-shade-lightest);
}

.light___3Z4YH .item___2cGXe {
  color: var(--color-shade);
}

.light___3Z4YH .expand___M3kGz {
  color: var(--color-shade);
}

:root {
  --navigation-width: 240px;
  --navigation-collapsed-width: 76px;
}

.items___p2Sv- {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}

.items___p2Sv-::-webkit-scrollbar {
  width: var(--spacing-small);
}

.items___p2Sv-::-webkit-scrollbar-thumb {
  border-radius: 100vw;
}

.title___2N6AO {
  padding: var(--spacing-large);
  margin: 0;
  transition: opacity var(--animation-fast) ease, padding var(--animation-fast) ease;
}

.back___32fDs {
  background-color: transparent;
  width: 100%;
  padding: var(--spacing-large);
  justify-content: flex-start;
  grid-gap: var(--spacing-large);
  gap: var(--spacing-large);
}

.back___32fDs > :last-child {
  transition: opacity var(--animation-fast) ease;
}

.back___32fDs + .title___2N6AO {
  padding-top: 0;
}

.collapsed___atocp .title___2N6AO {
  opacity: 0;
  height: 0;
  padding: 0;
  padding-left: var(--spacing-large);
}

.collapsed___atocp .back___32fDs > :last-child {
  opacity: 0;
}

@keyframes slidein___1CrD5 {
  from {
    transform: translateX(240px);
    transform: translateX(var(--navigation-width));
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideout___1C3V2 {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100px);
    opacity: 0;
  }
}

.nested___3S4_g {
  animation-name: slidein___1CrD5;
  animation-duration: var(--animation-fast);
  position: absolute;
  top: var(--masthead-height);
  right: 0;
  left: 0;
  bottom: 0;
}

.remove___1AFWH {
  animation-name: slideout___1C3V2;
  animation-duration: var(--animation-fast);
}

/* theme */

.dark___28Fko {
  background: var(--color-shade-dark);
}

.dark___28Fko .back___32fDs {
  color: var(--color-stark);
}

.dark___28Fko .title___2N6AO {
  color: var(--color-stark);
}

.dark___28Fko.items___p2Sv-::-webkit-scrollbar-track {
  background: var(--color-shade);
}

.dark___28Fko.items___p2Sv-::-webkit-scrollbar-thumb {
  background: var(--color-shade-darker);
}

.light___2T9au {
  background: var(--color-stark);
}

.light___2T9au .back___32fDs {
  color: var(--color-shade-darker);
}

.light___2T9au .icon___3ay3K {
  color: var(--color-primary);
}

.light___2T9au .back___32fDs:hover {
  color: var(--color-primary);
}

.light___2T9au.items___p2Sv-::-webkit-scrollbar-track {
  background: var(--color-shade-light);
}

.light___2T9au.items___p2Sv-::-webkit-scrollbar-thumb {
  background: var(--color-shade);
}

.dark___28Fko .back___32fDs:hover {
  color: var(--color-stark-transparent-heavy);
}

.layout___Yl80a {
  display: grid;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  grid-auto-columns: 1fr;
  align-items: flex-start;
  grid-auto-flow: column;
}

.smaller___129Gg {
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.small___1f_X4 {
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.large___1uYLt {
  grid-gap: var(--spacing-large);
  gap: var(--spacing-large);
}

.larger___19_jY {
  grid-gap: var(--spacing-larger);
  gap: var(--spacing-larger);
}

.vertical___1_FJf {
  grid-auto-flow: row;
}

.vertical___1_FJf.stretch___2tOH_ {
  grid-auto-rows: 1fr;
}

.stretch___2tOH_ {
  align-items: initial;
}

@media only screen and (max-width: 1024px) {
  .layout___Yl80a {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }
}

.application___1KKAw {
  display: flex;
  height: 100%;
  min-height: 100%;
}

.body___1uLkO {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.content___1PCwq {
  overflow-y: auto;
  padding: calc(var(--spacing) + var(--masthead-height)) var(--spacing-large);
}

.sidebar___1E0sZ {
  min-width: 76px;
  display: flex;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .content___1PCwq {
    padding-top: calc(var(--spacing-large) + var(--masthead-height));
    padding-left: calc(var(--spacing-large));
    padding-right: calc(var(--spacing-large));
    transition: all var(--animation-fast) ease;
  }
}

@media only screen and (min-width: 1920px) {
  .content___1PCwq {
    padding-top: calc(var(--spacing-largest) + var(--masthead-height));
    padding-left: calc(var(--spacing-largest)*2.5);
    padding-left: calc(var(--spacing-largest) * 2.5);
    padding-right: calc(var(--spacing-largest)*2.5);
    padding-right: calc(var(--spacing-largest) * 2.5);
    transition: all var(--animation-fast) ease;
  }
}

.sidebar___1VlUb {
  width: var(--navigation-width);
  min-width: var(--navigation-width);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: width var(--animation-normal) ease, min-width var(--animation-normal) ease,
    opacity var(--animation-fast) ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: var(--z-index-medium);
  overflow: hidden;
}

@media (max-width: 550px) {
  .sidebar___1VlUb {
    position: fixed;
  }
}

.sidebar___1VlUb.collapsed___3FUjM {
  width: var(--navigation-collapsed-width);
  min-width: var(--navigation-collapsed-width);
}

.sidebar___1VlUb .branding___1Oxyh {
  transition: opacity var(--animation-fast) ease;
  max-width: 88px;
}

.plan___3pXGh {
  background: var(--color-cream);
  color: var(--color-primary);
  border: none;
  margin-left: var(--spacing-small);
}

.sidebar___1VlUb.collapsed___3FUjM .branding___1Oxyh,
.sidebar___1VlUb.collapsed___3FUjM .plan___3pXGh {
  opacity: 0;
}

.title___2NRdq {
  display: flex;
  align-items: center;
  padding: var(--spacing) var(--spacing-large);
  grid-gap: var(--spacing);
  gap: var(--spacing);
  max-height: var(--masthead-height);
  height: var(--masthead-height);
  flex-shrink: 0;
  box-shadow: var(--elevation-low);
  position: relative;
  z-index: 2;
}

.branding-plan___liBxA {
  display: flex;
  align-items: center;
}

.toggle___1VZlE {
  color: var(--color-shade);
}

.toggle___1VZlE:hover {
  color: var(--color-shade-dark);
}

/* theme */

.dark___2OGuD {
  border-right: 1px solid var(--color-shade-lighter);
}

.dark___2OGuD .title___2NRdq {
  background: var(--color-stark);
}

.light___2LU3C {
  border-right: 1px solid var(--color-shade-lighter);
}

.light___2LU3C .title___2NRdq {
  background: var(--color-stark);
}

:root {
  --masthead-height: 66px;
}

.masthead___1pqbx {
  background: var(--color-stark);
  display: flex;
  align-items: stretch;
  box-shadow: var(--elevation-low);
  justify-content: space-between;
  flex-shrink: 0;
  z-index: 2;
  max-height: 66px;
  max-height: var(--masthead-height);
  height: 66px;
  height: var(--masthead-height);
  /* This is due to iOS not being able to correctly scroll only the content in the application */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.title___gxGe6 {
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark) !important;
  line-height: 1;
  padding: var(--spacing) 0;
  margin-left: var(--spacing-large);
  max-width: 200px;
}

.title___gxGe6 .inner___22ftb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.primary___2eHtM {
  display: flex;
  align-items: center;
  margin-left: var(--spacing-large);
  min-width: 0px;
}

.additional___oTds7 {
  flex: 1 0 auto;
  flex-wrap: wrap;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.user___1uFrA {
  cursor: pointer;
  display: flex;
  align-items: center;
  border-left: var(--border-thin) solid var(--color-shade-lighter);
  padding: 0 var(--spacing);
  grid-gap: var(--spacing);
  gap: var(--spacing);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.details___2evuN {
  max-width: 120px;
}

.details___2evuN > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topline___1jtwv {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.name___2pJiD {
  text-overflow: ellipsis;
  overflow: hidden;
}

.details___2evuN > :first-child {
  color: var(--color-shade-darker);
}

.mobile___17XoY .details___2evuN {
  display: none;
}

.mobile___17XoY .user___1uFrA {
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.dropdown___QPvjw {
  color: var(--color-shade);
  padding-right: var(--spacing);
}

.dropdown___QPvjw:hover {
  color: var(--color-shade-darker);
}

.bar___1zj23 {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  max-height: 66px;
  max-height: var(--masthead-height);
  height: 66px;
  height: var(--masthead-height);
  overflow: hidden;
}

.bar___1zj23 > * {
  max-height: 66px;
  max-height: var(--masthead-height);
  height: 66px;
  height: var(--masthead-height);
}

.bubble___2ZBBF {
  border-radius: var(--bubble-radius);
  color: var(--color-stark);
  --bubble-radius: calc(var(--spacing-base)*2.5);
  --bubble-radius: calc(var(--spacing-base) * 2.5);
  flex: 1;
}

* + .bubble___2ZBBF {
  margin-top: var(--spacing);
}

.bubble___2ZBBF.active___emhoh {
  background-color: var(--color-shade-darker);
}

.bubble___2ZBBF.inactive___1FIcr {
  background-color: var(--color-shade-dark);
}

.bubble___2ZBBF.left___3r79o {
  border-radius: 0 var(--bubble-radius) var(--bubble-radius)
    var(--bubble-radius);
}

.bubble___2ZBBF.right___1-C5P {
  border-radius: var(--bubble-radius) 0 var(--bubble-radius)
    var(--bubble-radius);
}

.container___1omSS {
  padding: var(--spacing-large);
}

.content___1HYvY {
  line-height: var(--font-size-larger);
}

.timestamp___2pxmn {
  align-items: flex-end;
  color: var(--color-shade-light);
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-smaller);
  margin-top: var(--spacing-small);
}

.stretch___3v50k {
  width: 100%;
}

.wrapper___FBAzk {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  margin-top: var(--spacing);
  justify-content: flex-end;
}

.sender___23Wbi {
  min-width: var(--spacing-larger);
  flex-shrink: 0;
  margin-top: var(--spacing);
}

.sender___23Wbi > div {
  border-width: 0px;
}

.flush___oVWCb {
  margin-top: 0;
}

@media only screen and (max-width: 414px) {
  .wrapper___FBAzk {
    grid-gap: var(--spacing-small);
    gap: var(--spacing-small);
    margin-top: var(--spacing-small);
  }
}

.portal___1xOQk {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-highest);
}

.opened___25k1r {
  bottom: 0;
}

.dont-prevent-scroll___1rsuc {
  bottom: unset;
}

.timeline___2ZqyZ {
  --dot-width: 24px;
  opacity: 1;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

* + .timeline___2ZqyZ {
  margin-top: var(--spacing);
}

.flush___1CVrB {
  margin-top: 0;
}

.activity___dp5Sk {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.indicators___cCotH {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
}

.dot___3Z_gK {
  border-radius: 1rem;
  width: var(--dot-width);
  height: var(--dot-width);
  color: var(--color-stark);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.initiator___3X2xw {
  font-weight: var(--font-weight-heavy);
}

.dot___3Z_gK .icon___Nz44i {
  font-size: 0.9rem;
}

.context___3Ifp_ {
  margin-top: var(--spacing-small);
}

.line___1VT2q {
  height: calc(100% - var(--spacing));
  top: calc(var(--spacing-large) + 4px);
  width: 2px;
  background: var(--color-shade-lighter);
  margin-left: calc(var(--dot-width)/2 - 1px);
  margin-left: calc(var(--dot-width) / 2 - 1px);
  position: absolute;
}

.success___1SDH9 .dot___3Z_gK {
  background: var(--color-success);
}

.error___65ogv .dot___3Z_gK {
  background: var(--color-error);
}

.warning___2KsTQ .dot___3Z_gK {
  background: var(--color-warning);
}

.info___MefvA .dot___3Z_gK {
  background: var(--color-info);
}

/* Horizontal timeline styles */

.horizontal-timeline___2TdD7 {
  display: flex;
  flex-direction: column;
}

.ht-button-bar___1T14W button {
  max-width: 50px;
  margin-bottom: 1.5em;
}

.ht-scrollable-container___2x3-W {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  border: thin solid var(--color-grey-lighter);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
}

.ht-scrollable-container___2x3-W::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
  background-color: hsla(213, 35%, 90%, 0.5);
}

.ht-scrollable-container___2x3-W::-webkit-scrollbar-thumb {
  background-color: hsla(210, 15%, 25%, 0.5);
  border-radius: 0.5rem;
}

.ht-tr___atHKP {
  display: flex;
  flex: 1 1 0;
}

.ht-th___LCVeJ {
  border-bottom: 1px solid var(--color-grey-lighter);
  text-align: center;
  padding: var(--spacing-small);
  font-size: var(--font-size-smaller);
  flex: 1 1 0;
  min-width: 3rem;
}

.ht-legend-wrapper___u0GjI {
  padding: 1em 0;
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.ht-td___1XETd {
  position: relative;
  display: flex;
  flex: 1 1 0;
  min-width: 3rem;
}

.ht-cell___irIwr {
  min-height: 2em;
  border-style: inset;
  border-bottom: 2px solid;
  margin-left: -1px;
}

.ht-cell-left___--qhd,
.ht-cell-right___2TnZT {
  width: 50%;
}
.ht-cell-right___2TnZT {
  border-left: thin solid var(--color-grey-lighter);
}

.ht-cell-popup-content___3RfaD {
  line-height: 1.5;
  line-height: var(--line-height);
}

.ht-active___1z5an {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  position: absolute;
  bottom: calc(-0.5em + 1px);
  bottom: calc(-.5em + 1px);
  left: calc(50% - 0.5em);
  z-index: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-white);
}
.ht-selected___37aHi { 
  border: thin solid var(--color-primary);
}
.ht-warning___3gOhu svg {
  color: var(--color-warning);
}
.ht-info___Slw_I svg {
  color: var(--color-info);
}
.ht-error___3-QpL svg {
  color: var(--color-error);
}

.ht-active___1z5an svg {
  height: 0.5em;
  width: 0.5em;
}

.ht-active-popup___3jhbi {
  font-size: var(--font-size-smaller);
  padding: var(--spacing-small);
}
* + .filters___2RkYi {
  margin-top: var(--spacing);
}

.bar___2QEEP {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  align-items: center;
  flex-direction: row;
}

@media only screen and (max-width: 768px) {
  .bar___2QEEP {
    align-items: flex-start;
    flex-direction: column;
  }

  .stretch____uDan .primary___2rlP0 {
    width: 100%;
  }
}

.primary___2rlP0 {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.stretch____uDan .primary___2rlP0 {
  flex: 1;
}

.condition-wrapper___2imyy {
  display: flex;
  margin-top: var(--spacing-small);
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  max-width: 280px;
}

.field___w3uEQ {
  flex: 1;
}

.option___1KLn4 {
  flex: 1;
}

.operator___2SkJI {
  flex: 2;
}

.removable___1vO29 {
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  align-items: center;
}

.removable___1vO29 .remove___30hVr {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  padding: 0;
  flex-shrink: 0;
}

.conditional___tPbI- {
  margin-top: var(--spacing-small);
  max-width: 260px;
}

/* .options > * > :first-child {
  display: flex;
  gap: spacing();
  align-items: center;
} */

.select___3a7FA {
  min-width: 300px;
}

@media only screen and (max-width: 320px) {
  .select___3a7FA {
    min-width: 230px;
  }

  .conditional___tPbI- {
    max-width: 190px;
  }
}

.chips___3rjh1 {
  margin-top: var(--spacing-small);
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.overlay___7swis {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--animation-slow) ease;
  z-index: var(--z-index-high);
}

.dark___2F_w6 {
  background: var(--color-shade-darker-transparent-heavy);
}

.light___3qWfM {
  background: var(--color-shade-lighter-transparent-heavy);
}

.carousel-wrapper___2TYcz {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.carousel___JBc0G {
  display: flex;
  flex-grow: 1;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow-x: auto;
  scrollbar-width: none;
}

.carousel___JBc0G::-webkit-scrollbar {
  display: none;
}

.slide___2XKGp {
  scroll-snap-align: start;
  width: 100%;
  display: flex;
  grid-gap: var(--spacing-larger);
  gap: var(--spacing-larger);
  padding: var(--spacing-large) var(--spacing-larger) var(--spacing-largest);
  flex: 1 0 100%;
  justify-content: space-between;
}

.slide-main___sBlDb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.slide-img-wrapper___a2QFl {
  display: none;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 40%;
  max-width: 50%;
  flex-grow: 1;
}

@media only screen and (min-width: 550px) {
  .slide-img-wrapper___a2QFl {
    visibility: visible;
    display: flex;
  }
}

.slide-subtitle___24zMB {
  margin-bottom: var(--spacing);
  word-break: break-word;
  white-space: pre-line;
}

.slide-img___w7lw- {
  max-height: 100%;
  max-width: 100%;
}

.slide-btn___2r_LJ {
  margin-top: auto;
}

.slide-btn-icon___3WQam {
  transform: rotate(180deg);
}

.slide-title___3td9Z {
  color: var(--color-primary);
  word-break: break-word;
}

/* themes */

.slide-teal___1yrpl {
  background: #fff;
}

.slide-orange___1FQxk {
  background: #fce1c9;
  color: #000;
}

.slide-orange___1FQxk .slide-title___3td9Z {
    color: #000;
  }

.slide-red___2ZX7v {
  background: #fee9e9;
  color: #000;
}

.slide-red___2ZX7v .slide-title___3td9Z {
    color: #000;
  }

.slide-purple___14n7s {
  background: #f1eaf9;
  color: #000;
}

.slide-purple___14n7s .slide-title___3td9Z {
    color: #000;
  }

.slide-blue___3T5l2 {
  background: #eaf4fb;
  color: #000;
}

.slide-blue___3T5l2 .slide-title___3td9Z {
    color: #000;
  }

/* controls */
.slide-control___eOby6 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 999999rem;
  background: var(--color-grey-lightest);
  border: 0;
  padding: 0.125rem;
  line-height: 0;
  box-shadow: 0 2px 4px 0.25px rgba(0, 0, 0, 0.15);
}

.slide-control___eOby6 > svg {
  font-size: 1rem;
}

.slide-control-left___2pQaZ {
  left: 0.25rem;
}

.slide-control-right___2dy0x {
  right: 0.25rem;
}

/* carousel navigation */
.carousel-nav___1wtb3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: var(--spacing-large);
}

.carousel-nav-list___3gL3L {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.carousel-nav-btn___3wFeV {
  box-sizing: content-box;
  border-radius: 999999rem;
  background: var(--color-grey-light);
  border: 0.125rem solid #fff;
  height: 0.5rem;
  width: 0.5rem;
  padding: 0;
  display: block;
  box-shadow: 0 2px 4px 0.25px rgba(0, 0, 0, 0.15);
}

.carousel-nav-btn-active___1Tbw7 {
  background: var(--color-primary);
}

.stepLabel___1LOPH {
  cursor: pointer;
  display: flex;
}

.chevron___3Es48 {
  color: var(--color-shade-darker);
}

.labelContainer___26g9E {
  display: flex;
}
.popout___37Ayo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  top: var(--masthead-height);
  z-index: 50;
  animation: fadein___3ZCsg var(--animation-fast) forwards;
}

@keyframes fadein___3ZCsg {
  from {
    background: transparent;
  }
  to {
    background: var(--color-shade-darker-transparent-heavy);
  }
}

@keyframes slidein___2nhcQ {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}

.inner___3s-TM {
  animation: slidein___2nhcQ var(--animation-normal) forwards;
  background: var(--color-stark);
  position: relative;
  padding: var(--spacing-largest);
  margin-left: var(--navigation-collapsed-width); /* minimum sidebar width */
  box-shadow: inset 0 1px 3px var(--color-elevation);
  overflow-y: auto;
}

.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0px;bottom:0px;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4d4d4d;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099e0;-moz-box-shadow:0px 0px 3px 2px #0099e0;box-shadow:0px 0px 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099e0;-moz-box-shadow:0px 0px 5px 5px #0099e0;box-shadow:0px 0px 5px 5px #0099e0}
.banner___3UHuh {
    top: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--color-stark);
    padding: var(--spacing);
    box-shadow: var(--elevation-low);
    position: fixed;
    background: #f5a623;
    z-index: 500;
    animation: slide-in___2I8kE var(--animation-normal) cubic-bezier(0.39, 0.575, 0.565, 1)
        both;
}

.message___3maEG {
    display: flex;
    grid-gap: var(--spacing);
    gap: var(--spacing);
    justify-content: center;
    flex-grow: 1;
}

.link___PtV0n,
.close___39tbL {
    /* TODO: Remove !important when platform login is changed to UIKit */
    color: var(--color-stark) !important;
}

.link___PtV0n:hover {
    -webkit-text-decoration-color: var(--color-stark);
            text-decoration-color: var(--color-stark);
}

@keyframes slide-in___2I8kE {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.outer___HHgE7 {
    padding: var(--spacing-large);
    display: flex;
    justify-content: center;
}

.filters___lFDqk {
    margin: var(--spacing) 0;
    width: 100%;
}

.flush___uBs-b {
    margin: 0;
}

.button___3wcks {
    margin-right: var(--spacing-smaller);
}

.search___2-j3e {
    margin-left: var(--spacing-smaller);
}

.prevent-wrap___Ujxvc {
    flex-wrap: nowrap;
}


/*# sourceMappingURL=commons.bundle.css.map*/