html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  vertical-align: baseline;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
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;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  background-color: transparent;
  text-decoration: none;
  outline: 0;
  color: inherit;
}
b,
strong {
  font-weight: bold;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
}
button,
input,
optgroup,
select,
textarea,
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus,
button:active,
input:active,
optgroup:active,
select:active,
textarea:active {
  outline: 0;
}
button {
  overflow: visible;
  border-width: 0;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
}
progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

.OldWebAppButton {
  display: inline-block;
  vertical-align: bottom;
  padding: 1px 10px 3px 10px;
  height: 36px;
  line-height: 36px;
  white-space: nowrap;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.OldWebAppButton:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.OldWebAppButton.OldWebAppButton--small {
  height: 26px;
  line-height: 26px;
}
.OldWebAppButton.OldWebAppButton--section {
  height: auto;
  line-height: 1.25;
  padding-top: 11px;
  padding-bottom: 13px;
  white-space: normal;
}
.OldWebAppButton.OldWebAppButton--section h5 {
  font-size: 18px;
  margin-bottom: 5px;
}
.OldWebAppButton.OldWebAppButton--fill {
  display: block;
}
.OldWebAppButton.OldWebAppButton--noHorizontalPadding {
  padding-left: 0px;
  padding-right: 0px;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled {
  background-color: #ffffff;
  color: #000000;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:after {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
}
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:hover {
  background-color: #f2f2f2;
}
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:active {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--enabled:focus {
  background-color: #f2f2f2;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:hover {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:focus {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--white.OldWebAppButton--down:after {
  border-top: 2px solid #ccc;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--disabled {
  background-color: #ffffff;
  color: #000000;
  color: #ccc;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--disabled:after {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
}
body .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--white.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled {
  background-color: #f4f5f7;
  color: #000000;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:after {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
}
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:hover {
  background-color: #e5e8ec;
}
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:active {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--enabled:focus {
  background-color: #e5e8ec;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:hover {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:focus {
  background-color: #ccc;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--down:after {
  border-top: 2px solid #ccc;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--disabled {
  background-color: #f4f5f7;
  color: #000000;
  color: #ccc;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--disabled:after {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 3px solid #ccc;
}
body .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--gray.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled {
  background-color: #333333;
  color: #ffffff;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:after {
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 3px solid #000000;
}
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:hover {
  background-color: #262626;
}
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:active {
  background-color: #000000;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--enabled:focus {
  background-color: #262626;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down {
  background-color: #000000;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:hover {
  background-color: #000000;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:focus {
  background-color: #000000;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--black.OldWebAppButton--down:after {
  border-top: 2px solid #000000;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--disabled {
  background-color: #333333;
  color: #ffffff;
  color: #000000;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--disabled:after {
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  border-bottom: 3px solid #000000;
}
body .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--black.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled {
  background-color: #fa4d00;
  color: #ffffff;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:after {
  border-top: 1px solid #fa4d00;
  border-left: 1px solid #fa4d00;
  border-right: 1px solid #fa4d00;
  border-bottom: 3px solid #c73d00;
}
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:hover {
  background-color: #e14500;
}
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:active {
  background-color: #c73d00;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--enabled:focus {
  background-color: #e14500;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down {
  background-color: #c73d00;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:hover {
  background-color: #c73d00;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:focus {
  background-color: #c73d00;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--down:after {
  border-top: 2px solid #c73d00;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--disabled {
  background-color: #fa4d00;
  color: #ffffff;
  color: #c73d00;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--disabled:after {
  border-top: 1px solid #fa4d00;
  border-left: 1px solid #fa4d00;
  border-right: 1px solid #fa4d00;
  border-bottom: 3px solid #c73d00;
}
body .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--primary.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled {
  background-color: #32e37f;
  color: #ffffff;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:after {
  border-top: 1px solid #32e37f;
  border-left: 1px solid #32e37f;
  border-right: 1px solid #32e37f;
  border-bottom: 3px solid #1bc766;
}
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:hover {
  background-color: #1edd71;
}
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:active {
  background-color: #1bc766;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--enabled:focus {
  background-color: #1edd71;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down {
  background-color: #1bc766;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:hover {
  background-color: #1bc766;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:focus {
  background-color: #1bc766;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--green.OldWebAppButton--down:after {
  border-top: 2px solid #1bc766;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--disabled {
  background-color: #32e37f;
  color: #ffffff;
  color: #1bc766;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--disabled:after {
  border-top: 1px solid #32e37f;
  border-left: 1px solid #32e37f;
  border-right: 1px solid #32e37f;
  border-bottom: 3px solid #1bc766;
}
body .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--green.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled {
  background-color: #f55656;
  color: #ffffff;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:after {
  border-top: 1px solid #f55656;
  border-left: 1px solid #f55656;
  border-right: 1px solid #f55656;
  border-bottom: 3px solid #f22626;
}
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:hover {
  background-color: #f43e3e;
}
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:active {
  background-color: #f22626;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--enabled:focus {
  background-color: #f43e3e;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down {
  background-color: #f22626;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:hover {
  background-color: #f22626;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:focus {
  background-color: #f22626;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--red.OldWebAppButton--down:after {
  border-top: 2px solid #f22626;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--disabled {
  background-color: #f55656;
  color: #ffffff;
  color: #f22626;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--disabled:after {
  border-top: 1px solid #f55656;
  border-left: 1px solid #f55656;
  border-right: 1px solid #f55656;
  border-bottom: 3px solid #f22626;
}
body .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--red.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled {
  background-color: #479dff;
  color: #ffffff;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:after {
  border-top: 1px solid #479dff;
  border-left: 1px solid #479dff;
  border-right: 1px solid #479dff;
  border-bottom: 3px solid #1482ff;
}
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:hover {
  background-color: #2d8fff;
}
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:active {
  background-color: #1482ff;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:active.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--enabled:focus {
  background-color: #2d8fff;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down {
  background-color: #1482ff;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:hover {
  background-color: #1482ff;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:hover.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:focus,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:focus {
  background-color: #1482ff;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:focus.OldWebAppButton--section,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:focus.OldWebAppButton--section {
  padding-top: 13px;
  padding-bottom: 11px;
}
.OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--down:after {
  border-top: 2px solid #1482ff;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--disabled,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--disabled {
  background-color: #479dff;
  color: #ffffff;
  color: #1482ff;
  cursor: default;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--disabled:after,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--disabled:after {
  border-top: 1px solid #479dff;
  border-left: 1px solid #479dff;
  border-right: 1px solid #479dff;
  border-bottom: 3px solid #1482ff;
}
body .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--loading .OldWebAppButton-content,
body.hasHover .OldWebAppButton.OldWebAppButton--blue.OldWebAppButton--loading .OldWebAppButton-content {
  visibility: hidden;
}
.OldWebAppButton.OldWebAppButton--flatTL {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatTL:after {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatTR {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatTR:after {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatBL {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatBL:after {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatBR {
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--flatBR:after {
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
.OldWebAppButton.OldWebAppButton--noBorderTop:after {
  border-top-width: 0px !important;
}
.OldWebAppButton.OldWebAppButton--noBorderRight:after {
  border-right-width: 0px !important;
}
.OldWebAppButton.OldWebAppButton--noBorderBottom:after {
  border-bottom-width: 0px !important;
}
.OldWebAppButton.OldWebAppButton--noBorderLeft:after {
  border-left-width: 0px !important;
}
.OldWebAppButton.OldWebAppButton-Dropdown {
  text-align: left;
}
.OldWebAppButton.OldWebAppButton-Dropdown .OldWebAppButton-content {
  overflow: hidden;
}
.OldWebAppButton-Dropdown-label {
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  padding-right: 5px;
  vertical-align: middle;
}
.OldWebAppButton-Dropdown-value {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: 20px;
  vertical-align: middle;
}
.OldWebAppButton-Dropdown .Icon--dropdown {
  width: 20px;
  text-align: right;
}
.OldWebAppButton-Upload input {
  z-index: 1;
}
.OldWebAppButton-Icon-iconBefore {
  display: inline-block;
  margin-right: 10px;
}
.OldWebAppButton-Icon-iconAfter {
  display: inline-block;
  margin-left: 10px;
}

/*
  Icon Font: Icon
*/
@font-face {
  font-family: "Icon";
  src: url(../js/../font/Icon.woff?_=6e0cb436eaea4af094a35ab7915e79ef07c76526) format("woff"), url(../js/../font/Icon.ttf?_=6e0cb436eaea4af094a35ab7915e79ef07c76526) format("truetype");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  content: attr(data-icon);
}
[data-icon]:before,
.Icon--add:before,
.Icon--archive:before,
.Icon--arrowDown:before,
.Icon--arrowFilledDown:before,
.Icon--arrowLeft:before,
.Icon--arrowRight:before,
.Icon--arrowUp:before,
.Icon--auto:before,
.Icon--bigArrowUp:before,
.Icon--bookmarkEmpty:before,
.Icon--bookmarkFilled:before,
.Icon--calendar:before,
.Icon--ccAmex:before,
.Icon--ccDiscover:before,
.Icon--ccMastercard:before,
.Icon--ccVisa:before,
.Icon--check:before,
.Icon--checkmark:before,
.Icon--clock:before,
.Icon--cross:before,
.Icon--delete:before,
.Icon--dropdown:before,
.Icon--dryingMaterial:before,
.Icon--edit:before,
.Icon--editTitle:before,
.Icon--encircle:before,
.Icon--expandLeft:before,
.Icon--export:before,
.Icon--fileExcel:before,
.Icon--filePdf:before,
.Icon--filePerson:before,
.Icon--fileUnknown:before,
.Icon--fileZip:before,
.Icon--filledStar:before,
.Icon--heart:before,
.Icon--help:before,
.Icon--info:before,
.Icon--leaveClaim:before,
.Icon--logout:before,
.Icon--notice:before,
.Icon--orderedList:before,
.Icon--org:before,
.Icon--overflow:before,
.Icon--pause:before,
.Icon--phone:before,
.Icon--play:before,
.Icon--property:before,
.Icon--refresh:before,
.Icon--rotateLeft:before,
.Icon--rotateRight:before,
.Icon--search:before,
.Icon--settings:before,
.Icon--share:before,
.Icon--shopping:before,
.Icon--shoppingDisabled:before,
.Icon--sketchPictureNode:before,
.Icon--statusClose:before,
.Icon--statusOpen:before,
.Icon--stop:before,
.Icon--support:before,
.Icon--textAlignCenter:before,
.Icon--textAlignLeft:before,
.Icon--textAlignRight:before,
.Icon--textBold:before,
.Icon--textItalic:before,
.Icon--textUnderline:before,
.Icon--textVariable:before,
.Icon--unarchive:before,
.Icon--unfilledStar:before,
.Icon--unorderedList:before,
.Icon--void:before,
.Icon--zoomIn:before,
.Icon--zoomOut:before {
  display: inline-block;
  font-family: "Icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.Icon--add:before {
  content: "\f100";
}
.Icon--archive:before {
  content: "\f101";
}
.Icon--arrowDown:before {
  content: "\f102";
}
.Icon--arrowFilledDown:before {
  content: "\f103";
}
.Icon--arrowLeft:before {
  content: "\f104";
}
.Icon--arrowRight:before {
  content: "\f105";
}
.Icon--arrowUp:before {
  content: "\f106";
}
.Icon--auto:before {
  content: "\f107";
}
.Icon--bigArrowUp:before {
  content: "\f108";
}
.Icon--bookmarkEmpty:before {
  content: "\f109";
}
.Icon--bookmarkFilled:before {
  content: "\f10a";
}
.Icon--calendar:before {
  content: "\f10b";
}
.Icon--ccAmex:before {
  content: "\f10c";
}
.Icon--ccDiscover:before {
  content: "\f10d";
}
.Icon--ccMastercard:before {
  content: "\f10e";
}
.Icon--ccVisa:before {
  content: "\f10f";
}
.Icon--check:before {
  content: "\f110";
}
.Icon--checkmark:before {
  content: "\f111";
}
.Icon--clock:before {
  content: "\f112";
}
.Icon--cross:before {
  content: "\f113";
}
.Icon--delete:before {
  content: "\f114";
}
.Icon--dropdown:before {
  content: "\f115";
}
.Icon--dryingMaterial:before {
  content: "\f116";
}
.Icon--edit:before {
  content: "\f117";
}
.Icon--editTitle:before {
  content: "\f118";
}
.Icon--encircle:before {
  content: "\f119";
}
.Icon--expandLeft:before {
  content: "\f11a";
}
.Icon--export:before {
  content: "\f11b";
}
.Icon--fileExcel:before {
  content: "\f11c";
}
.Icon--filePdf:before {
  content: "\f11d";
}
.Icon--filePerson:before {
  content: "\f11e";
}
.Icon--fileUnknown:before {
  content: "\f11f";
}
.Icon--fileZip:before {
  content: "\f120";
}
.Icon--filledStar:before {
  content: "\f121";
}
.Icon--heart:before {
  content: "\f122";
}
.Icon--help:before {
  content: "\f123";
}
.Icon--info:before {
  content: "\f124";
}
.Icon--leaveClaim:before {
  content: "\f125";
}
.Icon--logout:before {
  content: "\f126";
}
.Icon--notice:before {
  content: "\f127";
}
.Icon--orderedList:before {
  content: "\f128";
}
.Icon--org:before {
  content: "\f129";
}
.Icon--overflow:before {
  content: "\f12a";
}
.Icon--pause:before {
  content: "\f12b";
}
.Icon--phone:before {
  content: "\f12c";
}
.Icon--play:before {
  content: "\f12d";
}
.Icon--property:before {
  content: "\f12e";
}
.Icon--refresh:before {
  content: "\f12f";
}
.Icon--rotateLeft:before {
  content: "\f130";
}
.Icon--rotateRight:before {
  content: "\f131";
}
.Icon--search:before {
  content: "\f132";
}
.Icon--settings:before {
  content: "\f133";
}
.Icon--share:before {
  content: "\f134";
}
.Icon--shopping:before {
  content: "\f135";
}
.Icon--shoppingDisabled:before {
  content: "\f136";
}
.Icon--sketchPictureNode:before {
  content: "\f137";
}
.Icon--statusClose:before {
  content: "\f138";
}
.Icon--statusOpen:before {
  content: "\f139";
}
.Icon--stop:before {
  content: "\f13a";
}
.Icon--support:before {
  content: "\f13b";
}
.Icon--textAlignCenter:before {
  content: "\f13c";
}
.Icon--textAlignLeft:before {
  content: "\f13d";
}
.Icon--textAlignRight:before {
  content: "\f13e";
}
.Icon--textBold:before {
  content: "\f13f";
}
.Icon--textItalic:before {
  content: "\f140";
}
.Icon--textUnderline:before {
  content: "\f141";
}
.Icon--textVariable:before {
  content: "\f142";
}
.Icon--unarchive:before {
  content: "\f143";
}
.Icon--unfilledStar:before {
  content: "\f144";
}
.Icon--unorderedList:before {
  content: "\f145";
}
.Icon--void:before {
  content: "\f146";
}
.Icon--zoomIn:before {
  content: "\f147";
}
.Icon--zoomOut:before {
  content: "\f148";
}

.Icon {
  position: relative;
}
.Icon--colorPrimary {
  color: #fa4d00;
}
.Icon-Badge {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  padding: 0 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #fa4d00;
  color: #ffffff;
}

.Link--isClickable {
  cursor: pointer;
}
body .Link--highlight,
body.hasHover .Link--highlight {
  color: #fa4d00;
  text-decoration: none;
}
body.hasHover .Link--highlight:hover {
  color: #fa4d00;
  text-decoration: underline;
}
body.hasHover .Link--highlight:active {
  color: #c73d00;
  text-decoration: none;
}

.OldWebAppSpinner {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
.OldWebAppSpinner--large {
  height: 40px;
  width: 40px;
}
.OldWebAppSpinner--normal {
  height: 30px;
  width: 30px;
}
.OldWebAppSpinner--small {
  height: 20px;
  width: 20px;
}
.OldWebAppSpinner--inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}
.OldWebAppSpinner--middle-transform {
  top: 50%;
  transform: translateY(-50%);
}
.OldWebAppSpinner--middle-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.OldWebAppSpinner .OldWebAppSpinner-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.OldWebAppSpinner .OldWebAppSpinner-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  border-radius: 100%;
  -webkit-animation: SpinnerBounceDelay 1.2s infinite ease-in-out both;
  animation: SpinnerBounceDelay 1.2s infinite ease-in-out both;
}
.OldWebAppSpinner--dark .OldWebAppSpinner-child:before {
  background-color: #747980;
}
.OldWebAppSpinner--light .OldWebAppSpinner-child:before {
  background-color: #ffffff;
}
.OldWebAppSpinner .OldWebAppSpinner-child--2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.OldWebAppSpinner .OldWebAppSpinner-child--2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.OldWebAppSpinner .OldWebAppSpinner-child--12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes SpinnerBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes SpinnerBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.FlexWrap {
  display: table;
  table-layout: fixed;
  max-width: 100%;
}
.FlexWrap-row {
  display: table-row;
}
.FlexWrap-cell {
  display: table-cell;
  vertical-align: top;
}
.FlexWrap-Flex {
  width: 9999px;
}
.FlexWrap-Flex--ellipsize {
  position: relative;
}
.FlexWrap-Flex--ellipsize > * {
  position: absolute;
  left: 0;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.FlexWrap-Wrap {
  white-space: nowrap;
}
.FlexWrap-Wrap--vertical-top,
.FlexWrap-Flex--vertical-top {
  vertical-align: top;
}
.FlexWrap-Wrap--vertical-middle,
.FlexWrap-Flex--vertical-middle {
  vertical-align: middle;
}
.FlexWrap-Wrap--vertical-bottom,
.FlexWrap-Flex--vertical-bottom {
  vertical-align: bottom;
}

.Input-Checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}
.Input-Checkbox-check {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 30px;
  flex-basis: 30px;
}
.Input-Checkbox-button {
  width: 30px;
  padding-left: 0px;
  padding-right: 0px;
}
.Input-Checkbox-content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 0px;
  flex-basis: 0px;
  cursor: pointer;
  padding-left: 10px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.SVGIcon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.RawSVGIcon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0px;
  vertical-align: middle;
  pointer-events: none;
}
.RawSVGIcon--orange {
  color: #FF4E00;
}
.RawSVGIcon--red {
  color: #DD2229;
}
.RawSVGIcon--blue {
  color: #508CD9;
}
.RawSVGIcon--gray {
  color: #2F353E;
}
.RawSVGIcon--gray2 {
  color: #6E7D91;
}
.RawSVGIcon--gray3 {
  color: #BEC3CA;
}
.RawSVGIcon--green {
  color: #00A54D;
}
.RawSVGIcon--pink {
  color: #E869E8;
}
.RawSVGIcon--light_purple {
  color: #a965e5;
}
.RawSVGIcon--black {
  color: #2F353E;
}
.RawSVGIcon--white {
  color: #ffffff;
}
.RawSVGIcon--mitigation {
  color: #00ad99;
}
.RawSVGIcon--contents {
  color: #fa4d00;
}
.RawSVGIcon--rebuild {
  color: #333333;
}
.RawSVGIcon--moisture {
  color: #407dfe;
}
.RawSVGIcon--color_toast_green {
  color: #00A54D;
}
.RawSVGIcon--color_new_nav_text_header {
  color: #6E7D91;
}
.RawSVGIcon--color_page_title_text {
  color: #2F353E;
}
.RawSVGIcon--color_text_gray {
  color: #6E7D91;
}
.RawSVGIcon--color_text_link {
  color: #508CD9;
}
.RawSVGIcon--color_tint_teal_2 {
  color: #85ADB2;
}
.RawSVGIcon--color_brand_blue {
  color: #508CD9;
}
.RawSVGIcon--color_tint_orange_1 {
  color: #FF9585;
}
.RawSVGIcon--black_base {
  color: #2F353E;
}
.RawSVGIcon--color_grey_1 {
  color: #6E7D91;
}
.RawSVGIcon--color_grey_2 {
  color: #BEC3CA;
}
.RawSVGIcon--color_grey_3 {
  color: #D6D9DD;
}
.RawSVGIcon--color_grey_4 {
  color: #F4F5F6;
}
.RawSVGIcon--inherit {
  color: inherit;
}
.RawSVGIcon--pop {
  -webkit-animation: pop 3s linear;
  -moz-animation: pop 3s linear;
  animation: pop 3s linear;
  animation-iteration-count: infinite;
  margin: auto;
}
.SVGText {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.SVGText-text {
  padding-top: 4px;
  font-size: 14px;
  color: #2F353E;
}
.SVGLogo {
  -webkit-align-items: center;
  align-items: center;
}
.SVGLogo--inherit {
  color: inherit;
  fill: currentColor;
  stroke: currentColor;
}
@keyframes pop {
  0% {
    max-width: 90%;
    max-height: 90%;
  }
  80% {
    max-width: 90%;
    max-height: 90%;
  }
  90% {
    max-width: 100%;
    max-height: 100%;
  }
  100% {
    max-width: 90%;
    max-height: 90%;
  }
}

.InputProvider-Ui-Item {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  cursor: pointer;
  min-height: 20px;
  padding: 10px;
  color: #000000;
  text-align: left;
  border-top: 1px solid #969DA6;
}
.InputProvider-Ui-Item:first-child {
  border-top-width: 0px;
}
.InputProvider-Ui-Item.InputProvider-Ui-Item--isActive {
  background-color: #fa4d00;
  color: #ffffff;
}
.InputProvider-Ui-CheckboxItem {
  cursor: pointer;
  padding: 10px;
  border-top: 1px solid #969DA6;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}
.InputProvider-Ui-CheckboxItem:first-child {
  border-top-width: 0px;
}
.InputProvider-Ui-CheckboxItem-control {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  width: 24px;
  height: 24px;
  padding: 3px;
  text-align: center;
  color: #ffffff;
  background-color: #d5d8e0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.InputProvider-Ui-CheckboxItem-content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 10px;
}
body .InputProvider-Ui-CheckboxItem,
body.hasHover .InputProvider-Ui-CheckboxItem {
  background-color: #ffffff;
}
body.hasHover .InputProvider-Ui-CheckboxItem:hover {
  background-color: #f2f2f2;
}
body.hasHover .InputProvider-Ui-CheckboxItem:active {
  background-color: #e6e6e6;
}
.InputProvider-Ui-CheckboxItem.InputProvider-Ui-CheckboxItem--active > .InputProvider-Ui-CheckboxItem-control {
  background-color: #32e37f;
}
body .InputProvider-Ui-CheckboxItem.InputProvider-Ui-CheckboxItem--active,
body.hasHover .InputProvider-Ui-CheckboxItem.InputProvider-Ui-CheckboxItem--active {
  background-color: #b9f5d3;
}
body.hasHover .InputProvider-Ui-CheckboxItem.InputProvider-Ui-CheckboxItem--active:hover {
  background-color: #a2f2c5;
}
body.hasHover .InputProvider-Ui-CheckboxItem.InputProvider-Ui-CheckboxItem--active:active {
  background-color: #8cefb7;
}
.InputProvider-Ui-Title {
  display: block;
  line-height: 28px;
  height: 28px;
  padding: 0 10px;
  border-top: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  background-color: #f4f5f7;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
}
.InputProvider-Ui-Loading {
  padding: 10px;
}

.Reveal {
  position: relative;
}
.Reveal .Reveal-reveal {
  position: absolute;
  z-index: 301;
}
.Reveal.Reveal--left .Reveal-reveal {
  left: 0;
}
.Reveal.Reveal--right .Reveal-reveal {
  right: 0;
}
.Reveal.Reveal--both .Reveal-reveal {
  left: 0;
  right: 0;
}
.Reveal.Reveal--above .Reveal-reveal {
  bottom: 100%;
}
.Reveal.Reveal--below .Reveal-reveal {
  top: 100%;
}
.Reveal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
}
.Reveal-Hover .Reveal-reveal {
  display: none;
}
.Reveal-Hover:hover .Reveal-reveal {
  display: block;
}
.Reveal-Overlay-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
}
.Reveal-Overlay-anchor {
  position: relative;
}
.Reveal-Overlay-anchor--backdropBelowAnchor.Reveal-Overlay-anchor--isOpen {
  z-index: 301;
}
.Reveal-Overlay-reveal {
  position: fixed;
  z-index: 301;
}

.Modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: #191717;
  background: rgba(25, 23, 23, 0.8);
}
.Modal {
  border: 1px solid #969DA6;
  background-color: #ffffff;
}
.Modal-Header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  line-height: 40px;
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Modal-Header .Icon--cross {
  float: right;
}
body .Modal-Header .Icon--cross,
body.hasHover .Modal-Header .Icon--cross {
  color: #000000;
}
body.hasHover .Modal-Header .Icon--cross:hover {
  color: #fa4d00;
}
.Modal-Header--fixed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #969DA6;
}
.Modal-Header--tabs {
  height: 95px;
}
.Modal-Header--fixed.Modal-Header--tabs {
  border-bottom: none;
}
.Modal-Header-title {
  display: inline-block;
  margin-left: 20px;
  margin-top: 10px;
}
.Modal-Header-close {
  display: inline-block;
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}
.Modal-Header-tabBar {
  font-size: 16px;
}
.Modal-Body {
  width: 820px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Modal-Body--skinny {
  width: 420px;
}
.Modal-Body--pad > .Modal-Content--fixed {
  padding-top: 20px;
}
.Modal-Body--padHorizontal > .Modal-Content {
  padding-left: 20px;
  padding-right: 20px;
}
.Modal-Content--fixed {
  padding-bottom: 10px;
}
.Modal-Content--strong {
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
}
.Modal-Dialog {
  max-width: 420px;
}
.Modal-Dialog .Modal-Content {
  padding: 0 20px;
}
.Modal-Dialog .Modal-Content p {
  margin-bottom: 10px;
}
.Modal-Dialog--fixed {
  width: 420px;
}
.Modal-Dialog--fixed .Modal-Content {
  padding: 10px;
}
.Modal-LoadingDialog {
  width: 320px;
  padding: 0 20px;
}
.Modal-LoadingDialog p {
  padding: 10px 0;
}
.Modal-Content--fixed,
.Modal-TabContent--fixed {
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.Modal--noScroll .Modal-Content--fixed,
.Modal--noScroll .Modal-TabContent--fixed {
  overflow-y: hidden;
}
.Modal--noFooter .Modal-Content--fixed,
.Modal--noFooter .Modal-TabContent--fixed {
  bottom: 0;
}
.Modal-Content--fixed.Modal-Content--tabs {
  top: 95px;
}
.Modal-Footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  padding: 10px 20px;
}
.Modal-Footer > * {
  float: right;
}
.Modal-Footer--absolute,
.Modal-Footer--fixed {
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #969DA6;
}
.Modal-Footer--absolute {
  position: absolute;
}
.Modal-Footer--fixed {
  position: fixed;
}
.Modal-Footer-left {
  float: none;
  overflow: hidden;
  padding-right: 20px;
  display: flex;
  gap: 20px;
}
.MultiChoiceDialog-Item {
  display: block;
  padding: 10px 20px;
  border-top: 1px solid #969DA6;
  text-align: center;
}
body .MultiChoiceDialog-Item,
body.hasHover .MultiChoiceDialog-Item {
  color: #000000;
}
body.hasHover .MultiChoiceDialog-Item:hover {
  color: #fa4d00;
}
.MultiChoiceDialog-Item--isFirst {
  border-top-width: 0px;
}

.TabBar .Grid .Grid-Col--isFirst .TabBar-Tab {
  border-left-width: 0px;
}
.TabBar .Grid .Grid-Col--isLast .TabBar-Tab {
  border-right-width: 0px;
}
.TabBar-Tab {
  display: block;
  line-height: 40px;
  height: 40px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  text-align: center;
}
body .TabBar-Tab,
body.hasHover .TabBar-Tab {
  color: #666666;
  background-color: #ffffff;
  border-bottom: 5px solid #d5d8e0;
}
body.hasHover .TabBar-Tab:hover {
  color: #000000;
  border-bottom-color: #fa4d00;
}
body .TabBar-Tab.active,
body.hasHover .TabBar-Tab.active {
  color: #ffffff;
  background-color: #fa4d00;
  border-bottom-color: #c73d00;
}
body.hasHover .TabBar-Tab.active:hover {
  color: #ffffff;
  background-color: #fa4d00;
  border-bottom-color: #c73d00;
}
body .TabBar--subtle .TabBar-Tab.active,
body.hasHover .TabBar--subtle .TabBar-Tab.active {
  color: #fa4d00;
  background-color: #ffffff;
  border-bottom-color: #fa4d00;
}
body.hasHover .TabBar--subtle .TabBar-Tab.active:hover {
  color: #fa4d00;
  background-color: #ffffff;
  border-bottom-color: #fa4d00;
}

.Grid {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.Grid-row {
  display: table-row;
}
.Grid-Col {
  display: table-cell;
  vertical-align: top;
}
.Grid-Col--vertical-top {
  vertical-align: top;
}
.Grid-Col--vertical-middle {
  vertical-align: middle;
}
.Grid-Col--vertical-bottom {
  vertical-align: bottom;
}
.Grid-Col--text-left {
  text-align: left;
}
.Grid-Col--text-center {
  text-align: center;
}
.Grid-Col--text-right {
  text-align: right;
}
.Grid-Col--ellipsize {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.Input-Text {
  position: relative;
}
.Input-Text > .Input-Text-input {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 5px;
}
body .Input-Text > .Input-Text-input,
body.hasHover .Input-Text > .Input-Text-input {
  background-color: #ffffff;
  border: 1px solid #ccc;
}
body.hasHover .Input-Text > .Input-Text-input:hover {
  border-color: #fa4d00;
}
body .Input-Text > .Input-Text-input:focus,
body.hasHover .Input-Text > .Input-Text-input:focus {
  border-color: #fa4d00;
}
body .Input-Text > .Input-Text-input:disabled,
body.hasHover .Input-Text > .Input-Text-input:disabled,
body .Input-Text > .Input-Text-input[disabled],
body.hasHover .Input-Text > .Input-Text-input[disabled] {
  background-color: #f2f2f2;
  border-color: #ccc;
}
.Input-Text.Input-Text--multiline > .Input-Text-input {
  resize: vertical;
  height: auto;
}
.Input-Text.Input-Text--monospace > .Input-Text-input {
  font-size: 14px;
  font-family: monospace;
}
.Input-Text.Input-Text--flatTL > .Input-Text-input {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
.Input-Text.Input-Text--flatTR > .Input-Text-input {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}
.Input-Text.Input-Text--flatBL > .Input-Text-input {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
.Input-Text.Input-Text--flatBR > .Input-Text-input {
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
body .Input-Text.Input-Text--noBorderTop > .Input-Text-input,
body.hasHover .Input-Text.Input-Text--noBorderTop > .Input-Text-input {
  border-top-color: transparent;
}
body.hasHover .Input-Text.Input-Text--noBorderTop > .Input-Text-input:hover {
  border-top-color: transparent;
}
body .Input-Text.Input-Text--noBorderTop > .Input-Text-input:focus,
body.hasHover .Input-Text.Input-Text--noBorderTop > .Input-Text-input:focus {
  border-top-color: transparent;
}
body .Input-Text.Input-Text--noBorderTop > .Input-Text-input:disabled,
body.hasHover .Input-Text.Input-Text--noBorderTop > .Input-Text-input:disabled,
body .Input-Text.Input-Text--noBorderTop > .Input-Text-input[disabled],
body.hasHover .Input-Text.Input-Text--noBorderTop > .Input-Text-input[disabled] {
  border-top-color: transparent;
}
body .Input-Text.Input-Text--noBorderRight > .Input-Text-input,
body.hasHover .Input-Text.Input-Text--noBorderRight > .Input-Text-input {
  border-right-color: transparent;
}
body.hasHover .Input-Text.Input-Text--noBorderRight > .Input-Text-input:hover {
  border-right-color: transparent;
}
body .Input-Text.Input-Text--noBorderRight > .Input-Text-input:focus,
body.hasHover .Input-Text.Input-Text--noBorderRight > .Input-Text-input:focus {
  border-right-color: transparent;
}
body .Input-Text.Input-Text--noBorderRight > .Input-Text-input:disabled,
body.hasHover .Input-Text.Input-Text--noBorderRight > .Input-Text-input:disabled,
body .Input-Text.Input-Text--noBorderRight > .Input-Text-input[disabled],
body.hasHover .Input-Text.Input-Text--noBorderRight > .Input-Text-input[disabled] {
  border-right-color: transparent;
}
body .Input-Text.Input-Text--noBorderBottom > .Input-Text-input,
body.hasHover .Input-Text.Input-Text--noBorderBottom > .Input-Text-input {
  border-bottom-color: transparent;
}
body.hasHover .Input-Text.Input-Text--noBorderBottom > .Input-Text-input:hover {
  border-bottom-color: transparent;
}
body .Input-Text.Input-Text--noBorderBottom > .Input-Text-input:focus,
body.hasHover .Input-Text.Input-Text--noBorderBottom > .Input-Text-input:focus {
  border-bottom-color: transparent;
}
body .Input-Text.Input-Text--noBorderBottom > .Input-Text-input:disabled,
body.hasHover .Input-Text.Input-Text--noBorderBottom > .Input-Text-input:disabled,
body .Input-Text.Input-Text--noBorderBottom > .Input-Text-input[disabled],
body.hasHover .Input-Text.Input-Text--noBorderBottom > .Input-Text-input[disabled] {
  border-bottom-color: transparent;
}
body .Input-Text.Input-Text--noBorderLeft > .Input-Text-input,
body.hasHover .Input-Text.Input-Text--noBorderLeft > .Input-Text-input {
  border-left-color: transparent;
}
body.hasHover .Input-Text.Input-Text--noBorderLeft > .Input-Text-input:hover {
  border-left-color: transparent;
}
body .Input-Text.Input-Text--noBorderLeft > .Input-Text-input:focus,
body.hasHover .Input-Text.Input-Text--noBorderLeft > .Input-Text-input:focus {
  border-left-color: transparent;
}
body .Input-Text.Input-Text--noBorderLeft > .Input-Text-input:disabled,
body.hasHover .Input-Text.Input-Text--noBorderLeft > .Input-Text-input:disabled,
body .Input-Text.Input-Text--noBorderLeft > .Input-Text-input[disabled],
body.hasHover .Input-Text.Input-Text--noBorderLeft > .Input-Text-input[disabled] {
  border-left-color: transparent;
}
.Input-Text.Input-Text--padLeftIcon > .Input-Text-input {
  padding-left: 30px;
}
.Input-Text.Input-Text--padLeftIcon > .Input-Text-leftIcon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 3px;
  left: 3px;
}
.Input-Text.Input-Text--padRightIcon > .Input-Text-input {
  padding-right: 30px;
}
.Input-Text.Input-Text--padRightIcon > .Input-Text-rightIcon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 3px;
  right: 3px;
}

.Input-Dropdown-DesktopContainer {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.Input-Dropdown-DesktopContainer.Input-Dropdown-DesktopContainer--filterable {
  padding-top: 10px;
}
.Input-Dropdown-DesktopContainer-filter {
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.Input-Dropdown-DesktopContainer-container {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.Input-Dropdown-DesktopContainer-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 2.5px;
  border-top: 1px solid #969DA6;
  display: -webkit-flex;
  display: flex;
}
.Input-Dropdown-DesktopContainer-footer-button {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 2.5px;
}
.Input-Dropdown-DesktopContainer-footer-attribution {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  margin-right: 0;
}

.MobileModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: #191717;
  background: rgba(25, 23, 23, 0.8);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  padding: 5px;
}
.MobileModal-header {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 5px;
  border-bottom: 1px solid #969DA6;
  background-color: #ffffff;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.MobileModal-header-titleBox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.MobileModal-header-titleBox-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 0 5px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
}
.MobileModal-header-titleBox-selectedTitle {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 0 5px;
  color: #fa4d00;
}
.MobileModal-header-accessory {
  margin: 5px 5px 0 5px;
}
.MobileModal-content {
  overflow: auto;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  background-color: #ffffff;
  position: relative;
}
.MobileModal-content.MobileModal-content--noHeader {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.MobileModal-content.MobileModal-content--heightFull {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.MobileModal-content.MobileModal-content--heightAspectRatio {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.MobileModal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 5px 5px 5px 0;
  border-top: 1px solid #969DA6;
  background-color: #ffffff;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  display: -webkit-flex;
  display: flex;
}
.MobileModal-footer > * {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  margin-left: 5px;
}

.Input-Dropdown-anchor {
  display: block;
  text-align: left;
  overflow: hidden;
  margin-right: 20px;
}
.Input-Dropdown-anchor-label {
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  padding-right: 5px;
  vertical-align: middle;
}
.Input-Dropdown-anchor-value {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: 20px;
  vertical-align: middle;
}
.Input-Dropdown-dropdown {
  width: 20px;
  text-align: right;
  float: right;
}
.Input-Dropdown-Label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
  border-right: 1px solid #969DA6;
  border-top: 1px solid #969DA6;
  border-left: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f4f5f7;
  color: #747980;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  text-align: center;
}

.Input-HermesDefinition {
  overflow: hidden;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ActionIcon {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 4px;
  border-radius: 5px;
}
body .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #FF4E00;
}
body .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #FF4E00;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #FF4E00;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #FF4E00;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--primary.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #FF4E00;
}
body .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #FF4E00;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #FF4E00;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #FF4E00;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--primary.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #6E7D91;
}
body .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--secondary.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #6E7D91;
}
body .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--secondary.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #F4F5F6;
}
body .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #F4F5F6;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #F4F5F6;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #F4F5F6;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--tertiary.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #F4F5F6;
}
body .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #F4F5F6;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #F4F5F6;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #F4F5F6;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--tertiary.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #2F353E;
}
body .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--cancel.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #2F353E;
}
body .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #2F353E;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--cancel.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #BEC3CA;
}
body .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #BEC3CA;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #BEC3CA;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #BEC3CA;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--neutral.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #ffffff;
}
body .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #ffffff;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #ffffff;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #ffffff;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--neutral.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #DD2229;
}
body .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #DD2229;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #DD2229;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #DD2229;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--delete.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #DD2229;
}
body .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #DD2229;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #DD2229;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #DD2229;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--delete.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #508CD9;
}
body .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #508CD9;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #508CD9;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #508CD9;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--edit.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #508CD9;
}
body .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #508CD9;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #508CD9;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #508CD9;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--edit.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #00A54D;
}
body .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #00A54D;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #00A54D;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #00A54D;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--save.ActionIcon--lightBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--save.ActionIcon--lightBackground.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #00A54D;
}
body .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #00A54D;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive {
  color: #00A54D;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #00A54D;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--save.ActionIcon--darkBackground.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--save.ActionIcon--darkBackground.ActionIcon--disabled {
  color: rgba(255, 255, 255, 0.8);
  cursor: not-allowed;
}
body .ActionIcon--close.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--close.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--close.ActionIcon--enabled.ActionIcon--forceActive {
  color: #BEC3CA;
}
body .ActionIcon--close.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #BEC3CA;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled.ActionIcon--forceActive {
  color: #BEC3CA;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #BEC3CA;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--close.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--close.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
