/* 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: hsla(108,88%,83%, 1);--color-green-modern-transparent-light: hsla(108, 88%, 83%, var(--transparent-light));
--color-green-modern-transparent-medium: hsla(108, 88%, 83%, var(--transparent-medium));
--color-green-modern-transparent-heavy: hsla(108, 88%, 83%, var(--transparent-heavy));
;
  --color-green-modern-light: hsla(104,100%,91%, 1);--color-green-modern-light-transparent-light: hsla(104, 100%, 91%, var(--transparent-light));
--color-green-modern-light-transparent-medium: hsla(104, 100%, 91%, var(--transparent-medium));
--color-green-modern-light-transparent-heavy: hsla(104, 100%, 91%, var(--transparent-heavy));
;
  --color-green-modern-dark: hsla(117,38%,65%, 1);--color-green-modern-dark-transparent-light: hsla(117, 38%, 65%, var(--transparent-light));
--color-green-modern-dark-transparent-medium: hsla(117, 38%, 65%, var(--transparent-medium));
--color-green-modern-dark-transparent-heavy: hsla(117, 38%, 65%, var(--transparent-heavy));
;

  /* 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___GLe6x {
  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___RJSzI {
  font-size: var(--font-size);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text___GLe6x.flush___hl8aa {
  margin-top: 0;
}

.heading___Q6GaN.flush___hl8aa {
  margin-top: 0;
}

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

.text___GLe6x i {
  font-style: italic;
}

.left___k8RhI {
  text-align: left;
}

.center___Sm8Mq {
  text-align: center;
}

.right___RoQ60 {
  text-align: right;
}

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

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

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

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

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

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

.none___q6_jq {
  padding: 0;
}

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

.flush___VOCTk {
  margin-top: 0;
}

.card___rTTYk {
  opacity: 1;
}
.has-thumbnail___THPMm {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: stretch;
}

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

.card-content___HjMm6 {
  display: grid;
  min-height: 100%;
  width: 100%;
}

.card-content___HjMm6.has-header-footer___vPfNZ{
  grid-template-rows: auto 1fr auto;
}

.card-content___HjMm6.has-header-only___oTWKD{
  grid-template-rows: auto 1fr;
}

.card-content___HjMm6.has-footer-only___n5_Mo{
  grid-template-rows: 1fr auto;
}

.header___R8GFs {
  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___R8GFs .text___jUFdW {
  font-weight: var(--font-weight-heavy);
  color: var(--color-shade-dark);
}

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

.footer___LR0yw {
  padding-top: 0;
}

.icon___scA23 {
  -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___WpuPk.svg-icon___WpuPk {
  font-size: 24px;
  padding: 0.07em;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

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

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

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

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

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

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

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

.alert___aoFRb {
  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___ajJJ_ {
  font-weight: var(--font-weight-heavy);
}

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

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

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

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

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

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

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

.flush___ZenX0 {
  margin-top: 0;
}

/*
  .button.custom styles are loaded after this css module, so up specificity via
  double class selector instead of !important
*/
.close___Q90yj.close___Q90yj {
  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___JVOJA {
  height: var(--border-thin);
  padding: 0px;
  color: var(--color-shade);
}

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

.stretch___PVETl {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.flush___uHGQf {
  margin: 0;
}

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

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

.badge___wAwNK {
  --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___wAwNK.small___Ezv0a {
  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___wAwNK.small___Ezv0a.label___fz3Hk {
  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___wAwNK.medium___IwUw_ {
  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___wAwNK.medium___IwUw_.label___fz3Hk {
  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___wAwNK.large___uNWLU {
  height: var(--base-width);
  min-width: var(--base-width);
}
.badge___wAwNK.large___uNWLU.label___fz3Hk {
  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___MsrYz {
  background-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

.focus-light___I7BwU {
  background-color: var(--color-purple-light);
}

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

.icon___Kk9eD.large___uNWLU {
  font-size: var(--font-size) !important;
}

.icon___Kk9eD.medium___IwUw_ {
  font-size: var(--font-size-smaller) !important;
}

.icon___Kk9eD.small___Ezv0a {
  font-size: var(--font-size-smallest) !important;
}

.square___kwort {
  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___kwort.warning___pQ6Ks {
  border-color: var(--color-warning);
}

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

.square___kwort.success___YgSm7 {
  border-color: var(--color-success-dark);
}

.square___kwort.disabled___TbWHT {
  border-color: var(--color-grey);
}

.square___kwort.info___o94JG {
  border-color: var(--color-cyan);
}

.square___kwort.focus___ndMxl {
  border-color: var(--color-purple);
}

.square___kwort.accent___gHW8D {
  border-color: var(--color-primary-light);
}

.square___kwort.error-light___hfx8Q {
  border-color: var(--color-error-light);
}

.square___kwort.focus-light___I7BwU {
  border-color: var(--color-purple-light);
}

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

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

.error___iTHpw.inverted___v5ixr {
  color: var(--color-error);
}

.warning___pQ6Ks.inverted___v5ixr {
  color: var(--color-warning);
}

.success___YgSm7.inverted___v5ixr {
  color: var(--color-success-dark);
}

.disabled___TbWHT.inverted___v5ixr {
  color: var(--color-grey);
}

.info___o94JG.inverted___v5ixr {
  color: var(--color-cyan);
}

.focus___ndMxl.inverted___v5ixr {
  color: var(--color-purple);
}

.accent___gHW8D.inverted___v5ixr {
  color: var(--color-primary-light);
}

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

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

.flush___yLLJ9 {
  margin-top: 0;
}

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

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

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

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

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

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

.bottom___auLDy {
  bottom: 0;
}

.top___BQorS {
  top: 0;
}

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

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

.center___R5C6I {
  justify-content: center;
}

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

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

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

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

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

.info___MmJeM .close___Z7oeB {
  color: var(--color-stark);
}

.info___MmJeM .content___pS3Jc {
  color: var(--color-stark);
}

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

.success___SbdPS .close___Z7oeB {
  color: var(--color-grey-dark);
}

.success___SbdPS .content___pS3Jc {
  color: var(--color-grey-dark);
}

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

.warning___VrIHT .close___Z7oeB {
  color: var(--color-stark);
}

.warning___VrIHT .content___pS3Jc {
  color: var(--color-stark);
}

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

.error___eGPQM .close___Z7oeB {
  color: var(--color-stark);
}

.error___eGPQM .content___pS3Jc {
  color: var(--color-stark);
}

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

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

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

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

.fill___QD6x0 {
  background-size: cover;
}

.contain___GmTF8 {
  background-size: contain;
}

.reverse___W4xvK .asset___v4QxN {
  order: 2;
}

.reverse___W4xvK .content___RbIUD {
  order: 1;
}

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

.window___nFfII {
  background: var(--color-stark);
  box-shadow: var(--elevation-high);
  border-radius: var(--border-radius);
  animation: scale-up-center-in___YGj9D 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___QIBZK {
  width: 450px;
}

.medium___Gb4zH {
  width: 650px;
}

.large___N72Nx {
  width: 850px;
}

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

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

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

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

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

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

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

  .modal___APjp1 {
    align-items: stretch;
    justify-content: stretch;
  }
}

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

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

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

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

.dialog___KgELy {
  opacity: 1;
}

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

.standard___VvQT9 {
  opacity: 1;
}

.prompt___ppOU0 {
  opacity: 1;
}

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

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

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

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

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

.small___ELxi8 {
  height: 6px;
}

.medium___gmKvt {
  height: 8px;
}

.large___ip0j_ {
  height: 12px;
}

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

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

.progress___mGKdC::-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___A4Rx3::-webkit-progress-bar {
  background-color: var(--color-shade-lighter-transparent-light);
}

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

@supports (-moz-appearance: none) {
  .progress___mGKdC {
    background-color: var(--color-primary-transparent-light);
  }
}

.progress___mGKdC::-moz-progress-bar {
  background-color: var(--color-primary);
  border-radius: 1rem;
}

.step___SDps6 {
  flex: 1 1 0;
  min-width: var(--spacing-smaller);
  max-width: var(--spacing-large);
  height: var(--spacing-small);
  border-radius: var(--border-radius);
}

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

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

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

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

.minimalProgressBar___h4ecX {
  width: 100%;
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  justify-content: center;
}

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

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

/* 44px */
.line___uogix.small___zIZMt {
  stroke-width: 3px;
}

.avatar___Wx__b {
  -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___s1Vrr {
  height: 90%;
  align-self: flex-end;
}

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

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

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

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

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

.root___DFsgG {
  position: relative;
}

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

.percent-display___Bqmet {
  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___vUijn {
  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___I2Vxl {
  color: var(--color-stark);
}

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

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

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

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

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

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

.text___T2kBl {
  display: flex;
}

.vertical___Q1TQa,
.vertical___Q1TQa .text___T2kBl {
  flex-direction: column;
  align-items: center;
}

.vertical___Q1TQa .icon___I2Vxl {
  font-size: calc(var(--font-size-largest)*2);
  font-size: calc(var(--font-size-largest) * 2);
}

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

.horizontal___xHZJl .text___T2kBl {
  align-items: flex-start;
  flex-direction: column;
}

.horizontal___xHZJl .icon___I2Vxl {
  font-size: calc(var(--font-size-largest)*1.5);
  font-size: calc(var(--font-size-largest) * 1.5);
}

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

.no-subtitle___ImF2q.horizontal___xHZJl .icon___I2Vxl {
  font-size: var(--font-size-largest);
}

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

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

.indicator___cs_7k.wave___MTBeo {
  line-height: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.svg___yyzZq.wave___MTBeo {
  height: 100%;
  fill: #63e4e1;
}

.wave___MTBeo.small___XQodI {
  height: 0.6rem;
}

.wave___MTBeo.medium___lzi1B {
  height: 1rem;
}

.wave___MTBeo.large___ffVBq {
  height: 2rem;
}

.dot___MS1oq.small___XQodI {
  height: 6px;
  width: 6px;
}

.dot___MS1oq.medium___lzi1B {
  height: 10px;
  width: 10px;
}

.dot___MS1oq.large___ffVBq {
  height: 12px;
  width: 12px;
}

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

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

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

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

.section___docqG {
  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___vlSzH {
  flex-direction: column;
}

.horizontal___eRrA_ {
  flex-direction: row;
}

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

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

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

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

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

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

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

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

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

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

.small___jtBJM,
.medium___jtEK8,
.large___HizYl,
.larger___UjzSl {
  overflow-y: auto;
}

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

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

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

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

.empty-state-panel___hTJpP {
  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___lZYi4 {
  margin-top: var(--spacing);
}

.button___UGvSv {
  --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;
}
.wrap___xtdQJ {
  white-space: normal;
}
.button___UGvSv:disabled {
  cursor: default;
}

/* types */

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

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

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

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

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

.button___UGvSv.large___fBCgm {
  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___bPo0b.small___oVFG0 {
  padding: var(--spacing-smaller);
}

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

.box___bPo0b.large___fBCgm {
  padding: calc(var(--spacing)*0.8);
  padding: calc(var(--spacing) * 0.8);
}

.pill___QEF3D.primary___thiFW,
.box___bPo0b.primary___thiFW {
  background: var(--color-primary);
  color: var(--color-shade-lightest);
  border-color: var(--color-primary);
}

.pill___QEF3D.primary___thiFW:hover,
.box___bPo0b.primary___thiFW:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.pill___QEF3D.primary___thiFW:active,
.box___bPo0b.primary___thiFW:active {
  background: var(--color-primary-darker);
}

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

.box___bPo0b.primary___thiFW:focus {
  box-shadow: none;
}

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

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

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

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

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

.box___bPo0b.secondary___RTywF:focus {
  box-shadow: none !important;
}

.pill___QEF3D.tertiary___nYCHu {
  border-color: transparent;
  background: transparent;
  color: var(--color-primary);
}

.pill___QEF3D.tertiary___nYCHu:hover {
  background-color: var(--color-primary-transparent-light);
}

.box___bPo0b.tertiary___nYCHu {
  border-color: transparent;
  background: transparent;
  color: var(--color-grey-dark);
}

/* variants */

.primary___thiFW.destructive___yfsS8 {
  background: var(--color-error);
  color: var(--color-stark);
  border-color: var(--color-error);
}

.primary___thiFW.destructive___yfsS8:hover {
  background: var(--color-error-dark);
  border-color: var(--color-error-dark);
}

.primary___thiFW.destructive___yfsS8:active {
  background: var(--color-error-dark);
}

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

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

.tertiary___nYCHu.destructive___yfsS8 {
  color: var(--color-error);
}

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

.tertiary___nYCHu.destructive___yfsS8:hover {
  background: var(--color-error-transparent-light);
}

.secondary___RTywF.destructive___yfsS8:active,
.tertiary___nYCHu.destructive___yfsS8:active {
  background: var(--color-error-dark);
  border-color: var(--color-error-dark);
}

.secondary___RTywF.destructive___yfsS8:focus,
.tertiary___nYCHu.destructive___yfsS8:focus {
  box-shadow: 0 0 0 2px var(--color-error-dark-transparent-light);
}

.custom___Pmazp.destructive___yfsS8 {
  border: none;
}

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

.primary___thiFW.warning___c7x39:hover {
  background: var(--color-warning-dark);
  border-color: var(--color-warning-dark);
}

.primary___thiFW.warning___c7x39:active {
  background: var(--color-warning-dark);
}

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

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

.tertiary___nYCHu.warning___c7x39 {
  color: var(--color-warning);
}

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

.tertiary___nYCHu.warning___c7x39:hover {
  background: var(--color-warning-transparent-light);
}

.secondary___RTywF.warning___c7x39:active,
.tertiary___nYCHu.warning___c7x39:active {
  background: var(--color-warning-dark);
  border-color: var(--color-warning-dark);
}

.secondary___RTywF.warning___c7x39:focus,
.tertiary___nYCHu.warning___c7x39:focus {
  box-shadow: 0 0 0 2px var(--color-warning-dark-transparent-light);
}

.custom___Pmazp.warning___c7x39 {
  border: none;
}

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

.primary___thiFW.purple___bDLDL:hover {
  background: var(--color-purple-dark);
  border-color: var(--color-purple-dark);
}

.primary___thiFW.purple___bDLDL:active {
  background: var(--color-purple-dark);
}

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

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

.tertiary___nYCHu.purple___bDLDL {
  color: var(--color-purple);
}

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

.tertiary___nYCHu.purple___bDLDL:hover {
  background: var(--color-purple-transparent-light);
}

.secondary___RTywF.purple___bDLDL:active,
.tertiary___nYCHu.purple___bDLDL:active {
  background: var(--color-purple-dark);
  border-color: var(--color-purple-dark);
}

.secondary___RTywF.purple___bDLDL:focus,
.tertiary___nYCHu.purple___bDLDL:focus {
  box-shadow: 0 0 0 2px var(--color-purple-dark-transparent-light);
}

.custom___Pmazp.purple___bDLDL {
  border: none;
}

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

.primary___thiFW.blue___JDRAU:hover {
  background: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.primary___thiFW.blue___JDRAU:active {
  background: var(--color-blue-dark);
}

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

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

.tertiary___nYCHu.blue___JDRAU {
  color: var(--color-blue);
}

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

.tertiary___nYCHu.blue___JDRAU:hover {
  background: var(--color-blue-transparent-light);
}

.secondary___RTywF.blue___JDRAU:active,
.tertiary___nYCHu.blue___JDRAU:active {
  background: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
}

.secondary___RTywF.blue___JDRAU:focus,
.tertiary___nYCHu.blue___JDRAU:focus {
  box-shadow: 0 0 0 2px var(--color-blue-dark-transparent-light);
}

.custom___Pmazp.blue___JDRAU {
  border: none;
}

/* badge */

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

.badge___jMou9.large___fBCgm {
  margin-top: var(--badge-offset);
}

.badge___jMou9.medium___n5aYe {
  margin-top: var(--badge-offset);
}

.badge___jMou9.small___oVFG0 {
  margin-top: var(--badge-offset);
}

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

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

.text___athS0 .badge___jMou9.right___lh693 {
  margin-left: 0;
}

.text___athS0 .badge___jMou9.left___xCXli {
  margin-right: 0;
}

/* icon */

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

.icon-wrapper___iyvrH.small___oVFG0 {
  width: var(--font-size-small);
  height: var(--font-size-small);
}

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

.no-label___InQ4N .icon-wrapper___iyvrH {
  width: unset;
}

.no-label___InQ4N .icon___vxf10 {
  position: unset;
}

.medium___n5aYe .icon___vxf10 {
  font-size: 1.2rem;
  top: -0.1rem;
  left: -0.1rem;
}

.small___oVFG0 .icon___vxf10 {
  font-size: 1rem;
  top: -0.05rem;
  left: -0.05rem;
}

/* loader */

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

.loading___QIhJo .label___nRe2P {
  opacity: 0.1;
}

.loading___QIhJo {
  cursor: default;
}

.pill___QEF3D.primary___thiFW.loading___QIhJo:hover {
  background: var(--color-primary);
}

.pill___QEF3D.primary___thiFW.destructive___yfsS8.loading___QIhJo:hover {
  background: var(--color-error-dark);
  border-color: var(--color-error-dark);
}

.pill___QEF3D.tertiary___nYCHu.loading___QIhJo:hover,
.pill___QEF3D.secondary___RTywF.loading___QIhJo:hover {
  background: transparent;
}

.primary___thiFW .loader___EYIU1 svg {
  stroke: var(--color-stark) !important;
}

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

.destructive___yfsS8 .loader___EYIU1 svg {
  stroke: var(--color-stark) !important;
}

/* inverted */

.inverted___u5M7k.primary___thiFW {
  color: var(--color-primary);
}

.inverted___u5M7k.primary___thiFW.pill___QEF3D {
  color: var(--color-stark);
  border-color: var(--color-stark);
}

.inverted___u5M7k.primary___thiFW.pill___QEF3D:hover {
  color: var(--color-shade-lighter);
  border-color: var(--color-shade-lighter);
}

.inverted___u5M7k.primary___thiFW.pill___QEF3D:focus {
  box-shadow: 0 0 0 2px var(--color-primary-transparent-light);
}

.inverted___u5M7k.primary___thiFW.pill___QEF3D.destructive___yfsS8 {
  color: var(--color-error);
}

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

.inverted___u5M7k.secondary___RTywF {
  color: var(--color-stark);
}

.inverted___u5M7k.secondary___RTywF.pill___QEF3D {
  border-color: var(--color-shade);
}

.inverted___u5M7k.secondary___RTywF.pill___QEF3D:hover {
  color: var(--color-shade-lighter);
  border-color: var(--color-shade-lighter);
  background: var(--color-shade-light-transparent-light);
}

/* group */

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

.split___Dj9Me .button___UGvSv {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.split___Dj9Me .toggle___Aw60T .label___nRe2P {
  line-height: 0;
}

.split___Dj9Me .toggle___Aw60T {
  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___Dj9Me .chevron___HlqJS {
  font-size: 1.2rem;
}

.split___Dj9Me .small___oVFG0 .chevron___HlqJS {
  font-size: 1rem;
}

.split___Dj9Me .small___oVFG0.toggle___Aw60T {
  padding: 0 var(--spacing-small) 0 var(--spacing-smaller);
}

.split___Dj9Me .options___RpmmW {
  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___Dj9Me .options___RpmmW.visible___Nl72s {
  opacity: 1;
  visibility: unset;
}

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

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

/* toggle */

.pill___QEF3D.primary___thiFW.toggle___Aw60T.selected___p7kUL {
  background: var(--color-primary-darker);
}

.pill___QEF3D.secondary___RTywF.toggle___Aw60T.selected___p7kUL {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-transparent-light);
  border-color: var(--color-primary-dark);
}

.pill___QEF3D.tertiary___nYCHu.toggle___Aw60T.selected___p7kUL {
  background-color: var(--color-primary-transparent-light);
}

.box___bPo0b.secondary___RTywF.toggle___Aw60T.selected___p7kUL {
  color: var(--color-primary-dark);
  background-color: var(--color-primary-transparent-light);
}

/* disabled */

.pill___QEF3D.primary___thiFW:disabled,
.pill___QEF3D.primary___thiFW.destructive___yfsS8:disabled,
.pill___QEF3D.primary___thiFW:disabled:hover,
.box___bPo0b.primary___thiFW:disabled,
.box___bPo0b.primary___thiFW.destructive___yfsS8:disabled,
.box___bPo0b.primary___thiFW:disabled:hover {
  border-color: var(--color-shade-lighter);
  background: var(--color-shade-lighter);
  color: var(--color-shade-light);
}

.pill___QEF3D.secondary___RTywF:disabled,
.pill___QEF3D.primary___thiFW.secondary___RTywF:disabled,
.box___bPo0b.secondary___RTywF:disabled,
.box___bPo0b.primary___thiFW.secondary___RTywF:disabled {
  border-color: var(--color-shade-lighter);
  background: transparent;
  color: var(--color-shade-light);
}

.pill___QEF3D.tertiary___nYCHu:disabled,
.pill___QEF3D.tertiary___nYCHu:disabled:hover,
.box___bPo0b.tertiary___nYCHu:disabled,
.box___bPo0b.tertiary___nYCHu:disabled:hover {
  color: var(--color-shade-light);
  background: transparent;
}

/* Hero feature button */
.HeroButtonWrapper____QlpE {
  position: relative;
  display: inline-flex;
  border-radius: 60px;
  overflow: hidden;
}

.BadgeContainer___aXqkq {
  position: absolute;
  top: -12px;
  right: calc(var(--spacing-base)*5);
  right: calc(var(--spacing-base) * 5);
  right: var(--spacing-largest);
  z-index: 10;
  transform: scale(0.8);
}

.HeroButtonContainer___cwY3E {
  position: relative;
  display: inline-flex;
}

.HeroButton___hN5yS {
  position: relative;
  z-index: 2;
  border: transparent !important;
  color: white;
  background: transparent !important;
}

.ButtonMask___TRh0n {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 270px;
  height: 270px;
  background: conic-gradient(
    from 80deg at 90%, at 90%,
    #10d2cd 0deg,
    #27e4df 90deg,
    #047b78 120deg,
    #6fe5e1 150deg,
    #0bb8c8 210deg,
    #27edd6 300deg,
    #1ad1bc 360deg
  ) !important;
  background: conic-gradient(
    from 80deg at 90% 90%,
    #10d2cd 0deg,
    #27e4df 90deg,
    #047b78 120deg,
    #6fe5e1 150deg,
    #0bb8c8 210deg,
    #27edd6 300deg,
    #1ad1bc 360deg
  ) !important;
  filter: blur(12px);
  transform: translate(-50%, -50%);
  z-index: 0;
  animation: rotating___UxS9h 8s linear infinite;
  opacity: 0.8;
}

.shimmer1___VRnPu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-mask-image: conic-gradient(
    from 0deg,
    transparent 0%,
    transparent 10%,
    black 36%,
    black 45%,
    transparent 50%,
    transparent 60%,
    black 85%,
    black 95%,
    transparent 100%
  );
          mask-image: conic-gradient(
    from 0deg,
    transparent 0%,
    transparent 10%,
    black 36%,
    black 45%,
    transparent 50%,
    transparent 60%,
    black 85%,
    black 95%,
    transparent 100%
  );
  -webkit-mask-image: conic-gradient(
    from var(--shimmer, 0deg),
    transparent 0%,
    transparent 10%,
    black 36%,
    black 45%,
    transparent 50%,
    transparent 60%,
    black 85%,
    black 95%,
    transparent 100%
  );
          mask-image: conic-gradient(
    from var(--shimmer, 0deg),
    transparent 0%,
    transparent 10%,
    black 36%,
    black 45%,
    transparent 50%,
    transparent 60%,
    black 85%,
    black 95%,
    transparent 100%
  );
  mix-blend-mode: plus-lighter;
  animation: shimmer___s2EPv 1s linear infinite both;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.HeroButton___hN5yS::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
  background-size: 200% 100%;
  -webkit-mask: linear-gradient(#fff 0, #fff 0) content-box, linear-gradient(#fff 0, #fff 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.ButtonLabel___oKqSo {
  position: relative;
  display: inline-block;
  font-weight: var(--font-weight-heavy);
}

.TextShimmer___V1KoW {
  background-image: linear-gradient(
    120deg,
    transparent,
    hsla(180deg, 100%, 80%, 0.66) 40%,
    hsla(180deg, 100%, 90%, 0.9) 50%,
    transparent 52%
  );
  background-repeat: no-repeat;
  background-size: 300% 300%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translateZ(0);
  pointer-events: none;
}

.HeroButtonWrapper____QlpE:hover .TextShimmer___V1KoW {
  animation: textShimmer___WyrjT 0.6s linear;
}

.HeroButtonWrapper____QlpE:hover .HeroButton___hN5yS::before {
  opacity: 1;
}

@keyframes rotating___UxS9h {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes shimmer1___VRnPu {
  to {
    --shimmer: 360deg;
  }
}

@keyframes textShimmer___WyrjT {
  0% {
    background-position: 100% 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    background-position: -90% 0;
    opacity: 0;
  }
}

@keyframes border-shimmer1___hl3Kf {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

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

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

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

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

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

.flush___JjAip {
  margin-top: 0;
}

.bar___OawUG.right___fVE54 {
  justify-content: flex-end;
}

.bar___OawUG.center___GLI6a {
  justify-content: center;
}

.bar___OawUG.spread___lGWlC {
  justify-content: space-between;
}

.bar___OawUG.even___GazCc {
  justify-content: space-evenly;
}

.bar___OawUG.horizontal___ieVn1.stretch___V5cRA {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.bar___OawUG.vertical___g6GaI {
  flex-direction: column;
}

.bar___OawUG.vertical___g6GaI.stretch___V5cRA {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bar___OawUG.vertical-reverse___YxWKB {
  flex-direction: column-reverse;
}

.bar___OawUG.vertical-reverse___YxWKB.stretch___V5cRA {
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bar___OawUG.horizontal-reverse___iMRlB.left___teteC {
  justify-content: flex-end;
}

.bar___OawUG.horizontal-reverse___iMRlB.right___fVE54 {
  justify-content: flex-start;
}

.bar___OawUG.horizontal-reverse___iMRlB {
  flex-direction: row-reverse;
}

.bar___OawUG.horizontal-reverse___iMRlB.stretch___V5cRA {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.connected___ZBsNe.vertical___g6GaI,
.connected___ZBsNe.vertical-reverse___YxWKB,
.connected___ZBsNe.horizontal___ieVn1,
.connected___ZBsNe.horizontal-reverse___iMRlB {
  grid-gap: 0;
  gap: 0;
  flex-wrap: nowrap;
}

.connected___ZBsNe.vertical___g6GaI > button,
.connected___ZBsNe.vertical-reverse___YxWKB > button {
  height: 100%;
}

.connected___ZBsNe.horizontal___ieVn1 > button,
.connected___ZBsNe.horizontal-reverse___iMRlB > button {
  width: 100%;
}

.connected___ZBsNe.vertical___g6GaI > button:first-child:not(:last-child),
.connected___ZBsNe.vertical-reverse___YxWKB > button:last-child:not(:first-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.connected___ZBsNe.vertical___g6GaI > button:last-child:not(:first-child),
.connected___ZBsNe.vertical-reverse___YxWKB > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.connected___ZBsNe.horizontal___ieVn1 > button:first-child:not(:last-child),
.connected___ZBsNe.horizontal-reverse___iMRlB > button:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.connected___ZBsNe.horizontal___ieVn1 > button:last-child:not(:first-child),
.connected___ZBsNe.horizontal-reverse___iMRlB > button:first-child:not(:last-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.connected___ZBsNe.vertical___g6GaI > button:not(:first-child):not(:last-child),
.connected___ZBsNe.vertical-reverse___YxWKB > button:not(:first-child):not(:last-child),
.connected___ZBsNe.horizontal___ieVn1 > button:not(:first-child):not(:last-child),
.connected___ZBsNe.horizontal-reverse___iMRlB > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

.flush___kCUuu {
  margin-top: 0;
}

.vertical___GHUAc {
  flex-direction: row;
}

.items___TOCYV {
  display: flex;
}

.vertical___GHUAc .items___TOCYV {
  flex-direction: column;
  border-bottom: none;
}

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

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

.vertical___GHUAc .content___l6sfW.flush___kCUuu {
  padding: var(--spacing) var(--spacing-large);
}

.items___TOCYV .tab___ZjLvQ {
  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___ZjLvQ > :first-child {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

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

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

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

.tab___ZjLvQ.active___ZG3EH {
  color: var(--color-primary) !important;
  border-bottom-color: var(--color-primary) !important;
  flex-shrink: 0 !important;
}

.left___zy6z1 .tab___ZjLvQ {
  flex: initial;
}

.vertical___GHUAc .items___TOCYV .tab___ZjLvQ {
  border-bottom: none;
  border-radius: 0;
  border-right: 2px solid transparent;
  border-right: var(--border-medium) solid transparent;
}

.vertical___GHUAc .tab___ZjLvQ.active___ZG3EH {
  border-right-color: var(--color-primary);
}

.left___zy6z1 .wrapper___OUqyb {
  overflow: hidden;
}

.left___zy6z1 .items___TOCYV {
  white-space: nowrap;
  transition: var(--animation-normal);
}

.left___zy6z1 .items___TOCYV .tab___ZjLvQ {
  flex-shrink: 0;
}

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

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

.tabs___Ggajk .scroll___JTab1 {
  color: var(--color-shade);
  border-radius: var(--border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.scroll___JTab1:first-of-type {
  border-top-right-radius: 0;
}

.scroll___JTab1:last-of-type {
  border-top-left-radius: 0;
}

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

.stretch___JvO1p .items___TOCYV,
.stretch___JvO1p .wrapper___OUqyb {
  width: 100%;
}

.logo___FBKrx {
  opacity: 1;
}

.accordion___wkdnk {
  opacity: 1;
}

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

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

.item-title___z5QU3 {
  flex: 1;
}

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

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

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

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

  100% {
    opacity: 100;
  }
}

.toggle___PYZmo {
  cursor: pointer;
}

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

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

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

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

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

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

.darkmode___MBhM1::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___WsPCv::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___rCMt1 {
  margin: 0 auto 32px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--spacing);
}

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

.darkmode___MBhM1 .heading___Mm4uO {
  color: var(--color-stark);
}

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

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

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

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

.flush___7rD7b {
  margin: 0;
}

.field___E1ZOk .error___ykDjV {
  color: var(--color-error);
}

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

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

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

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

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

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

.vertical___tdoZt {
  flex-direction: column;
}

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

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

.selected___sNwHM .icon___ejrsc {
  color: var(--color-primary);
}

.disabled___KUd8Q .control___Kepbd {
  cursor: default;
}

.disabled___KUd8Q .icon___ejrsc {
  color: var(--color-shade-lighter);
}

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

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

.grouped___wJ3TP .icon___ejrsc {
  display: none;
}

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

.grouped___wJ3TP .control___Kepbd {
  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___NB9Iu .control___Kepbd {
  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___wJ3TP.vertical___tdoZt .control___Kepbd {
  border-bottom-width: 0;
  border-right-width: var(--border-thin);
}

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

.grouped___wJ3TP .control___Kepbd:focus {
  font-weight: var(--font-weight-heavy);
}

.seperated___NB9Iu .control___Kepbd:focus {
  font-weight: inherit;
}

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

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

.grouped___wJ3TP.vertical___tdoZt .control___Kepbd:first-of-type {
  border-radius: 0;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

.grouped___wJ3TP.vertical___tdoZt .control___Kepbd: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___wJ3TP .selected___sNwHM {
  background: var(--color-primary);
  color: var(--color-stark);
  border-color: var(--color-primary);
}

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

.outer___R3cxY {
  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___R3cxY:hover {
  border-color: var(--color-shade);
}

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

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

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

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

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

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

.input___mU4Cc {
  flex: 1;
}

.textarea___UUdT9 {
  flex: 1;
}

.hidden___g7ADc {
  opacity: 0;
}

.control___hXSpv {
  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___oz2Em .meridiem___QNi2E {
  border: 0;
  width: 80px;
  flex-shrink: 0;
}

.time___oz2Em .control___hXSpv {
  padding-right: 0;
}

.time___oz2Em .meridiem___QNi2E .input___mU4Cc {
  border: none;
}

.textarea___UUdT9 .control___hXSpv {
  line-height: 1.75;
}

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

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

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

.control___hXSpv: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___BVaE_ .control___hXSpv,
.control___hXSpv:disabled,
.control___hXSpv:disabled::placeholder {
  color: var(--color-shade-light);
  opacity: 1;
  /* mobile safari will not show colors */
  -webkit-text-fill-color: var(--color-shade-light);
}

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

.disabled___BVaE_ .date___XDlUL {
  cursor: default;
}

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

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

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

.select___M6ywc {
  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___Mcnn4 {
  color: var(--color-shade);
  border-color: var(--color-shade-darker);
}

.control___NSjrA {
  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___NSjrA.disabled___Mcnn4 {
  border: 0;
}

.multiple-select___Jo3Nm .control___NSjrA {
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
  flex-wrap: wrap;
  justify-content: flex-start;
}

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

.opened___WZE80 .control___NSjrA {
  border-bottom: 0;
  border-top: 0;
}

.control___NSjrA .toggle___P9u62 {
  -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___KDHdt {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  max-height: calc(var(--spacing)*13.7);
  max-height: calc(var(--spacing) * 13.7);
  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);
}

.dropdown-scrollable___C9vkP {
  flex: 1 1 auto;
  flex-direction: column;
}

.dropdown-static___uKws6 {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: var(--color-stark);
}

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

.option___MTaD7:hover,
.option___MTaD7.hovered___eXyK4 {
  background: var(--color-shade-lightest);
}

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

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

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

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

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

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

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

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

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

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

.label___wT8Ey.clearable___xZBPJ {
  color: var(--color-shade-dark);
  margin-right: 0;
}

@supports (-webkit-box-orient: vertical) and (-webkit-line-clamp: 1) {
  .clipped___lS_V_ {
    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___lS_V_ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
  }
}

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

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

.disabled___Mcnn4 .control___NSjrA,
.disabled___Mcnn4 .toggle___P9u62 {
  cursor: default;
}

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

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

.select___M6ywc:hover .toggle___P9u62 {
  color: var(--color-shade-darker);
}

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

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

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

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

.device-select___RtmGG {
  display: inline-flex;
  position: relative;
  align-items: flex-end;
  justify-content: flex-start;
}

.trigger___G_dwr {
  border-radius: var(--border-radius);
  border: var(--border-thin) solid transparent;
  background: var(--color-stark);
  color: var(--color-shade-dark);
  padding: var(--spacing-smaller);
  box-shadow: var(--elevation-below-low);
}

.trigger___G_dwr.focus-visible___Y1vPF {
  outline: none;
  border-color: var(--color-primary);
}

.trigger___G_dwr:focus-visible {
  outline: none;
  border-color: var(--color-primary);
}

.trigger___G_dwr:disabled {
  cursor: default;
  color: var(--color-shade);
  box-shadow: none;
}

.trigger___G_dwr:hover:not(:disabled) {
  border-color: var(--color-shade-light);
}


.dropdown___G5quT {
  opacity: 0;
  transition: opacity var(--animation-fast) ease;
  position: absolute;
  background: var(--color-stark);
  border: var(--border-thin) solid var(--color-shade-lighter);
  border-radius: var(--border-radius);
  box-shadow: var(--elevation-below-low);
  overflow: hidden;
  z-index: var(--z-index-medium);
  display: flex;
  flex-direction: column;
}

.dropdown___G5quT.visible___JwkBg {
  opacity: 100;
}

.dropdown-right___qmiv0 {
  transform-origin: bottom right;
}

.dropdown-scrollable___kWGQZ {
  max-height: 100%;
  overflow-y: auto;
  flex: 1 1 auto;
}

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

.section-header___P2wn4 {
  display: flex;
  align-items: center;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
  padding: var(--spacing) var(--spacing);
  color: var(--color-shade-dark);
}

.section-icon___bXsQi {
  color: var(--color-shade-dark);
}

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

.section-options___f6vNB {
  display: flex;
  flex-direction: column;
  padding: 0 var(--spacing-smaller) var(--spacing-smaller);
}

.option___jAFCi {
  width: 100%;
  display: flex;
  align-items: flex-start;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
  padding: var(--spacing) var(--spacing-small);
  border: 0;
  border-radius: var(--border-radius);
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: var(--color-shade-dark);
}

.option-disabled___FGniT,
.option___jAFCi:disabled {
  cursor: default;
  color: var(--color-shade);
}

.option___jAFCi:hover:not(:disabled),
.option___jAFCi.hovered___BXEKB {
  background: var(--color-shade-lightest);
}

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

.option-check___0jj90 {
  width: calc(var(--spacing)*1.6);
  width: calc(var(--spacing) * 1.6);
  min-height: var(--line-height);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}

.check-icon___wpJHI {
  font-size: 18px;
}

.option-text___VEX_Q {
  display: flex;
  flex-direction: column;
  line-height: 26px;
}

.option-label___LlZd9 {
  font-weight: var(--font-weight-medium);
}

.option-description___Sovcg {
  color: var(--color-shade);
  font-size: 12px;
}

.tests___D93fG {
  background: var(--color-stark);
  flex: 0 0 auto;
}

.test-row___tucgE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing);
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--color-shade-dark);
}

.disabled-row___bebo3,
.test-row___tucgE:disabled {
  cursor: default;
  color: var(--color-shade);
}

.test-row___tucgE:hover:not(:disabled) {
  background: var(--color-shade-lightest);
}

.test-label___WsQFE {
  display: inline-flex;
  align-items: center;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.test-icon___lofRv {
  color: var(--color-shade-dark);
}

.test-meter___gIsmX {
  width: 96px;
}

.test-progress___Tz8fQ {
  height: 4px;
}

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

.test-progress___Tz8fQ::-webkit-progress-value {
  background-color: var(--color-primary);
}

@supports (-moz-appearance: none) {
  .test-progress___Tz8fQ {
    background-color: var(--color-primary-transparent-light);
  }
}

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

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

.button___tCS7i {
  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___IqQSg .control___E84iv {
  background: var(--color-primary);
}

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

.label___SEWU1 {
  -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___IqQSg .label___SEWU1 {
  color: var(--color-primary);
}

.disabled___MM2wa .control___E84iv {
  color: var(--color-shade-lighter);
}

.disabled___MM2wa.on___IqQSg .control___E84iv {
  background: var(--color-shade-lighter);
}

.disabled___MM2wa .label___SEWU1 {
  color: var(--color-shade-lighter);
}

.disabled___MM2wa .button___tCS7i {
  opacity: var(--transparent-heavy);
}

.upload___QhekW {
  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____Uzj9 {
  display: flex;
  align-items: center;
}

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

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

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

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

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

.separator___oAwTv {
  opacity: 1;
}

.phone___idn0d {
  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___idn0d .code___wTb11 {
  border: none;
  width: 80px;
  background: var(--color-shade-lightest);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: unset;
}

.phone___idn0d .code___wTb11 > :first-child {
  position: relative;
}

.phone___idn0d .code___wTb11 > :first-child > :first-child {
  background: transparent;
}

.phone___idn0d .code___wTb11 > :first-child > :last-child {
  right: 0;
}

.phone___idn0d .tel___j_BFv {
  border: none;
}

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

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

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

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

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

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

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

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

.flag___W7q69 {
  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___IyK8M {
  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___j9Vcz {
  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___j9Vcz[focus-within] {
  border-color: var(--color-primary);
}

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

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

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

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

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

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

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

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

.flush___JFJbV {
  margin-top: 0;
}

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

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

.fieldset___DueKU .caption___PYTLh {
  margin-top: var(--spacing-small);
  color: var(--color-shade);
}

.table___hy0wG {
  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);
}

.row___jdZra {
  /*Preserve the current behaviour in layout -> cells rendered in grid layout*/
  display: contents;
}

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

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

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

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

.body___QyaJJ .cell___r1iVo {
  grid-gap: var(--spacing);
  gap: var(--spacing);
  padding: var(--spacing);
  position: relative;
}

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

.header___mwWN4,
.footer___ut701 {
  display: none;
}

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

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

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

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

.header___mwWN4 .cell___r1iVo,
.footer___ut701 .cell___r1iVo {
  font-weight: var(--font-weight-heavy);
}

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

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

.header___mwWN4 .sort___RiNNS.sorting___Kncic {
  color: var(--color-shade-dark);
}

.header___mwWN4 .sort___RiNNS > :first-child > :first-child {
  font-size: 1.3rem;
}

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

.mini___WS3hF .cell___r1iVo {
  padding: var(--spacing-smaller) var(--spacing-smaller);
}

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

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

.footer___ut701 .cell___r1iVo {
  padding: var(--spacing-larger);
}

.flush___wXOQK {
  margin-top: 0;
}

.flat___GOyf7 {
  box-shadow: none;
}

.centered___UGizT .body___QyaJJ .cell___r1iVo {
  align-items: center;
}

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

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

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

  .body___QyaJJ .cell___r1iVo {
    padding: var(--spacing-larger);
    grid-gap: 0;
    gap: 0;
  }

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

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

  .mini___WS3hF .cell___r1iVo {
    padding: var(--spacing-smaller) var(--spacing-smaller);
  }

  .body___QyaJJ .cell___r1iVo::before {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

.container___oADSM {
  width: 100%;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* Background dot grid */
.container___oADSM::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle, transparent 1px, #fff 1px);
  background-size: 40px 40px;
}

/* Blinking colored dots layer */
.container___oADSM::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(circle, #62e4e0 2px, transparent 2px);
  background-size: 40px 40px;
  opacity: 0.5;
  animation: blink___DEkqe 2s infinite ease-in-out;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .container___oADSM::after {
    animation: none;
    opacity: 0.3;
  }
}

.container___oADSM p {
  z-index: 1;
}

@keyframes blink___DEkqe {
  0%, 100% { opacity: 0.5; }
  50% { opacity: 0.1; }
}

/* Bars wrapper */
.wrapper___h4Xbz {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: -10%;
}

/* Single bar */
.line___HarY3 {
  height: 150px;
  width: 3px;
  margin: 0 12px;
  background-image: linear-gradient(180deg, #ffffff 0%, #1bc2bd 50%, #1b7d7e 100%);
  animation: dance____0685 500ms ease infinite;
}

/* Staggered delays (first 10 bars) */
.line___HarY3:nth-child(2)  { animation-delay: 0.1s; }
.line___HarY3:nth-child(3)  { animation-delay: 0.2s; }
.line___HarY3:nth-child(4)  { animation-delay: 0.3s; }
.line___HarY3:nth-child(5)  { animation-delay: 0.4s; }
.line___HarY3:nth-child(6)  { animation-delay: 0.5s; }
.line___HarY3:nth-child(7)  { animation-delay: 0.6s; }
.line___HarY3:nth-child(8)  { animation-delay: 0.7s; }
.line___HarY3:nth-child(9)  { animation-delay: 0.8s; }
.line___HarY3:nth-child(10) { animation-delay: 0.9s; }

/* If you render more than 10 bars, the delays will repeat naturally at 0s */
@keyframes dance____0685 {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(0.3); }
}

.popup___ReBq9 {
  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___W8epX {
  overflow-y: auto;
}

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

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

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

.none___cfcHn {
  padding: 0;
}

.popup___ReBq9.dark___g1dEN {
  background: var(--color-navy-grey);
  color: white;
}

.popup___ReBq9.dark___g1dEN .inner___W8epX {
    background: var(--color-navy-grey);
    color: white;
    border-radius: var(--spacing);
  }

.arrow___rpy5s.dark___g1dEN {
  background: var(--color-navy-grey);
}

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

.left___O4DJk.arrow___rpy5s {
  --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___nH2ib.arrow___rpy5s {
  --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___vainY.arrow___rpy5s {
  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___mJVO6.arrow___rpy5s {
  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___PJ1GD.arrow___rpy5s,
.top-right___HzeiW.arrow___rpy5s,
.bottom-left___aUPmV.arrow___rpy5s,
.bottom-right___lIblS.arrow___rpy5s {
  display: none;
}

.inset___gIheR .top-right___HzeiW.arrow___rpy5s,
.inset___gIheR .top-left___PJ1GD.arrow___rpy5s {
  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___gIheR .top-left___PJ1GD.arrow___rpy5s {
  left: 0;
  right: unset;
}

.inset___gIheR .bottom-left___aUPmV.arrow___rpy5s,
.inset___gIheR .bottom-right___lIblS.arrow___rpy5s {
  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___vainY.start___Jj8vQ .arrow___rpy5s,
.top___mJVO6.start___Jj8vQ .arrow___rpy5s {
  left: 10%;
}

.bottom___vainY .arrow___rpy5s.bottom-right___lIblS {
  left: unset;
  right: var(--spacing-base);
  right: var(--spacing-small);
}

.end___HygoK.borrom___HqjeQ.arrow___rpy5s,
.end___HygoK.top___mJVO6.arrow___rpy5s {
  right: var(--spacing-base);
  right: var(--spacing-small);
}

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

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

.test___SXi0C.visible___PGbWq {
  display: block;
}

.link___Snmvt {
  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___Snmvt:hover {
  -webkit-text-decoration-color: var(--color-primary);
          text-decoration-color: var(--color-primary);
}

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

.secondary-actions___xE4fp {
  align-items: unset;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.action-icon___zNvmX {
  color: var(--color-primary);
  padding: 0 var(--spacing-small);
  justify-content: flex-start;
}

.secondary-actions___xE4fp > button {
  justify-content: flex-start;
  padding: var(--spacing-small) !important;
  border-radius: var(--border-radius);
}

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

.flush___pHlMc {
  margin-top: 0;
}

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

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

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

.first___lRdq0,
.last___Dew2o {
  font-weight: var(--font-weight-heavy);
}

.next___aF_m5,
.previous___tmt9d {
  color: var(--color-shade-dark);
}

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

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

.sticky___EMZH2 {
  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___Eugh9 {
  display: flex;
  flex-direction: column;
  background-color: var(--color-shade-lighter);
  border-radius: var(--border-radius);
  overflow: hidden;
  min-width: 300px;
}

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

.year___wEtzn {
  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___CQrTj {
  display: flex;
  cursor: pointer;
}

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

.components___CabDB {
  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___vOyio {
  display: flex;
  justify-content: center;
  padding: var(--spacing);
}

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

.day-of-week___XPEE3 {
  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___qDIZC {
  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___qDIZC:hover {
  background-color: var(--color-shade-lightest);
}

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

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

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

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

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

.anchor___ZfVZp {
  position: absolute;
}

.chip___gnAG4 {
  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___gnAG4:focus,
.chip___gnAG4[focus-within],
.chip___gnAG4.selected___d6Fuw {
  box-shadow: 0 0 0 2px var(--chipBaseFocusColor);
}

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

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

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

/* colors */
.chip___gnAG4.primary___Q4gRa {
  --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___gnAG4.secondary___mEDHe {
  --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___gnAG4.tertiary___KwasN {
  --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___txnak {
  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___ve5iX.icon___ve5iX {
  color: inherit;
  font-size: 1em;
  margin: 0;
  width: 1em;
  height: 1em;
}

.action___H76TR {
  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___H76TR:focus,
.action___H76TR:hover {
  background: var(--chipBaseActionHoverBackgroundColor);
  color: var(--chipBaseActionHoverColor);
}

.action___H76TR.stretched___dtvUN {
  position: static;
  position: initial;
}

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

.tooltip___dvLt4 {
  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___l7HU6 {
  visibility: unset;
}

.bottom___Go5kA.show___l7HU6 {
  animation: slide-in-bottom___yfMYg var(--animation-normal)
    cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.right___UNjfr.show___l7HU6 {
  animation: slide-in-bottom___yfMYg var(--animation-normal)
    cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.top___ASFvY.show___l7HU6 {
  animation: slide-in-top___ybcsx var(--animation-normal) cubic-bezier(0.39, 0.575, 0.565, 1)
    both;
}

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

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

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

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

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

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

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

.markdown___gptxy {
  opacity: 1;
}

.navitem___MjWI1 {
  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___MjWI1:first-of-type {
  border-top: 0;
}

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

.inner___t4YsK {
  display: flex;
}

.item___EP2Dx {
  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___EP2Dx > :last-child {
  transition: opacity var(--animation-fast) ease;
}

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

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

.children___O3EUn {
  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___VD7yO {
  padding: 0 var(--spacing-large);
}

.collapsed___HGZMN .item___EP2Dx > :nth-child(2),
.collapsed___HGZMN .item___EP2Dx > :last-child,
.collapsed___HGZMN .expand___eoU0t {
  opacity: 0;
}

.collapsed___HGZMN .extra___VD7yO {
  display: none;
}

.collapsed___HGZMN .asset___BY0xi {
  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___UVxxj .divider____gqhK {
  opacity: 0.2;
}

.dark___UVxxj.active___LLG8S,
.dark___UVxxj.active___LLG8S:hover {
  background-color: var(--color-shade-darker);
}

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

.dark___UVxxj .item___EP2Dx {
  color: var(--color-shade-lightest);
}

.dark___UVxxj .expand___eoU0t {
  color: var(--color-shade-lightest);
}

.light___k3ue1 .divider____gqhK {
  opacity: 0.2;
}

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

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

.light___k3ue1 .item___EP2Dx {
  color: var(--color-shade);
}

.light___k3ue1 .expand___eoU0t {
  color: var(--color-shade);
}

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

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

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

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

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

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

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

.back___e_PFE + .title___H01Qa {
  padding-top: 0;
}

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

.collapsed___zHijI .back___e_PFE > :last-child {
  opacity: 0;
}

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

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

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

.remove___HhXRi {
  animation-name: slideout___y5Fld;
  animation-duration: var(--animation-fast);
}

/* theme */

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

.dark___O1SCX .back___e_PFE {
  color: var(--color-stark);
}

.dark___O1SCX .title___H01Qa {
  color: var(--color-stark);
}

.dark___O1SCX.items___JD_IY::-webkit-scrollbar-track {
  background: var(--color-shade);
}

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

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

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

.light___C7sqY .icon___GCwQd {
  color: var(--color-primary);
}

.light___C7sqY .back___e_PFE:hover {
  color: var(--color-primary);
}

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

.light___C7sqY.items___JD_IY::-webkit-scrollbar-thumb {
  background: var(--color-shade);
}

.dark___O1SCX .back___e_PFE:hover {
  color: var(--color-stark-transparent-heavy);
}

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

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

.none___Ocd04 {
  grid-gap: 0;
  gap: 0;
}

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

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

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

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

.vertical___OuWIX.stretch___KZxCS {
  grid-auto-rows: 1fr;
}

.stretch___KZxCS {
  align-items: initial;
}

/* This is off-by-one. The desktop breakpoint starts at 1024px, so this should be max-width: 1023px */
/* TODO: change this and ensure coviu-ui views still work at 1023px/1024px */
@media only screen and (max-width: 1024px) {
  .layout___rkrEo {
    grid-auto-flow: row;
    grid-template-columns: 1fr !important;
  }
}

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

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

.content___gZFQC {
  overflow-y: auto;
  padding: calc(var(--spacing) + var(--masthead-height)) var(--spacing-large) var(--spacing);
  min-height: 100vh;
}

.content___gZFQC.flush___D2ZpK {
  padding: calc(var(--spacing) + var(--masthead-height)) var(--spacing) var(--spacing);
}

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

@media only screen and (min-width: 1024px) {
  .content___gZFQC {
    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___gZFQC {
    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___qhrLp {
  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___qhrLp {
    position: fixed;
  }
}

.sidebar___qhrLp.collapsed___KBwF3 {
  width: var(--navigation-collapsed-width);
  min-width: var(--navigation-collapsed-width);
}

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

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

.sidebar___qhrLp.collapsed___KBwF3 .branding___a13N6,
.sidebar___qhrLp.collapsed___KBwF3 .plan___ldyvl {
  opacity: 0;
}

.title___n_mI2 {
  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___W7VqH {
  display: flex;
  align-items: center;
}

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

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

/* theme */

.dark___GDrUI {
  border-right: 1px solid var(--color-shade-lighter);
}

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

.light___mEn7f {
  border-right: 1px solid var(--color-shade-lighter);
}

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

:root {
  --masthead-height: 66px;
}

.masthead___xkumf {
  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___X2xPP {
  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___X2xPP .inner___l6UEF {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.primary___Fszck {
  display: flex;
  align-items: center;
  margin-left: var(--spacing-large);
  min-width: 0px;
}

.additional___kloMi {
  flex: 1 0 auto;
  flex-wrap: wrap;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}

.user___K4yQo {
  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___EDaro {
  max-width: 120px;
}

.details___EDaro > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topline___uF3fZ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.name___QPHaF {
  text-overflow: ellipsis;
  overflow: hidden;
}

.details___EDaro > :first-child {
  color: var(--color-shade-darker);
}

.mobile___D9Tgh .details___EDaro {
  display: none;
}

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

.dropdown___cirs2 {
  color: var(--color-shade);
  padding-right: var(--spacing);
}

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

.bar___H0I1o {
  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___H0I1o > * {
  max-height: 66px;
  max-height: var(--masthead-height);
  height: 66px;
  height: var(--masthead-height);
}

.container___qwudJ {
  display:flex;
  flex-direction: column;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  position:relative;
}

.static___OIi0P {
  position: absolute;
  top: var(--spacing-large);
  right: var(--spacing-largest);
  padding: var(--spacing);
  z-index: 1;
}

.scrolled___DjYNY {
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
}

.scrollable___xq5MV {
  position: relative;
  overflow-y: auto;
  padding: var(--spacing-small);
}

.bubble___kxca_ {
  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___kxca_ {
  margin-top: var(--spacing);
}

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

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

.bubble___kxca_.left___K0Swy {
  border-radius: 0 var(--bubble-radius) var(--bubble-radius)
    var(--bubble-radius);
}

.bubble___kxca_.right___jfZEl {
  border-radius: var(--bubble-radius) 0 var(--bubble-radius)
    var(--bubble-radius);
}

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

.content___qhopp {
  line-height: var(--font-size-larger);
}

.timestamp___afx3P {
  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___kLmGo {
  width: 100%;
}

.wrapper___rIrLr {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  margin-top: var(--spacing);
  justify-content: flex-end;
}

.sender___Fm6WB {
  min-width: var(--spacing-larger);
  flex-shrink: 0;
  margin-top: var(--spacing);
}

.sender___Fm6WB > div {
  border-width: 0px;
}

.flush___g4bxK {
  margin-top: 0;
}

@media only screen and (max-width: 414px) {
  .wrapper___rIrLr {
    grid-gap: var(--spacing-small);
    gap: var(--spacing-small);
    margin-top: var(--spacing-small);
  }
}

.portal___V_ur3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-highest);
}

.opened___DoZwJ {
  bottom: 0;
}

.dont-prevent-scroll____KQIV {
  bottom: unset;
}

.timeline___Yon_r {
  --dot-width: 24px;
  opacity: 1;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

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

.flush___Y3m9j {
  margin-top: 0;
}

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

.indicators___lg3A2 {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  position: relative;
}

.dot___zUkMz {
  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___SBN6X {
  font-weight: var(--font-weight-heavy);
}

.dot___zUkMz .icon___l2c4f {
  font-size: 0.9rem;
}

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

.line___Jw0ku {
  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___iMHYX .dot___zUkMz {
  background: var(--color-success);
}

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

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

.info___bpzpc .dot___zUkMz {
  background: var(--color-info);
}

/* Horizontal timeline styles */

.horizontal-timeline___Lhay4 {
  display: flex;
  flex-direction: column;
}

.ht-button-bar___gt0f3 button {
  max-width: 50px;
  margin-bottom: 1.5em;
}

.ht-scrollable-container___ry64h {
  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___ry64h::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
  background-color: hsla(213, 35%, 90%, 0.5);
}

.ht-scrollable-container___ry64h::-webkit-scrollbar-thumb {
  background-color: hsla(210, 15%, 25%, 0.5);
  border-radius: 0.5rem;
}

.ht-tr___CTYqZ {
  display: flex;
  flex: 1 1 0;
}

.ht-th___Q5Nv4 {
  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___mzGox {
  padding: 1em 0;
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
}

.ht-td___sLQgi {
  position: relative;
  display: flex;
  flex: 1 1 0;
  min-width: 3rem;
}

.ht-cell___AcGd9 {
  min-height: 2em;
  border-style: inset;
  border-bottom: 2px solid;
  margin-left: -1px;
}

.ht-cell-left___cuvFt,
.ht-cell-right___LBBvV {
  width: 50%;
}
.ht-cell-right___LBBvV {
  border-left: thin solid var(--color-grey-lighter);
}

.ht-cell-popup-content___K2iFe {
  line-height: 1.5;
  line-height: var(--line-height);
}

.ht-active___GmFXL {
  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___so5SQ { 
  border: thin solid var(--color-primary);
}
.ht-warning___Wpk4E svg {
  color: var(--color-warning);
}
.ht-info___ok7pw svg {
  color: var(--color-info);
}
.ht-error___QP8t0 svg {
  color: var(--color-error);
}

.ht-active___GmFXL svg {
  height: 0.5em;
  width: 0.5em;
}

.ht-active-popup___WtqEp {
  font-size: var(--font-size-smaller);
  padding: var(--spacing-small);
}
* + .filters___KoIT2 {
  margin-top: var(--spacing);
}

.bar___GsNiC {
  display: flex;
  grid-gap: var(--spacing);
  gap: var(--spacing);
  align-items: center;
  flex-direction: row;
}

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

  .stretch___MMUAq .primary___tKGvR {
    width: 100%;
  }
}

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

.stretch___MMUAq .primary___tKGvR {
  flex: 1;
}

.condition-wrapper___vEgBo {
  display: flex;
  margin-top: var(--spacing-small);
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  max-width: 280px;
}

.field___qzn9o {
  flex: 1;
}

.option___Ze3EM {
  flex: 1;
}

.operator___BRqeR {
  flex: 2;
}

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

.removable___LaLdv .remove___Nryyl {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  padding: 0;
  flex-shrink: 0;
}

.conditional___O2ao7 {
  margin-top: var(--spacing-small);
  max-width: 260px;
}

/* .options > * > :first-child {
  display: flex;
  gap: spacing();
  align-items: center;
} */

.select___fRmkc {
  min-width: 300px;
}

@media only screen and (max-width: 320px) {
  .select___fRmkc {
    min-width: 230px;
  }

  .conditional___O2ao7 {
    max-width: 190px;
  }
}

.chips___QCE_M {
  margin-top: var(--spacing-small);
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
}

.overlay___nqPac {
  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___ew_kk {
  background: var(--color-shade-darker-transparent-heavy);
}

.light___GldBs {
  background: var(--color-shade-lighter-transparent-heavy);
}

.carousel-wrapper___vuV0R {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.carousel___N9j87 {
  display: flex;
  flex-grow: 1;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow-x: auto;
  scrollbar-width: none;
}

.carousel___N9j87::-webkit-scrollbar {
  display: none;
}

.slide___kSneZ {
  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___zLLYj {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.slide-img-wrapper___PfWAR {
  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___PfWAR {
    visibility: visible;
    display: flex;
  }
}

.slide-subtitle___oCRfv {
  margin-bottom: var(--spacing);
  word-break: break-word;
  white-space: pre-line;
}

.slide-img___dX8ze {
  max-height: 100%;
  max-width: 100%;
}

.slide-btn___pFB0z {
  margin-top: auto;
}

.slide-btn-icon___TzsO_ {
  transform: rotate(180deg);
}

.slide-title___Psyxe {
  color: var(--color-primary);
  word-break: break-word;
}

/* themes */

.slide-teal___FMISD {
  background: #fff;
}

.slide-orange___P12NU {
  background: #fce1c9;
  color: #000;
}

.slide-orange___P12NU .slide-title___Psyxe {
    color: #000;
  }

.slide-red___L9qQ9 {
  background: #fee9e9;
  color: #000;
}

.slide-red___L9qQ9 .slide-title___Psyxe {
    color: #000;
  }

.slide-purple___GWO7I {
  background: #f1eaf9;
  color: #000;
}

.slide-purple___GWO7I .slide-title___Psyxe {
    color: #000;
  }

.slide-blue___JZaJT {
  background: #eaf4fb;
  color: #000;
}

.slide-blue___JZaJT .slide-title___Psyxe {
    color: #000;
  }

/* controls */
.slide-control___kJN_m {
  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___kJN_m > svg {
  font-size: 1rem;
}

.slide-control-left___XsmuS {
  left: 0.25rem;
}

.slide-control-right___eY1tu {
  right: 0.25rem;
}

/* carousel navigation */
.carousel-nav___XxonS {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: var(--spacing-large);
}

.carousel-nav-list___fTkUE {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-gap: var(--spacing-smaller);
  gap: var(--spacing-smaller);
}

.carousel-nav-btn___M7egX {
  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___xlWSf {
  background: var(--color-primary);
}

.popout___chtMG {
  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___iLu1M var(--animation-fast) forwards;
}

@keyframes fadein___iLu1M {
  from {
    background: transparent;
  }
  to {
    background: var(--color-shade-darker-transparent-heavy);
  }
}

@keyframes slidein___TwS3f {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}

.inner___Lo4ap {
  animation: slidein___TwS3f 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;
}

.container___A2Nzq {
  position: relative;
  padding: 1rem;
  border-radius: 4px;
  background: white;
  z-index: 0;
  box-shadow: var(--elevation-low);
  opacity: 1;
}

.fadingBorder___qOTi2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  padding: 1px;
  background: linear-gradient(to bottom right, #1E7E7F 0%, #21D6CC 20%, white 40%);
  -webkit-mask:
    linear-gradient(#fff 0, #fff 0) content-box,
    linear-gradient(#fff 0, #fff 0);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 0;
}

.badge___fwbHp {
  position: relative;
}

.badgeInImage___urn3C {
  position: absolute;
  top: var(--spacing);
}

.badgeLeft___HnHdo { left: var(--spacing); }
.badgeRight___dNN8x { right: var(--spacing); }

.inner-content___K_rle {
  content: normal;
  position: relative;
  width: 100%;
  z-index: 1;
  height: 100%;
}

  .root___Uj2rZ {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
  }

.onClickHover___ZgvGe {
  transition: all var(--animation-normal) ease;
}

.onClickHover___ZgvGe:hover {
  box-shadow: var(--elevation-high);
  transition: all var(--animation-normal) ease;
  cursor: pointer;
}

.disabled___l4H79 {
  opacity: 0.4;
}

@supports (animation: grow 0.5s cubic-bezier(0.25, 0.25, 0.25, 1) forwards) {
  .tick___EZ0V9 {
    stroke-opacity: 0;
    stroke-dasharray: 29px;
    stroke-dashoffset: 29px;
    animation: draw___HgcGB 0.5s cubic-bezier(0.25, 0.25, 0.25, 1) forwards;
    animation-delay: 0.6s;
  }

  .circle___JShcO {
    fill-opacity: 0;
    stroke: #1bc2bd;
    stroke-width: 16px;
    transform-origin: center;
    transform: scale(0);
    animation: grow___AkDOw 1s cubic-bezier(0.25, 0.25, 0.25, 1.25) forwards;
  }
}

@keyframes grow___AkDOw {
  60% {
    transform: scale(0.8);
    stroke-width: 4px;
    fill-opacity: 0;
  }
  100% {
    transform: scale(0.9);
    stroke-width: 8px;
    fill-opacity: 1;
    fill: #1bc2bd;
  }
}

@keyframes draw___HgcGB {
  0%,
  100% {
    stroke-opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.container___mjRLC {
  display: flex;
  grid-gap: var(--spacing-small);
  gap: var(--spacing-small);
  align-items: center;
  position: relative;
  cursor: text;
}

/* Hidden input - invisible but accessible */
.hiddenInput___t54xE {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Visual slot for each digit */
.slot___yQgsZ {
  width: 48px;
  height: 56px;
  border-radius: var(--border-radius);
  border: var(--border-thin) dashed var(--color-shade-light);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: canada-type-gibson, Avenir Next, Helvetica Neue, sans-serif;
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-larger);
  color: var(--color-shade-dark);
  transition: border-color var(--animation-normal) ease,
    box-shadow var(--animation-normal) ease;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Active slot (focused/selected) */
.slotActive___Mgh7R {
  border-color: var(--color-primary);
  border-style: solid;
  box-shadow: 0 0 0 3px var(--color-primary-lightest);
  outline: 2px solid var(--color-primary);
  outline-offset: 0;
  z-index: 1;
}

/* Filled slot */
.slotFilled___yauJC {
  border-color: var(--color-shade);
  border-style: solid;
}

/* Fake caret for empty active slot */
.fakeCaret___wy9yv {
  position: absolute;
  width: 2px;
  height: 24px;
  background: var(--color-primary);
  animation: caretBlink___OF1W9 1.2s ease-out infinite;
}

@keyframes caretBlink___OF1W9 {
  0%,
  70%,
  100% {
    opacity: 1;
  }
  20%,
  50% {
    opacity: 0;
  }
}

/* Size variants */
.small___dupVQ .slot___yQgsZ {
  width: 40px;
  height: 44px;
  font-size: var(--font-size);
}

.small___dupVQ .fakeCaret___wy9yv {
  height: 18px;
}

.medium___bRjl6 .slot___yQgsZ {
  width: 48px;
  height: 56px;
  font-size: var(--font-size-larger);
}

.medium___bRjl6 .fakeCaret___wy9yv {
  height: 24px;
}

.large___kK9BL .slot___yQgsZ {
  width: 56px;
  height: 64px;
  font-size: var(--font-size-largest);
}

.large___kK9BL .fakeCaret___wy9yv {
  height: 28px;
}

/* Error state */
.error___MMBUB .slot___yQgsZ {
  border-color: var(--color-error);
}

.error___MMBUB .slotActive___Mgh7R {
  border-color: var(--color-error);
  border-style: solid;
  box-shadow: 0 0 0 3px var(--color-error-light);
  outline: 2px solid var(--color-error);
  outline-offset: 0;
  z-index: 1;
}

/* Success state */
.success___EPmo3 .slot___yQgsZ {
  border-color: var(--color-success);
}

.success___EPmo3 .slotActive___Mgh7R {
  border-color: var(--color-success);
  border-style: solid;
  box-shadow: 0 0 0 3px var(--color-success-light);
  outline: 2px solid var(--color-success);
  outline-offset: 0;
  z-index: 1;
}

/* Disabled state */
.disabled___VGxU0 .slot___yQgsZ {
  background-color: var(--color-shade-lightest);
  border-color: var(--color-shade-lighter);
  color: var(--color-shade-light);
  cursor: not-allowed;
}

.disabled___VGxU0 {
  cursor: not-allowed;
}

/* Separator */
.separator___nt2_Z {
  width: 12px;
  height: 2px;
  background: var(--color-shade-light);
  border-radius: var(--border-radius-small);
  flex-shrink: 0;
}

/* Legacy support - keep .input styles for backward compatibility */
.input___qCTby {
  width: 48px;
  height: 56px;
  border-radius: var(--border-radius);
  border: var(--border-thin) dashed var(--color-shade-light);
  text-align: center;
  font-family: canada-type-gibson, Avenir Next, Helvetica Neue, sans-serif;
  font-family: var(--font-family);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-larger);
  color: var(--color-shade-dark);
  caret-color: var(--color-primary);
  transition: border-color var(--animation-normal) ease,
    box-shadow var(--animation-normal) ease;
}

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

.input___qCTby:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary-lightest);
}

.input___qCTby:-ms-input-placeholder {
  color: var(--color-shade-lighter);
}

.input___qCTby::placeholder {
  color: var(--color-shade-lighter);
}

.input___qCTby::selection {
  background: var(--color-primary-lightest);
}

/* Size variants for legacy input */
.small___dupVQ .input___qCTby {
  width: 40px;
  height: 44px;
  font-size: var(--font-size);
}

.medium___bRjl6 .input___qCTby {
  width: 48px;
  height: 56px;
  font-size: var(--font-size-larger);
}

.large___kK9BL .input___qCTby {
  width: 56px;
  height: 64px;
  font-size: var(--font-size-largest);
}

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

.disabled___VGxU0 .input___qCTby,
.disabled___VGxU0 .input___qCTby:hover {
  background-color: var(--color-shade-lightest);
  border-color: var(--color-shade-lighter);
  color: var(--color-shade-light);
  cursor: not-allowed;
}

.error___MMBUB .input___qCTby:focus {
  border-color: var(--color-error);
  box-shadow: 0 0 0 2px var(--color-error-light);
}

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

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

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

.error___MMBUB .container___mjRLC:hover .slot___yQgsZ {
  border-color: var(--color-error-dark);
}

.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}
.outer___SyxWz {
    padding: var(--spacing-large);
    display: flex;
    justify-content: center;
}

.filters___DWomS {
    margin: var(--spacing) 0;
    width: 100%;
}

.flush___IxbUL {
    margin: 0;
}

.button___yxfPD {
    margin-right: var(--spacing-smaller);
}

.search___w8aa8 {
    margin-left: var(--spacing-smaller);
}

.prevent-wrap___zEwol {
    flex-wrap: nowrap;
}

.banner___jRpg_ {
    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___TFyn6 var(--animation-normal) cubic-bezier(0.39, 0.575, 0.565, 1)
        both;
}

.message___ud77_ {
    display: flex;
    grid-gap: var(--spacing);
    gap: var(--spacing);
    justify-content: center;
    flex-grow: 1;
}

.link____naru,
.close___zS6mR {
    /* TODO: Remove !important when platform login is changed to UIKit */
    color: var(--color-stark) !important;
}

.link____naru:hover {
    -webkit-text-decoration-color: var(--color-stark);
            text-decoration-color: var(--color-stark);
}

@keyframes slide-in___TFyn6 {
    0% {
        transform: translateY(-30px);
        opacity: 0;
    }

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

/* this class was taken from client/styles/components/Input.scss */
.HiddenInput___cZlcb {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    width: 1px;
    height: 1px;
}


/*# sourceMappingURL=commons.bundle.css.map*/