body .ActionIcon--bookmark.ActionIcon--enabled {
  color: #6E7D91;
}
body .ActionIcon--bookmark.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled {
  color: #6E7D91;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled ~ none {
  color: #6E7D91;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled:hover {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled:hover ~ none {
  color: #2F353E;
  background-color: #D6D9DD;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled:active {
  background-color: #abaeb1;
  color: #2F353E;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled:active ~ none {
  background-color: #abaeb1;
  color: #2F353E;
}
body .ActionIcon--bookmark.ActionIcon--enabled.ActionIcon--forceActive {
  color: #fa4d00;
}
body .ActionIcon--bookmark.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #fa4d00;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled.ActionIcon--forceActive {
  color: #fa4d00;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled.ActionIcon--forceActive ~ none {
  color: #fa4d00;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled.ActionIcon--forceActive:active {
  top: 0;
}
body.hasHover .ActionIcon--bookmark.ActionIcon--enabled.ActionIcon--forceActive:active ~ none {
  top: 0;
}
.ActionIcon--bookmark.ActionIcon--disabled {
  color: #6E7D91;
  cursor: not-allowed;
}
.ActionIconGroup-action {
  display: inline-block;
}
.ActionIconGroup-action:not(:last-child) {
  padding-right: 8px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CheckIndicator {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: content-box;
}
.CheckIndicator--lightGrey {
  background-color: #D6D9DD;
}
.CheckIndicator--darkGrey {
  background-color: #BEC3CA;
}
.CheckIndicator--small {
  width: 10px;
  height: 10px;
  border-radius: 15px;
  padding: 5px;
}
.CheckIndicator--large {
  width: 20px;
  height: 20px;
  border-radius: 15px;
  padding: 5px;
}
.CheckIndicator--checked {
  background-color: #00A54D;
  color: #ffffff;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ErrorMessage {
  display: -webkit-flex;
  display: flex;
}
.ErrorMessage-icon {
  margin-right: 8px;
}
.ErrorMessage-content {
  margin-top: 2px;
}
.ErrorBoundary-header {
  margin-bottom: 4px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: 700;
}
.ErrorBoundary-footer {
  margin-top: 8px;
}
.ErrorBoundary-footer-timestamp {
  font-size: 12px;
}
.PermissionError {
  font-size: 19px;
  color: #6E7D91;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Shimmer {
  position: relative;
}
.Shimmer-sizeHintText {
  visibility: hidden;
}
.Shimmer-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Shimmer-container--lightGray {
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #F4F5F6;
  background-image: linear-gradient(to right, #F4F5F6 0%, #edeef1 20%, #F4F5F6 40%, #F4F5F6 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.Shimmer-container--darkGray {
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #D6D9DD;
  background-image: linear-gradient(to right, #D6D9DD 0%, #edeef1 20%, #D6D9DD 40%, #D6D9DD 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.Shimmer-container--newNav {
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: rgba(255, 255, 255, 0);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.Shimmer-container--newText {
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: rgba(47, 53, 62, 0);
  background-image: linear-gradient(to right, rgba(47, 53, 62, 0) 0%, rgba(47, 53, 62, 0.2) 20%, rgba(47, 53, 62, 0) 40%, rgba(47, 53, 62, 0) 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.Shimmer-container--tiny {
  width: 10%;
}
.Shimmer-container--short {
  width: 35%;
}
.Shimmer-container--medium {
  width: 60%;
}
.Shimmer-container--long {
  width: 85%;
}
.Shimmer-container--full {
  width: 100%;
}
.InputShimmer {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #D6D9DD;
  background-image: linear-gradient(to right, #D6D9DD 0%, #eceeef 20%, #D6D9DD 40%, #D6D9DD 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.InputShimmer--textInput {
  height: 40px;
}
.InputShimmer--textArea {
  height: 52px;
}
.InputShimmer--numberCounter {
  height: 60px;
}
.InputShimmer-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 2.5px;
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #F4F5F6;
  background-image: linear-gradient(to right, #F4F5F6 0%, #ffffff 20%, #F4F5F6 40%, #F4F5F6 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.ButtonShimmer--primary {
  background-color: #cc3e00;
  border-radius: 5px;
  position: relative;
}
.ButtonShimmer--primary .ButtonShimmer-inner {
  position: absolute;
  inset: 0px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #FF4E00;
  background-image: linear-gradient(to right, #FF4E00 0%, #ff6a29 20%, #FF4E00 40%, #FF4E00 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.ButtonShimmer--secondary {
  background-color: #586474;
  border-radius: 5px;
  position: relative;
}
.ButtonShimmer--secondary .ButtonShimmer-inner {
  position: absolute;
  inset: 0px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #6E7D91;
  background-image: linear-gradient(to right, #6E7D91 0%, #8592a3 20%, #6E7D91 40%, #6E7D91 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.ButtonShimmer--tertiary {
  background-color: #d8dcdf;
  border-radius: 5px;
  position: relative;
}
.ButtonShimmer--tertiary .ButtonShimmer-inner {
  position: absolute;
  inset: 0px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #F4F5F6;
  background-image: linear-gradient(to right, #F4F5F6 0%, #ffffff 20%, #F4F5F6 40%, #F4F5F6 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.ButtonShimmer--fixedHeight {
  height: 40px;
}
.ButtonShimmer--heightbyParent {
  height: 100%;
}
.ThumbnailShimmer {
  width: 177px;
  height: 177px;
  margin: 4px;
  border-radius: 5px;
  background-color: #d8dcdf;
}
.ThumbnailShimmer-inner {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 800px 200px;
  -webkit-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  -moz-animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  animation: shimmerAnimation 3s linear 0ms infinite normal forwards;
  background-color: #F4F5F6;
  background-image: linear-gradient(to right, #F4F5F6 0%, #ffffff 20%, #F4F5F6 40%, #F4F5F6 100%);
}
@keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
@-webkit-keyframes shimmerAnimation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 2000px 0;
  }
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CheckIndicatorSquare {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  color: #ffffff;
}
.CheckIndicatorSquare--medium {
  height: 30px;
  width: 30px;
}
.CheckIndicatorSquare--smallMedium {
  height: 22px;
  width: 22px;
}
.CheckIndicatorSquare--small {
  height: 20px;
  width: 20px;
}
.CheckIndicatorSquare--greyBackground {
  background-color: #DCE3EA;
}
.CheckIndicatorSquare--whiteBackground {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
.CheckIndicatorSquare--primary.CheckIndicatorSquare--checked {
  background-color: #fa4d00;
  border-color: transparent;
}
.CheckIndicatorSquare--moisture.CheckIndicatorSquare--checked {
  background-color: #407dfe;
  border-color: transparent;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Spinner {
  position: relative;
}
.Spinner-sizeHint {
  visibility: hidden;
}
.Spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Spinner-container-spinner-svg {
  animation: rotate 1s linear infinite;
  transform-origin: center center;
}
.Spinner-container-spinner-svg-path {
  stroke-dasharray: 60, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}
.Spinner--dark .Spinner-container-spinner-svg-path {
  stroke: #6E7D91;
}
.Spinner--light .Spinner-container-spinner-svg-path {
  stroke: #ffffff;
}
.Spinner--white .Spinner-container-spinner-svg-path {
  stroke: #ffffff;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CheckButtonInput {
  border-radius: 5px;
  line-height: 19.2px;
  white-space: nowrap;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.CheckButtonInput--new {
  padding: 4px 8px;
  height: auto;
}
.CheckButtonInput--old {
  padding: 0 16px;
  height: auto;
}
.CheckButtonInput--enabled {
  cursor: pointer;
}
.CheckButtonInput--enabled.CheckButtonInput--new {
  color: #2F353E;
}
body .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--normalBackground {
  background-color: #F4F5F6;
}
body .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--normalBackground ~ none {
  background-color: #F4F5F6;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--normalBackground {
  background-color: #F4F5F6;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--normalBackground ~ none {
  background-color: #F4F5F6;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--normalBackground:hover {
  background-color: #D6D9DD;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--normalBackground:hover ~ none {
  background-color: #D6D9DD;
}
body .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--shadedBackground {
  background-color: #ffffff;
}
body .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--shadedBackground ~ none {
  background-color: #ffffff;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--shadedBackground {
  background-color: #ffffff;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--shadedBackground ~ none {
  background-color: #ffffff;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--shadedBackground:hover {
  background-color: #fafafb;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--new.CheckButtonInput--shadedBackground:hover ~ none {
  background-color: #fafafb;
}
.CheckButtonInput--enabled.CheckButtonInput--old {
  color: #6E7D91;
}
body .CheckButtonInput--enabled.CheckButtonInput--old {
  background-color: #F4F5F6;
}
body .CheckButtonInput--enabled.CheckButtonInput--old ~ none {
  background-color: #F4F5F6;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--old {
  background-color: #F4F5F6;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--old ~ none {
  background-color: #F4F5F6;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--old:hover {
  background-color: #cfd0d1;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--old:hover ~ none {
  background-color: #cfd0d1;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--old:active {
  background-color: #c3c4c5;
}
body.hasHover .CheckButtonInput--enabled.CheckButtonInput--old:active ~ none {
  background-color: #c3c4c5;
}
.CheckButtonInput--unchecked.CheckButtonInput--new {
  border: 1px solid transparent;
}
.CheckButtonInput--checked.CheckButtonInput--new {
  border: 1px solid #fa4d00;
}
.CheckButtonInput--disabled {
  cursor: default;
  color: #D6D9DD;
  background-color: #fcfcfc;
}
.CheckButtonInput-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  text-align: right;
  white-space: normal;
  flex-wrap: wrap;
  padding: 4px;
}
.CheckButtonInput-check {
  display: inline-block;
  width: auto;
}
.CheckButtonInput-check--old {
  padding-left: 4px;
}
.CheckButtonInput-check--new {
  padding-right: 4px;
}
.CheckButtonInput-spinner {
  height: 22px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.InputProviderItem {
  display: block;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  cursor: pointer;
  min-height: 20px;
  padding: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #2F353E;
  text-align: left;
  border-top: 1px solid #D6D9DD;
}
.InputProviderItem:first-child {
  border-top-width: 0px;
}
.InputProviderItem--default.InputProviderItem--isActive {
  color: #2F353E;
  background-color: #F4F5F6;
}
.InputProviderItem--mitigation.InputProviderItem--isActive {
  color: #2F353E;
  background-color: rgba(0, 173, 153, 0.05);
}
.InputProviderItem--contents.InputProviderItem--isActive {
  color: #2F353E;
  background-color: rgba(250, 77, 0, 0.05);
}
.InputProviderItem--rebuild.InputProviderItem--isActive {
  color: #2F353E;
  background-color: rgba(51, 51, 51, 0.05);
}
.InputProviderItem--moisture.InputProviderItem--isActive {
  color: #2F353E;
  background-color: rgba(64, 125, 254, 0.05);
}
.InputProviderItem--jobRoles {
  border-left: 1px solid #D6D9DD;
  border-right: 1px solid #D6D9DD;
  border-top: 1px solid rgba(110, 125, 145, 0.4);
  color: #2F353E;
}
.InputProviderItem--jobRoles.InputProviderItem--isActive {
  color: #2F353E;
  background-color: #F4F5F6;
}
.InputProviderItem--action.InputProviderItem--isActive {
  color: #2F353E;
  background-color: rgba(47, 53, 62, 0.05);
}
.InputProviderItem--selectedStyle {
  color: #2F353E;
}
.InputProviderItem--selectedStyle.InputProviderItem--isActive {
  color: #2F353E;
  background-color: #F4F5F6;
}
.InputProviderItem--selectedStyle.InputProviderItem--moisture.InputProviderItem--isSelected {
  color: #2F353E;
  background-color: #F4F5F6;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.InputProviderItem--selectedStyle.InputProviderItem--default.InputProviderItem--isSelected {
  color: #2F353E;
  background-color: #F4F5F6;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.InputProviderIconItem .SVGIcon {
  padding-right: 4px;
}
.InputProviderActionIconItem {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.InputProviderCheckItem {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.InputProviderCheckItem-icon {
  padding-left: 16px;
}
.InputProviderTitle {
  display: block;
  line-height: 1.25;
  padding: 5.25px 8px;
  border-top: 1px solid #D6D9DD;
  border-bottom: 1px solid #D6D9DD;
  background-color: #F4F5F6;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: 700;
  color: #6E7D91;
}
.InputProviderIconCheckboxItem {
  cursor: pointer;
  padding: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.InputProviderIconCheckboxItem-content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 8px;
}
.InputProviderIconCheckboxItem-control {
  padding-right: 4px;
}
.InputProviderIconCheckboxItem-icon {
  padding-right: 16px;
}
body .InputProviderIconCheckboxItem {
  background-color: #ffffff;
}
body .InputProviderIconCheckboxItem ~ none {
  background-color: #ffffff;
}
body.hasHover .InputProviderIconCheckboxItem {
  background-color: #ffffff;
}
body.hasHover .InputProviderIconCheckboxItem ~ none {
  background-color: #ffffff;
}
body.hasHover .InputProviderIconCheckboxItem:hover {
  background-color: #f2f2f2;
}
body.hasHover .InputProviderIconCheckboxItem:hover ~ none {
  background-color: #f2f2f2;
}
body.hasHover .InputProviderIconCheckboxItem:active {
  background-color: #e6e6e6;
}
body.hasHover .InputProviderIconCheckboxItem:active ~ none {
  background-color: #e6e6e6;
}
body .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active {
  background-color: #3fff99;
}
body .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active ~ none {
  background-color: #3fff99;
}
body.hasHover .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active {
  background-color: #3fff99;
}
body.hasHover .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active ~ none {
  background-color: #3fff99;
}
body.hasHover .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active:hover {
  background-color: #25ff8b;
}
body.hasHover .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active:hover ~ none {
  background-color: #25ff8b;
}
body.hasHover .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active:active {
  background-color: #0cff7d;
}
body.hasHover .InputProviderIconCheckboxItem.InputProviderIconCheckboxItem--active:active ~ none {
  background-color: #0cff7d;
}

.OldWebAppIconButton--size_small {
  width: 30px;
  height: 30px;
}
.OldWebAppIconButton--size_normal {
  width: 40px;
  height: 40px;
}

.OldWebAppTooltip {
  padding: 5px 10px;
  line-height: 20px;
  font-size: 14px;
  background-color: #000000;
  color: #ffffff;
  position: relative;
  z-index: 400;
  white-space: nowrap;
}
.OldWebAppTooltip-center {
  position: absolute;
  display: inline-block;
  transform: translate(50%, 0);
  right: 50%;
}
.OldWebAppTooltip-arrow--below {
  position: absolute;
  top: -6px;
  right: 14px;
  width: 0;
  height: 0;
  border-bottom: 6px solid #000000;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.OldWebAppTooltip-arrow--above {
  position: absolute;
  bottom: -6px;
  right: 14px;
  width: 0;
  height: 0;
  border-top: 6px solid #000000;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.Input-HermesDefinition-BoxContainer {
  margin: 20px;
  border: 1px solid #969DA6;
  background-color: #ffffff;
}
.Input-HermesDefinition-BoxContainer-title {
  background-color: #f4f5f7;
  color: #000000;
  font-size: 14px;
  line-height: 30px;
  border-bottom: 1px solid #969DA6;
  padding-left: 10px;
}
.Input-HermesDefinition-BoxContainer-title-actionBar {
  float: right;
}
.Input-HermesDefinition-BoxContainer-title-actionBar-action {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
}
body .Input-HermesDefinition-BoxContainer-title-actionBar-action,
body.hasHover .Input-HermesDefinition-BoxContainer-title-actionBar-action {
  color: #000000;
}
body.hasHover .Input-HermesDefinition-BoxContainer-title-actionBar-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesDefinition-BoxContainer-title-actionBar-action:active {
  color: #c73d00;
}
.Input-HermesDefinition-LabelContainer {
  margin-top: 10px;
}
.Input-HermesDefinition-LabelContainer-title {
  display: inline-block;
  font-size: 14px;
  background-color: #969DA6;
  color: #ffffff;
  clear: both;
}
.Input-HermesDefinition-LabelContainer-title-content {
  padding: 0 10px;
  line-height: 30px;
}
.Input-HermesDefinition-LabelContainer-title-actionBar {
  float: right;
  margin-left: -5px;
}
.Input-HermesDefinition-LabelContainer-title-actionBar-action {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}
body .Input-HermesDefinition-LabelContainer-title-actionBar-action,
body.hasHover .Input-HermesDefinition-LabelContainer-title-actionBar-action {
  background-color: #969DA6;
}
body.hasHover .Input-HermesDefinition-LabelContainer-title-actionBar-action:hover {
  background-color: #fa4d00;
}
body.hasHover .Input-HermesDefinition-LabelContainer-title-actionBar-action:active {
  background-color: #c73d00;
}
.Input-HermesDefinition-LabelContainer-content {
  margin: 10px;
}

.InputLayout-FieldSet--noMarginTop > .InputLayout-Field:first-child {
  margin-top: 0;
}
.InputLayout-Field {
  margin-top: 20px;
}
.InputLayout-Field-label {
  margin-bottom: 5px;
}
.InputLayout-FieldPlaceholder {
  font-style: italic;
  text-align: center;
}
.InputLayout-Separator {
  margin: 20px 0;
  height: 1px;
  background-color: #000000;
}
.InputLayout-Field-marker {
  margin-left: 5px;
  font-size: 14px;
}
.InputLayout-Field-marker--error {
  color: #f55656;
}
.InputLayout-Form {
  position: relative;
}
.InputLayout-Form-submit {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.Input-Password {
  position: relative;
}
.Input-Password-input {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 5px;
}
body .Input-Password-input,
body.hasHover .Input-Password-input {
  background-color: #ffffff;
  border: 1px solid #ccc;
}
body.hasHover .Input-Password-input:hover {
  border-color: #fa4d00;
}
body .Input-Password-input:focus,
body.hasHover .Input-Password-input:focus {
  border-color: #fa4d00;
}
body .Input-Password-input:disabled,
body.hasHover .Input-Password-input:disabled,
body .Input-Password-input[disabled],
body.hasHover .Input-Password-input[disabled] {
  background-color: #f2f2f2;
  border-color: #ccc;
}
.Input-Password-input.Input-Password-input--flatTL {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
.Input-Password-input.Input-Password-input--flatTR {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}
.Input-Password-input.Input-Password-input--flatBL {
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}
.Input-Password-input.Input-Password-input--flatBR {
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
body .Input-Password-input.Input-Password-input--noBorderTop,
body.hasHover .Input-Password-input.Input-Password-input--noBorderTop {
  border-top-color: transparent;
}
body.hasHover .Input-Password-input.Input-Password-input--noBorderTop:hover {
  border-top-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderTop:focus,
body.hasHover .Input-Password-input.Input-Password-input--noBorderTop:focus {
  border-top-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderTop:disabled,
body.hasHover .Input-Password-input.Input-Password-input--noBorderTop:disabled,
body .Input-Password-input.Input-Password-input--noBorderTop[disabled],
body.hasHover .Input-Password-input.Input-Password-input--noBorderTop[disabled] {
  border-top-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderRight,
body.hasHover .Input-Password-input.Input-Password-input--noBorderRight {
  border-right-color: transparent;
}
body.hasHover .Input-Password-input.Input-Password-input--noBorderRight:hover {
  border-right-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderRight:focus,
body.hasHover .Input-Password-input.Input-Password-input--noBorderRight:focus {
  border-right-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderRight:disabled,
body.hasHover .Input-Password-input.Input-Password-input--noBorderRight:disabled,
body .Input-Password-input.Input-Password-input--noBorderRight[disabled],
body.hasHover .Input-Password-input.Input-Password-input--noBorderRight[disabled] {
  border-right-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderBottom,
body.hasHover .Input-Password-input.Input-Password-input--noBorderBottom {
  border-bottom-color: transparent;
}
body.hasHover .Input-Password-input.Input-Password-input--noBorderBottom:hover {
  border-bottom-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderBottom:focus,
body.hasHover .Input-Password-input.Input-Password-input--noBorderBottom:focus {
  border-bottom-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderBottom:disabled,
body.hasHover .Input-Password-input.Input-Password-input--noBorderBottom:disabled,
body .Input-Password-input.Input-Password-input--noBorderBottom[disabled],
body.hasHover .Input-Password-input.Input-Password-input--noBorderBottom[disabled] {
  border-bottom-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderLeft,
body.hasHover .Input-Password-input.Input-Password-input--noBorderLeft {
  border-left-color: transparent;
}
body.hasHover .Input-Password-input.Input-Password-input--noBorderLeft:hover {
  border-left-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderLeft:focus,
body.hasHover .Input-Password-input.Input-Password-input--noBorderLeft:focus {
  border-left-color: transparent;
}
body .Input-Password-input.Input-Password-input--noBorderLeft:disabled,
body.hasHover .Input-Password-input.Input-Password-input--noBorderLeft:disabled,
body .Input-Password-input.Input-Password-input--noBorderLeft[disabled],
body.hasHover .Input-Password-input.Input-Password-input--noBorderLeft[disabled] {
  border-left-color: transparent;
}
.Input-Password-strengthBar {
  box-sizing: border-box;
  height: 2px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  transition: width 300ms ease-out;
  width: 0;
}
.Input-Password-strengthBar.Input-Password-strengthBar--0 {
  background: #f55656;
  width: 20%;
}
.Input-Password-strengthBar.Input-Password-strengthBar--1 {
  background: #f55656;
  width: 40%;
}
.Input-Password-strengthBar.Input-Password-strengthBar--2 {
  background: #479dff;
  width: 60%;
}
.Input-Password-strengthBar.Input-Password-strengthBar--3 {
  background: #32e37f;
  width: 80%;
}
.Input-Password-strengthBar.Input-Password-strengthBar--4 {
  background: #32e37f;
  width: 100%;
}
.Input-Password-strengthDesc {
  color: transparent;
  position: absolute;
  top: 5px;
  right: 5px;
}
.Input-Password-strengthDesc.Input-Password-strengthDesc--0 {
  color: #f55656;
}
.Input-Password-strengthDesc.Input-Password-strengthDesc--1 {
  color: #f55656;
}
.Input-Password-strengthDesc.Input-Password-strengthDesc--2 {
  color: #479dff;
}
.Input-Password-strengthDesc.Input-Password-strengthDesc--3 {
  color: #32e37f;
}
.Input-Password-strengthDesc.Input-Password-strengthDesc--4 {
  color: #32e37f;
}
.Input-Password.Input-Password--isEmpty .Input-Password-strengthDesc {
  visibility: hidden;
}

.Input-PhoneNumber {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 5px;
}
body .Input-PhoneNumber,
body.hasHover .Input-PhoneNumber {
  background-color: #ffffff;
  border: 1px solid #ccc;
}
body.hasHover .Input-PhoneNumber:hover {
  border-color: #fa4d00;
}
body .Input-PhoneNumber:focus,
body.hasHover .Input-PhoneNumber:focus {
  border-color: #fa4d00;
}
body .Input-PhoneNumber:disabled,
body.hasHover .Input-PhoneNumber:disabled,
body .Input-PhoneNumber[disabled],
body.hasHover .Input-PhoneNumber[disabled] {
  background-color: #f2f2f2;
  border-color: #ccc;
}

.Dropdown {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
}
.Dropdown-Title {
  display: block;
  padding: 20px 10px 0 10px;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  text-align: center;
}
.Dropdown-Title.Dropdown-Title--isFirst {
  padding-top: 10px;
}
.Dropdown-Item {
  display: block;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.25;
  cursor: pointer;
  min-height: 20px;
  color: #000000;
  text-align: left;
}
.Dropdown-Item.Dropdown-Item--isActive {
  background-color: #fa4d00;
  color: #ffffff;
}
body.hasHover .Dropdown-Item.Dropdown-Item--hover:hover {
  background-color: #fa4d00;
  color: #ffffff;
}
.Dropdown-Item.Dropdown-Item--disabled {
  color: #969DA6;
  cursor: not-allowed;
}
.Dropdown-Item.Dropdown-Item--placeholder {
  font-style: italic;
}
.Dropdown-Item-Upload input {
  z-index: 1;
}
.Dropdown-Separator {
  margin: 5px 0;
  height: 1px;
  background-color: #969DA6;
}

.Input-UploadOrganizationLogo-action {
  font-size: 22px;
  white-space: nowrap;
  margin-left: 2px;
  margin-right: 2px;
}
.Input-UploadOrganizationLogo-right-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.Input-UploadOrganizationLogo-left-container {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
}
.Input-UploadOrganizationLogo-image-container {
  display: inline-block;
  width: 200px;
  height: 45px;
  position: relative;
}
.Input-UploadOrganizationLogo-image {
  max-width: 200px;
  max-height: 45px;
  width: auto;
  height: auto;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
}
.Input-UploadOrganizationLogo-upload-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: stretch;
  justify-content: stretch;
  -webkit-align-items: center;
  align-items: center;
  line-height: 0px;
  height: 50px;
  padding: 0 5px;
  border: 1px solid #d5d8e0;
  border-radius: 5px;
}
.Input-UploadOrganizationLogo-progress {
  margin-left: 2px;
  margin-right: 2px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.Input-UploadOrganizationLogo-error {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  white-space: nowrap;
  font-size: 22px;
  color: #f55656;
  margin: 10px;
  text-overflow: ellipsis;
}

.Progress {
  height: 40px;
  line-height: 40px;
  position: relative;
}
.Progress--small {
  height: 30px;
  line-height: 30px;
}
.Progress-back,
.Progress-front {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px;
  white-space: nowrap;
}
.Progress-back {
  border: 1px solid #ccc;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.Progress-front {
  background-color: #fa4d00;
  color: #ffffff;
  overflow: hidden;
}

.Input-MultiToggle-separator {
  margin-top: 5px;
}

.Input-Number-decor {
  background-color: #f4f5f7;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.Input-Number-prefix {
  border-right-width: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
.Input-Number-suffix {
  border-left-width: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}

.Input-Date-Row {
  display: -webkit-flex;
  display: flex;
  margin-left: -5px;
}
.Input-Date-Row-month {
  margin-left: 5px;
  -webkit-flex-grow: 4;
  flex-grow: 4;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 8em;
  flex-basis: 8em;
}
.Input-Date-Row-day {
  margin-left: 5px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 3em;
  flex-basis: 3em;
}
.Input-Date-Row-year {
  margin-left: 5px;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 4em;
  flex-basis: 4em;
}
.Input-Date-DesktopContainer {
  border: solid 1px #f4f5f7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  margin-top: 5px;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}
.Input-Date-Picker {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.Input-Date-Picker--desktop {
  min-width: 264px;
}
.Input-Date-Picker--desktop .Input-Date-Picker-Pager {
  display: -webkit-flex;
  display: flex;
  padding: 5px;
  border-bottom: 1px solid #969DA6;
}
.Input-Date-Picker--desktop .Input-Date-Picker-Pager-arrow {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
body .Input-Date-Picker--desktop .Input-Date-Picker-Pager-arrow,
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-Pager-arrow {
  cursor: pointer;
  background-color: #e4e7ed;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-Pager-arrow:hover {
  background-color: #d5d9e3;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-Pager-arrow:active {
  background-color: #c5ccd9;
}
.Input-Date-Picker--desktop .Input-Date-Picker-Pager-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 5px;
  margin: 0 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: normal;
}
.Input-Date-Picker--desktop .Input-Date-Picker-Pager-title--clickable {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
body .Input-Date-Picker--desktop .Input-Date-Picker-Pager-title--clickable,
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-Pager-title--clickable {
  cursor: pointer;
  background-color: #e4e7ed;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-Pager-title--clickable:hover {
  background-color: #d5d9e3;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-Pager-title--clickable:active {
  background-color: #c5ccd9;
}
.Input-Date-Picker--desktop .Input-Date-Picker-monthGrid {
  width: 259px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2.5px;
}
.Input-Date-Picker--desktop .Input-Date-Picker-monthGrid-month {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 59.75px;
  height: 59.75px;
  margin: 2.5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: normal;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
body .Input-Date-Picker--desktop .Input-Date-Picker-monthGrid-month,
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-monthGrid-month {
  cursor: pointer;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-monthGrid-month:hover {
  background-color: #e4e7ed;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-monthGrid-month:active {
  background-color: #c5ccd9;
}
.Input-Date-Picker--desktop .Input-Date-Picker-dayGrid {
  width: 259px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2.5px;
}
.Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-spacer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 32px;
  height: 32px;
  margin: 2.5px;
}
.Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 32px;
  height: 32px;
  margin: 2.5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: normal;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
body .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day,
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day {
  cursor: pointer;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day:hover {
  background-color: #e4e7ed;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day:active {
  background-color: #c5ccd9;
}
.Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day--highlight {
  cursor: default;
}
body .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day--highlight,
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day--highlight {
  background-color: #fa4d00;
  color: #ffffff;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day--highlight:hover {
  background-color: #fa4d00;
  color: #ffffff;
}
body.hasHover .Input-Date-Picker--desktop .Input-Date-Picker-dayGrid-day--highlight:active {
  background-color: #fa4d00;
  color: #ffffff;
}
@media (max-width: 400px) {
  .Input-Date-Picker--mobile {
    min-width: 306px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager {
    display: -webkit-flex;
    display: flex;
    padding: 5px;
    border-bottom: 1px solid #969DA6;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow {
    cursor: pointer;
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow:hover {
    background-color: #d5d9e3;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    padding: 5px;
    margin: 0 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable {
    cursor: pointer;
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable:hover {
    background-color: #d5d9e3;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid {
    width: 301px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 70.25px;
    height: 70.25px;
    margin: 2.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month {
    cursor: pointer;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month:hover {
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid {
    width: 301px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-spacer {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 38px;
    height: 38px;
    margin: 2.5px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 38px;
    height: 38px;
    margin: 2.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day {
    cursor: pointer;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day:hover {
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight {
    cursor: default;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight {
    background-color: #fa4d00;
    color: #ffffff;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight:hover {
    background-color: #fa4d00;
    color: #ffffff;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight:active {
    background-color: #fa4d00;
    color: #ffffff;
  }
}
@media (min-width: 401px) {
  .Input-Date-Picker--mobile {
    min-width: 376px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager {
    display: -webkit-flex;
    display: flex;
    padding: 5px;
    border-bottom: 1px solid #969DA6;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow {
    cursor: pointer;
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow:hover {
    background-color: #d5d9e3;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-arrow:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    padding: 5px;
    margin: 0 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable {
    cursor: pointer;
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable:hover {
    background-color: #d5d9e3;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-Pager-title--clickable:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid {
    width: 371px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 87.75px;
    height: 87.75px;
    margin: 2.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month {
    cursor: pointer;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month:hover {
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-monthGrid-month:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid {
    width: 371px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2.5px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-spacer {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 48px;
    height: 48px;
    margin: 2.5px;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 48px;
    height: 48px;
    margin: 2.5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Roboto-Regular', sans-serif;
    font-weight: normal;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day {
    cursor: pointer;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day:hover {
    background-color: #e4e7ed;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day:active {
    background-color: #c5ccd9;
  }
  .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight {
    cursor: default;
  }
  body .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight,
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight {
    background-color: #fa4d00;
    color: #ffffff;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight:hover {
    background-color: #fa4d00;
    color: #ffffff;
  }
  body.hasHover .Input-Date-Picker--mobile .Input-Date-Picker-dayGrid-day--highlight:active {
    background-color: #fa4d00;
    color: #ffffff;
  }
}

.Input-Length-feetInput {
  width: 48%;
  display: inline-block;
  margin-right: 4%;
}
.Input-Length-inchesInput {
  width: 48%;
  display: inline-block;
}

.Input-Tag-tagContainer {
  margin-left: -10px;
  padding-bottom: 120px;
}
.Input-Tag-tag {
  margin-top: 10px;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}
.Input-Tag-tag > * {
  display: inline-block;
  vertical-align: top;
}
.Input-Tag-tag-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-top: 1px solid #969DA6;
  border-left: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
}

.Input-Radio-option {
  *zoom: 1;
  margin-top: 10px;
  cursor: pointer;
}
.Input-Radio-option:before,
.Input-Radio-option:after {
  display: table;
  content: "";
  line-height: 0;
}
.Input-Radio-option:after {
  clear: both;
}
.Input-Radio-option.Input-Radio-option--isFirst {
  margin-top: 0;
}
.Input-Radio-button {
  float: left;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: relative;
}
body .Input-Radio-button,
body.hasHover .Input-Radio-button {
  background-color: #f4f5f7;
}
body.hasHover .Input-Radio-button:hover {
  background-color: #e5e8ec;
}
body.hasHover .Input-Radio-button:active {
  background-color: #d6dae2;
}
body.hasHover .Input-Radio-button:active:after {
  border-top-width: 3px;
  border-bottom-width: 1px;
}
.Input-Radio-button:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border-top: 1px solid #969DA6;
  border-left: 1px solid #969DA6;
  border-right: 1px solid #969DA6;
  border-bottom: 3px solid #969DA6;
}
body .Input-Radio-button.Input-Radio-button--checked,
body.hasHover .Input-Radio-button.Input-Radio-button--checked {
  background-color: #d6dae2;
}
body .Input-Radio-button.Input-Radio-button--checked:after,
body.hasHover .Input-Radio-button.Input-Radio-button--checked:after {
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .Input-Radio-button.Input-Radio-button--checked:hover {
  background-color: #d6dae2;
}
body.hasHover .Input-Radio-button.Input-Radio-button--checked:hover:after {
  border-top-width: 3px;
  border-bottom-width: 1px;
}
body.hasHover .Input-Radio-button.Input-Radio-button--checked:active {
  background-color: #d6dae2;
}
body.hasHover .Input-Radio-button.Input-Radio-button--checked:active:after {
  border-top-width: 3px;
  border-bottom-width: 1px;
}
.Input-Radio-button.Input-Radio-button--checked:before {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #000000;
}
.Input-Radio-text {
  padding: 5px 10px;
}

.Input-ProductSelector {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
}
.Input-ProductSelector-card {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 300px;
  width: 170px;
  margin: 5px;
  outline: 2px solid #d5d8e0;
  padding: 5px;
}
.Input-ProductSelector-card-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 50px;
}
.Input-ProductSelector-card-header-title {
  font-size: 20px;
  font-weight: bolder;
  width: 120px;
}
.Input-ProductSelector-card-header-check {
  margin: 5px;
}
.Input-ProductSelector-card-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 250px;
}
.Input-ProductSelector-card-body-main {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.Input-ProductSelector-card-body-main-list {
  color: #666666;
  width: auto;
  font-size: 14px;
  text-align: left;
  list-style-type: disc;
  margin: 20px;
}
.Input-ProductSelector-card-body-footer {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 50px;
  font-size: 14px;
  text-align: center;
  color: #fa4d00;
}
.Input-ProductSelector-card.Input-ProductSelector-card--checked {
  outline: 3px solid #fa4d00;
}
body .Input-ProductSelector-card,
body.hasHover .Input-ProductSelector-card {
  background-color: #ffffff;
}
body.hasHover .Input-ProductSelector-card:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-ProductSelector-card:active {
  background-color: #e6e6e6;
}

.CheckToggle {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #969DA6;
  background-color: #969DA6;
}
.CheckToggle--checked {
  color: #ffffff;
  background-color: #32e37f;
}
.CheckToggle--small {
  width: 28px;
  height: 28px;
}

.PaddingWrapper--top.PaddingWrapper--small {
  padding-top: 5px;
}
.PaddingWrapper--top.PaddingWrapper--medium {
  padding-top: 10px;
}
.PaddingWrapper--top.PaddingWrapper--large {
  padding-top: 20px;
}
.PaddingWrapper--right.PaddingWrapper--small {
  padding-right: 5px;
}
.PaddingWrapper--right.PaddingWrapper--medium {
  padding-right: 10px;
}
.PaddingWrapper--right.PaddingWrapper--large {
  padding-right: 20px;
}
.PaddingWrapper--bottom.PaddingWrapper--small {
  padding-bottom: 5px;
}
.PaddingWrapper--bottom.PaddingWrapper--medium {
  padding-bottom: 10px;
}
.PaddingWrapper--bottom.PaddingWrapper--large {
  padding-bottom: 20px;
}
.PaddingWrapper--left.PaddingWrapper--small {
  padding-left: 5px;
}
.PaddingWrapper--left.PaddingWrapper--medium {
  padding-left: 10px;
}
.PaddingWrapper--left.PaddingWrapper--large {
  padding-left: 20px;
}

.ContextMenu {
  position: absolute;
  z-index: 301;
  white-space: nowrap;
  font-style: normal;
}
.ContextMenu-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
}

.Input-HermesDefinition-AddMenu {
  margin: 20px;
  height: 12px;
  position: relative;
  cursor: pointer;
}
body .Input-HermesDefinition-AddMenu .Input-HermesDefinition-AddMenu-rule,
body.hasHover .Input-HermesDefinition-AddMenu .Input-HermesDefinition-AddMenu-rule {
  background-color: #ffffff;
}
body .Input-HermesDefinition-AddMenu .Input-HermesDefinition-AddMenu-fg,
body.hasHover .Input-HermesDefinition-AddMenu .Input-HermesDefinition-AddMenu-fg {
  background-color: #ffffff;
}
body.hasHover .Input-HermesDefinition-AddMenu:hover .Input-HermesDefinition-AddMenu-rule {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesDefinition-AddMenu:hover .Input-HermesDefinition-AddMenu-fg {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesDefinition-AddMenu:active .Input-HermesDefinition-AddMenu-rule {
  background-color: #e6e6e6;
}
body.hasHover .Input-HermesDefinition-AddMenu:active .Input-HermesDefinition-AddMenu-fg {
  background-color: #e6e6e6;
}
.Input-HermesDefinition-AddMenu-bg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -11px;
  border: 1px solid #969DA6;
}
.Input-HermesDefinition-AddMenu-rule {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #969DA6;
}
.Input-HermesDefinition-AddMenu-fg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  text-align: center;
  line-height: 20px;
}

.Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput--empty {
  text-align: center;
  font-style: italic;
}
.Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item {
  border: 1px solid #969DA6;
}
.Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-actionBar {
  float: right;
}
.Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-actionBar-action {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
}
body .Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-actionBar-action,
body.hasHover .Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-actionBar-action {
  color: #000000;
}
body.hasHover .Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-actionBar-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-actionBar-action:active {
  color: #c73d00;
}
.Input-HermesDefinition-FieldPreview-AutoTable-FieldListEditor-OptionInput-item-text {
  padding: 5px;
  min-height: 20px;
}

.Input-HermesDefinition-MarkupRenderer-block {
  margin-top: 10px;
}
.Input-HermesDefinition-MarkupRenderer-block:first-child {
  margin-top: 0;
}
.Input-HermesDefinition-MarkupRenderer-block--alignleft {
  text-align: left;
}
.Input-HermesDefinition-MarkupRenderer-block--aligncenter {
  text-align: center;
}
.Input-HermesDefinition-MarkupRenderer-block--alignright {
  text-align: right;
}

/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
.Input-HermesDefinition-MarkupEditor {
  border: 1px solid #969DA6;
}
.Input-HermesDefinition-MarkupEditor-toolbar {
  background-color: #f4f5f7;
  position: relative;
  height: 30px;
}
.Input-HermesDefinition-MarkupEditor-toolbar-align {
  position: absolute;
  top: 0;
  left: 0;
}
.Input-HermesDefinition-MarkupEditor-toolbar-align > * {
  vertical-align: top;
}
.Input-HermesDefinition-MarkupEditor-toolbar-inline {
  position: absolute;
  top: 0;
  right: 0;
}
.Input-HermesDefinition-MarkupEditor-toolbar-inline > * {
  vertical-align: top;
  display: inline-block;
}
.Input-HermesDefinition-MarkupEditor-editor {
  border-top: 1px solid #969DA6;
}
.Input-HermesDefinition-MarkupEditor-editor .public-DraftStyleDefault-block {
  margin: 10px;
}
.Input-HermesDefinition-MarkupEditor-editor .Input-HermesDefinition-block--alignleft .public-DraftStyleDefault-block {
  text-align: left;
}
.Input-HermesDefinition-MarkupEditor-editor .Input-HermesDefinition-block--aligncenter .public-DraftStyleDefault-block {
  text-align: center;
}
.Input-HermesDefinition-MarkupEditor-editor .Input-HermesDefinition-block--alignright .public-DraftStyleDefault-block {
  text-align: right;
}

.Input-HermesDefinition-MarkupPartPreview {
  padding: 10px;
}

.Input-HermesDefinition-FieldPreview-FieldWrapper {
  margin-top: 10px;
}
.Input-HermesDefinition-FieldPreview-OptionPreview--empty {
  text-align: center;
  font-style: italic;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-section {
  margin: 10px 0;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader {
  border: 1px solid #969DA6;
  background-color: #f4f5f7;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-actionBar {
  float: right;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-actionBar-action {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
}
body .Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-actionBar-action,
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-actionBar-action {
  color: #000000;
}
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-actionBar-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-actionBar-action:active {
  color: #c73d00;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-sectionHeader-title {
  padding: 5px;
  min-height: 20px;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-item {
  border-bottom: 1px solid #969DA6;
  border-left: 1px solid #969DA6;
  border-right: 1px solid #969DA6;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-item-actionBar {
  float: right;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-item-actionBar-action {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
}
body .Input-HermesDefinition-FieldPreview-OptionPreview-item-actionBar-action,
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-item-actionBar-action {
  color: #000000;
}
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-item-actionBar-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-item-actionBar-action:active {
  color: #c73d00;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-item-text {
  padding: 5px;
  min-height: 20px;
}
.Input-HermesDefinition-FieldPreview-OptionPreview-add {
  display: block;
  border-bottom: 1px solid #969DA6;
  border-left: 1px solid #969DA6;
  border-right: 1px solid #969DA6;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
}
body .Input-HermesDefinition-FieldPreview-OptionPreview-add,
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-add {
  background-color: #ffffff;
}
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-add:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesDefinition-FieldPreview-OptionPreview-add:active {
  background-color: #e6e6e6;
}
.Input-HermesDefinition-FieldPreview-AutoTable-removeButton {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 30px;
  flex-basis: 30px;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.Input-HermesDefinition-FieldPreview-AutoTable-previewTable {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 10px;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.Input-HermesDefinition-FieldPreview-AutoTable-previewTable-item {
  padding: 0 5px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
.Input-HermesDefinition-FieldPreview-AutoTable-EditCell-header {
  padding: 0 5px;
  color: #747980;
  overflow: hidden;
  font-weight: bold;
}

.FieldPreviewWithRequiredOption,
.TextFieldPreview {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.SafeAnchorWithNewTabIcon {
  display: flex;
  align-items: center;
}
.SafeAnchorWithNewTabIcon-icon {
  display: flex;
  margin-left: 5px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.BaseButton {
  height: 40px;
  text-align: center;
  white-space: nowrap;
  border-style: solid;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.BaseButton--flatTR {
  border-top-right-radius: 0;
}
.BaseButton--flatBR {
  border-bottom-right-radius: 0;
}
.BaseButton--flatBL {
  border-bottom-left-radius: 0;
}
.BaseButton--flatTL {
  border-top-left-radius: 0;
}
.BaseButton-buttonContent {
  pointer-events: none;
}
.BaseButton-leftIcon {
  display: inline;
  padding-right: 4px;
}
.BaseButton-rightIcon {
  display: inline;
  padding-left: 4px;
}
.BaseButton--slack {
  padding: 0 16px;
}
.BaseButton--compact {
  padding: 0 8px;
}
.BaseButton--primary.BaseButton--disabled {
  color: #ffffff;
  cursor: default;
  background-color: #ffcab3;
}
.BaseButton--primary.BaseButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .BaseButton--primary.BaseButton--enabled {
  background-color: #FF4E00;
}
body .BaseButton--primary.BaseButton--enabled ~ none {
  background-color: #FF4E00;
}
body.hasHover .BaseButton--primary.BaseButton--enabled {
  background-color: #FF4E00;
}
body.hasHover .BaseButton--primary.BaseButton--enabled ~ none {
  background-color: #FF4E00;
}
body.hasHover .BaseButton--primary.BaseButton--enabled:hover {
  background-color: #d94200;
}
body.hasHover .BaseButton--primary.BaseButton--enabled:hover ~ none {
  background-color: #d94200;
}
body.hasHover .BaseButton--primary.BaseButton--enabled:active {
  background-color: #cc3e00;
}
body.hasHover .BaseButton--primary.BaseButton--enabled:active ~ none {
  background-color: #cc3e00;
}
.BaseButton--secondary.BaseButton--disabled {
  color: #ffffff;
  cursor: default;
  background-color: #d4d8de;
}
.BaseButton--secondary.BaseButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .BaseButton--secondary.BaseButton--enabled {
  background-color: #6E7D91;
}
body .BaseButton--secondary.BaseButton--enabled ~ none {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--secondary.BaseButton--enabled {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--secondary.BaseButton--enabled ~ none {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--secondary.BaseButton--enabled:hover {
  background-color: #5e6a7b;
}
body.hasHover .BaseButton--secondary.BaseButton--enabled:hover ~ none {
  background-color: #5e6a7b;
}
body.hasHover .BaseButton--secondary.BaseButton--enabled:active {
  background-color: #586474;
}
body.hasHover .BaseButton--secondary.BaseButton--enabled:active ~ none {
  background-color: #586474;
}
.BaseButton--tertiary.BaseButton--disabled {
  color: #D6D9DD;
  cursor: default;
  background-color: #f3f4f5;
}
.BaseButton--tertiary.BaseButton--enabled {
  color: #6E7D91;
  cursor: pointer;
}
body .BaseButton--tertiary.BaseButton--enabled {
  background-color: #D6D9DD;
}
body .BaseButton--tertiary.BaseButton--enabled ~ none {
  background-color: #D6D9DD;
}
body.hasHover .BaseButton--tertiary.BaseButton--enabled {
  background-color: #D6D9DD;
}
body.hasHover .BaseButton--tertiary.BaseButton--enabled ~ none {
  background-color: #D6D9DD;
}
body.hasHover .BaseButton--tertiary.BaseButton--enabled:hover {
  background-color: #b6b8bc;
}
body.hasHover .BaseButton--tertiary.BaseButton--enabled:hover ~ none {
  background-color: #b6b8bc;
}
body.hasHover .BaseButton--tertiary.BaseButton--enabled:active {
  background-color: #abaeb1;
}
body.hasHover .BaseButton--tertiary.BaseButton--enabled:active ~ none {
  background-color: #abaeb1;
}
.BaseButton--moisture.BaseButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .BaseButton--moisture.BaseButton--enabled {
  background-color: #407dfe;
}
body .BaseButton--moisture.BaseButton--enabled ~ none {
  background-color: #407dfe;
}
body.hasHover .BaseButton--moisture.BaseButton--enabled {
  background-color: #407dfe;
}
body.hasHover .BaseButton--moisture.BaseButton--enabled ~ none {
  background-color: #407dfe;
}
body.hasHover .BaseButton--moisture.BaseButton--enabled:hover {
  background-color: #366ad8;
}
body.hasHover .BaseButton--moisture.BaseButton--enabled:hover ~ none {
  background-color: #366ad8;
}
body.hasHover .BaseButton--moisture.BaseButton--enabled:active {
  background-color: #3364cb;
}
body.hasHover .BaseButton--moisture.BaseButton--enabled:active ~ none {
  background-color: #3364cb;
}
.BaseButton--learnMore.BaseButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .BaseButton--learnMore.BaseButton--enabled {
  background-color: #01818A;
}
body .BaseButton--learnMore.BaseButton--enabled ~ none {
  background-color: #01818A;
}
body.hasHover .BaseButton--learnMore.BaseButton--enabled {
  background-color: #01818A;
}
body.hasHover .BaseButton--learnMore.BaseButton--enabled ~ none {
  background-color: #01818A;
}
body.hasHover .BaseButton--learnMore.BaseButton--enabled:hover {
  background-color: #016e75;
}
body.hasHover .BaseButton--learnMore.BaseButton--enabled:hover ~ none {
  background-color: #016e75;
}
body.hasHover .BaseButton--learnMore.BaseButton--enabled:active {
  background-color: #01676e;
}
body.hasHover .BaseButton--learnMore.BaseButton--enabled:active ~ none {
  background-color: #01676e;
}
.BaseButton--lockout.BaseButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .BaseButton--lockout.BaseButton--enabled {
  background-color: #BEC3CA;
}
body .BaseButton--lockout.BaseButton--enabled ~ none {
  background-color: #BEC3CA;
}
body.hasHover .BaseButton--lockout.BaseButton--enabled {
  background-color: #BEC3CA;
}
body.hasHover .BaseButton--lockout.BaseButton--enabled ~ none {
  background-color: #BEC3CA;
}
body.hasHover .BaseButton--lockout.BaseButton--enabled:hover {
  background-color: #a2a6ac;
}
body.hasHover .BaseButton--lockout.BaseButton--enabled:hover ~ none {
  background-color: #a2a6ac;
}
body.hasHover .BaseButton--lockout.BaseButton--enabled:active {
  background-color: #989ca2;
}
body.hasHover .BaseButton--lockout.BaseButton--enabled:active ~ none {
  background-color: #989ca2;
}
.BaseButton--delete.BaseButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .BaseButton--delete.BaseButton--enabled {
  background-color: #2F353E;
}
body .BaseButton--delete.BaseButton--enabled ~ none {
  background-color: #2F353E;
}
body.hasHover .BaseButton--delete.BaseButton--enabled {
  background-color: #2F353E;
}
body.hasHover .BaseButton--delete.BaseButton--enabled ~ none {
  background-color: #2F353E;
}
body.hasHover .BaseButton--delete.BaseButton--enabled:hover {
  background-color: #282d35;
}
body.hasHover .BaseButton--delete.BaseButton--enabled:hover ~ none {
  background-color: #282d35;
}
body.hasHover .BaseButton--delete.BaseButton--enabled:active {
  background-color: #262a32;
}
body.hasHover .BaseButton--delete.BaseButton--enabled:active ~ none {
  background-color: #262a32;
}
.BaseButton--fullWidth {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
.BaseButton--contentWidth {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.BaseButton--round {
  border-radius: 50%;
}
body .BaseButton--round.BaseButton--secondary.BaseButton--enabled {
  background-color: #6E7D91;
}
body .BaseButton--round.BaseButton--secondary.BaseButton--enabled ~ none {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--round.BaseButton--secondary.BaseButton--enabled {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--round.BaseButton--secondary.BaseButton--enabled ~ none {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--round.BaseButton--secondary.BaseButton--enabled:hover {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--round.BaseButton--secondary.BaseButton--enabled:hover ~ none {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--round.BaseButton--secondary.BaseButton--enabled:active {
  background-color: #6E7D91;
}
body.hasHover .BaseButton--round.BaseButton--secondary.BaseButton--enabled:active ~ none {
  background-color: #6E7D91;
}
.DropdownButton {
  border-radius: 5px;
  cursor: pointer;
  height: 40px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-flex;
  display: flex;
}
.DropdownButton--flatTR {
  border-top-right-radius: 0;
}
.DropdownButton--flatBR {
  border-bottom-right-radius: 0;
}
.DropdownButton--flatBL {
  border-bottom-left-radius: 0;
}
.DropdownButton--flatTL {
  border-top-left-radius: 0;
}
.DropdownButton--hasMinWidth {
  min-width: 100px;
}
.DropdownButton-icon {
  padding-right: 6px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 8px 0 8px 0;
}
.DropdownButton-icon--iconRightBorder {
  border-right: 1px solid;
  border-right-color: #D6D9DD;
  margin-right: 8px;
}
.DropdownButton-main {
  display: flex;
  align-items: center;
  overflow: hidden;
  flex-grow: 1;
  gap: 4px;
}
.DropdownButton-main-text {
  flex-grow: 1;
}
.DropdownButton-main-text--truncateText {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.DropdownButton-main-arrow--default {
  width: 24px;
}
.DropdownButton-main-arrow--small {
  width: 10px;
  margin-left: 4px;
}
.DropdownButton-main-arrow--hideArrow {
  visibility: hidden;
}
.DropdownButton-main--leftAlign {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.DropdownButton--slack {
  padding: 0 16px;
}
.DropdownButton--compact {
  padding: 0 8px;
}
.DropdownButton--extraCompact {
  color: black;
  padding: 0 8px;
}
.DropdownButton--wide {
  min-width: 300px;
}
.DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled {
  background-color: #FF4E00;
}
body .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled ~ none {
  background-color: #FF4E00;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled {
  background-color: #FF4E00;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled ~ none {
  background-color: #FF4E00;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled:hover {
  background-color: #d94200;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled:hover ~ none {
  background-color: #d94200;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled:active {
  background-color: #cc3e00;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--enabled:active ~ none {
  background-color: #cc3e00;
}
.DropdownButton--coloredBackground.DropdownButton--primary.DropdownButton--coloredBackground.DropdownButton--disabled {
  color: #ffffff;
  cursor: default;
  background-color: #ffcab3;
}
.DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled {
  color: #ffffff;
  cursor: pointer;
}
body .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled {
  background-color: #6E7D91;
}
body .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled ~ none {
  background-color: #6E7D91;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled {
  background-color: #6E7D91;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled ~ none {
  background-color: #6E7D91;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled:hover {
  background-color: #5e6a7b;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled:hover ~ none {
  background-color: #5e6a7b;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled:active {
  background-color: #586474;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--enabled:active ~ none {
  background-color: #586474;
}
.DropdownButton--coloredBackground.DropdownButton--secondary.DropdownButton--coloredBackground.DropdownButton--disabled {
  color: #ffffff;
  cursor: default;
  background-color: #d4d8de;
}
.DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled {
  color: #6E7D91;
  cursor: pointer;
}
body .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled {
  background-color: #D6D9DD;
}
body .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled ~ none {
  background-color: #D6D9DD;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled {
  background-color: #D6D9DD;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled ~ none {
  background-color: #D6D9DD;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled:hover {
  background-color: #b6b8bc;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled:hover ~ none {
  background-color: #b6b8bc;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled:active {
  background-color: #abaeb1;
}
body.hasHover .DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--enabled:active ~ none {
  background-color: #abaeb1;
}
.DropdownButton--coloredBackground.DropdownButton--tertiary.DropdownButton--coloredBackground.DropdownButton--disabled {
  color: #6E7D91;
  cursor: default;
  background-color: #f3f4f5;
}
.DropdownButton--whiteBackground.DropdownButton--enabled {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
  color: #2F353E;
}
body.hasHover .DropdownButton--whiteBackground.DropdownButton--enabled:hover {
  border-color: #2F353E;
}
body.hasHover .DropdownButton--whiteBackground.DropdownButton--enabled:hover ~ none {
  border-color: #2F353E;
}
.DropdownButton--whiteBackground.DropdownButton--enabled.DropdownButton-text {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #2F353E;
}
.DropdownButton--whiteBackground.DropdownButton--enabled.DropdownButton--default {
  height: 40px;
}
.DropdownButton--hasError.DropdownButton--enabled {
  color: #DD2229;
  background-color: #FAE5E6;
}
.DropdownButton--small {
  box-sizing: border-box;
  height: 33px;
}
.DropdownHoverButton {
  min-width: 50px;
}
.DropdownHoverButton-borderBox {
  border-radius: 5px;
  cursor: pointer;
  height: 19.2px;
  padding: 3.5px 16px;
  text-align: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.DropdownHoverButton-borderBox--default {
  min-height: 30px;
}
.DropdownHoverButton-borderBox--default.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--default.DropdownHoverButton-borderBox--normalIcon {
  color: #6E7D91;
}
.DropdownHoverButton-borderBox--default.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--default.DropdownHoverButton-borderBox--pressed {
  color: #2F353E;
  background-color: #F4F5F6;
}
.DropdownHoverButton-borderBox--default.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #6E7D91;
}
.DropdownHoverButton-borderBox--default.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: #F4F5F6;
}
.DropdownHoverButton-borderBox--mitigation.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--mitigation.DropdownHoverButton-borderBox--normalIcon {
  color: #00ad99;
}
.DropdownHoverButton-borderBox--mitigation.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--mitigation.DropdownHoverButton-borderBox--pressed {
  color: #ffffff;
  background-color: rgba(0, 173, 153, 0.8);
}
.DropdownHoverButton-borderBox--mitigation.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #00ad99;
}
.DropdownHoverButton-borderBox--mitigation.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: rgba(0, 173, 153, 0.8);
}
.DropdownHoverButton-borderBox--contents.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--contents.DropdownHoverButton-borderBox--normalIcon {
  color: #fa4d00;
}
.DropdownHoverButton-borderBox--contents.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--contents.DropdownHoverButton-borderBox--pressed {
  color: #ffffff;
  background-color: rgba(250, 77, 0, 0.8);
}
.DropdownHoverButton-borderBox--contents.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #fa4d00;
}
.DropdownHoverButton-borderBox--contents.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: rgba(250, 77, 0, 0.8);
}
.DropdownHoverButton-borderBox--rebuild.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--rebuild.DropdownHoverButton-borderBox--normalIcon {
  color: #333333;
}
.DropdownHoverButton-borderBox--rebuild.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--rebuild.DropdownHoverButton-borderBox--pressed {
  color: #ffffff;
  background-color: rgba(51, 51, 51, 0.8);
}
.DropdownHoverButton-borderBox--rebuild.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #333333;
}
.DropdownHoverButton-borderBox--rebuild.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: rgba(51, 51, 51, 0.8);
}
.DropdownHoverButton-borderBox--moisture.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--moisture.DropdownHoverButton-borderBox--normalIcon {
  color: #407dfe;
}
.DropdownHoverButton-borderBox--moisture.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--moisture.DropdownHoverButton-borderBox--pressed {
  color: #ffffff;
  background-color: rgba(64, 125, 254, 0.8);
}
.DropdownHoverButton-borderBox--moisture.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #407dfe;
}
.DropdownHoverButton-borderBox--moisture.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: rgba(64, 125, 254, 0.8);
}
.DropdownHoverButton-borderBox--learnMore.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--learnMore.DropdownHoverButton-borderBox--normalIcon {
  color: #01818A;
}
.DropdownHoverButton-borderBox--learnMore.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--learnMore.DropdownHoverButton-borderBox--pressed {
  color: #ffffff;
  background-color: rgba(1, 129, 138, 0.8);
}
.DropdownHoverButton-borderBox--learnMore.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #01818A;
}
.DropdownHoverButton-borderBox--learnMore.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: rgba(1, 129, 138, 0.8);
}
.DropdownHoverButton-borderBox--action.DropdownHoverButton-borderBox--normalText {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--action.DropdownHoverButton-borderBox--normalIcon {
  color: #2F353E;
}
.DropdownHoverButton-borderBox--action.DropdownHoverButton-borderBox--hover,
.DropdownHoverButton-borderBox--action.DropdownHoverButton-borderBox--pressed {
  color: #ffffff;
  background-color: rgba(47, 53, 62, 0.8);
}
.DropdownHoverButton-borderBox--action.DropdownHoverButton-borderBox--showOutline {
  border: 1px solid #2F353E;
}
.DropdownHoverButton-borderBox--action.DropdownHoverButton-borderBox--showOutline.DropdownHoverButton-borderBox--hover {
  border-color: rgba(47, 53, 62, 0.8);
}
.DropdownHoverButton-borderBox--jobRoles {
  background-color: #F4F5F6;
  border: 1px solid #D6D9DD;
  border-radius: 5px;
  color: #2F353E;
  height: 30px;
}
.DropdownHoverButton-borderBox--jobRoles.DropdownHoverButton-borderBox--hover {
  background-color: #D6D9DD;
}
.DropdownHoverButton-content--text {
  padding: 0 4px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.DropdownHoverButton-arrow {
  pointer-events: none;
}
.DropdownHoverButton-arrow--hidden {
  visibility: hidden;
}
/* FIXME(EN-3790) - Remove these styles after deleting the InboxTransparentButton component */
.InboxTransparentButton {
  padding: 8px;
  display: -webkit-inline-flex;
  display: inline-flex;
  align-items: flex-start;
  border-radius: 5px;
}
.InboxTransparentButton--orange {
  color: #FF4E00;
}
.InboxTransparentButton--red {
  color: #DD2229;
}
.InboxTransparentButton--blue {
  color: #508CD9;
}
.InboxTransparentButton--gray {
  color: #2F353E;
}
.InboxTransparentButton--gray2 {
  color: #6E7D91;
}
.InboxTransparentButton--gray3 {
  color: #BEC3CA;
}
.InboxTransparentButton--green {
  color: #00A54D;
}
.InboxTransparentButton--pink {
  color: #E869E8;
}
.InboxTransparentButton--light_purple {
  color: #a965e5;
}
.InboxTransparentButton--black {
  color: #2F353E;
}
.InboxTransparentButton--white {
  color: #ffffff;
}
.InboxTransparentButton--mitigation {
  color: #00ad99;
}
.InboxTransparentButton--contents {
  color: #fa4d00;
}
.InboxTransparentButton--rebuild {
  color: #333333;
}
.InboxTransparentButton--moisture {
  color: #407dfe;
}
.InboxTransparentButton--color_toast_green {
  color: #00A54D;
}
.InboxTransparentButton--color_new_nav_text_header {
  color: #6E7D91;
}
.InboxTransparentButton--color_page_title_text {
  color: #2F353E;
}
.InboxTransparentButton--color_text_gray {
  color: #6E7D91;
}
.InboxTransparentButton--color_text_link {
  color: #508CD9;
}
.InboxTransparentButton--color_tint_teal_2 {
  color: #85ADB2;
}
.InboxTransparentButton--color_brand_blue {
  color: #508CD9;
}
.InboxTransparentButton--color_tint_orange_1 {
  color: #FF9585;
}
.InboxTransparentButton--black_base {
  color: #2F353E;
}
.InboxTransparentButton--color_grey_1 {
  color: #6E7D91;
}
.InboxTransparentButton--color_grey_2 {
  color: #BEC3CA;
}
.InboxTransparentButton--color_grey_3 {
  color: #D6D9DD;
}
.InboxTransparentButton--color_grey_4 {
  color: #F4F5F6;
}
.InboxTransparentButton--inherit {
  color: inherit;
}
body .InboxTransparentButton {
  background-color: transparent;
  color: #6E7D91;
}
body .InboxTransparentButton ~ none {
  background-color: transparent;
  color: #6E7D91;
}
body.hasHover .InboxTransparentButton {
  background-color: transparent;
  color: #6E7D91;
}
body.hasHover .InboxTransparentButton ~ none {
  background-color: transparent;
  color: #6E7D91;
}
body.hasHover .InboxTransparentButton:hover {
  background-color: #D6D9DD;
  color: #2F353E;
}
body.hasHover .InboxTransparentButton:hover ~ none {
  background-color: #D6D9DD;
  color: #2F353E;
}
body.hasHover .InboxTransparentButton:active {
  background-color: #abaeb1;
}
body.hasHover .InboxTransparentButton:active ~ none {
  background-color: #abaeb1;
}
.InboxTransparentButton--border {
  border-radius: 6px;
  border: 1px solid #BEC3CA;
}
.InboxTransparentButton-icon {
  display: -webkit-flex;
  display: flex;
}
.InboxTransparentButton-text--tiny {
  font-size: 12px;
}
.InboxTransparentButton-text--small {
  font-size: 14px;
}
.InboxTransparentButton-text--medium {
  font-size: 19px;
}
.InboxTransparentButton-text--large {
  font-size: 23px;
}
.InboxTransparentButton-text--huge {
  font-size: 27px;
}
.TransparentButton {
  padding: 4px;
  display: inline-flex;
  align-items: flex-start;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  background-color: transparent;
}
.TransparentButton--orange {
  color: #FF4E00;
}
.TransparentButton--red {
  color: #DD2229;
}
.TransparentButton--blue {
  color: #508CD9;
}
.TransparentButton--gray {
  color: #2F353E;
}
.TransparentButton--gray2 {
  color: #6E7D91;
}
.TransparentButton--gray3 {
  color: #BEC3CA;
}
.TransparentButton--green {
  color: #00A54D;
}
.TransparentButton--pink {
  color: #E869E8;
}
.TransparentButton--light_purple {
  color: #a965e5;
}
.TransparentButton--black {
  color: #2F353E;
}
.TransparentButton--white {
  color: #ffffff;
}
.TransparentButton--mitigation {
  color: #00ad99;
}
.TransparentButton--contents {
  color: #fa4d00;
}
.TransparentButton--rebuild {
  color: #333333;
}
.TransparentButton--moisture {
  color: #407dfe;
}
.TransparentButton--color_toast_green {
  color: #00A54D;
}
.TransparentButton--color_new_nav_text_header {
  color: #6E7D91;
}
.TransparentButton--color_page_title_text {
  color: #2F353E;
}
.TransparentButton--color_text_gray {
  color: #6E7D91;
}
.TransparentButton--color_text_link {
  color: #508CD9;
}
.TransparentButton--color_tint_teal_2 {
  color: #85ADB2;
}
.TransparentButton--color_brand_blue {
  color: #508CD9;
}
.TransparentButton--color_tint_orange_1 {
  color: #FF9585;
}
.TransparentButton--black_base {
  color: #2F353E;
}
.TransparentButton--color_grey_1 {
  color: #6E7D91;
}
.TransparentButton--color_grey_2 {
  color: #BEC3CA;
}
.TransparentButton--color_grey_3 {
  color: #D6D9DD;
}
.TransparentButton--color_grey_4 {
  color: #F4F5F6;
}
.TransparentButton--inherit {
  color: inherit;
}
.TransparentButton--border {
  border-radius: 5px;
  border: 1px solid #BEC3CA;
}
.TransparentButton--centered {
  justify-content: center;
}
.TransparentButton-icon {
  display: flex;
}
.TransparentButton-text :hover {
  filter: brightness(0.5);
}
.TransparentButton-text--tiny {
  font-size: 12px;
}
.TransparentButton-text--small {
  font-size: 14px;
}
.TransparentButton-text--base {
  font-size: 16px;
}
.TransparentButton-text--medium {
  font-size: 19px;
}
.TransparentButton-text--large {
  font-size: 23px;
}
.TransparentButton-text--huge {
  font-size: 27px;
}
.ToggleButton {
  padding: 9px;
  border-radius: 5px;
  line-height: 1.45;
  text-align: center;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.ToggleButton--on.ToggleButton--enabled {
  color: #D6D9DD;
  cursor: pointer;
}
body .ToggleButton--on.ToggleButton--enabled {
  background-color: #2F353E;
}
body .ToggleButton--on.ToggleButton--enabled ~ none {
  background-color: #2F353E;
}
body.hasHover .ToggleButton--on.ToggleButton--enabled {
  background-color: #2F353E;
}
body.hasHover .ToggleButton--on.ToggleButton--enabled ~ none {
  background-color: #2F353E;
}
body.hasHover .ToggleButton--on.ToggleButton--enabled:hover {
  background-color: #282d35;
}
body.hasHover .ToggleButton--on.ToggleButton--enabled:hover ~ none {
  background-color: #282d35;
}
body.hasHover .ToggleButton--on.ToggleButton--enabled:active {
  background-color: #262a32;
}
body.hasHover .ToggleButton--on.ToggleButton--enabled:active ~ none {
  background-color: #262a32;
}
.ToggleButton--on.ToggleButton--disabled {
  color: #D6D9DD;
  cursor: default;
  background-color: #c1c2c5;
}
.ToggleButton--off.ToggleButton--enabled {
  color: #6E7D91;
  cursor: pointer;
}
body .ToggleButton--off.ToggleButton--enabled {
  background-color: #D6D9DD;
}
body .ToggleButton--off.ToggleButton--enabled ~ none {
  background-color: #D6D9DD;
}
body.hasHover .ToggleButton--off.ToggleButton--enabled {
  background-color: #D6D9DD;
}
body.hasHover .ToggleButton--off.ToggleButton--enabled ~ none {
  background-color: #D6D9DD;
}
body.hasHover .ToggleButton--off.ToggleButton--enabled:hover {
  background-color: #b6b8bc;
}
body.hasHover .ToggleButton--off.ToggleButton--enabled:hover ~ none {
  background-color: #b6b8bc;
}
body.hasHover .ToggleButton--off.ToggleButton--enabled:active {
  background-color: #abaeb1;
}
body.hasHover .ToggleButton--off.ToggleButton--enabled:active ~ none {
  background-color: #abaeb1;
}
.ToggleButton--off.ToggleButton--disabled {
  color: #6E7D91;
  cursor: default;
  background-color: #f3f4f5;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.DropdownReveal {
  position: relative;
}
.DropdownReveal--fullWidth {
  width: 100%;
}
.DropdownReveal-anchor:focus {
  outline: none;
}

.InputPeripheralNode {
  padding: 7px;
  padding-bottom: 8px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.InnerTextInput {
  display: -webkit-flex;
  display: flex;
  position: relative;
  height: 40px;
}
.InnerTextInput-input {
  display: block;
  order: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0;
  height: 100%;
  margin: 0;
  color: #2F353E;
  background-color: transparent;
  resize: vertical;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
body .InnerTextInput-input--primary {
  border: 0 solid #D6D9DD;
}
body .InnerTextInput-input--primary ~ .InnerTextInput-peripheralNode {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--primary {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--primary ~ .InnerTextInput-peripheralNode {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--primary:hover {
  border-color: #6E7D91;
}
body.hasHover .InnerTextInput-input--primary:hover ~ .InnerTextInput-peripheralNode {
  border-color: #6E7D91;
}
body .InnerTextInput-input--primary:focus {
  border-color: #FF4E00;
}
body .InnerTextInput-input--primary:focus ~ .InnerTextInput-peripheralNode {
  border-color: #FF4E00;
}
body.hasHover .InnerTextInput-input--primary:focus {
  border-color: #FF4E00;
}
body.hasHover .InnerTextInput-input--primary:focus ~ .InnerTextInput-peripheralNode {
  border-color: #FF4E00;
}
body .InnerTextInput-input--primary:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .InnerTextInput-input--primary:read-only ~ .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .InnerTextInput-input--primary:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .InnerTextInput-input--primary:read-only ~ .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .InnerTextInput-input--primary:disabled,
body.hasHover .InnerTextInput-input--primary:disabled,
body .InnerTextInput-input--primary[disabled],
body.hasHover .InnerTextInput-input--primary[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InnerTextInput-input--primary:disabled + .InnerTextInput-peripheralNode,
body.hasHover .InnerTextInput-input--primary:disabled + .InnerTextInput-peripheralNode,
body .InnerTextInput-input--primary[disabled] + .InnerTextInput-peripheralNode,
body.hasHover .InnerTextInput-input--primary[disabled] + .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InnerTextInput-input--moisture {
  border: 0 solid #D6D9DD;
}
body .InnerTextInput-input--moisture ~ .InnerTextInput-peripheralNode {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--moisture {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--moisture ~ .InnerTextInput-peripheralNode {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--moisture:hover {
  border-color: #6E7D91;
}
body.hasHover .InnerTextInput-input--moisture:hover ~ .InnerTextInput-peripheralNode {
  border-color: #6E7D91;
}
body .InnerTextInput-input--moisture:focus {
  border-color: #407dfe;
}
body .InnerTextInput-input--moisture:focus ~ .InnerTextInput-peripheralNode {
  border-color: #407dfe;
}
body.hasHover .InnerTextInput-input--moisture:focus {
  border-color: #407dfe;
}
body.hasHover .InnerTextInput-input--moisture:focus ~ .InnerTextInput-peripheralNode {
  border-color: #407dfe;
}
body .InnerTextInput-input--moisture:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .InnerTextInput-input--moisture:read-only ~ .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .InnerTextInput-input--moisture:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .InnerTextInput-input--moisture:read-only ~ .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .InnerTextInput-input--moisture:disabled,
body.hasHover .InnerTextInput-input--moisture:disabled,
body .InnerTextInput-input--moisture[disabled],
body.hasHover .InnerTextInput-input--moisture[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InnerTextInput-input--moisture:disabled + .InnerTextInput-peripheralNode,
body.hasHover .InnerTextInput-input--moisture:disabled + .InnerTextInput-peripheralNode,
body .InnerTextInput-input--moisture[disabled] + .InnerTextInput-peripheralNode,
body.hasHover .InnerTextInput-input--moisture[disabled] + .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
.InnerTextInput-input--light {
  background-color: #ffffff;
}
.InnerTextInput-input--dark {
  background-color: #F4F5F6;
}
.InnerTextInput-input--error {
  background-color: #FAE5E6;
  color: #DD2229;
}
body .InnerTextInput-input--error {
  border: 0 solid #D6D9DD;
}
body .InnerTextInput-input--error ~ .InnerTextInput-peripheralNode {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--error {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--error ~ .InnerTextInput-peripheralNode {
  border: 0 solid #D6D9DD;
}
body.hasHover .InnerTextInput-input--error:hover {
  border-color: #6E7D91;
}
body.hasHover .InnerTextInput-input--error:hover ~ .InnerTextInput-peripheralNode {
  border-color: #6E7D91;
}
body .InnerTextInput-input--error:focus {
  border-color: #DD2229;
}
body .InnerTextInput-input--error:focus ~ .InnerTextInput-peripheralNode {
  border-color: #DD2229;
}
body.hasHover .InnerTextInput-input--error:focus {
  border-color: #DD2229;
}
body.hasHover .InnerTextInput-input--error:focus ~ .InnerTextInput-peripheralNode {
  border-color: #DD2229;
}
body .InnerTextInput-input--error:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .InnerTextInput-input--error:read-only ~ .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .InnerTextInput-input--error:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .InnerTextInput-input--error:read-only ~ .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .InnerTextInput-input--error:disabled,
body.hasHover .InnerTextInput-input--error:disabled,
body .InnerTextInput-input--error[disabled],
body.hasHover .InnerTextInput-input--error[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InnerTextInput-input--error:disabled + .InnerTextInput-peripheralNode,
body.hasHover .InnerTextInput-input--error:disabled + .InnerTextInput-peripheralNode,
body .InnerTextInput-input--error[disabled] + .InnerTextInput-peripheralNode,
body.hasHover .InnerTextInput-input--error[disabled] + .InnerTextInput-peripheralNode {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InnerTextInput-input--errorBorder {
  border-color: #DD2229;
}
body .InnerTextInput-input--errorBorder ~ none {
  border-color: #DD2229;
}
body.hasHover .InnerTextInput-input--errorBorder {
  border-color: #DD2229;
}
body.hasHover .InnerTextInput-input--errorBorder ~ none {
  border-color: #DD2229;
}
body.hasHover .InnerTextInput-input--errorBorder:hover {
  border-color: #DD2229;
}
body.hasHover .InnerTextInput-input--errorBorder:hover ~ none {
  border-color: #DD2229;
}
.InnerTextInput-input--gray::placeholder {
  color: #6E7D91;
}
.InnerTextInput-input--black::placeholder {
  color: #2F353E;
}
.InnerTextInput-input--error.InnerTextInput-input--gray::placeholder,
.InnerTextInput-input--error.InnerTextInput-input--black::placeholder {
  color: #DD2229;
}
.InnerTextInput-input--slack {
  padding: 0 15px;
}
.InnerTextInput-input--compact {
  padding: 0 4px;
}
.InnerTextInput-input--readOnly {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: default;
}
.InnerTextInput-peripheralNode {
  line-height: normal;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.InnerTextInput-peripheralNode--light {
  background-color: #ffffff;
}
.InnerTextInput-peripheralNode--dark {
  background-color: #F4F5F6;
}
.InnerTextInput-peripheralNode--error {
  background-color: #FAE5E6;
  color: #DD2229;
}
.InnerTextInput-peripheralNode--left {
  order: 0;
}
.InnerTextInput-peripheralNode--right {
  order: 2;
}
.InnerTextInput-input,
.InnerTextInput-input ~ .InnerTextInput-peripheralNode {
  display: flex;
  align-items: center;
  border-radius: 5px;
}
.InnerTextInput-input--flatTR,
.InnerTextInput-input ~ .InnerTextInput-peripheralNode--flatTR {
  border-top-right-radius: 0;
}
.InnerTextInput-input--flatBR,
.InnerTextInput-input ~ .InnerTextInput-peripheralNode--flatBR {
  border-bottom-right-radius: 0;
}
.InnerTextInput-input--flatBL,
.InnerTextInput-input ~ .InnerTextInput-peripheralNode--flatBL {
  border-bottom-left-radius: 0;
}
.InnerTextInput-input--flatTL,
.InnerTextInput-input ~ .InnerTextInput-peripheralNode--flatTL {
  border-top-left-radius: 0;
}
body .InnerTextInput-input--borderTop,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderTop {
  border-top-width: 1px;
}
body .InnerTextInput-input--borderTop ~ none,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderTop ~ none {
  border-top-width: 1px;
}
body.hasHover .InnerTextInput-input--borderTop,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderTop {
  border-top-width: 1px;
}
body.hasHover .InnerTextInput-input--borderTop ~ none,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderTop ~ none {
  border-top-width: 1px;
}
body .InnerTextInput-input--borderRight,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderRight {
  border-right-width: 1px;
}
body .InnerTextInput-input--borderRight ~ none,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderRight ~ none {
  border-right-width: 1px;
}
body.hasHover .InnerTextInput-input--borderRight,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderRight {
  border-right-width: 1px;
}
body.hasHover .InnerTextInput-input--borderRight ~ none,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderRight ~ none {
  border-right-width: 1px;
}
body .InnerTextInput-input--borderBottom,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderBottom {
  border-bottom-width: 1px;
}
body .InnerTextInput-input--borderBottom ~ none,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderBottom ~ none {
  border-bottom-width: 1px;
}
body.hasHover .InnerTextInput-input--borderBottom,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderBottom {
  border-bottom-width: 1px;
}
body.hasHover .InnerTextInput-input--borderBottom ~ none,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderBottom ~ none {
  border-bottom-width: 1px;
}
body .InnerTextInput-input--borderLeft,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderLeft {
  border-left-width: 1px;
}
body .InnerTextInput-input--borderLeft ~ none,
body .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderLeft ~ none {
  border-left-width: 1px;
}
body.hasHover .InnerTextInput-input--borderLeft,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderLeft {
  border-left-width: 1px;
}
body.hasHover .InnerTextInput-input--borderLeft ~ none,
body.hasHover .InnerTextInput-input ~ .InnerTextInput-peripheralNode--borderLeft ~ none {
  border-left-width: 1px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.DropdownDesktopContainer {
  background-color: #ffffff;
  position: absolute;
  z-index: 301;
  min-width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
body .DropdownDesktopContainer:focus {
  outline: none;
}
body .DropdownDesktopContainer:focus ~ none {
  outline: none;
}
body.hasHover .DropdownDesktopContainer:focus {
  outline: none;
}
body.hasHover .DropdownDesktopContainer:focus ~ none {
  outline: none;
}
.DropdownDesktopContainer--short {
  max-height: 300px;
}
.DropdownDesktopContainer--openHorizontal.DropdownDesktopContainer--dropLeft {
  right: 100%;
}
.DropdownDesktopContainer--openHorizontal.DropdownDesktopContainer--dropRight {
  left: 100%;
}
.DropdownDesktopContainer--openHorizontal.DropdownDesktopContainer--dropUp {
  bottom: 0;
}
.DropdownDesktopContainer--openHorizontal.DropdownDesktopContainer--dropDown {
  top: 0;
}
.DropdownDesktopContainer--openVertical.DropdownDesktopContainer--dropUp {
  bottom: 100%;
}
.DropdownDesktopContainer--matchLeftEdge {
  left: 0;
}
.DropdownDesktopContainer--matchRightEdge {
  right: 0;
}
.DropdownDesktopContainer--default,
.DropdownDesktopContainer--jobRoles {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
}
.DropdownDesktopContainer--action {
  border-radius: 5px;
  border: 2px solid #2F353E;
}
.DropdownDesktopContainer--mitigation {
  border-radius: 5px;
  border: 2px solid #00ad99;
}
.DropdownDesktopContainer--contents {
  border-radius: 5px;
  border: 2px solid #fa4d00;
}
.DropdownDesktopContainer--rebuild {
  border-radius: 5px;
  border: 2px solid #333333;
}
.DropdownDesktopContainer--moisture {
  border-radius: 5px;
  border: 2px solid #407dfe;
}
.DropdownDesktopContainer-filter {
  padding: 8px;
}
.DropdownDesktopContainer-container {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.DropdownDesktopContainer-container-list--unconstrainedWidth {
  white-space: nowrap;
}
.DropdownDesktopContainer-footer {
  flex: 0 0 auto;
  padding: 2px;
  border-top: 1px solid #D6D9DD;
  display: flex;
}
.DropdownDesktopContainer-footer-button {
  flex: 1 1 0;
  min-width: 0;
  padding: 2px;
}
.DropdownDesktopContainer-footer-attribution {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.HierarchicalDropdownItemWrapper:first-child .HierarchicalDropdownItemWrapper-topLevel {
  border-top: 0px;
}
.HierarchicalDropdownItemWrapper:last-child .HierarchicalDropdownItemWrapper-subLevel {
  margin-bottom: 8px;
}
.HierarchicalDropdownItemWrapper-subLevel {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 16px;
  cursor: pointer;
}
.HierarchicalDropdownItemWrapper-subLevel-label {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 38px;
}
.HierarchicalDropdownItemWrapper-topLevel {
  border-top: 1px solid #D6D9DD;
}
.HierarchicalDropdownItemWrapper-topLevel-label--hasChildren {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  margin-right: 16px;
}
.HierarchicalDropdownItemWrapper-topLevel-label--noChildren {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.HierarchicalDropdownItemWrapper-topLevel-icon {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-left: 16px;
  padding-right: 8px;
  cursor: pointer;
}
.HierarchicalDropdownItemWrapper-subLevel,
.HierarchicalDropdownItemWrapper-topLevel {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-width: 400px;
}
.HierarchicalDropdownItemWrapper-subLevel-radioButton,
.HierarchicalDropdownItemWrapper-topLevel-radioButton {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  padding-left: 14px;
  padding-right: 14px;
  cursor: pointer;
}
.HierarchicalDropdownItemWrapper-subLevel--mitigation.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--mitigation.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-subLevel--mitigation.HierarchicalDropdownItemWrapper-topLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--mitigation.HierarchicalDropdownItemWrapper-topLevel--isActive {
  color: #2F353E;
  background-color: rgba(0, 173, 153, 0.05);
}
.HierarchicalDropdownItemWrapper-subLevel--mitigation.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--mitigation.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-subLevel--mitigation.HierarchicalDropdownItemWrapper-topLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--mitigation.HierarchicalDropdownItemWrapper-topLevel--isSelected {
  color: #2F353E;
  background-color: rgba(0, 173, 153, 0.15);
}
.HierarchicalDropdownItemWrapper-subLevel--contents.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--contents.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-subLevel--contents.HierarchicalDropdownItemWrapper-topLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--contents.HierarchicalDropdownItemWrapper-topLevel--isActive {
  color: #2F353E;
  background-color: rgba(250, 77, 0, 0.05);
}
.HierarchicalDropdownItemWrapper-subLevel--contents.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--contents.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-subLevel--contents.HierarchicalDropdownItemWrapper-topLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--contents.HierarchicalDropdownItemWrapper-topLevel--isSelected {
  color: #2F353E;
  background-color: rgba(250, 77, 0, 0.15);
}
.HierarchicalDropdownItemWrapper-subLevel--rebuild.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--rebuild.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-subLevel--rebuild.HierarchicalDropdownItemWrapper-topLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--rebuild.HierarchicalDropdownItemWrapper-topLevel--isActive {
  color: #2F353E;
  background-color: rgba(51, 51, 51, 0.05);
}
.HierarchicalDropdownItemWrapper-subLevel--rebuild.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--rebuild.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-subLevel--rebuild.HierarchicalDropdownItemWrapper-topLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--rebuild.HierarchicalDropdownItemWrapper-topLevel--isSelected {
  color: #2F353E;
  background-color: rgba(51, 51, 51, 0.15);
}
.HierarchicalDropdownItemWrapper-subLevel--moisture.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--moisture.HierarchicalDropdownItemWrapper-subLevel--isActive,
.HierarchicalDropdownItemWrapper-subLevel--moisture.HierarchicalDropdownItemWrapper-topLevel--isActive,
.HierarchicalDropdownItemWrapper-topLevel--moisture.HierarchicalDropdownItemWrapper-topLevel--isActive {
  color: #2F353E;
  background-color: rgba(64, 125, 254, 0.05);
}
.HierarchicalDropdownItemWrapper-subLevel--moisture.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--moisture.HierarchicalDropdownItemWrapper-subLevel--isSelected,
.HierarchicalDropdownItemWrapper-subLevel--moisture.HierarchicalDropdownItemWrapper-topLevel--isSelected,
.HierarchicalDropdownItemWrapper-topLevel--moisture.HierarchicalDropdownItemWrapper-topLevel--isSelected {
  color: #2F353E;
  background-color: rgba(64, 125, 254, 0.15);
}

.Input-HermesValue-part {
  margin-top: 20px;
}
.Input-HermesValue-part:first-child {
  margin-top: 0;
}
.Input-HermesValue-separator {
  height: 1px;
  background-color: #000000;
}
.Input-HermesValue-field-input {
  margin-top: 5px;
}

.Input-HermesAutoTable-entries {
  padding-bottom: 5px;
}
.Input-HermesAutoTable-entries-header {
  display: -webkit-flex;
  display: flex;
  padding-right: 30px;
}
.Input-HermesAutoTable-entries-header-column {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0px;
  flex-basis: 0px;
  padding: 5px;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  overflow: hidden;
}
.Input-HermesAutoTable-entries-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.Input-HermesAutoTable-entries-row-column {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0px;
  flex-basis: 0px;
  padding: 5px;
}
.Input-HermesAutoTable-entries-row-remove {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 30px;
  flex-basis: 30px;
}

.OldWebAppHermesValueRenderer {
  width: 100%;
  table-layout: fixed;
}
.OldWebAppHermesValueRenderer-row > * {
  padding-top: 5px;
}
.OldWebAppHermesValueRenderer-row:first-child > * {
  padding-top: 0;
}
.OldWebAppHermesValueRenderer-header {
  width: 40%;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
}

.Input-HermesOption-card {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 10px 0;
  cursor: pointer;
}
.Input-HermesOption-card-actionBar {
  height: 20px;
  line-height: 20px;
  display: -webkit-flex;
  display: flex;
}
.Input-HermesOption-card-actionBar-ifLine {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
.Input-HermesOption-card-actionBar-ifLine-value {
  font-style: italic;
}
.Input-HermesOption-card-actionBar-action {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 20px;
  height: 20px;
}
body .Input-HermesOption-card-actionBar-action,
body.hasHover .Input-HermesOption-card-actionBar-action {
  color: #666666;
}
body.hasHover .Input-HermesOption-card-actionBar-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesOption-card-actionBar-action:active {
  color: #c73d00;
}

.Input-HermesSubform-entry {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  cursor: pointer;
  padding: 5px;
}
.Input-HermesSubform-entry-actionBar {
  height: 20px;
  line-height: 20px;
  text-align: right;
}
.Input-HermesSubform-entry-actionBar-action {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
}
body .Input-HermesSubform-entry-actionBar-action,
body.hasHover .Input-HermesSubform-entry-actionBar-action {
  color: #666666;
}
body.hasHover .Input-HermesSubform-entry-actionBar-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesSubform-entry-actionBar-action:active {
  color: #c73d00;
}

.Page {
  margin: 40px 20px;
}
.Page .Page-content {
  border: 1px solid #969DA6;
  background-color: #ffffff;
}
.Page--skinny {
  max-width: 800px;
  margin: 40px auto;
}
.Page--skinny .Page-content {
  margin: 0 20px;
}
.Page-Header {
  padding: 10px 0;
  line-height: 40px;
}
.Page-Header-Text {
  font-size: 22px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 40px;
}
.Page-Break-Huge {
  height: 40px;
}
.Page-Break-Large {
  height: 20px;
}
.Page-Break-Medium {
  height: 10px;
}
.Page-Break-Small {
  height: 5px;
}
.Page-Break-Rule {
  height: 1px;
  background-color: #969DA6;
}
.Page-Table-HeaderTitle {
  padding: 0 20px;
  line-height: 30px;
  height: 30px;
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 1;
}
.Page-Table-HeaderTitle.Page-Table-HeaderTitle--noPad {
  padding: 0;
}
.Page-Table-Header {
  padding: 0 20px;
  line-height: 28px;
  height: 28px;
  border-top: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  background-color: #f4f5f7;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  text-align: center;
}
.ListView-sticky--stuck .Page-Table-Header {
  border-top-color: #f4f5f7;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.Page-Table-Header.Page-Table-Header--noBorder {
  border-top-color: #f4f5f7;
}
.Page-Table-Header.Page-Table-Header--noPad {
  padding: 0;
}
.Page-Table-Header.Page-Table-Header--textLeft {
  text-align: left;
}
.Page-Table-Header--subtle {
  background-color: #ffffff;
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.Page-Table-Header--subtle.Page-Table-Header--noBorder {
  border-top-color: #ffffff;
}
.Page-Table-Content {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 41px;
  line-height: 40px;
  border-top: 1px solid #969DA6;
  text-align: center;
}
.Page-Table-Content.Page-Table-Content--backgroundColor-white {
  background-color: #ffffff;
}
.Page-Table-Content.Page-Table-Content--backgroundColor-white.Page-Table-Content--noBorder {
  border-top: 1px solid #ffffff;
}
.Page-Table-Content.Page-Table-Content--backgroundColor-gray4 {
  background-color: #d5d8e0;
}
.Page-Table-Content.Page-Table-Content--backgroundColor-gray4.Page-Table-Content--noBorder {
  border-top: 1px solid #d5d8e0;
}
.Page-Table-Content.Page-Table-Content--placeholder {
  font-style: italic;
}
.Page-Table-Content.Page-Table-Content--noPad {
  padding: 0;
}
.Page-Table-Content.Page-Table-Content--textLeft {
  text-align: left;
}
.Page-Table-Content.Page-Table-Content--autoHeight {
  height: auto;
  line-height: 1.25;
}
.Page-Table-Content.Page-Table-Content--padTop {
  padding: 5px;
}
.Page-Table-Content.Page-Table-Content--padVertical {
  padding: 10px 20px;
}
.Page-Table-Loading {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-top: 1px solid #969DA6;
  background-color: #ffffff;
  position: relative;
  margin: auto;
}
.Page-Table-Loading.Page-Table-Loading--noBorder {
  border-top-width: 0px;
}
.Page-Table-Row {
  padding: 5px 20px;
  border-top: 1px solid #969DA6;
  background-color: #ffffff;
}
.Page-Table-Row.Page-Table-Row--noBorder {
  border-top: 1px solid #ffffff;
}
.Page-Table-Cell table {
  width: 100%;
  table-layout: fixed;
}
.Page-Table-Cell td {
  height: 40px;
  vertical-align: middle;
  overflow: hidden;
}
.Page-Table-Cell--center td {
  text-align: center;
}
.Page-Table-Cell--right td {
  text-align: right;
}
.Page-Table-Action {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 26px;
  text-align: center;
}
body .Page-Table-Action,
body.hasHover .Page-Table-Action {
  color: #666666;
}
body.hasHover .Page-Table-Action:hover {
  color: #fa4d00;
}
body.hasHover .Page-Table-Action:active {
  color: #c73d00;
}
body .Page-Table-Action.Page-Table-Action--disabled,
body.hasHover .Page-Table-Action.Page-Table-Action--disabled {
  color: #d5d8e0;
}
body.hasHover .Page-Table-Action.Page-Table-Action--disabled:hover {
  color: #d5d8e0;
}
body.hasHover .Page-Table-Action.Page-Table-Action--disabled:active {
  color: #d5d8e0;
}
.Page-Table-Action-Loading {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.Page-Table-Action-Loading--backgroundColor-white {
  background-image: url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///zc1NdjY2Pr6+ubm5sDAwOzs7KalpdPT07GwsODf37q5uc3MzPT09JOSkp+fn8fGxoiHhwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAHAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQABwABACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAAHAAIALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQABwADACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkEAAcABAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAAHAAUALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAAHAAYALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkEAAcABwAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAAHAAgALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAAHAAkALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkEAAcACgAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAAHAAsALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==);
}
.Page-Table-Action-Loading--backgroundColor-gray4 {
  background-image: url(data:image/gif;base64,R0lGODlhGAAYAPQAAMzMzAAAAKWlpcjIyLOzs42Njbq6unJycqCgoH19fa2trYaGhpqamsLCwl5eXmtra5OTk1NTUwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAHAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQABwABACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAAHAAIALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQABwADACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkEAAcABAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAAHAAUALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAAHAAYALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkEAAcABwAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAAHAAgALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAAHAAkALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkEAAcACgAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAAHAAsALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==);
}
.Page-Data {
  width: 100%;
}
.Page-Data-caption {
  font-size: 22px;
  text-align: center;
  padding: 10px 0;
}
.Page-Data-SectionHeader-cell {
  font-size: 18px;
  text-align: center;
  padding: 5px 0;
}
.Page-Data-Header {
  white-space: nowrap;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: normal;
  text-align: right;
  padding: 2px 10px 2px 0;
}
.Page-Data-Cell {
  padding: 2px 0;
  width: 100%;
}
.Page-Data-CellEdit {
  margin-left: 20px;
}
.Page-Caption--pad {
  padding: 0 20px;
}
.Page-Caption-caption {
  font-size: 22px;
}
.Page-Caption-caption--pad {
  padding: 0 20px;
}
.Page-Caption-content {
  white-space: pre-wrap;
}
.Page-Caption-content--placeholder {
  font-style: italic;
}
.Page-Section {
  padding: 10px 0;
}
.Page-Section-title {
  line-height: 40px;
  font-size: 22px;
}
.Page-Section-hint {
  font-style: italic;
  font-size: 70%;
}
.Page-Section--small {
  padding: 9px 0;
  border-top: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  background-color: #f4f5f7;
}
.Page-Section--small .Page-Section-title {
  line-height: 30px;
  font-size: 18px;
}
.Page-SectionCard {
  border: 1px solid #969DA6;
}
.Page-SectionCard .Page-SectionCard-header {
  padding: 9px 0;
  border-bottom: 1px solid #969DA6;
}
.Page-SectionCard .Page-SectionCard-header-title {
  line-height: 30px;
}
.Page-Alert {
  padding: 10px;
  border-top: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  background-color: #f4f5f7;
}
.Page-Alert p {
  font-size: 18px;
  line-height: 40px;
}
.Page-Alert strong {
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
}
.Page-LoadingAlert {
  padding: 10px 20px;
  border-top: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  background-color: #f4f5f7;
}
.Page-LoadingAlert .Page-LoadingAlert-loading {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  background-image: url(data:image/gif;base64,R0lGODlhGAAYAPQAAPT19wAAAMXGyPDx89fY2ampq97f4YiIisDAwpWWl8/Q0qGio7i5uujp63FxcoCBgrCxsmNkZQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAHAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQABwABACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAAHAAIALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQABwADACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkEAAcABAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAAHAAUALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAAHAAYALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkEAAcABwAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAAHAAgALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAAHAAkALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkEAAcACgAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAAHAAsALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.Page-LoadingAlert p {
  padding: 10px 0;
  font-size: 18px;
}
.Page-LoadingAlert--noBorder {
  border-top-width: 0px;
}
.Page-LoadingAlert--subtle {
  background-color: #ffffff;
}
.Page-LoadingAlert--subtle p {
  font-size: 16px;
}
.Page-SelectionSpan {
  display: inline-block;
  padding: 5px;
  border: 1px solid #969DA6;
  background-color: #f4f5f7;
  color: #000000;
}
.Page-OrderedList {
  margin: 20px 0 20px 40px;
  list-style-type: decimal;
}
.Page-OrderedList-Item {
  margin: 10px 0;
}
.Page-OrderedList-Item p {
  margin-bottom: 10px;
}
.Page-OrderedList-Item em {
  font-style: italic;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CheckboxInput {
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: fit-content;
  height: fit-content;
  cursor: pointer;
  background-color: #ffffff;
}
.CheckboxInput--horizontal {
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}
.CheckboxInput--horizontal--reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.CheckboxInput--vertical {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.CheckboxInput--vertical--reverse {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.CheckboxInput-checkbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CheckboxInput-checkbox--11 {
  height: 15px;
  width: 15px;
  min-height: 15px;
  min-width: 15px;
}
.CheckboxInput-checkbox--13 {
  height: 17px;
  width: 17px;
  min-height: 17px;
  min-width: 17px;
}
.CheckboxInput-checkbox--16 {
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
}
.CheckboxInput-checkbox--18 {
  height: 22px;
  width: 22px;
  min-height: 22px;
  min-width: 22px;
}
.CheckboxInput-checkbox--26 {
  height: 30px;
  width: 30px;
  min-height: 30px;
  min-width: 30px;
}
.CheckboxInput-checkbox--primary {
  border: 2px solid #D6D9DD;
}
.CheckboxInput-checkbox--primary.CheckboxInput-checkbox--selected {
  border: 2px solid #FF4E00;
  background-color: #FF4E00;
}
.CheckboxInput-checkbox--black {
  border: 2px solid #2F353E;
}
.CheckboxInput-checkbox--black.CheckboxInput-checkbox--selected {
  border: 2px solid #2F353E;
  background-color: #2F353E;
}
.CheckboxInput-checkbox--gray {
  border: 2px solid #BEC3CA;
}
.CheckboxInput-checkbox--gray.CheckboxInput-checkbox--selected {
  border: 2px solid #BEC3CA;
  background-color: #BEC3CA;
}
.CheckboxInput-checkbox--green {
  border: 2px solid #00A54D;
}
.CheckboxInput-checkbox--green.CheckboxInput-checkbox--selected {
  border: 2px solid #00A54D;
  background-color: #00A54D;
}
.CheckboxInput-checkbox--blue {
  border: 2px solid #508CD9;
}
.CheckboxInput-checkbox--blue.CheckboxInput-checkbox--selected {
  border: 2px solid #508CD9;
  background-color: #508CD9;
}
.CheckboxInput-checkbox--mitigation {
  border: 2px solid #00ad99;
}
.CheckboxInput-checkbox--mitigation.CheckboxInput-checkbox--selected {
  border: 2px solid #00ad99;
  background-color: #00ad99;
}
.CheckboxInput-checkbox--moisture {
  border: 2px solid #407dfe;
}
.CheckboxInput-checkbox--moisture.CheckboxInput-checkbox--selected {
  border: 2px solid #407dfe;
  background-color: #407dfe;
}
.CheckboxInput-checkbox--contents {
  border: 2px solid #fa4d00;
}
.CheckboxInput-checkbox--contents.CheckboxInput-checkbox--selected {
  border: 2px solid #fa4d00;
  background-color: #fa4d00;
}
.CheckboxInput-checkbox--checklists {
  border: 2px solid #D6D9DD;
}
.CheckboxInput-checkbox--checklists.CheckboxInput-checkbox--selected {
  border: 2px solid #00A54D;
  background-color: #00A54D;
}
.CheckboxInput-checkbox--rebuild {
  border: 2px solid #333333;
}
.CheckboxInput-checkbox--rebuild.CheckboxInput-checkbox--selected {
  border: 2px solid #333333;
  background-color: #333333;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ActionText {
  cursor: pointer;
  position: relative;
  font-size: 19px;
}
body .ActionText--primary {
  color: #6E7D91;
}
body .ActionText--primary ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--primary {
  color: #6E7D91;
}
body.hasHover .ActionText--primary ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--primary:hover {
  color: #FF4E00;
}
body.hasHover .ActionText--primary:hover ~ none {
  color: #FF4E00;
}
body.hasHover .ActionText--primary:active {
  top: 2px;
  color: #FF4E00;
}
body.hasHover .ActionText--primary:active ~ none {
  top: 2px;
  color: #FF4E00;
}
body .ActionText--cancel {
  color: #2F353E;
}
body .ActionText--cancel ~ none {
  color: #2F353E;
}
body.hasHover .ActionText--cancel {
  color: #2F353E;
}
body.hasHover .ActionText--cancel ~ none {
  color: #2F353E;
}
body.hasHover .ActionText--cancel:hover {
  color: #2F353E;
}
body.hasHover .ActionText--cancel:hover ~ none {
  color: #2F353E;
}
body.hasHover .ActionText--cancel:active {
  top: 2px;
  color: #2F353E;
}
body.hasHover .ActionText--cancel:active ~ none {
  top: 2px;
  color: #2F353E;
}
body .ActionText--neutral {
  color: #6E7D91;
}
body .ActionText--neutral ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--neutral {
  color: #6E7D91;
}
body.hasHover .ActionText--neutral ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--neutral:hover {
  color: #2F353E;
}
body.hasHover .ActionText--neutral:hover ~ none {
  color: #2F353E;
}
body.hasHover .ActionText--neutral:active {
  top: 2px;
  color: #2F353E;
}
body.hasHover .ActionText--neutral:active ~ none {
  top: 2px;
  color: #2F353E;
}
body .ActionText--delete {
  color: #6E7D91;
}
body .ActionText--delete ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--delete {
  color: #6E7D91;
}
body.hasHover .ActionText--delete ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--delete:hover {
  color: #DD2229;
}
body.hasHover .ActionText--delete:hover ~ none {
  color: #DD2229;
}
body.hasHover .ActionText--delete:active {
  top: 2px;
  color: #DD2229;
}
body.hasHover .ActionText--delete:active ~ none {
  top: 2px;
  color: #DD2229;
}
body .ActionText--edit {
  color: #6E7D91;
}
body .ActionText--edit ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--edit {
  color: #6E7D91;
}
body.hasHover .ActionText--edit ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--edit:hover {
  color: #508CD9;
}
body.hasHover .ActionText--edit:hover ~ none {
  color: #508CD9;
}
body.hasHover .ActionText--edit:active {
  top: 2px;
  color: #508CD9;
}
body.hasHover .ActionText--edit:active ~ none {
  top: 2px;
  color: #508CD9;
}
body .ActionText--save {
  color: #6E7D91;
}
body .ActionText--save ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--save {
  color: #6E7D91;
}
body.hasHover .ActionText--save ~ none {
  color: #6E7D91;
}
body.hasHover .ActionText--save:hover {
  color: #00A54D;
}
body.hasHover .ActionText--save:hover ~ none {
  color: #00A54D;
}
body.hasHover .ActionText--save:active {
  top: 2px;
  color: #00A54D;
}
body.hasHover .ActionText--save:active ~ none {
  top: 2px;
  color: #00A54D;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Tooltip {
  position: absolute;
  z-index: 400;
  background-color: #ffffff;
  color: #2F353E;
  text-align: left;
  padding: 8px;
  border-radius: 6px;
  border: 2px solid #D6D9DD;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.Tooltip--down,
.Tooltip--up {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Tooltip--right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.Tooltip--down.Tooltip--showArrow {
  margin-top: 10px;
}
.Tooltip--down.Tooltip--showArrow:before,
.Tooltip--down.Tooltip--showArrow:after {
  bottom: 100%;
}
.Tooltip--down.Tooltip--showArrow:after {
  border-color: transparent transparent #ffffff transparent;
}
.Tooltip--down.Tooltip--showArrow:before {
  border-color: transparent transparent #D6D9DD transparent;
}
.Tooltip--down.Tooltip--showArrow:before,
.Tooltip--down.Tooltip--showArrow:after {
  content: " ";
  left: 50%;
  position: absolute;
  border-style: solid;
}
.Tooltip--down.Tooltip--showArrow:after {
  margin-left: -7px;
  border-width: 7px;
}
.Tooltip--down.Tooltip--showArrow:before {
  margin-left: -10px;
  border-width: 10px;
}
.Tooltip--up.Tooltip--showArrow {
  margin-bottom: 10px;
}
.Tooltip--up.Tooltip--showArrow:before,
.Tooltip--up.Tooltip--showArrow:after {
  top: 100%;
}
.Tooltip--up.Tooltip--showArrow:after {
  border-color: #ffffff transparent transparent transparent;
}
.Tooltip--up.Tooltip--showArrow:before {
  border-color: #D6D9DD transparent transparent transparent;
}
.Tooltip--up.Tooltip--showArrow:before,
.Tooltip--up.Tooltip--showArrow:after {
  content: " ";
  left: 50%;
  position: absolute;
  border-style: solid;
}
.Tooltip--up.Tooltip--showArrow:after {
  margin-left: -7px;
  border-width: 7px;
}
.Tooltip--up.Tooltip--showArrow:before {
  margin-left: -10px;
  border-width: 10px;
}
.Tooltip-widthSetter {
  visibility: hidden;
  white-space: nowrap;
  max-width: 370px;
  height: 0;
}
.TooltipWrapper--tooltipHidden,
.HorizontalTooltipWrapper--tooltipHidden {
  display: none;
}
.TooltipWrapper--tooltipVisible,
.HorizontalTooltipWrapper--tooltipVisible {
  position: relative;
}
.HorizontalTooltipWrapper--tooltipVisible {
  display: inline;
}
.HelpTooltip {
  cursor: pointer;
}
.HelpTooltip-symbol {
  line-height: 1;
  vertical-align: top;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CardTitle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.CardTitle-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 23px;
  letter-spacing: -0.5px;
  color: #2F353E;
  height: 35px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.PrimaryTitle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.PrimaryTitle-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 23px;
  letter-spacing: -0.5px;
  color: #2F353E;
  height: 35px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.Subtitle {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
.Subtitle-subtitle {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #6E7D91;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.Subtitle-subtitle--bold {
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #2F353E;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.BaseModal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500;
  background: #2f353e;
  background: rgba(47, 53, 62, 0.9);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.BaseModal-backdrop--floating {
  padding: 32px;
}
.BaseModal-backdrop--floatingWelcome {
  padding: 32px;
  -webkit-justify-content: center;
  justify-content: center;
}
.BaseModal-backdrop--floatingFullHeight {
  padding: 32px;
}
.BaseModal-backdrop--fullscreen {
  padding: 0;
}
.BaseModal-backdrop--fullscreenWithNav {
  background-color: #2F353E;
}
.BaseModal-backdrop--floatingFullWidth {
  padding: 16px;
}
.BaseModal-wrapper {
  border-radius: 8px;
  overflow: hidden;
}
.BaseModal-header,
.BaseModal-footer,
.BaseModal-preFooter {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  background-color: #ffffff;
}
.BaseModal-welcomeModalWrapper {
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.BaseModal-welcomeModalWrapper > .BaseModal-header {
  background-color: #F4F5F6;
}
.BaseModal-backdrop > .BaseModal-header {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.BaseModal-backdrop > .BaseModal-footer {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.BaseModal-body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  background-color: #ffffff;
  position: relative;
}
.BaseModal-body--scroll {
  overflow: auto;
}
.BaseModal-header--dropshadow {
  z-index: 1;
  -webkit-box-shadow: 0 4px rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 0 4px rgba(47, 53, 62, 0.05);
  box-shadow: 0 4px rgba(47, 53, 62, 0.05);
}
.BaseModal-footer--dropshadow {
  z-index: 1;
  -webkit-box-shadow: 0 -4px rgba(47, 53, 62, 0.05);
  -moz-box-shadow: 0 -4px rgba(47, 53, 62, 0.05);
  box-shadow: 0 -4px rgba(47, 53, 62, 0.05);
}
.BaseModal-backdrop--fullscreen > .BaseModal-body {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.BaseModal-backdrop--floatingFullHeight > .BaseModal-body {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.BaseModal-backdrop--fullscreenWithNav > .BaseModal-body {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.BaseModal-backdrop--floatingFullWidth > .BaseModal-body {
  flex-grow: 1;
}
.BaseModal-navLeft {
  position: absolute;
  left: 16px;
  top: calc(50% - 16px);
}
.BaseModal-navRight {
  position: absolute;
  right: 16px;
  top: calc(50% - 16px);
}
.BaseModal-navClose {
  position: absolute;
  right: 16px;
  top: 16px;
  margin: 0 10px;
}
.SimpleModal-header {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 23px;
  letter-spacing: -0.5px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SimpleModal-header-title {
  flex-grow: 1;
}
.SimpleModal-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.InnerBasePlusModal-header,
.ViewerModal-header,
.LoadingViewerModal-header {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 23px;
  letter-spacing: -0.5px;
  padding: 16px;
  border-bottom: 2px solid #F4F5F6;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.InnerBasePlusModal-header-top,
.ViewerModal-header-top,
.LoadingViewerModal-header-top {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.InnerBasePlusModal-header-top-title,
.ViewerModal-header-top-title,
.LoadingViewerModal-header-top-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
}
.InnerBasePlusModal-header-top-title-text,
.ViewerModal-header-top-title-text,
.LoadingViewerModal-header-top-title-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.InnerBasePlusModal-header-top-actions,
.ViewerModal-header-top-actions,
.LoadingViewerModal-header-top-actions {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.InnerBasePlusModal-header-top-actions-action:not(:last-child),
.ViewerModal-header-top-actions-action:not(:last-child),
.LoadingViewerModal-header-top-actions-action:not(:last-child) {
  margin-right: 16px;
}
.InnerBasePlusModal-header-subtitle,
.ViewerModal-header-subtitle,
.LoadingViewerModal-header-subtitle {
  color: #6E7D91;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.InnerBasePlusModal-container--grow,
.ViewerModal-container--grow,
.LoadingViewerModal-container--grow {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.InnerBasePlusModal-container--positionRelative,
.ViewerModal-container--positionRelative,
.LoadingViewerModal-container--positionRelative {
  position: relative;
}
.InnerBasePlusModal-container-overlay,
.ViewerModal-container-overlay,
.LoadingViewerModal-container-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  background-color: white;
  z-index: 1;
}
.InnerBasePlusModal-footer,
.ViewerModal-footer,
.LoadingViewerModal-footer {
  padding: 16px;
  border-top: 2px solid #F4F5F6;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 29.2px;
}
.InnerBasePlusModal-footer--singleButton,
.ViewerModal-footer--singleButton,
.LoadingViewerModal-footer--singleButton {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.InnerBasePlusModal-footer--multipleButtons,
.ViewerModal-footer--multipleButtons,
.LoadingViewerModal-footer--multipleButtons {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.InnerBasePlusModal-footer-actions,
.ViewerModal-footer-actions,
.LoadingViewerModal-footer-actions {
  display: -webkit-flex;
  display: flex;
}
.InnerBasePlusModal-footer-actions-action:not(:last-child),
.ViewerModal-footer-actions-action:not(:last-child),
.LoadingViewerModal-footer-actions-action:not(:last-child) {
  margin-right: 16px;
}
.InnerBasePlusModal-loadingContainer,
.ViewerModal-loadingContainer,
.LoadingViewerModal-loadingContainer {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.InnerBasePlusModal-loadingContainer-spinner,
.ViewerModal-loadingContainer-spinner,
.LoadingViewerModal-loadingContainer-spinner {
  height: 100px;
  width: 100px;
}
.InnerBasePlusModal-alert {
  padding: 16px;
  border-bottom: 2px solid #F4F5F6;
  background-color: #FFFFE4;
}
.ViewerModal-container {
  height: 100%;
}
.ViewerModal-errorBoundary {
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.Modal-footerMessage {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding-right: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.Modal-footerMessage--info {
  color: #FF4E00;
}
.Modal-footerMessage--error {
  color: #DD2229;
}
.Modal-footerMessage--neutral {
  color: #6E7D91;
}
.Modal-footerMessage-icon {
  display: inline-flex;
  padding-right: 4px;
}
.Modal-footerMessage-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  white-space: normal;
}
.Modal-BaseSection {
  border-top: 1px solid #D6D9DD;
  background-color: #ffffff;
}
.Modal-BaseSection:first-child {
  border-top-width: 0px;
}
.Modal-BaseSection-body {
  padding: 16px;
}
.Modal-Section-header {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 2px solid #F4F5F6;
  padding: 16px;
}
.Modal-Section-header-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.Modal-Section-header-top-title {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 19px;
  letter-spacing: -0.25px;
}
.Modal-Section-header-top-error {
  padding-left: 4px;
  font-size: 14px;
  color: #DD2229;
}
.Modal-Section-header-subtitle {
  padding-top: 4px;
  font-size: 14px;
  color: #6E7D91;
}
.Modal-Section-header-actions {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.Modal-Section-header-actions-action {
  margin-left: 16px;
}
.InnerDialog-header {
  padding: 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 2px solid #F4F5F6;
}
.InnerDialog-header-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 23px;
  font-weight: bold;
}
.InnerDialog-header--simple {
  text-align: center;
  border: none;
}
.InnerDialog-body {
  font-size: 19px;
  color: #6E7D91;
  white-space: normal;
  padding: 16px 16px 48px;
  border-bottom: 1px solid #D6D9DD;
}
.Dialog-footer {
  padding: 16px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.Dialog-footer-button {
  padding-left: 16px;
}
.MediaAdderModal,
.MediaUppickModal {
  padding: 16px;
}
.DestructiveDialog-text {
  white-space: pre-wrap;
}
.RadioButtonOptionsDialog {
  color: #2F353E;
}
.RadioButtonOptionsDialog-bold {
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: 700;
}
.RadioButtonOptionsDialog-options {
  margin: 16px 0;
}
.RadioButtonOptionsDialog-options-option {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 32px 0;
  cursor: pointer;
}
.RadioButtonOptionsDialog-options-option-radioButton {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  padding-right: 16px;
}
.RadioButtonOptionsDialog-options-option-description {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  white-space: pre-line;
}
.LoadingDialog-spinner {
  height: 40px;
  width: 40px;
}
.AdditionalTitleInfo {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
  margin-top: 16px;
}
.AdditionalTitleInfo-entry {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: var(--chakra-fontSizes-lg);
}
.AdditionalTitleInfo-entry--error {
  color: var(--chakra-colors-error-500);
}
.AdditionalTitleInfo-entry--complete {
  color: var(--chakra-colors-shades-500);
}
.AdditionalTitleInfo-entry--complete .AdditionalTitleInfo-entry-icon {
  color: var(--chakra-colors-success-500);
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.HermesAlienese-fileInput {
  opacity: 0;
}
.HermesAlienese-fileLabel {
  border-radius: 4px;
  border-style: solid;
  border-width: 4px;
  background-color: #F4F5F6;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin: 16px;
  padding: 16px;
}
.HermesAlienese-container {
  text-align: center;
}
.HermesAlienese-buttonContainer {
  margin: 30px;
}
.HermesAlienese-button {
  margin: 16px;
}
.HermesAlienese-instructions {
  margin: 16px;
  white-space: pre-line;
}
.HermesAlienese-message {
  margin: 16px;
}
.HermesAlienese-error {
  color: #DD2229;
}
.HermesAlienese-success {
  color: #00A54D;
}
.HermesExtra-alienese-title,
.HermesExtra-docOptions-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.HermesExtra-docOptions-title {
  margin-top: 15px;
}
.HermesExtraOptions-container {
  text-align: center;
}
.HermesExtraOptions-row {
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  width: 26em;
}
.HermesExtraOptions-content {
  display: -webkit-flex;
  display: flex;
  margin: 10px;
  -webkit-align-items: center;
  align-items: center;
}
.HermesExtraOptions-content-checkbox-label {
  margin-left: 6px;
}
.HermesExtraOptions-content-label {
  margin-right: 15px;
  width: 125px;
  text-align: right;
}
.HermesExtraOptions-content--checkbox {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  margin-bottom: 0px;
}
.HermesExtraOptions-element {
  width: 231px;
}

.Input-HermesRender {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAIAAABLixI0AAAAOElEQVQ4y2N4Qz3AAMSfP73DJCEIPxuNZBh112Bz14cPEISPjdVdg9Ws0fAaDa8hHF6j5dcQcxcA3DHODs/IAR8AAAAASUVORK5CYII=);
  overflow: auto;
}
.Input-HermesRender-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #969DA6;
}
.Input-HermesRender-header-options {
  border-left: 1px solid #969DA6;
  border-right: 1px solid #969DA6;
  height: 60px;
}
.Input-HermesRender-header-title {
  margin-left: 20px;
  margin-right: 20px;
  max-height: 60px;
}
.Input-HermesRender-content {
  position: absolute;
  top: 61px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.Input-HermesRender-Tab {
  display: block;
  line-height: 40px;
  height: 40px;
  padding: 10px 20px 0 20px;
}
body .Input-HermesRender-Tab,
body.hasHover .Input-HermesRender-Tab {
  color: #000000;
  border-bottom: 10px solid #969DA6;
}
body.hasHover .Input-HermesRender-Tab:hover {
  color: #fa4d00;
  border-bottom-color: #fa4d00;
}
body .Input-HermesRender-Tab.active,
body.hasHover .Input-HermesRender-Tab.active {
  color: #ffffff;
  background-color: #fa4d00;
  border-bottom-color: #c73d00;
}
body.hasHover .Input-HermesRender-Tab.active:hover {
  color: #ffffff;
  background-color: #fa4d00;
  border-bottom-color: #c73d00;
}

.Input-HermesRender-ParagraphEditor {
  border: 1px solid #969DA6;
}
.Input-HermesRender-ParagraphEditor--alignleft .public-DraftStyleDefault-block {
  text-align: left;
}
.Input-HermesRender-ParagraphEditor--aligncenter .public-DraftStyleDefault-block {
  text-align: center;
}
.Input-HermesRender-ParagraphEditor--alignright .public-DraftStyleDefault-block {
  text-align: right;
}
.Input-HermesRender-ParagraphEditor-toolbar {
  background-color: #f4f5f7;
  position: relative;
  height: 30px;
}
.Input-HermesRender-ParagraphEditor-toolbar-align {
  position: absolute;
  top: 0;
  left: 0;
}
.Input-HermesRender-ParagraphEditor-toolbar-align > * {
  vertical-align: top;
}
.Input-HermesRender-ParagraphEditor-toolbar-inline {
  position: absolute;
  top: 0;
  right: 0;
}
.Input-HermesRender-ParagraphEditor-toolbar-inline > * {
  vertical-align: top;
}
.Input-HermesRender-ParagraphEditor-toolbar-inline-fontSize {
  display: inline-block;
  width: 70px;
}
.Input-HermesRender-ParagraphEditor-editor {
  border-top: 1px solid #969DA6;
}
.Input-HermesRender-ParagraphEditor-editor .DraftEditor-root {
  padding: 5px;
}
.Input-HermesRender-ParagraphEditor-Ref {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #d6f9e5;
  border: 1px solid #32e37f;
}
.Input-HermesRender-ParagraphEditor-RefInvalid {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #fddddd;
  border: 1px solid #f55656;
}
.Input-HermesRender-ParagraphEditor-Zoidberg {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #daebff;
  border: 1px solid #479dff;
}
.Input-HermesRender-ParagraphEditor-Hyperlink {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #daebff;
  border: 1px solid #479dff;
}

.Input-HermesRender-ScopeExpander-EntryRenderer-listRenderExtra {
  border: 1px solid #969DA6;
}
.Input-HermesRender-ScopeExpander-EntryRenderer-listRenderExtra-container {
  padding: 10px;
}
.Input-HermesRender-ScopeExpander-EntryRenderer-atomicRenderExtra {
  border-left: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  border-right: 1px solid #969DA6;
}
.Input-HermesRender-ScopeExpander-Ui-Label {
  line-height: 28px;
  height: 28px;
  border-top: 1px solid #969DA6;
  background-color: #f4f5f7;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  text-align: center;
}
.Input-HermesRender-ScopeExpander-Ui-Field {
  background-color: #f4f5f7;
  padding: 10px;
}

.Input-HermesRender-AddRefModal-Editor {
  padding-top: 10px;
}
.Input-HermesRender-AddRefModal-Editor-list {
  border: 1px solid #969DA6;
}
.Input-HermesRender-AddRefModal-Editor-list-container {
  padding: 0 10px;
}
.Input-HermesRender-AddRefModal-Editor-list-optionTitle {
  line-height: 28px;
  height: 28px;
  border-top: 1px solid #969DA6;
  background-color: #f4f5f7;
  font-size: 14px;
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: bold;
  color: #747980;
  text-align: center;
}
.Input-HermesRender-AddRefModal-Editor-list-options {
  background-color: #f4f5f7;
  padding: 10px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.LabelHighlight {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  margin-left: 4px;
}
.LabelHighlight--error {
  color: #DD2229;
}
.RawInputLabel {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #6E7D91;
  display: flex;
  align-items: flex-end;
}
.RawInputLabel-tooltip--showHighlight {
  margin-left: 4px;
}
.RawInputLabel-actions {
  text-transform: none;
  margin-left: auto;
}
.RawInputLabel--uppercase {
  text-transform: uppercase;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.InputLayoutFieldSet > .RawInputLayoutField:first-child {
  margin-top: 0;
}
.InputLayoutFieldSet > .InputLayoutMultiFieldRow:first-child > .InputLayoutMultiFieldRow-field > .RawInputLayoutField {
  margin-top: 0;
}
.InputLayoutFieldSet--flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.RawInputLayoutField--slack {
  margin-top: 16px;
}
.RawInputLayoutField--compact {
  margin-top: 0;
}
.RawInputLayoutField--horizontal {
  display: flex;
  flex-direction: row;
}
.RawInputLayoutField--horizontal > .RawInputLayoutField-label {
  margin-bottom: 0;
}
.RawInputLayoutField--horizontal.RawInputLayoutField--reverse {
  flex-direction: row-reverse;
}
.RawInputLayoutField--vertical {
  display: flex;
  flex-direction: column;
}
.RawInputLayoutField--vertical.RawInputLayoutField--reverse {
  flex-direction: column-reverse;
}
.RawInputLayoutField--align-start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.RawInputLayoutField .RawInputLayoutField {
  margin-top: 0;
}
.RawInputLayoutField-label {
  margin-bottom: 8px;
}
.RawInputLayoutField--grow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.RawInputLayoutField--grow > .RawInputLayoutField-field {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.InputLayoutFieldPlaceholder {
  font-style: italic;
  text-align: center;
}
.InputLayoutSeparator {
  margin: 16px 0;
  height: 1px;
  background-color: #2F353E;
}
.InputLayoutForm {
  position: relative;
}
.InputLayoutForm-submit {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.InputLayoutMultiFieldRow {
  display: -webkit-flex;
  display: flex;
}
.InputLayoutMultiFieldRow-field {
  margin-right: 16px;
}
.InputLayoutMultiFieldRow-field:last-child {
  margin-right: 0;
}

.TooltipField {
  font-weight: bold;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CheckButtonSetInput {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -16px;
  margin-left: -16px;
}
.CheckButtonSetInput-entry {
  margin-top: 16px;
  margin-left: 16px;
}
.CheckButtonSetInput-empty {
  padding-top: 4px;
  color: #6E7D91;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.SymbolicDateInput-buttons {
  padding-left: 16px;
  padding-bottom: 16px;
  display: -webkit-flex;
  display: flex;
}
.SymbolicDateInput-buttons-button {
  padding-right: 16px;
  height: 40px;
  width: 130px;
}
.SymbolicDateInputPicker {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary {
  min-width: 284px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager {
  display: -webkit-flex;
  display: flex;
  padding: 16px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  height: 36px;
  width: 36px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow {
  cursor: pointer;
  background-color: #F4F5F6;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow:hover {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow:hover ~ none {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow:active ~ none {
  background-color: #d8dcdf;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-arrow--hidden {
  visibility: hidden;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title {
  height: 36px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  margin: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable {
  border-radius: 4px;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable {
  cursor: pointer;
  background-color: #F4F5F6;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable:hover {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable:hover ~ none {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .DateInputPickerPager-title--clickable:active ~ none {
  background-color: #d8dcdf;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid {
  box-sizing: content-box;
  width: 280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 66px;
  height: 66px;
  margin: 2px;
  border-radius: 4px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled {
  cursor: pointer;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled:hover {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled:hover ~ none {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--enabled:active ~ none {
  background-color: #d8dcdf;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled:hover {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled:hover ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled:active {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-monthGrid-month--disabled:active ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid {
  box-sizing: content-box;
  width: 280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-daySymbolRow {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 16px;
  color: #BEC3CA;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-daySymbolRow-daySymbol {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  height: 10px;
  width: 36px;
  margin: 2px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-notCurrentMonth {
  color: #D6D9DD;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 36px;
  height: 26px;
  margin: 2px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-notCurrentMonth--enabled {
  cursor: pointer;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 36px;
  height: 26px;
  margin: 2px;
  border-radius: 4px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled {
  cursor: pointer;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled:hover {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled:hover ~ none {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--enabled:active ~ none {
  background-color: #d8dcdf;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled:hover {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled:hover ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled:active {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--disabled:active ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--isToday {
  color: #FF4E00;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight {
  cursor: default;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight {
  background-color: #FF4E00;
  color: #ffffff;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight ~ none {
  background-color: #FF4E00;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight {
  background-color: #FF4E00;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight ~ none {
  background-color: #FF4E00;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight:hover {
  background-color: #FF4E00;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight:hover ~ none {
  background-color: #FF4E00;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight:active {
  background-color: #FF4E00;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--primary .SymbolicDateInputPicker-dayGrid-day--highlight:active ~ none {
  background-color: #FF4E00;
  color: #ffffff;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture {
  min-width: 284px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager {
  display: -webkit-flex;
  display: flex;
  padding: 16px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  height: 36px;
  width: 36px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow {
  cursor: pointer;
  background-color: #F4F5F6;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow:hover {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow:hover ~ none {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow:active ~ none {
  background-color: #d8dcdf;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-arrow--hidden {
  visibility: hidden;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title {
  height: 36px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  margin: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable {
  border-radius: 4px;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable {
  cursor: pointer;
  background-color: #F4F5F6;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable ~ none {
  cursor: pointer;
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable:hover {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable:hover ~ none {
  background-color: #c8ccd1;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .DateInputPickerPager-title--clickable:active ~ none {
  background-color: #d8dcdf;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid {
  box-sizing: content-box;
  width: 280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 66px;
  height: 66px;
  margin: 2px;
  border-radius: 4px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled {
  cursor: pointer;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled:hover {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled:hover ~ none {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--enabled:active ~ none {
  background-color: #d8dcdf;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled:hover {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled:hover ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled:active {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-monthGrid-month--disabled:active ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid {
  box-sizing: content-box;
  width: 280px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 16px;
  padding-left: 16px;
  padding-bottom: 16px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-daySymbolRow {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 16px;
  color: #BEC3CA;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-daySymbolRow-daySymbol {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  height: 10px;
  width: 36px;
  margin: 2px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-notCurrentMonth {
  color: #D6D9DD;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 36px;
  height: 26px;
  margin: 2px;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-notCurrentMonth--enabled {
  cursor: pointer;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  width: 36px;
  height: 26px;
  margin: 2px;
  border-radius: 4px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled {
  cursor: pointer;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled ~ none {
  cursor: pointer;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled:hover {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled:hover ~ none {
  background-color: #F4F5F6;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled:active {
  background-color: #d8dcdf;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--enabled:active ~ none {
  background-color: #d8dcdf;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled:hover {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled:hover ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled:active {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--disabled:active ~ none {
  background-color: #F4F5F6;
  color: #BEC3CA;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--isToday {
  color: #407dfe;
}
.SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight {
  cursor: default;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight {
  background-color: #407dfe;
  color: #ffffff;
}
body .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight ~ none {
  background-color: #407dfe;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight {
  background-color: #407dfe;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight ~ none {
  background-color: #407dfe;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight:hover {
  background-color: #407dfe;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight:hover ~ none {
  background-color: #407dfe;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight:active {
  background-color: #407dfe;
  color: #ffffff;
}
body.hasHover .SymbolicDateInputPicker--desktop.SymbolicDateInputPicker--moisture .SymbolicDateInputPicker-dayGrid-day--highlight:active ~ none {
  background-color: #407dfe;
  color: #ffffff;
}
.DateInputDesktopContainer {
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
  position: absolute;
  z-index: 301;
  border: 1px solid #D6D9DD;
  border-radius: 5px;
}
.DateInputDesktopContainer--dropUp {
  top: auto;
  bottom: 40px;
}
.DateInputDesktopContainer--dropDown {
  top: 40px;
  bottom: auto;
}
.InputRow {
  position: relative;
  height: 40px;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.InputRow-input {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  color: #2F353E;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0 15px;
  resize: vertical;
}
.InputRow-arrow {
  padding-right: 8px;
  color: #2F353E;
  cursor: text;
}
body .InputRow-input--primary,
body .InputRow-arrow--primary {
  border: 0 solid #D6D9DD;
}
body .InputRow-input--primary ~ .InputRow-arrow,
body .InputRow-arrow--primary ~ .InputRow-arrow {
  border: 0 solid #D6D9DD;
}
body.hasHover .InputRow-input--primary,
body.hasHover .InputRow-arrow--primary {
  border: 0 solid #D6D9DD;
}
body.hasHover .InputRow-input--primary ~ .InputRow-arrow,
body.hasHover .InputRow-arrow--primary ~ .InputRow-arrow {
  border: 0 solid #D6D9DD;
}
body.hasHover .InputRow-input--primary:hover,
body.hasHover .InputRow-arrow--primary:hover {
  border-color: #6E7D91;
}
body.hasHover .InputRow-input--primary:hover ~ .InputRow-arrow,
body.hasHover .InputRow-arrow--primary:hover ~ .InputRow-arrow {
  border-color: #6E7D91;
}
body .InputRow-input--primary:focus,
body .InputRow-arrow--primary:focus {
  border-color: #FF4E00;
}
body .InputRow-input--primary:focus ~ .InputRow-arrow,
body .InputRow-arrow--primary:focus ~ .InputRow-arrow {
  border-color: #FF4E00;
}
body.hasHover .InputRow-input--primary:focus,
body.hasHover .InputRow-arrow--primary:focus {
  border-color: #FF4E00;
}
body.hasHover .InputRow-input--primary:focus ~ .InputRow-arrow,
body.hasHover .InputRow-arrow--primary:focus ~ .InputRow-arrow {
  border-color: #FF4E00;
}
body .InputRow-input--primary:disabled,
body .InputRow-arrow--primary:disabled,
body.hasHover .InputRow-input--primary:disabled,
body.hasHover .InputRow-arrow--primary:disabled,
body .InputRow-input--primary[disabled],
body .InputRow-arrow--primary[disabled],
body.hasHover .InputRow-input--primary[disabled],
body.hasHover .InputRow-arrow--primary[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InputRow-input--primary:disabled + .InputRow-arrow,
body .InputRow-arrow--primary:disabled + .InputRow-arrow,
body.hasHover .InputRow-input--primary:disabled + .InputRow-arrow,
body.hasHover .InputRow-arrow--primary:disabled + .InputRow-arrow,
body .InputRow-input--primary[disabled] + .InputRow-arrow,
body .InputRow-arrow--primary[disabled] + .InputRow-arrow,
body.hasHover .InputRow-input--primary[disabled] + .InputRow-arrow,
body.hasHover .InputRow-arrow--primary[disabled] + .InputRow-arrow {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InputRow-input--moisture,
body .InputRow-arrow--moisture {
  border: 0 solid #D6D9DD;
}
body .InputRow-input--moisture ~ .InputRow-arrow,
body .InputRow-arrow--moisture ~ .InputRow-arrow {
  border: 0 solid #D6D9DD;
}
body.hasHover .InputRow-input--moisture,
body.hasHover .InputRow-arrow--moisture {
  border: 0 solid #D6D9DD;
}
body.hasHover .InputRow-input--moisture ~ .InputRow-arrow,
body.hasHover .InputRow-arrow--moisture ~ .InputRow-arrow {
  border: 0 solid #D6D9DD;
}
body.hasHover .InputRow-input--moisture:hover,
body.hasHover .InputRow-arrow--moisture:hover {
  border-color: #6E7D91;
}
body.hasHover .InputRow-input--moisture:hover ~ .InputRow-arrow,
body.hasHover .InputRow-arrow--moisture:hover ~ .InputRow-arrow {
  border-color: #6E7D91;
}
body .InputRow-input--moisture:focus,
body .InputRow-arrow--moisture:focus {
  border-color: #407dfe;
}
body .InputRow-input--moisture:focus ~ .InputRow-arrow,
body .InputRow-arrow--moisture:focus ~ .InputRow-arrow {
  border-color: #407dfe;
}
body.hasHover .InputRow-input--moisture:focus,
body.hasHover .InputRow-arrow--moisture:focus {
  border-color: #407dfe;
}
body.hasHover .InputRow-input--moisture:focus ~ .InputRow-arrow,
body.hasHover .InputRow-arrow--moisture:focus ~ .InputRow-arrow {
  border-color: #407dfe;
}
body .InputRow-input--moisture:disabled,
body .InputRow-arrow--moisture:disabled,
body.hasHover .InputRow-input--moisture:disabled,
body.hasHover .InputRow-arrow--moisture:disabled,
body .InputRow-input--moisture[disabled],
body .InputRow-arrow--moisture[disabled],
body.hasHover .InputRow-input--moisture[disabled],
body.hasHover .InputRow-arrow--moisture[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .InputRow-input--moisture:disabled + .InputRow-arrow,
body .InputRow-arrow--moisture:disabled + .InputRow-arrow,
body.hasHover .InputRow-input--moisture:disabled + .InputRow-arrow,
body.hasHover .InputRow-arrow--moisture:disabled + .InputRow-arrow,
body .InputRow-input--moisture[disabled] + .InputRow-arrow,
body .InputRow-arrow--moisture[disabled] + .InputRow-arrow,
body.hasHover .InputRow-input--moisture[disabled] + .InputRow-arrow,
body.hasHover .InputRow-arrow--moisture[disabled] + .InputRow-arrow {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
.InputRow-input--opaque,
.InputRow-arrow--opaque {
  background-color: #ffffff;
}
.InputRow-input--transparent,
.InputRow-arrow--transparent {
  background: transparent;
}
.InputRow-input,
.InputRow-input ~ .InputRow-arrow {
  border-radius: 5px;
}
.InputRow-input--flatTR,
.InputRow-input ~ .InputRow-arrow--flatTR {
  border-top-right-radius: 0;
}
.InputRow-input--flatBR,
.InputRow-input ~ .InputRow-arrow--flatBR {
  border-bottom-right-radius: 0;
}
.InputRow-input--flatBL,
.InputRow-input ~ .InputRow-arrow--flatBL {
  border-bottom-left-radius: 0;
}
.InputRow-input--flatTL,
.InputRow-input ~ .InputRow-arrow--flatTL {
  border-top-left-radius: 0;
}
body .InputRow-input--borderTop,
body .InputRow-input ~ .InputRow-arrow--borderTop {
  border-top-width: 1px;
}
body .InputRow-input--borderTop ~ none,
body .InputRow-input ~ .InputRow-arrow--borderTop ~ none {
  border-top-width: 1px;
}
body.hasHover .InputRow-input--borderTop,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderTop {
  border-top-width: 1px;
}
body.hasHover .InputRow-input--borderTop ~ none,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderTop ~ none {
  border-top-width: 1px;
}
body .InputRow-input--borderRight,
body .InputRow-input ~ .InputRow-arrow--borderRight {
  border-right-width: 1px;
}
body .InputRow-input--borderRight ~ none,
body .InputRow-input ~ .InputRow-arrow--borderRight ~ none {
  border-right-width: 1px;
}
body.hasHover .InputRow-input--borderRight,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderRight {
  border-right-width: 1px;
}
body.hasHover .InputRow-input--borderRight ~ none,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderRight ~ none {
  border-right-width: 1px;
}
body .InputRow-input--borderBottom,
body .InputRow-input ~ .InputRow-arrow--borderBottom {
  border-bottom-width: 1px;
}
body .InputRow-input--borderBottom ~ none,
body .InputRow-input ~ .InputRow-arrow--borderBottom ~ none {
  border-bottom-width: 1px;
}
body.hasHover .InputRow-input--borderBottom,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderBottom {
  border-bottom-width: 1px;
}
body.hasHover .InputRow-input--borderBottom ~ none,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderBottom ~ none {
  border-bottom-width: 1px;
}
body .InputRow-input--borderLeft,
body .InputRow-input ~ .InputRow-arrow--borderLeft {
  border-left-width: 1px;
}
body .InputRow-input--borderLeft ~ none,
body .InputRow-input ~ .InputRow-arrow--borderLeft ~ none {
  border-left-width: 1px;
}
body.hasHover .InputRow-input--borderLeft,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderLeft {
  border-left-width: 1px;
}
body.hasHover .InputRow-input--borderLeft ~ none,
body.hasHover .InputRow-input ~ .InputRow-arrow--borderLeft ~ none {
  border-left-width: 1px;
}
.DateInputReveal-container {
  position: relative;
}
.DateInputReveal-container--open {
  z-index: 301;
}
.DateInputReveal-container-anchor {
  display: -webkit-flex;
  display: flex;
}
.DateInputReveal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.TimePicker {
  display: -webkit-flex;
  display: flex;
}
.TimePicker-semicolon {
  color: #2F353E;
  width: 20px;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 16px;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.AmPmButton {
  border-radius: 2px;
  padding-left: 16px;
}
.AmPmButton-clickable {
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px;
  width: 40px;
  align-items: center;
  justify-content: center;
}
.AmPmButton-clickable--notSelected {
  cursor: pointer;
}
body .AmPmButton-clickable--notSelected {
  background-color: #F4F5F6;
}
body .AmPmButton-clickable--notSelected ~ none {
  background-color: #F4F5F6;
}
body.hasHover .AmPmButton-clickable--notSelected {
  background-color: #F4F5F6;
}
body.hasHover .AmPmButton-clickable--notSelected ~ none {
  background-color: #F4F5F6;
}
body.hasHover .AmPmButton-clickable--notSelected:hover {
  background-color: #D6D9DD;
}
body.hasHover .AmPmButton-clickable--notSelected:hover ~ none {
  background-color: #D6D9DD;
}
.AmPmButton-clickable--primary.AmPmButton-clickable--isSelected {
  background-color: #FF4E00;
  color: #ffffff;
}
.AmPmButton-clickable--moisture.AmPmButton-clickable--isSelected {
  background-color: #407dfe;
  color: #ffffff;
}
.NumberCounterInput {
  display: -webkit-flex;
  display: flex;
  height: 60px;
  border-radius: 2px;
}
.NumberCounterInput-input {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 23px;
  letter-spacing: -0.5px;
  color: #2F353E;
  text-align: right;
  padding-right: 8px;
  width: 45px;
}
body .NumberCounterInput-input {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 0px 1px 1px;
}
body .NumberCounterInput-input ~ none {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 0px 1px 1px;
}
body.hasHover .NumberCounterInput-input {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 0px 1px 1px;
}
body.hasHover .NumberCounterInput-input ~ none {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 0px 1px 1px;
}
.NumberCounterInput-button {
  padding: 8px 8px 8px 0;
}
body .NumberCounterInput-button {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 1px 1px 0px;
}
body .NumberCounterInput-button ~ none {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 1px 1px 0px;
}
body.hasHover .NumberCounterInput-button {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 1px 1px 0px;
}
body.hasHover .NumberCounterInput-button ~ none {
  border-style: solid;
  border-color: #D6D9DD;
  border-width: 1px 1px 1px 0px;
}
.NumberCounterInput-button-clickable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0px 8px;
  line-height: 20px;
}
body .NumberCounterInput-button-clickable {
  background-color: #F4F5F6;
}
body .NumberCounterInput-button-clickable ~ none {
  background-color: #F4F5F6;
}
body.hasHover .NumberCounterInput-button-clickable {
  background-color: #F4F5F6;
}
body.hasHover .NumberCounterInput-button-clickable ~ none {
  background-color: #F4F5F6;
}
body.hasHover .NumberCounterInput-button-clickable:hover {
  background-color: #D6D9DD;
}
body.hasHover .NumberCounterInput-button-clickable:hover ~ none {
  background-color: #D6D9DD;
}
.TimePickerShimmer {
  width: 280px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.SymbolicDateTimePicker-timePicker {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.SymbolicDateTimePicker-buttons {
  padding-left: 16px;
  padding-bottom: 16px;
  display: -webkit-flex;
  display: flex;
}
.SymbolicDateTimePicker-buttons-button {
  padding-right: 16px;
  height: 40px;
  width: 130px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.DateRangeInputContainer {
  display: -webkit-flex;
  display: flex;
}
.DateRangeInputContainer--fullWidth {
  width: 100%;
}
.DateRangeInputContainer--vertical {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.DateRangeInputContainer-startDate,
.DateRangeInputContainer-endDate {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.DateRangeInputContainer-startDate--horizontal {
  padding-right: 16px;
}
.DateRangeInputContainer-startDate--vertical {
  padding-bottom: 16px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.SignatureStatusMessage {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #DD2229;
  text-align: right;
  padding-left: 8px;
}
.SignatureStatusMessage--sidePaneView {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.SignatureStatusMessage--draft {
  color: #2F353E;
  font-style: italic;
}
.SignatureStatusMessage--signed {
  color: #00A54D;
}
.SignatureStatusMessage--error {
  text-decoration: underline;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ActionList {
  display: block;
}
.ActionList:not(:first-child) {
  margin-top: 16px;
}
.ActionList-header {
  padding-bottom: 8px;
  color: var(--chakra-colors-black-100);
  font-size: 18px;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
}
.ActionList-Entry {
  padding: 0 16px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
}
.ActionList-Entry:not(:last-child) {
  margin-bottom: 8px;
}
body .ActionList-Entry--old {
  background-color: #F4F5F6;
}
body .ActionList-Entry--old ~ none {
  background-color: #F4F5F6;
}
body.hasHover .ActionList-Entry--old {
  background-color: #F4F5F6;
}
body.hasHover .ActionList-Entry--old ~ none {
  background-color: #F4F5F6;
}
body.hasHover .ActionList-Entry--old:hover {
  background-color: #f2f2f2;
}
body.hasHover .ActionList-Entry--old:hover ~ none {
  background-color: #f2f2f2;
}
body.hasHover .ActionList-Entry--old:active {
  background-color: #e6e6e6;
}
body.hasHover .ActionList-Entry--old:active ~ none {
  background-color: #e6e6e6;
}
body .ActionList-Entry--new {
  background-color: #F4F5F6;
}
body .ActionList-Entry--new ~ none {
  background-color: #F4F5F6;
}
body.hasHover .ActionList-Entry--new {
  background-color: #F4F5F6;
}
body.hasHover .ActionList-Entry--new ~ none {
  background-color: #F4F5F6;
}
body.hasHover .ActionList-Entry--new:hover {
  background-color: #D6D9DD;
}
body.hasHover .ActionList-Entry--new:hover ~ none {
  background-color: #D6D9DD;
}
.ActionList-Entry--clickable {
  cursor: pointer;
}
.ActionList-Entry--unhighlighted {
  border: 2px solid transparent;
}
.ActionList-Entry--highlighted {
  border: 2px solid #fa4d00;
}
.ActionList-Entry--compact {
  height: 48px;
}
.ActionList-Entry--medium {
  height: 75px;
}
.ActionList-Entry--slack {
  height: 92px;
}
.ActionList-Entry--assetNote {
  -webkit-align-items: baseline;
  align-items: baseline;
  min-height: 56px;
}
.ActionList-Entry-content {
  overflow: hidden;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.ActionList-Entry-content-icon {
  padding-right: 16px;
}
.ActionList-Entry-content-leftElement {
  margin-right: 16px;
}
.ActionList-Entry-content-wrapper {
  overflow: hidden;
}
.ActionList-Entry-content-wrapper-title,
.ActionList-Entry-content-wrapper-info,
.ActionList-Entry-content-wrapper-bottomText {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ActionList-Entry-content-wrapper-title {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
}
.ActionList-Entry-content-wrapper-title--black {
  color: var(--chakra-colors-black);
}
.ActionList-Entry-content-wrapper-title--blue {
  color: var(--chakra-colors-alternate-500);
}
.ActionList-Entry-content-wrapper-info,
.ActionList-Entry-content-wrapper-bottomText {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 14px;
}
.ActionList-Entry-content-wrapper-info--hasError {
  color: #DD2229;
}
.ActionList-Entry-content-wrapper-info--gray {
  color: var(--chakra-colors-shades-500);
}
.ActionList-Entry-content-wrapper-info--green {
  color: var(--chakra-colors-success-500);
}
.ActionList-Entry-content-wrapper-bottomText {
  margin-top: 4px;
  color: #2F353E;
}
.ActionList-Entry-actions {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.ActionList-Entry-actions > * {
  display: inline-block;
}
.ActionList-Entry-notice {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fa4d00;
  padding: 0 16px;
}
.ActionList-Entry .ActionList-NoteEntry {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 15px 0;
}
.ActionList-Entry .ActionList-NoteEntry-content {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #BEC3CA;
}
.ActionList-Entry .ActionList-NoteEntry-content-title {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #2F353E;
}
.ActionList-Entry .ActionList-ReplacementEntry {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 15px 0;
}
.ActionList-Entry .ActionList-ReplacementEntry-content {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #BEC3CA;
}
.ActionList-Entry .ActionList-ReplacementEntry-content-title {
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #2F353E;
}
.ActionList-DocumentEntry {
  display: flex;
  align-items: center;
  margin-right: 32px;
}
.ActionList-DocumentEntry-action {
  margin-left: 4px;
}
.ActionList-DocumentEntry > :not(:last-child) {
  margin-right: 10px;
}
.ActionList-DocumentEntryCheckBox > :not(:last-child) {
  margin-right: 10px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Pill {
  cursor: pointer;
  font-size: 16px;
  border-radius: 20px;
  padding: 4px 8px;
}
.Pill--bgColor-alt_500 {
  background-color: #508CD9;
}
.Pill--bgColor-secondary_500 {
  background-color: #01818A;
}
.Pill--bgColor-secondary_400 {
  background-color: #85ADB2;
}
.Pill--bgColor-mitigation {
  background-color: #00ad99;
}
.Pill--bgColor-contents {
  background-color: #fa4d00;
}
.Pill--bgColor-rebuild {
  background-color: #333333;
}
.Pill--bgColor-job_status {
  background-color: #333333;
}
.Pill--bgColor-moisture {
  background-color: #407dfe;
}
.Pill--bgColor-success_200 {
  background-color: #CBE2D1;
}
.Pill--bgColor-success_500 {
  background-color: #00A54D;
}
.Pill--bgColor-shade_200 {
  background-color: #D6D9DD;
}
.Pill--bgColor-caution_500 {
  background-color: #FFBE00;
}
.Pill--bgColor-black {
  background-color: #2F353E;
}
.Pill--bgColor-error_200 {
  background-color: var(--chakra-colors-error-200);
}
.Pill--white {
  color: #ffffff;
}
.Pill--success_500 {
  color: #00A54D;
}
.Pill--shade_500 {
  color: #6E7D91;
}
.Pill--error_500 {
  color: var(--chakra-colors-error-500);
}
.Pill--tiny {
  border-radius: 10px;
  padding: 2px 10px;
  line-height: 16px;
  font-size: 12px;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
}
.Pill--small {
  line-height: 17px;
  font-size: 14px;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.InfoBar {
  height: 155px;
  color: #6E7D91;
  background-color: #F4F5F6;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.LabelPill {
  background-color: #F4F5F6;
  border: 0.5px solid #6E7D91;
  border-radius: 100px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.LabelPill--focusable:hover {
  background-color: #ffffff;
}
.LabelPill--error {
  background-color: #FAE5E6;
  border-color: #F0A3A5;
}
.LabelPill-text {
  max-width: 36em;
  padding: 4px;
  cursor: default;
  color: #2F353E;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 8px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.LabelPill-text--right_space {
  margin-right: 8px;
}
.LabelPill-action {
  cursor: pointer;
  margin-right: 4px;
  margin-left: 6px;
}
.LabelPillContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 37.2px;
  max-height: 111.6px;
  overflow-y: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 12px;
}
.LabelPillContainer--condensed {
  padding-top: 0;
  padding-bottom: 0;
}
.LabelPillContainer--collapsed {
  margin-bottom: 8px;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.LabelPillContainer-item {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 8px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.MultiPillInput-labelAndContainer--multipleRows {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.MultiPillInput-label--multipleRows {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  margin-top: 16px;
  margin-right: 16px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.ExpiryDateInput-month {
  width: calc(3.1em + 8px);
  display: inline-block;
  padding-right: 4px;
}
.ExpiryDateInput-year {
  width: calc(4em + 8px);
  display: inline-block;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.MultiTextInput--firstField {
  padding-top: 0;
}
.MultiTextInput--textField {
  padding-top: 4px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.MultiTextOrderRow {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.MultiTextOrderRow--notLastField {
  padding-bottom: 4px;
}
.MultiTextOrderRow--isDragging {
  opacity: 0;
}
.MultiTextOrderRow-dragHandle {
  padding-right: 8px;
  color: #6E7D91;
  cursor: pointer;
}
.MultiTextOrderRow-dragHandle--lastField {
  visibility: hidden;
}
body .MultiTextOrderRow-dragHandle {
  color: #6E7D91;
}
body .MultiTextOrderRow-dragHandle ~ none {
  color: #6E7D91;
}
body.hasHover .MultiTextOrderRow-dragHandle {
  color: #6E7D91;
}
body.hasHover .MultiTextOrderRow-dragHandle ~ none {
  color: #6E7D91;
}
body.hasHover .MultiTextOrderRow-dragHandle:hover {
  color: #637183;
}
body.hasHover .MultiTextOrderRow-dragHandle:hover ~ none {
  color: #637183;
}
.MultiTextOrderRow-text {
  width: 100%;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CircleButton {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.CircleButton--plus {
  background-color: #00A54D;
}
.CircleButton--minus {
  background-color: #DD2229;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.MultiFieldInput-field {
  display: -webkit-flex;
  display: flex;
}
.MultiFieldInput-field:not(:last-child) {
  padding-bottom: 8px;
}
.MultiFieldInput-field-control {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 4px;
}
.MultiFieldInput-field-control--invisible {
  visibility: hidden;
}
.MultiFieldInput-field-control--firstControl {
  padding-left: 16px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.AgeInput {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.AgeInput-years {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}
.AgeInput-months {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.PasswordInput {
  position: relative;
}
.PasswordInput-input {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  height: 40px;
  width: 100%;
  margin: 0;
  padding: 0 15px;
}
.PasswordInput-input::placeholder {
  color: #6E7D91;
}
body .PasswordInput-input {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body .PasswordInput-input ~ none {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body.hasHover .PasswordInput-input {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body.hasHover .PasswordInput-input ~ none {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body.hasHover .PasswordInput-input:hover {
  border-color: #6E7D91;
}
body.hasHover .PasswordInput-input:hover ~ none {
  border-color: #6E7D91;
}
body .PasswordInput-input:focus {
  border-color: #FF4E00;
}
body .PasswordInput-input:focus ~ none {
  border-color: #FF4E00;
}
body.hasHover .PasswordInput-input:focus {
  border-color: #FF4E00;
}
body.hasHover .PasswordInput-input:focus ~ none {
  border-color: #FF4E00;
}
body .PasswordInput-input:disabled,
body.hasHover .PasswordInput-input:disabled,
body .PasswordInput-input[disabled],
body.hasHover .PasswordInput-input[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .PasswordInput-input:disabled + none,
body.hasHover .PasswordInput-input:disabled + none,
body .PasswordInput-input[disabled] + none,
body.hasHover .PasswordInput-input[disabled] + none {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
.PasswordInput-strengthBar {
  box-sizing: border-box;
  height: 2px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  transition: width 300ms ease-out;
  width: 0;
}
.PasswordInput-strengthBar--0 {
  background: #DD2229;
  width: 20%;
}
.PasswordInput-strengthBar--1 {
  background: #DD2229;
  width: 40%;
}
.PasswordInput-strengthBar--2 {
  background: #508CD9;
  width: 60%;
}
.PasswordInput-strengthBar--3 {
  background: #00A54D;
  width: 80%;
}
.PasswordInput-strengthBar--4 {
  background: #00A54D;
  width: 100%;
}
.PasswordInput-strengthDesc {
  color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.PasswordInput-strengthDesc--0 {
  color: #DD2229;
}
.PasswordInput-strengthDesc--1 {
  color: #DD2229;
}
.PasswordInput-strengthDesc--2 {
  color: #508CD9;
}
.PasswordInput-strengthDesc--3 {
  color: #00A54D;
}
.PasswordInput-strengthDesc--4 {
  color: #00A54D;
}
.PasswordInput--isEmpty .Input-Password-strengthDesc {
  visibility: hidden;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.PhoneNumberInput,
.ReadonlyPhoneNumberInput {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  height: 40px;
  width: 100%;
  margin: 0;
  padding: 0 15px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.PhoneNumberInput::placeholder,
.ReadonlyPhoneNumberInput::placeholder {
  color: #2F353E;
}
body .PhoneNumberInput,
body .ReadonlyPhoneNumberInput {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body .PhoneNumberInput ~ none,
body .ReadonlyPhoneNumberInput ~ none {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body.hasHover .PhoneNumberInput,
body.hasHover .ReadonlyPhoneNumberInput {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body.hasHover .PhoneNumberInput ~ none,
body.hasHover .ReadonlyPhoneNumberInput ~ none {
  background-color: #ffffff;
  border: 1px solid #D6D9DD;
}
body.hasHover .PhoneNumberInput:hover,
body.hasHover .ReadonlyPhoneNumberInput:hover {
  border-color: #6E7D91;
}
body.hasHover .PhoneNumberInput:hover ~ none,
body.hasHover .ReadonlyPhoneNumberInput:hover ~ none {
  border-color: #6E7D91;
}
body .PhoneNumberInput:focus,
body .ReadonlyPhoneNumberInput:focus {
  border-color: #FF4E00;
}
body .PhoneNumberInput:focus ~ none,
body .ReadonlyPhoneNumberInput:focus ~ none {
  border-color: #FF4E00;
}
body.hasHover .PhoneNumberInput:focus,
body.hasHover .ReadonlyPhoneNumberInput:focus {
  border-color: #FF4E00;
}
body.hasHover .PhoneNumberInput:focus ~ none,
body.hasHover .ReadonlyPhoneNumberInput:focus ~ none {
  border-color: #FF4E00;
}
body .PhoneNumberInput:disabled,
body .ReadonlyPhoneNumberInput:disabled,
body.hasHover .PhoneNumberInput:disabled,
body.hasHover .ReadonlyPhoneNumberInput:disabled,
body .PhoneNumberInput[disabled],
body .ReadonlyPhoneNumberInput[disabled],
body.hasHover .PhoneNumberInput[disabled],
body.hasHover .ReadonlyPhoneNumberInput[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .PhoneNumberInput:disabled + none,
body .ReadonlyPhoneNumberInput:disabled + none,
body.hasHover .PhoneNumberInput:disabled + none,
body.hasHover .ReadonlyPhoneNumberInput:disabled + none,
body .PhoneNumberInput[disabled] + none,
body .ReadonlyPhoneNumberInput[disabled] + none,
body.hasHover .PhoneNumberInput[disabled] + none,
body.hasHover .ReadonlyPhoneNumberInput[disabled] + none {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .PhoneNumberInput--error,
body .ReadonlyPhoneNumberInput--error {
  border-color: #DD2229;
}
body .PhoneNumberInput--error ~ none,
body .ReadonlyPhoneNumberInput--error ~ none {
  border-color: #DD2229;
}
body.hasHover .PhoneNumberInput--error,
body.hasHover .ReadonlyPhoneNumberInput--error {
  border-color: #DD2229;
}
body.hasHover .PhoneNumberInput--error ~ none,
body.hasHover .ReadonlyPhoneNumberInput--error ~ none {
  border-color: #DD2229;
}
body.hasHover .PhoneNumberInput--error:hover,
body.hasHover .ReadonlyPhoneNumberInput--error:hover {
  border-color: #DD2229;
}
body.hasHover .PhoneNumberInput--error:hover ~ none,
body.hasHover .ReadonlyPhoneNumberInput--error:hover ~ none {
  border-color: #DD2229;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.RadioCardSetInput {
  display: -webkit-flex;
  display: flex;
}
.RadioCard {
  position: relative;
  width: 100%;
  cursor: pointer;
  display: -webkit-flex;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.RadioCard--old {
  padding: 4px;
  border: 2px solid #D6D9DD;
}
body .RadioCard--old {
  background-color: #ffffff;
}
body .RadioCard--old ~ none {
  background-color: #ffffff;
}
body.hasHover .RadioCard--old {
  background-color: #ffffff;
}
body.hasHover .RadioCard--old ~ none {
  background-color: #ffffff;
}
body.hasHover .RadioCard--old:hover {
  background-color: #F4F5F6;
}
body.hasHover .RadioCard--old:hover ~ none {
  background-color: #F4F5F6;
}
body.hasHover .RadioCard--old:active {
  background-color: #e6e8eb;
}
body.hasHover .RadioCard--old:active ~ none {
  background-color: #e6e8eb;
}
.RadioCard--old.RadioCard--selected {
  border: 2px solid #FF4E00;
}
.RadioCard--new {
  padding: 16px;
  border: 1px solid #D6D9DD;
  border-radius: 8px;
}
body .RadioCard--new {
  background-color: #F4F5F6;
}
body .RadioCard--new ~ none {
  background-color: #F4F5F6;
}
body.hasHover .RadioCard--new {
  background-color: #F4F5F6;
}
body.hasHover .RadioCard--new ~ none {
  background-color: #F4F5F6;
}
body.hasHover .RadioCard--new:hover {
  background-color: #D6D9DD;
}
body.hasHover .RadioCard--new:hover ~ none {
  background-color: #D6D9DD;
}
.RadioCard--new.RadioCard--selected {
  border: 1px solid #fa4d00;
}
.RadioCard--leftPadding {
  margin-left: 8px;
}
.RadioCard-info {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.RadioCard-info--old {
  padding: 8px;
}
.RadioCard-info--new {
  padding-left: 8px;
}
.RadioCard-info-title--old {
  color: #2F353E;
  font-size: 19px;
}
.RadioCard-info-title--old.RadioCard-info-title--small {
  font-size: 14px;
}
.RadioCard-info-title--new {
  color: #2F353E;
}
.RadioCard-info-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.RadioCard-info-text--old {
  padding-top: 8px;
  color: #6E7D91;
  font-size: 19px;
}
.RadioCard-info-text--old.RadioCard-info-text--small {
  font-size: 14px;
}
.RadioCard-info-text--new {
  padding-top: 0;
  color: #6E7D91;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.RadioCard-check--old {
  position: absolute;
  top: 12px;
  right: 12px;
}
.RadioCard-check--new {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.InnerSignatureInput {
  position: relative;
}
.InnerSignatureInput-canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  touch-action: none;
}
.InnerSignatureInput-resizingCanvas {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.InnerSignatureInput-empty {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  color: #6E7D91;
}
.SignatureInputWithLegalText {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.SignatureInputWithLegalText-signature {
  flex-grow: 1;
  background-color: #F4F5F6;
}
.SignatureInputWithLegalText-text {
  color: #6E7D91;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 12px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.TextAreaInput,
.ReadonlyTextAreaInputText {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  resize: vertical;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.TextAreaInput--flatTR,
.ReadonlyTextAreaInputText--flatTR {
  border-top-right-radius: 0;
}
.TextAreaInput--flatBR,
.ReadonlyTextAreaInputText--flatBR {
  border-bottom-right-radius: 0;
}
.TextAreaInput--flatBL,
.ReadonlyTextAreaInputText--flatBL {
  border-bottom-left-radius: 0;
}
.TextAreaInput--flatTL,
.ReadonlyTextAreaInputText--flatTL {
  border-top-left-radius: 0;
}
.TextAreaInput--readOnly,
.ReadonlyTextAreaInputText--readOnly {
  overflow: hidden;
  cursor: default;
}
.TextAreaInput--normal,
.ReadonlyTextAreaInputText--normal {
  background-color: #ffffff;
  color: #2F353E;
}
body .TextAreaInput--normal,
body .ReadonlyTextAreaInputText--normal {
  border: 1px solid #D6D9DD;
}
body .TextAreaInput--normal ~ none,
body .ReadonlyTextAreaInputText--normal ~ none {
  border: 1px solid #D6D9DD;
}
body.hasHover .TextAreaInput--normal,
body.hasHover .ReadonlyTextAreaInputText--normal {
  border: 1px solid #D6D9DD;
}
body.hasHover .TextAreaInput--normal ~ none,
body.hasHover .ReadonlyTextAreaInputText--normal ~ none {
  border: 1px solid #D6D9DD;
}
body.hasHover .TextAreaInput--normal:hover,
body.hasHover .ReadonlyTextAreaInputText--normal:hover {
  border-color: #6E7D91;
}
body.hasHover .TextAreaInput--normal:hover ~ none,
body.hasHover .ReadonlyTextAreaInputText--normal:hover ~ none {
  border-color: #6E7D91;
}
body .TextAreaInput--normal:focus,
body .ReadonlyTextAreaInputText--normal:focus {
  border-color: #FF4E00;
}
body .TextAreaInput--normal:focus ~ none,
body .ReadonlyTextAreaInputText--normal:focus ~ none {
  border-color: #FF4E00;
}
body.hasHover .TextAreaInput--normal:focus,
body.hasHover .ReadonlyTextAreaInputText--normal:focus {
  border-color: #FF4E00;
}
body.hasHover .TextAreaInput--normal:focus ~ none,
body.hasHover .ReadonlyTextAreaInputText--normal:focus ~ none {
  border-color: #FF4E00;
}
body .TextAreaInput--normal:read-only,
body .ReadonlyTextAreaInputText--normal:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .TextAreaInput--normal:read-only ~ none,
body .ReadonlyTextAreaInputText--normal:read-only ~ none {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .TextAreaInput--normal:read-only,
body.hasHover .ReadonlyTextAreaInputText--normal:read-only {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .TextAreaInput--normal:read-only ~ none,
body.hasHover .ReadonlyTextAreaInputText--normal:read-only ~ none {
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .TextAreaInput--normal:disabled,
body .ReadonlyTextAreaInputText--normal:disabled,
body.hasHover .TextAreaInput--normal:disabled,
body.hasHover .ReadonlyTextAreaInputText--normal:disabled,
body .TextAreaInput--normal[disabled],
body .ReadonlyTextAreaInputText--normal[disabled],
body.hasHover .TextAreaInput--normal[disabled],
body.hasHover .ReadonlyTextAreaInputText--normal[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .TextAreaInput--normal:disabled + none,
body .ReadonlyTextAreaInputText--normal:disabled + none,
body.hasHover .TextAreaInput--normal:disabled + none,
body.hasHover .ReadonlyTextAreaInputText--normal:disabled + none,
body .TextAreaInput--normal[disabled] + none,
body .ReadonlyTextAreaInputText--normal[disabled] + none,
body.hasHover .TextAreaInput--normal[disabled] + none,
body.hasHover .ReadonlyTextAreaInputText--normal[disabled] + none {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
.TextAreaInput--normal::placeholder,
.ReadonlyTextAreaInputText--normal::placeholder {
  color: #6E7D91;
}
.TextAreaInput--error,
.ReadonlyTextAreaInputText--error {
  background-color: #FAE5E6;
  color: #DD2229;
}
body .TextAreaInput--error,
body .ReadonlyTextAreaInputText--error {
  border: 1px solid #DD2229;
}
body .TextAreaInput--error ~ none,
body .ReadonlyTextAreaInputText--error ~ none {
  border: 1px solid #DD2229;
}
body.hasHover .TextAreaInput--error,
body.hasHover .ReadonlyTextAreaInputText--error {
  border: 1px solid #DD2229;
}
body.hasHover .TextAreaInput--error ~ none,
body.hasHover .ReadonlyTextAreaInputText--error ~ none {
  border: 1px solid #DD2229;
}
body.hasHover .TextAreaInput--error:hover,
body.hasHover .ReadonlyTextAreaInputText--error:hover {
  border-color: #6E7D91;
}
body.hasHover .TextAreaInput--error:hover ~ none,
body.hasHover .ReadonlyTextAreaInputText--error:hover ~ none {
  border-color: #6E7D91;
}
body .TextAreaInput--error:focus,
body .ReadonlyTextAreaInputText--error:focus {
  border-color: #FF4E00;
}
body .TextAreaInput--error:focus ~ none,
body .ReadonlyTextAreaInputText--error:focus ~ none {
  border-color: #FF4E00;
}
body.hasHover .TextAreaInput--error:focus,
body.hasHover .ReadonlyTextAreaInputText--error:focus {
  border-color: #FF4E00;
}
body.hasHover .TextAreaInput--error:focus ~ none,
body.hasHover .ReadonlyTextAreaInputText--error:focus ~ none {
  border-color: #FF4E00;
}
body .TextAreaInput--error:read-only,
body .ReadonlyTextAreaInputText--error:read-only {
  border-color: #DD2229;
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .TextAreaInput--error:read-only ~ none,
body .ReadonlyTextAreaInputText--error:read-only ~ none {
  border-color: #DD2229;
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .TextAreaInput--error:read-only,
body.hasHover .ReadonlyTextAreaInputText--error:read-only {
  border-color: #DD2229;
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body.hasHover .TextAreaInput--error:read-only ~ none,
body.hasHover .ReadonlyTextAreaInputText--error:read-only ~ none {
  border-color: #DD2229;
  border-color: #D6D9DD;
  background-color: #F2F5FA;
}
body .TextAreaInput--error:disabled,
body .ReadonlyTextAreaInputText--error:disabled,
body.hasHover .TextAreaInput--error:disabled,
body.hasHover .ReadonlyTextAreaInputText--error:disabled,
body .TextAreaInput--error[disabled],
body .ReadonlyTextAreaInputText--error[disabled],
body.hasHover .TextAreaInput--error[disabled],
body.hasHover .ReadonlyTextAreaInputText--error[disabled] {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
body .TextAreaInput--error:disabled + none,
body .ReadonlyTextAreaInputText--error:disabled + none,
body.hasHover .TextAreaInput--error:disabled + none,
body.hasHover .ReadonlyTextAreaInputText--error:disabled + none,
body .TextAreaInput--error[disabled] + none,
body .ReadonlyTextAreaInputText--error[disabled] + none,
body.hasHover .TextAreaInput--error[disabled] + none,
body.hasHover .ReadonlyTextAreaInputText--error[disabled] + none {
  border-color: #D6D9DD;
  opacity: 0.6;
  background-color: #F2F5FA;
  color: #6E7D91;
}
.TextAreaInput--error::placeholder,
.ReadonlyTextAreaInputText--error::placeholder {
  color: #DD2229;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.TextInputWithButton {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.TextInputWithButton-text {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  padding-right: 8px;
}
.TextInputWithButton-button {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.UploadInput {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.UploadInput-fileInput {
  display: none;
}
.UploadInput-uploaderAndPreviews--square,
.UploadInput-uploaderAndPreviews--squareWithOption,
.UploadInput-uploaderAndPreviews--smallerSquareWithOption {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.UploadInput-uploaderAndPreviews--displayPreviews > * {
  margin: 4px;
}
.UploadInput-label,
.UploadInput-menuItemLabel {
  cursor: pointer;
}
.UploadInput-label {
  border-radius: 5px;
  border-style: solid;
  display: inline-block;
  min-height: 19.2px;
  padding: 0 16px;
  text-align: center;
  height: 40px;
  box-sizing: border-box;
  font-family: 'Roboto-Medium', sans-serif;
  font-weight: 500;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.UploadInput-label-icon {
  display: inline;
  padding-right: 4px;
}
.UploadInput-label--primary {
  color: #ffffff;
  padding: 0 16px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
body .UploadInput-label--primary {
  background-color: #FF4E00;
}
body .UploadInput-label--primary ~ none {
  background-color: #FF4E00;
}
body.hasHover .UploadInput-label--primary {
  background-color: #FF4E00;
}
body.hasHover .UploadInput-label--primary ~ none {
  background-color: #FF4E00;
}
body.hasHover .UploadInput-label--primary:hover {
  background-color: #d94200;
}
body.hasHover .UploadInput-label--primary:hover ~ none {
  background-color: #d94200;
}
body.hasHover .UploadInput-label--primary:active {
  background-color: #cc3e00;
}
body.hasHover .UploadInput-label--primary:active ~ none {
  background-color: #cc3e00;
}
.UploadInput-label--secondary {
  color: #ffffff;
  padding: 0 16px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
body .UploadInput-label--secondary {
  background-color: #6E7D91;
}
body .UploadInput-label--secondary ~ none {
  background-color: #6E7D91;
}
body.hasHover .UploadInput-label--secondary {
  background-color: #6E7D91;
}
body.hasHover .UploadInput-label--secondary ~ none {
  background-color: #6E7D91;
}
body.hasHover .UploadInput-label--secondary:hover {
  background-color: #5e6a7b;
}
body.hasHover .UploadInput-label--secondary:hover ~ none {
  background-color: #5e6a7b;
}
body.hasHover .UploadInput-label--secondary:active {
  background-color: #586474;
}
body.hasHover .UploadInput-label--secondary:active ~ none {
  background-color: #586474;
}
.UploadInput-label--tertiary {
  color: #6E7D91;
  padding: 0 16px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
}
body .UploadInput-label--tertiary {
  background-color: #F4F5F6;
}
body .UploadInput-label--tertiary ~ none {
  background-color: #F4F5F6;
}
body.hasHover .UploadInput-label--tertiary {
  background-color: #F4F5F6;
}
body.hasHover .UploadInput-label--tertiary ~ none {
  background-color: #F4F5F6;
}
body.hasHover .UploadInput-label--tertiary:hover {
  background-color: #cfd0d1;
}
body.hasHover .UploadInput-label--tertiary:hover ~ none {
  background-color: #cfd0d1;
}
body.hasHover .UploadInput-label--tertiary:active {
  background-color: #c3c4c5;
}
body.hasHover .UploadInput-label--tertiary:active ~ none {
  background-color: #c3c4c5;
}
.UploadInput-label--fullWidth {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
body .UploadInput-label--outlinePrimary {
  color: #2F353E;
  background: none;
  border: 1px solid #2F353E;
}
body .UploadInput-label--outlinePrimary ~ none {
  color: #2F353E;
  background: none;
  border: 1px solid #2F353E;
}
body.hasHover .UploadInput-label--outlinePrimary {
  color: #2F353E;
  background: none;
  border: 1px solid #2F353E;
}
body.hasHover .UploadInput-label--outlinePrimary ~ none {
  color: #2F353E;
  background: none;
  border: 1px solid #2F353E;
}
body.hasHover .UploadInput-label--outlinePrimary:hover {
  color: #FF4E00;
  background: none;
  border: 1px solid #FF4E00;
}
body.hasHover .UploadInput-label--outlinePrimary:hover ~ none {
  color: #FF4E00;
  background: none;
  border: 1px solid #FF4E00;
}
.UploadInput-label--square,
.UploadInput-label--squareWithOption {
  padding: 0px;
  height: 180px;
  width: 180px;
  font-size: 19px;
}
.UploadInput-label--smallerSquareWithOption {
  padding: 0;
  height: 155px;
  width: 155px;
  font-size: 16px;
}
.UploadInput-label--square .UploadInput-label-icon {
  display: block;
  padding: 0px;
  margin-top: 48.5px;
  margin-bottom: 8px;
}
.UploadInput-label--squareWithOption .UploadInput-label-icon {
  display: block;
  padding: 0px;
  margin-top: 19px;
  margin-bottom: 8px;
}
.UploadInput-label--smallerSquareWithOption .UploadInput-label-icon {
  display: block;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 8px;
}
.UploadInput-label--itemPhoto {
  width: 80px;
  height: 80px;
  color: #ffffff;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 14px;
  border: none;
  overflow: hidden;
  box-sizing: border-box;
  padding: 8px;
}
body .UploadInput-label--itemPhoto {
  background-color: rgba(50, 60, 70, 0.5);
}
body .UploadInput-label--itemPhoto ~ none {
  background-color: rgba(50, 60, 70, 0.5);
}
body.hasHover .UploadInput-label--itemPhoto {
  background-color: rgba(50, 60, 70, 0.5);
}
body.hasHover .UploadInput-label--itemPhoto ~ none {
  background-color: rgba(50, 60, 70, 0.5);
}
body.hasHover .UploadInput-label--itemPhoto:hover {
  background-color: rgba(50, 60, 70, 0.7);
}
body.hasHover .UploadInput-label--itemPhoto:hover ~ none {
  background-color: rgba(50, 60, 70, 0.7);
}
body.hasHover .UploadInput-label--itemPhoto:active {
  background-color: rgba(50, 60, 70, 0.5);
}
body.hasHover .UploadInput-label--itemPhoto:active ~ none {
  background-color: rgba(50, 60, 70, 0.5);
}
.UploadInput-label--itemPhoto.UploadInput-label--disabled {
  cursor: default;
}
body.hasHover .UploadInput-label--itemPhoto.UploadInput-label--disabled:hover {
  background-color: rgba(50, 60, 70, 0.5);
}
body.hasHover .UploadInput-label--itemPhoto.UploadInput-label--disabled:hover ~ none {
  background-color: rgba(50, 60, 70, 0.5);
}
.UploadInput-button {
  position: relative;
  overflow: hidden;
  line-height: initial;
}
.UploadInput-button--square,
.UploadInput-button--squareWithOption {
  display: inline-block;
}
.UploadInput-option {
  position: absolute;
  width: 145px;
  margin: 0 auto;
  opacity: 0.65;
  left: 0;
  right: 0;
  bottom: 2px;
  border: none;
}
body .UploadInput-option {
  opacity: 0.65;
}
body .UploadInput-option ~ none {
  opacity: 0.65;
}
body.hasHover .UploadInput-option {
  opacity: 0.65;
}
body.hasHover .UploadInput-option ~ none {
  opacity: 0.65;
}
body.hasHover .UploadInput-option:hover {
  opacity: 1;
}
body.hasHover .UploadInput-option:hover + .UploadInput-label--outlinePrimary {
  color: #FF4E00;
  border: 1px solid #FF4E00;
}
body.hasHover .UploadInput-option:hover ~ none {
  opacity: 1;
}
body.hasHover .UploadInput-option:hover ~ none + .UploadInput-label--outlinePrimary {
  color: #FF4E00;
  border: 1px solid #FF4E00;
}
.MediaPreviewGridItems-previewOuter {
  display: inline-block;
  height: 182px;
  width: 182px;
}
.MediaPreviewGridItems-preview {
  display: block;
  position: relative;
  height: 180px;
  width: 180px;
  border: 1px solid #D6D9DD;
  border-radius: 1px;
  overflow: hidden;
}
.MediaPreviewGridItems-preview-thumbnail {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.MediaPreviewGridItems-preview-statusIndicator,
.MediaPreviewGridItems-preview-overlay {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #ffffff;
}
.MediaPreviewGridItems-preview-close {
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 4px;
  visibility: hidden;
}
.MediaPreviewGridItems-preview:hover > .MediaPreviewGridItems-preview-close {
  visibility: visible;
}
.UploadProgressCircle {
  position: relative;
  display: inline-block;
  text-align: center;
}
.UploadProgressCircle-track,
.UploadProgressCircle-progress {
  fill: transparent;
}
.UploadProgressCircle-track {
  stroke: #BEC3CA;
}
.UploadProgressCircle-progress {
  stroke-linecap: round;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.UploadProgressCircle-progress--loading {
  stroke: #FF4E00;
}
.UploadProgressCircle-progress--complete {
  stroke: #00A54D;
}
.UploadProgressCircle-percent {
  fill: #6E7D91;
  font-weight: bold;
  text-anchor: middle;
  dominant-baseline: central;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.UploadPreviewPlaceholder {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.UploadPreviewPlaceholder-text {
  padding-top: 20px;
  color: #6E7D91;
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
  font-size: 12px;
}

.CalculationInput {
  display: -webkit-flex;
  display: flex;
}
.CalculationInput-input {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 25%;
}
.CalculationInput--disabled {
  user-select: none;
}
.CalculationContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: stretch;
  align-content: stretch;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  white-space: pre-wrap;
  line-height: normal;
  background-color: #F4F5F6;
  border: 0 solid #D6D9DD;
  border-radius: 5px;
}
.CalculationContainer--flatTR {
  border-top-right-radius: 0;
}
.CalculationContainer--flatBR {
  border-bottom-right-radius: 0;
}
.CalculationContainer--flatBL {
  border-bottom-left-radius: 0;
}
.CalculationContainer--flatTL {
  border-top-left-radius: 0;
}
.CalculationContainer--borderTop {
  border-top-width: 1px;
}
.CalculationContainer--borderRight {
  border-right-width: 1px;
}
.CalculationContainer--borderBottom {
  border-bottom-width: 1px;
}
.CalculationContainer--borderLeft {
  border-left-width: 1px;
}
.CalculationContainer--disabled {
  opacity: 0.6;
}
.CalculationLeftContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
  padding-left: 15px;
}
.CalculationRightContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  padding-left: 8px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CreditCardInput {
  height: 40px;
  width: 100%;
  border-radius: 4px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 8px;
  box-sizing: border-box;
}
body .CreditCardInput {
  border: 1px solid #D6D9DD;
}
body .CreditCardInput ~ none {
  border: 1px solid #D6D9DD;
}
body.hasHover .CreditCardInput {
  border: 1px solid #D6D9DD;
}
body.hasHover .CreditCardInput ~ none {
  border: 1px solid #D6D9DD;
}
body.hasHover .CreditCardInput:hover {
  border-color: #FF4E00;
}
body.hasHover .CreditCardInput:hover ~ none {
  border-color: #FF4E00;
}
body .CreditCardInput:focus {
  border-color: #FF4E00;
}
body .CreditCardInput:focus ~ none {
  border-color: #FF4E00;
}
body.hasHover .CreditCardInput:focus {
  border-color: #FF4E00;
}
body.hasHover .CreditCardInput:focus ~ none {
  border-color: #FF4E00;
}
body .CreditCardInput:disabled,
body.hasHover .CreditCardInput:disabled,
body .CreditCardInput[disabled],
body.hasHover .CreditCardInput[disabled] {
  border-color: #D6D9DD;
  opacity: 0.3;
}
body .CreditCardInput:disabled + none,
body.hasHover .CreditCardInput:disabled + none,
body .CreditCardInput[disabled] + none,
body.hasHover .CreditCardInput[disabled] + none {
  border-color: #D6D9DD;
  opacity: 0.3;
}

.ZoidbergEditModal-modalBody {
  padding: 16px;
}

.Input-HermesRender-TableEditor-columnToolbar {
  margin-left: 20px;
  white-space: nowrap;
}
.Input-HermesRender-TableEditor-columnToolbar-key {
  width: 30px;
  text-align: center;
  line-height: 28px;
  border-top: 1px solid #969DA6;
  border-bottom: 1px solid #969DA6;
  border-left: 1px solid #969DA6;
  background-color: #f4f5f7;
  display: inline-block;
  vertical-align: middle;
}
.Input-HermesRender-TableEditor-columnToolbar-tool {
  display: inline-block;
  vertical-align: top;
}

.Input-HermesRender-CaptureTab {
  width: 520px;
  margin: 0 auto;
  margin-bottom: 50vh;
}

.Input-HermesRender-RenderTab-content {
  padding: 0 200px;
  overflow-x: auto;
  margin: 0 auto;
  margin-bottom: 50vh;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.StaticPictureListEditor-info {
  margin-bottom: 16px;
}
.StaticPictureListEditor-info-label {
  font-family: 'Roboto-Bold', sans-serif;
  font-weight: 700;
}

.Input-HermesRender-ParagraphRenderer {
  white-space: pre-wrap;
}
.Input-HermesRender-ParagraphRenderer--alignleft {
  text-align: left;
}
.Input-HermesRender-ParagraphRenderer--aligncenter {
  text-align: center;
}
.Input-HermesRender-ParagraphRenderer--alignright {
  text-align: right;
}
.Input-HermesRender-ParagraphRenderer-inlineField {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #d6f9e5;
  border: 1px solid #32e37f;
}
.Input-HermesRender-ParagraphRenderer-inlineField--invalid {
  background-color: #fddddd;
  border: 1px solid #f55656;
}
.Input-HermesRender-ParagraphRenderer-inlineZoidberg {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #daebff;
  border: 1px solid #479dff;
}
.Input-HermesRender-ParagraphRenderer-inlineHyperlink {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #daebff;
  border: 1px solid #479dff;
}

.Input-HermesRender-RenderPreview-empty {
  font-style: italic;
  text-align: center;
}
.Input-HermesRender-RenderPreview-table {
  width: 100%;
  table-layout: fixed;
}
.Input-HermesRender-RenderPreview-row {
  background-color: #ffffff;
}
.Input-HermesRender-RenderPreview-ifCondition {
  border: 1px solid #969DA6;
}
.Input-HermesRender-RenderPreview-ifCondition-expression {
  background: #f4f5f7;
  padding: 5px;
  font-family: monospace;
}

.Input-HermesRender-BlockPreview-Paragraph {
  cursor: pointer;
  margin: 20px;
  border: 1px solid #969DA6;
  padding: 10px;
}
body .Input-HermesRender-BlockPreview-Paragraph,
body.hasHover .Input-HermesRender-BlockPreview-Paragraph {
  background-color: #ffffff;
}
body.hasHover .Input-HermesRender-BlockPreview-Paragraph:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesRender-BlockPreview-Paragraph:active {
  background-color: #e6e6e6;
}
.Input-HermesRender-BlockPreview-VerticalSpace {
  cursor: pointer;
  margin: 20px;
  border: 1px dashed #969DA6;
  text-align: center;
}
body .Input-HermesRender-BlockPreview-VerticalSpace,
body.hasHover .Input-HermesRender-BlockPreview-VerticalSpace {
  background-color: #ffffff;
}
body.hasHover .Input-HermesRender-BlockPreview-VerticalSpace:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesRender-BlockPreview-VerticalSpace:active {
  background-color: #e6e6e6;
}
.Input-HermesRender-BlockPreview-VerticalSpace > * {
  display: inline-block;
  vertical-align: middle;
}
.Input-HermesRender-BlockPreview-VerticalSpace:before {
  content: '';
  display: inline-block !important;
  height: 100%;
  vertical-align: middle;
}
.Input-HermesRender-BlockPreview-VerticalSpace-unit {
  color: #000000;
  font-weight: bold;
}
.Input-HermesRender-BlockPreview-Table {
  margin: 20px;
}
.Input-HermesRender-BlockPreview-Table-empty {
  background-color: #ffffff;
  line-height: 30px;
  text-align: center;
  font-style: italic;
  cursor: pointer;
}
body .Input-HermesRender-BlockPreview-Table-empty,
body.hasHover .Input-HermesRender-BlockPreview-Table-empty {
  background-color: #ffffff;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-empty:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-empty:active {
  background-color: #e6e6e6;
}
.Input-HermesRender-BlockPreview-Table-table {
  display: -webkit-flex;
  display: flex;
  min-height: 20px;
}
.Input-HermesRender-BlockPreview-Table-row {
  background-color: #ffffff;
}
.Input-HermesRender-BlockPreview-Table-separator {
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  height: 100%;
}
.Input-HermesRender-BlockPreview-Table-separator:after {
  content: '';
  position: absolute;
  z-index: 1;
  width: 6px;
  height: 6px;
  left: 50%;
  top: 50%;
  margin-left: -3px;
  margin-top: -3px;
  background-color: #000000;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-separator:hover {
  background-color: #fa4d00 !important;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-separator:hover:after {
  background-color: #fa4d00;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-separator:active {
  background-color: #c73d00 !important;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-separator:active:after {
  background-color: #c73d00;
}
.Input-HermesRender-BlockPreview-Table-contentCell {
  min-height: 12px;
  height: 100%;
  background-color: #ffffff;
  cursor: pointer;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-contentCell:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesRender-BlockPreview-Table-contentCell:active {
  background-color: #e6e6e6;
}
.Input-HermesRender-BlockPreview-DocumentList,
.Input-HermesRender-BlockPreview-PictureList,
.Input-HermesRender-BlockPreview-StaticPictureList {
  cursor: pointer;
  margin: 20px;
  border: 1px dashed #969DA6;
  text-align: center;
  height: 50px;
}
body .Input-HermesRender-BlockPreview-DocumentList,
body .Input-HermesRender-BlockPreview-PictureList,
body .Input-HermesRender-BlockPreview-StaticPictureList,
body.hasHover .Input-HermesRender-BlockPreview-DocumentList,
body.hasHover .Input-HermesRender-BlockPreview-PictureList,
body.hasHover .Input-HermesRender-BlockPreview-StaticPictureList {
  background-color: #ffffff;
}
body.hasHover .Input-HermesRender-BlockPreview-DocumentList:hover,
body.hasHover .Input-HermesRender-BlockPreview-PictureList:hover,
body.hasHover .Input-HermesRender-BlockPreview-StaticPictureList:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesRender-BlockPreview-DocumentList:active,
body.hasHover .Input-HermesRender-BlockPreview-PictureList:active,
body.hasHover .Input-HermesRender-BlockPreview-StaticPictureList:active {
  background-color: #e6e6e6;
}
.Input-HermesRender-BlockPreview-DocumentList > *,
.Input-HermesRender-BlockPreview-PictureList > *,
.Input-HermesRender-BlockPreview-StaticPictureList > * {
  display: inline-block;
  vertical-align: middle;
}
.Input-HermesRender-BlockPreview-DocumentList:before,
.Input-HermesRender-BlockPreview-PictureList:before,
.Input-HermesRender-BlockPreview-StaticPictureList:before {
  content: '';
  display: inline-block !important;
  height: 100%;
  vertical-align: middle;
}
.Input-HermesRender-BlockPreview-DocumentList-ref,
.Input-HermesRender-BlockPreview-PictureList-ref,
.Input-HermesRender-BlockPreview-StaticPictureList-ref {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background-color: #d6f9e5;
  border: 1px solid #32e37f;
}
.Input-HermesRender-BlockPreview-DocumentList-ref--invalid,
.Input-HermesRender-BlockPreview-PictureList-ref--invalid,
.Input-HermesRender-BlockPreview-StaticPictureList-ref--invalid {
  background-color: #fddddd;
  border: 1px solid #f55656;
}
.Input-HermesRender-BlockPreview-PageBreak {
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAEklEQVQYlWNgoBL4T7GCoW8FAGEXBfvNSmHvAAAAAElFTkSuQmCC) repeat;
  margin: 20px;
  border: 1px solid #969DA6;
  text-align: center;
  height: 50px;
}
body .Input-HermesRender-BlockPreview-PageBreak,
body.hasHover .Input-HermesRender-BlockPreview-PageBreak {
  background-color: #ffffff;
}
body.hasHover .Input-HermesRender-BlockPreview-PageBreak:hover {
  background-color: #f2f2f2;
}
body.hasHover .Input-HermesRender-BlockPreview-PageBreak:active {
  background-color: #e6e6e6;
}
.Input-HermesRender-BlockPreview-PageBreak > * {
  display: inline-block;
  vertical-align: middle;
}
.Input-HermesRender-BlockPreview-PageBreak:before {
  content: '';
  display: inline-block !important;
  height: 100%;
  vertical-align: middle;
}
.Input-HermesRender-BlockPreview-PageBreak-text {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #969DA6;
}
.Input-HermesRender-BlockPreview-Loop,
.Input-HermesRender-BlockPreview-Bullet {
  margin: 20px;
  border: 1px solid #969DA6;
}
.Input-HermesRender-BlockPreview-Loop-header,
.Input-HermesRender-BlockPreview-Bullet-header {
  background-color: #f4f5f7;
  display: -webkit-flex;
  display: flex;
}
.Input-HermesRender-BlockPreview-Loop-header-title,
.Input-HermesRender-BlockPreview-Bullet-header-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 5px;
}
.Input-HermesRender-BlockPreview-Loop-header-action,
.Input-HermesRender-BlockPreview-Bullet-header-action {
  padding: 5px;
}
body .Input-HermesRender-BlockPreview-Loop-header-action,
body .Input-HermesRender-BlockPreview-Bullet-header-action,
body.hasHover .Input-HermesRender-BlockPreview-Loop-header-action,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-header-action {
  color: #000000;
}
body.hasHover .Input-HermesRender-BlockPreview-Loop-header-action:hover,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-header-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesRender-BlockPreview-Loop-header-action:active,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-header-action:active {
  color: #c73d00;
}
.Input-HermesRender-BlockPreview-Loop-tabbar,
.Input-HermesRender-BlockPreview-Bullet-tabbar {
  display: -webkit-flex;
  display: flex;
}
.Input-HermesRender-BlockPreview-Loop-tabbar-tab,
.Input-HermesRender-BlockPreview-Bullet-tabbar-tab {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 5px;
  text-align: center;
  background-color: #ffffff;
  border-top: 1px solid #969DA6;
}
body .Input-HermesRender-BlockPreview-Loop-tabbar-tab,
body .Input-HermesRender-BlockPreview-Bullet-tabbar-tab,
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab {
  color: #000000;
  border-bottom: 5px solid #969DA6;
}
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab:hover,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab:hover {
  color: #fa4d00;
  border-bottom: 5px solid #fa4d00;
}
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab:active,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab:active {
  color: #c73d00;
  border-bottom: 5px solid #c73d00;
}
body .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active,
body .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active,
body .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active,
body .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active,
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active,
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active {
  color: #ffffff;
  background-color: #fa4d00;
  border-color: #c73d00;
}
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active:hover,
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active:hover,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active:hover,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active:hover {
  color: #ffffff;
  background-color: #fa4d00;
  border-color: #c73d00;
}
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active:active,
body.hasHover .Input-HermesRender-BlockPreview-Loop-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active:active,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Loop-tabbar-tab--active:active,
body.hasHover .Input-HermesRender-BlockPreview-Bullet-tabbar-tab.Input-HermesRender-BlockPreview-Bullet-tabbar-tab--active:active {
  color: #ffffff;
  background-color: #fa4d00;
  border-color: #c73d00;
}
.Input-HermesRender-BlockPreview-Loop-contents,
.Input-HermesRender-BlockPreview-Bullet-contents {
  overflow: hidden;
  background-color: #ffffff;
}
.Input-HermesRender-BlockPreview-IfCondition {
  margin: 20px;
  border: 1px solid #969DA6;
}
.Input-HermesRender-BlockPreview-IfCondition-header {
  background-color: #f4f5f7;
  display: -webkit-flex;
  display: flex;
}
.Input-HermesRender-BlockPreview-IfCondition-header-title {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 5px;
}
.Input-HermesRender-BlockPreview-IfCondition-header-action {
  padding: 5px;
}
body .Input-HermesRender-BlockPreview-IfCondition-header-action,
body.hasHover .Input-HermesRender-BlockPreview-IfCondition-header-action {
  color: #000000;
}
body.hasHover .Input-HermesRender-BlockPreview-IfCondition-header-action:hover {
  color: #fa4d00;
}
body.hasHover .Input-HermesRender-BlockPreview-IfCondition-header-action:active {
  color: #c73d00;
}
.Input-HermesRender-BlockPreview-IfCondition-contents {
  overflow: hidden;
  background-color: #ffffff;
}

.Input-HermesRender-PreviewTab-capture {
  position: fixed;
  top: 80px;
  left: 20px;
  width: 320px;
  bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #969DA6;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.Input-HermesRender-PreviewTab-capture--fullscreen {
  width: auto;
  right: 20px;
}
.Input-HermesRender-PreviewTab-capture-controls {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  padding: 10px 20px;
  border-bottom: 1px solid #969DA6;
}
.Input-HermesRender-PreviewTab-capture-content {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  overflow: auto;
  padding: 20px;
}
.Input-HermesRender-PreviewTab-render {
  margin-top: 20px;
  margin-left: 402px;
  margin-right: 20px;
  background-color: #ffffff;
  border: 1px solid #969DA6;
  overflow: hidden;
  padding: 20px;
}

.Input-HermesRender-JsonRenderer {
  position: relative;
}
.Input-HermesRender-JsonRenderer-json {
  white-space: pre;
  font-family: monospace;
  font-size: 14px;
}
.Input-HermesRender-JsonRenderer-selectAll {
  position: absolute;
  top: 0;
  right: 0;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Thumbnail--styleDefault {
  background-color: #F4F5F6;
  border: 1px solid #D6D9DD;
}
.Thumbnail--styleLink {
  background-color: white;
}
.Thumbnail--noBorder {
  border: 0;
}
.Thumbnail-image--resolved {
  background-origin: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.VideoPlayer-progressTime {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 16px;
}
.VideoPlayer-progressTime-bold {
  font-weight: bold;
}
.VideoPlayer-controls-videoContainer {
  background-color: #2F353E;
  overflow: hidden;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  justify-content: center;
  position: relative;
  height: 100%;
}
.VideoPlayer-controls-videoContainer:-webkit-full-screen {
  width: 100%;
}
.VideoPlayer-controls-videoContainer:-moz-full-screen {
  width: 100%;
}
.VideoPlayer-controls-videoContainer:-ms-fullscreen {
  width: 100%;
}
.VideoPlayer-controls-videoContainer:fullscreen {
  width: 100%;
}
.VideoPlayer-controls-videoContainer-inner {
  max-height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.VideoPlayer-controls-video {
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.VideoPlayer-controls-videoBar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #F4F5F6;
  padding: 64px 16px 16px 16px;
  background-image: -webkit-linear-gradient(bottom, rgba(47, 53, 62, 0.8), rgba(47, 53, 62, 0));
  background-image: -moz-linear-gradient(to top, rgba(47, 53, 62, 0.8), rgba(47, 53, 62, 0));
  background-image: linear-gradient(to top, rgba(47, 53, 62, 0.8), rgba(47, 53, 62, 0));
}
.VideoPlayer-controls-videoBar-actions {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 8px;
}
.VideoPlayer-controls-videoBar-actions-timePlay {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.VideoPlayer-controls-videoBar-actions-volumeSize {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.VideoPlayer-controls-videoBar-actions-volumeSize-volume {
  padding-right: 16px;
  padding-left: 16px;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.VideoPlayer-controls-videoBar-actions-volumeSize-volume-progress {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 15px;
  /* Vendor Stuff */
  cursor: pointer;
  height: 4px;
}
.VideoPlayer-controls-videoBar-actions-volumeSize-volume-progress::-moz-progress-bar {
  background: #ffffff;
  border-radius: 15px;
}
.VideoPlayer-controls-videoBar-actions-volumeSize-volume-progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 15px;
}
.VideoPlayer-controls-videoBar-actions-volumeSize-volume-progress::-webkit-progress-value {
  background: #ffffff;
  border-radius: 15px;
}
.VideoPlayer-controls-videoBar-progress {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 15px;
  /* Vendor Stuff */
  cursor: pointer;
  width: 100%;
  height: 4px;
}
.VideoPlayer-controls-videoBar-progress::-moz-progress-bar {
  background: #FF4E00;
  border-radius: 15px;
}
.VideoPlayer-controls-videoBar-progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 15px;
}
.VideoPlayer-controls-videoBar-progress::-webkit-progress-value {
  background: #FF4E00;
  border-radius: 15px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CondensedVideoControls {
  border-radius: 5px;
  background-color: var(--chakra-colors-white);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  padding: 8px 4px;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.CondensedMediaControlsActionIcon,
.CondensedMediaControlsPressAndHoldActionIcon {
  padding: 0 4px;
}
.CondensedMediaControlsPressAndHoldActionIcon-action {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding: 4px;
  border-radius: 5px;
  color: #6E7D91;
  background-color: transparent;
}

/**
 * When specifying a grid layout with `grid-template-areas`, a parent element can reference children identified by their
 * `grid-area: <custom-ident>;` property. This mixin allows a parent to set a child's grid identity through our
 * `{Parent}-{child}` class naming convention.
 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.AmyPreview-paragraph {
  white-space: pre-wrap;
}
.AmyPreview-paragraph--alignleft {
  text-align: left;
}
.AmyPreview-paragraph--aligncenter {
  text-align: center;
}
.AmyPreview-paragraph--alignright {
  text-align: right;
}
.AmyPreview-bullet {
  list-style: circle;
  list-style-type: initial;
}
.AmyPreview-tableRow {
  display: flex;
}
.AmyPreviewPictureList {
  display: block;
}
.AmyPreviewPictureList--thumbnail {
  padding: 8px;
}
.AmyPreviewPictureList-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: start;
  align-items: start;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.AmyPreviewPictureList-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
.AmyPreviewPictureList-item--thumbnail {
  max-width: 240px;
  padding: 4px;
}
.AmyPreviewPictureList-item-picture--thumbnail {
  width: 240px;
  height: 240px;
}
.AmyPreviewPictureList-item-picture--border {
  border: 1px solid #2F353E;
}
.AmyPreviewPictureList-item-title {
  width: 100%;
  text-align: center;
  word-break: break-word;
}
.AmyPreviewFullPicture {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.AmyPreviewFullPicture-loading {
  width: 100px;
  height: 80vh;
}
.AmyPreviewSignature {
  display: block;
  border: 1px solid #BEC3CA;
  padding: 4px;
}
.AmyPreviewSignature-aspectBox {
  width: 100%;
  height: 0px;
  position: relative;
}
.AmyPreviewSignature-aspectBox-signature {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.AmyPreviewSignature-aspectBox-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  color: #6E7D91;
}
.AmyPreviewSignature-label {
  margin-top: 4px;
  text-align: center;
  font-size: 14px;
  color: #6E7D91;
}

.Input-HermesRender-JsonTab {
  margin: 20px;
  border: 1px solid #969DA6;
  background-color: #ffffff;
  overflow: auto;
  padding: 10px;
}

body {
  font-family: 'Roboto-Regular', sans-serif;
  font-weight: 400;
}
.HermesDefinitionStandaloneEditor-header-buttons {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 16px;
  margin-right: 16px;
  vertical-align: top;
}
.HermesDefinitionStandaloneEditor-fileImportInput {
  display: none;
}