/* src/styles.scss */
/*! bulma.io v0.3.1 | MIT License | github.com/jgthms/bulma */
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
ul {
  list-style: none;
}
button,
input,
select,
textarea {
  margin: 0;
}
html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
*:before,
*:after {
  box-sizing: inherit;
}
img,
embed,
object,
audio,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
html {
  background-color: hsl(0, 0%, 100%);
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  text-rendering: optimizeLegibility;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}
body,
button,
input,
select,
textarea {
  font-family:
    ThemedFont,
    "Lato",
    "Helvetica",
    Verdana,
    Arial,
    sans-serif;
}
code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family:
    "Inconsolata",
    "Consolas",
    "Monaco",
    monospace;
}
body {
  color: hsl(0, 0%, 29%);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
a {
  cursor: pointer;
  text-decoration: none;
  transition: none 86ms ease-out;
}
code {
  background-color: hsl(0, 0%, 96%);
  color: hsl(348, 100%, 61%);
  font-size: 0.8em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}
hr {
  background-color: hsl(0, 0%, 86%);
  border: none;
  display: block;
  height: 1px;
  margin: 1.5rem 0;
}
img {
  max-width: 100%;
}
input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}
small {
  font-size: 0.8em;
}
strong {
  color: hsl(0, 0%, 21%);
  font-weight: 700;
}
pre {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 29%);
  font-size: 0.8em;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background: none;
  color: inherit;
  display: block;
  font-size: 1em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
}
table {
  width: 100%;
}
table td,
table th {
  text-align: left;
  vertical-align: top;
}
table th {
  color: hsl(0, 0%, 21%);
}
.is-block {
  display: block;
}
@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px) {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 999px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1000px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1240px) {
  .is-block-widescreen {
    display: block !important;
  }
}
.is-flex {
  display: flex;
}
@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 999px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1000px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1240px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
.is-inline {
  display: inline;
}
@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 999px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1000px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1240px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 999px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1000px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1240px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex;
}
@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 999px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1000px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1240px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
.is-clearfix:after {
  clear: both;
  content: " ";
  display: table;
}
.is-pulled-left {
  float: left;
}
.is-pulled-right {
  float: right;
}
.is-clipped {
  overflow: hidden !important;
}
.is-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.has-text-centered {
  text-align: center;
}
.has-text-left {
  text-align: left;
}
.has-text-right {
  text-align: right;
}
.is-hidden {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 999px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1000px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1239px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1240px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
.is-disabled {
  pointer-events: none;
}
.is-marginless {
  margin: 0 !important;
}
.is-paddingless {
  padding: 0 !important;
}
.is-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.box {
  background-color: hsl(0, 0%, 100%);
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
  display: block;
  padding: 1.25rem;
}
.box:not(:last-child) {
  margin-bottom: 1.5rem;
}
a.box:hover,
a.box:focus {
  box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px;
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px;
}
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.285em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
  text-align: center;
  white-space: nowrap;
}
.button:focus,
.button.is-focused,
.button:active,
.button.is-active {
  outline: none;
}
.button[disabled],
.button.is-disabled {
  pointer-events: none;
}
.button strong {
  color: inherit;
}
.button .icon:first-child:not(:last-child) {
  margin-left: -0.25rem;
  margin-right: 0.5rem;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.5rem;
  margin-right: -0.25rem;
}
.button .icon:first-child:last-child {
  margin-left: calc(-1px + -0.25rem);
  margin-right: calc(-1px + -0.25rem);
}
.button .icon.is-small:first-child:not(:last-child) {
  margin-left: 0rem;
}
.button .icon.is-small:last-child:not(:first-child) {
  margin-right: 0rem;
}
.button .icon.is-small:first-child:last-child {
  margin-left: calc(-1px + 0rem);
  margin-right: calc(-1px + 0rem);
}
.button .icon.is-medium:first-child:not(:last-child) {
  margin-left: -0.5rem;
}
.button .icon.is-medium:last-child:not(:first-child) {
  margin-right: -0.5rem;
}
.button .icon.is-medium:first-child:last-child {
  margin-left: calc(-1px + -0.5rem);
  margin-right: calc(-1px + -0.5rem);
}
.button .icon.is-large:first-child:not(:last-child) {
  margin-left: -1rem;
}
.button .icon.is-large:last-child:not(:first-child) {
  margin-right: -1rem;
}
.button .icon.is-large:first-child:last-child {
  margin-left: calc(-1px + -1rem);
  margin-right: calc(-1px + -1rem);
}
.button:active,
.button.is-active {
  border-color: hsl(0, 0%, 29%);
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2);
}
.button.is-link {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0, 0%, 29%);
  text-decoration: underline;
}
.button.is-link:hover,
.button.is-link.is-hovered,
.button.is-link:focus,
.button.is-link.is-focused,
.button.is-link:active,
.button.is-link.is-active {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted:hover {
  background-color: hsl(0, 0%, 3.8%);
}
.button.is-white.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-outlined:hover,
.button.is-white.is-outlined:focus {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-inverted.is-outlined:hover,
.button.is-white.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted:hover {
  background-color: hsl(0, 0%, 95%);
}
.button.is-black.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-outlined:hover,
.button.is-black.is-outlined:focus {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-inverted.is-outlined:hover,
.button.is-black.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: hsl(0, 0%, 21%);
}
.button.is-light.is-inverted {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted:hover {
  background-color: hsl(0, 0%, 19.95%);
}
.button.is-light.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-outlined:hover,
.button.is-light.is-outlined:focus {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.button.is-light.is-inverted.is-outlined:hover,
.button.is-light.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
}
.button.is-dark {
  background-color: hsl(0, 0%, 21%);
  border-color: transparent;
  color: hsl(0, 0%, 96%);
}
.button.is-dark.is-inverted {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-inverted:hover {
  background-color: hsl(0, 0%, 91.2%);
}
.button.is-dark.is-loading:after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.button.is-dark.is-outlined:hover,
.button.is-dark.is-outlined:focus {
  background-color: hsl(0, 0%, 21%);
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.button.is-dark.is-inverted.is-outlined:hover,
.button.is-dark.is-inverted.is-outlined:focus {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-info {
  background-color: hsl(217, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(217, 71%, 53%);
}
.button.is-info.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-info.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(217, 71%, 53%);
  color: hsl(217, 71%, 53%);
}
.button.is-info.is-outlined:hover,
.button.is-info.is-outlined:focus {
  background-color: hsl(217, 71%, 53%);
  border-color: hsl(217, 71%, 53%);
  color: #fff;
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-info.is-inverted.is-outlined:hover,
.button.is-info.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(217, 71%, 53%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) #fff #fff !important;
}
.button.is-success {
  background-color: hsl(141, 71%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: hsl(141, 71%, 48%);
}
.button.is-success.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-success.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: hsl(141, 71%, 48%);
  color: hsl(141, 71%, 48%);
}
.button.is-success.is-outlined:hover,
.button.is-success.is-outlined:focus {
  background-color: hsl(141, 71%, 48%);
  border-color: hsl(141, 71%, 48%);
  color: #fff;
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-success.is-inverted.is-outlined:hover,
.button.is-success.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(141, 71%, 48%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) #fff #fff !important;
}
.button.is-warning {
  background-color: hsl(48, 100%, 67%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-inverted:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-loading:after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: hsl(48, 100%, 67%);
  color: hsl(48, 100%, 67%);
}
.button.is-warning.is-outlined:hover,
.button.is-warning.is-outlined:focus {
  background-color: hsl(48, 100%, 67%);
  border-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-warning.is-inverted.is-outlined:hover,
.button.is-warning.is-inverted.is-outlined:focus {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(48, 100%, 67%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-danger {
  background-color: hsl(348, 100%, 61%);
  border-color: transparent;
  color: #fff;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-inverted:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-danger.is-loading:after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: hsl(348, 100%, 61%);
  color: hsl(348, 100%, 61%);
}
.button.is-danger.is-outlined:hover,
.button.is-danger.is-outlined:focus {
  background-color: hsl(348, 100%, 61%);
  border-color: hsl(348, 100%, 61%);
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-danger.is-inverted.is-outlined:hover,
.button.is-danger.is-inverted.is-outlined:focus {
  background-color: #fff;
  color: hsl(348, 100%, 61%);
}
.button.is-primary.is-outline.is-loading:after {
  border-color: var(--theme-primary-color) var(--theme-primary-color) #fff #fff !important;
}
.button.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.button.is-small .icon:first-child:not(:last-child) {
  margin-left: -0.375rem;
  margin-right: 0.375rem;
}
.button.is-small .icon:last-child:not(:first-child) {
  margin-left: 0.375rem;
  margin-right: -0.375rem;
}
.button.is-small .icon:first-child:last-child {
  margin-left: calc(-1px + -0.375rem);
  margin-right: calc(-1px + -0.375rem);
}
.button.is-small .icon.is-small:first-child:not(:last-child) {
  margin-left: -0.125rem;
}
.button.is-small .icon.is-small:last-child:not(:first-child) {
  margin-right: -0.125rem;
}
.button.is-small .icon.is-small:first-child:last-child {
  margin-left: calc(-1px + -0.125rem);
  margin-right: calc(-1px + -0.125rem);
}
.button.is-small .icon.is-medium:first-child:not(:last-child) {
  margin-left: -0.625rem;
}
.button.is-small .icon.is-medium:last-child:not(:first-child) {
  margin-right: -0.625rem;
}
.button.is-small .icon.is-medium:first-child:last-child {
  margin-left: calc(-1px + -0.625rem);
  margin-right: calc(-1px + -0.625rem);
}
.button.is-small .icon.is-large:first-child:not(:last-child) {
  margin-left: -1.125rem;
}
.button.is-small .icon.is-large:last-child:not(:first-child) {
  margin-right: -1.125rem;
}
.button.is-small .icon.is-large:first-child:last-child {
  margin-left: calc(-1px + -1.125rem);
  margin-right: calc(-1px + -1.125rem);
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-medium .icon:first-child:not(:last-child) {
  margin-left: -0.125rem;
  margin-right: 0.625rem;
}
.button.is-medium .icon:last-child:not(:first-child) {
  margin-left: 0.625rem;
  margin-right: -0.125rem;
}
.button.is-medium .icon:first-child:last-child {
  margin-left: calc(-1px + -0.125rem);
  margin-right: calc(-1px + -0.125rem);
}
.button.is-medium .icon.is-small:first-child:not(:last-child) {
  margin-left: 0.125rem;
}
.button.is-medium .icon.is-small:last-child:not(:first-child) {
  margin-right: 0.125rem;
}
.button.is-medium .icon.is-small:first-child:last-child {
  margin-left: calc(-1px + 0.125rem);
  margin-right: calc(-1px + 0.125rem);
}
.button.is-medium .icon.is-medium:first-child:not(:last-child) {
  margin-left: -0.375rem;
}
.button.is-medium .icon.is-medium:last-child:not(:first-child) {
  margin-right: -0.375rem;
}
.button.is-medium .icon.is-medium:first-child:last-child {
  margin-left: calc(-1px + -0.375rem);
  margin-right: calc(-1px + -0.375rem);
}
.button.is-medium .icon.is-large:first-child:not(:last-child) {
  margin-left: -0.875rem;
}
.button.is-medium .icon.is-large:last-child:not(:first-child) {
  margin-right: -0.875rem;
}
.button.is-medium .icon.is-large:first-child:last-child {
  margin-left: calc(-1px + -0.875rem);
  margin-right: calc(-1px + -0.875rem);
}
.button.is-large {
  font-size: 1.5rem;
}
.button.is-large .icon:first-child:not(:last-child) {
  margin-left: 0rem;
  margin-right: 0.75rem;
}
.button.is-large .icon:last-child:not(:first-child) {
  margin-left: 0.75rem;
  margin-right: 0rem;
}
.button.is-large .icon:first-child:last-child {
  margin-left: calc(-1px + 0rem);
  margin-right: calc(-1px + 0rem);
}
.button.is-large .icon.is-small:first-child:not(:last-child) {
  margin-left: 0.25rem;
}
.button.is-large .icon.is-small:last-child:not(:first-child) {
  margin-right: 0.25rem;
}
.button.is-large .icon.is-small:first-child:last-child {
  margin-left: calc(-1px + 0.25rem);
  margin-right: calc(-1px + 0.25rem);
}
.button.is-large .icon.is-medium:first-child:not(:last-child) {
  margin-left: -0.25rem;
}
.button.is-large .icon.is-medium:last-child:not(:first-child) {
  margin-right: -0.25rem;
}
.button.is-large .icon.is-medium:first-child:last-child {
  margin-left: calc(-1px + -0.25rem);
  margin-right: calc(-1px + -0.25rem);
}
.button.is-large .icon.is-large:first-child:not(:last-child) {
  margin-left: -0.75rem;
}
.button.is-large .icon.is-large:last-child:not(:first-child) {
  margin-right: -0.75rem;
}
.button.is-large .icon.is-large:first-child:last-child {
  margin-left: calc(-1px + -0.75rem);
  margin-right: calc(-1px + -0.75rem);
}
.button[disabled],
.button.is-disabled {
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1rem;
  position: relative;
  width: 1rem;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  position: absolute !important;
}
.content {
  color: var(--theme-content-text-icon-color);
}
.content:not(:last-child) {
  margin-bottom: 1.5rem;
}
.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: hsl(0, 0%, 21%);
  font-weight: 400;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: hsl(0, 0%, 96%);
  border-left: 5px solid hsl(0, 0%, 86%);
  padding: 1.25em 1.5em;
}
.content ol {
  list-style: decimal outside;
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1em;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid hsl(0, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: hsl(0, 0%, 21%);
  text-align: left;
}
.content table tr:hover {
  background-color: hsl(0, 0%, 96%);
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 21%);
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 21%);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content.is-small {
  font-size: 0.75rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.5rem;
}
.input,
.textarea,
.input-editable {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.285em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  position: relative;
  vertical-align: top;
  color: hsl(0, 0%, 21%);
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.1);
  max-width: 100%;
  width: 100%;
}
.input:focus,
.input.is-focused,
.input:active,
.input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active,
.input-editable:focus,
.input-editable.is-focused,
.input-editable:active,
.input-editable.is-active {
  outline: none;
}
.input[disabled],
.input.is-disabled,
.textarea[disabled],
.textarea.is-disabled,
.input-editable[disabled],
.input-editable.is-disabled {
  pointer-events: none;
}
.input:hover,
.input.is-hovered,
.textarea:hover,
.textarea.is-hovered,
.input-editable:hover,
.input-editable.is-hovered {
  border-color: hsl(0, 0%, 71%);
}
.input[disabled],
.input.is-disabled,
.textarea[disabled],
.textarea.is-disabled,
.input-editable[disabled],
.input-editable.is-disabled {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
}
.input[disabled]::-moz-placeholder,
.input.is-disabled::-moz-placeholder,
.textarea[disabled]::-moz-placeholder,
.textarea.is-disabled::-moz-placeholder,
.input-editable[disabled]::-moz-placeholder,
.input-editable.is-disabled::-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input[disabled]::-webkit-input-placeholder,
.input.is-disabled::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
.textarea.is-disabled::-webkit-input-placeholder,
.input-editable[disabled]::-webkit-input-placeholder,
.input-editable.is-disabled::-webkit-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input[disabled]:-moz-placeholder,
.input.is-disabled:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
.textarea.is-disabled:-moz-placeholder,
.input-editable[disabled]:-moz-placeholder,
.input-editable.is-disabled:-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input[disabled]:-ms-input-placeholder,
.input.is-disabled:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder,
.textarea.is-disabled:-ms-input-placeholder,
.input-editable[disabled]:-ms-input-placeholder,
.input-editable.is-disabled:-ms-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.input[type=search],
.textarea[type=search],
.input-editable[type=search] {
  border-radius: 290486px;
}
.input.is-white,
.textarea.is-white,
.input-editable.is-white {
  border-color: hsl(0, 0%, 100%);
}
.input.is-black,
.textarea.is-black,
.input-editable.is-black {
  border-color: hsl(0, 0%, 4%);
}
.input.is-light,
.textarea.is-light,
.input-editable.is-light {
  border-color: hsl(0, 0%, 96%);
}
.input.is-dark,
.textarea.is-dark,
.input-editable.is-dark {
  border-color: hsl(0, 0%, 21%);
}
.input.is-info,
.textarea.is-info,
.input-editable.is-info {
  border-color: hsl(217, 71%, 53%);
}
.input.is-success,
.textarea.is-success,
.input-editable.is-success {
  border-color: hsl(141, 71%, 48%);
}
.input.is-warning,
.textarea.is-warning,
.input-editable.is-warning {
  border-color: hsl(48, 100%, 67%);
}
.input.is-danger,
.textarea.is-danger,
.input-editable.is-danger {
  border-color: hsl(348, 100%, 61%);
}
.input.is-small,
.textarea.is-small,
.input-editable.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.input.is-medium,
.textarea.is-medium,
.input-editable.is-medium {
  font-size: 1.25rem;
}
.input.is-large,
.textarea.is-large,
.input-editable.is-large {
  font-size: 1.5rem;
}
.input.is-fullwidth,
.textarea.is-fullwidth,
.input-editable.is-fullwidth {
  display: block;
  width: 100%;
}
.input.is-inline,
.textarea.is-inline,
.input-editable.is-inline {
  display: inline;
  width: auto;
}
.textarea {
  display: block;
  line-height: 1.25;
  max-height: 600px;
  max-width: 100%;
  min-height: 120px;
  min-width: 100%;
  padding: 10px;
  resize: vertical;
}
.checkbox,
.radio {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  vertical-align: top;
}
.checkbox input,
.radio input {
  cursor: pointer;
  margin-right: 0.5em;
}
.checkbox:hover,
.radio:hover {
  color: hsl(0, 0%, 21%);
}
.checkbox.is-disabled,
.radio.is-disabled {
  color: hsl(0, 0%, 48%);
  pointer-events: none;
}
.checkbox.is-disabled input,
.radio.is-disabled input {
  pointer-events: none;
}
.radio + .radio {
  margin-left: 0.5em;
}
.select {
  display: inline-block;
  height: 2.5em;
  position: relative;
  vertical-align: top;
}
.select:after {
  margin-top: -0.375em;
  right: 1.125em;
  top: 50%;
  z-index: 4;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.285em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  position: relative;
  vertical-align: top;
  color: hsl(0, 0%, 21%);
  cursor: pointer;
  display: block;
  font-size: 1em;
  outline: none;
  padding-right: 2.5em;
}
.select select:focus,
.select select.is-focused,
.select select:active,
.select select.is-active {
  outline: none;
}
.select select[disabled],
.select select.is-disabled {
  pointer-events: none;
}
.select select:hover,
.select select.is-hovered {
  border-color: hsl(0, 0%, 71%);
}
.select select[disabled],
.select select.is-disabled {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 48%);
}
.select select[disabled]::-moz-placeholder,
.select select.is-disabled::-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select[disabled]::-webkit-input-placeholder,
.select select.is-disabled::-webkit-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select[disabled]:-moz-placeholder,
.select select.is-disabled:-moz-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select[disabled]:-ms-input-placeholder,
.select select.is-disabled:-ms-input-placeholder {
  color: rgba(53.55, 53.55, 53.55, 0.3);
}
.select select:hover {
  border-color: hsl(0, 0%, 71%);
}
.select select::ms-expand {
  display: none;
}
.select:hover:after {
  border-color: hsl(0, 0%, 21%);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.label {
  color: hsl(0, 0%, 21%);
  display: block;
  font-weight: bold;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 5px;
}
.help.is-white {
  color: hsl(0, 0%, 100%);
}
.help.is-black {
  color: hsl(0, 0%, 4%);
}
.help.is-light {
  color: hsl(0, 0%, 96%);
}
.help.is-dark {
  color: hsl(0, 0%, 21%);
}
.help.is-info {
  color: hsl(217, 71%, 53%);
}
.help.is-success {
  color: hsl(141, 71%, 48%);
}
.help.is-warning {
  color: hsl(48, 100%, 67%);
}
.help.is-danger {
  color: hsl(348, 100%, 61%);
}
@media screen and (max-width: 768px) {
  .control-label {
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 769px) {
  .control-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5em;
    padding-top: 0.5em;
    text-align: right;
  }
}
.control {
  position: relative;
  text-align: left;
}
.control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.control.has-addons {
  display: flex;
  justify-content: flex-start;
}
.control.has-addons .button,
.control.has-addons .input,
.control.has-addons .select {
  border-radius: 0;
  margin-right: -1px;
  width: auto;
}
.control.has-addons .button:hover,
.control.has-addons .input:hover,
.control.has-addons .select:hover {
  z-index: 2;
}
.control.has-addons .button:focus,
.control.has-addons .button:active,
.control.has-addons .input:focus,
.control.has-addons .input:active,
.control.has-addons .select:focus,
.control.has-addons .select:active {
  z-index: 3;
}
.control.has-addons .button:first-child,
.control.has-addons .input:first-child,
.control.has-addons .select:first-child {
  border-radius: 3px 0 0 3px;
}
.control.has-addons .button:first-child select,
.control.has-addons .input:first-child select,
.control.has-addons .select:first-child select {
  border-radius: 3px 0 0 3px;
}
.control.has-addons .button:last-child,
.control.has-addons .input:last-child,
.control.has-addons .select:last-child {
  border-radius: 0 3px 3px 0;
}
.control.has-addons .button:last-child select,
.control.has-addons .input:last-child select,
.control.has-addons .select:last-child select {
  border-radius: 0 3px 3px 0;
}
.control.has-addons .button.is-expanded,
.control.has-addons .input.is-expanded,
.control.has-addons .select.is-expanded {
  flex-grow: 1;
  flex-shrink: 0;
}
.control.has-addons .select select:hover {
  z-index: 2;
}
.control.has-addons .select select:focus,
.control.has-addons .select select:active {
  z-index: 3;
}
.control.has-addons.has-addons-centered {
  justify-content: center;
}
.control.has-addons.has-addons-right {
  justify-content: flex-end;
}
.control.has-addons.has-addons-fullwidth .button,
.control.has-addons.has-addons-fullwidth .input,
.control.has-addons.has-addons-fullwidth .select {
  flex-grow: 1;
  flex-shrink: 0;
}
.control.has-icon .icon {
  color: hsl(0, 0%, 86%);
  pointer-events: none;
  position: absolute;
  top: 1.25rem;
  z-index: 4;
}
.control.has-icon .input:focus + .icon {
  color: hsl(0, 0%, 48%);
}
.control.has-icon .input.is-small + .icon {
  top: 0.9375rem;
}
.control.has-icon .input.is-medium + .icon {
  top: 1.5625rem;
}
.control.has-icon .input.is-large + .icon {
  top: 1.875rem;
}
.control.has-icon:not(.has-icon-right) .icon {
  left: 1.25rem;
  transform: translateX(-50%) translateY(-50%);
}
.control.has-icon:not(.has-icon-right) .input {
  padding-left: 2.5em;
}
.control.has-icon:not(.has-icon-right) .input.is-small + .icon {
  left: 0.9375rem;
}
.control.has-icon:not(.has-icon-right) .input.is-medium + .icon {
  left: 1.5625rem;
}
.control.has-icon:not(.has-icon-right) .input.is-large + .icon {
  left: 1.875rem;
}
.control.has-icon.has-icon-right .icon {
  right: 1.25rem;
  transform: translateX(50%) translateY(-50%);
}
.control.has-icon.has-icon-right .input {
  padding-right: 2.5em;
}
.control.has-icon.has-icon-right .input.is-small + .icon {
  right: 0.9375rem;
}
.control.has-icon.has-icon-right .input.is-medium + .icon {
  right: 1.5625rem;
}
.control.has-icon.has-icon-right .input.is-large + .icon {
  right: 1.875rem;
}
.control.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.control.is-grouped > .control {
  flex-basis: 0;
  flex-shrink: 0;
}
.control.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.control.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.control.is-grouped.is-grouped-centered {
  justify-content: center;
}
.control.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .control.is-horizontal {
    display: flex;
  }
  .control.is-horizontal > .control {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
}
.control.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1rem;
  position: relative;
  width: 1rem;
  position: absolute !important;
  right: 0.75em;
  top: 0.75em;
}
.icon {
  display: inline-block;
  font-size: 21px;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  vertical-align: top;
  width: 1.5rem;
}
.icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.icon.is-small {
  display: inline-block;
  font-size: 14px;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  vertical-align: top;
  width: 1rem;
}
.icon.is-medium {
  display: inline-block;
  font-size: 28px;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  vertical-align: top;
  width: 2rem;
}
.icon.is-large {
  display: inline-block;
  font-size: 42px;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  vertical-align: top;
  width: 3rem;
}
.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image.is-square img,
.image.is-1by1 img,
.image.is-4by3 img,
.image.is-3by2 img,
.image.is-16by9 img,
.image.is-2by1 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.image.is-square,
.image.is-1by1 {
  padding-top: 100%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}
.notification {
  background-color: hsl(0, 0%, 96%);
  border-radius: 3px;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  position: relative;
}
.notification:not(:last-child) {
  margin-bottom: 1.5rem;
}
.notification code,
.notification pre {
  background: hsl(0, 0%, 100%);
}
.notification pre code {
  background: transparent;
}
.notification .delete {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: inherit;
}
.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 290486px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress:not(:last-child) {
  margin-bottom: 1.5rem;
}
.progress::-webkit-progress-bar {
  background-color: hsl(0, 0%, 86%);
}
.progress::-webkit-progress-value {
  background-color: hsl(0, 0%, 29%);
}
.progress::-moz-progress-bar {
  background-color: hsl(0, 0%, 29%);
}
.progress.is-white::-webkit-progress-value {
  background-color: hsl(0, 0%, 100%);
}
.progress.is-white::-moz-progress-bar {
  background-color: hsl(0, 0%, 100%);
}
.progress.is-black::-webkit-progress-value {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-moz-progress-bar {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-light::-webkit-progress-value {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light::-moz-progress-bar {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: hsl(0, 0%, 21%);
}
.progress.is-dark::-moz-progress-bar {
  background-color: hsl(0, 0%, 21%);
}
.progress.is-info::-webkit-progress-value {
  background-color: hsl(217, 71%, 53%);
}
.progress.is-info::-moz-progress-bar {
  background-color: hsl(217, 71%, 53%);
}
.progress.is-success::-webkit-progress-value {
  background-color: hsl(141, 71%, 48%);
}
.progress.is-success::-moz-progress-bar {
  background-color: hsl(141, 71%, 48%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: hsl(48, 100%, 67%);
}
.progress.is-warning::-moz-progress-bar {
  background-color: hsl(48, 100%, 67%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: hsl(348, 100%, 61%);
}
.progress.is-danger::-moz-progress-bar {
  background-color: hsl(348, 100%, 61%);
}
.progress.is-small {
  height: 0.75rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}
.table {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 21%);
  margin-bottom: 1.5rem;
  width: 100%;
}
.table td,
.table th {
  border: 1px solid hsl(0, 0%, 86%);
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table th {
  color: hsl(0, 0%, 21%);
  text-align: left;
}
.table tr:hover {
  background-color: hsl(0, 0%, 98%);
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: hsl(0, 0%, 48%);
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: hsl(0, 0%, 48%);
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:nth-child(even) {
  background-color: hsl(0, 0%, 98%);
}
.table.is-striped tbody tr:nth-child(even):hover {
  background-color: hsl(0, 0%, 96%);
}
.tag {
  align-items: center;
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color);
  border-radius: 3px;
  display: inline-flex;
  font-size: 0.75rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.875em;
  padding-right: 0.875em;
  vertical-align: top;
  white-space: nowrap;
}
.tag .delete {
  margin-left: 0.25em;
  margin-right: -0.5em;
}
.tag.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.tag.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.tag.is-light {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.tag.is-dark {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.tag.is-info {
  background-color: hsl(217, 71%, 53%);
  color: #fff;
}
.tag.is-success {
  background-color: hsl(141, 71%, 48%);
  color: #fff;
}
.tag.is-warning {
  background-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.tag.is-danger {
  background-color: hsl(348, 100%, 61%);
  color: #fff;
}
.tag.is-medium {
  font-size: 1rem;
}
.tag.is-large {
  font-size: 1.25rem;
}
.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: 300;
}
.title strong,
.subtitle strong {
  font-weight: 500;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}
.title {
  color: hsl(0, 0%, 21%);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.125;
}
.title strong {
  color: inherit;
}
.title + .highlight {
  margin-top: -0.75rem;
}
.title + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1 {
  font-size: 3.5rem;
}
.title.is-2 {
  font-size: 2.75rem;
}
.title.is-3 {
  font-size: 2rem;
}
.title.is-4 {
  font-size: 1.5rem;
}
.title.is-5 {
  font-size: 1.25rem;
}
.title.is-6 {
  font-size: 14px;
}
.subtitle {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.25;
}
.subtitle strong {
  color: hsl(0, 0%, 21%);
}
.subtitle + .title {
  margin-top: -1.5rem;
}
.subtitle.is-1 {
  font-size: 3.5rem;
}
.subtitle.is-2 {
  font-size: 2.75rem;
}
.subtitle.is-3 {
  font-size: 2rem;
}
.subtitle.is-4 {
  font-size: 1.5rem;
}
.subtitle.is-5 {
  font-size: 1.25rem;
}
.subtitle.is-6 {
  font-size: 14px;
}
.block:not(:last-child) {
  margin-bottom: 1.5rem;
}
.container {
  position: relative;
}
@media screen and (min-width: 1000px) {
  .container {
    margin: 0 auto;
    max-width: 960px;
  }
  .container.is-fluid {
    margin: 0 20px;
    max-width: none;
  }
}
@media screen and (min-width: 1240px) {
  .container {
    max-width: 1200px;
  }
}
.delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10.2, 10.2, 10.2, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  height: 20px;
  outline: none;
  position: relative;
  transform: rotate(45deg);
  transform-origin: center center;
  vertical-align: top;
  width: 20px;
}
.delete:before,
.delete:after {
  background-color: var(--theme-primary-text-icon-color);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.delete:before {
  height: 2px;
  width: 50%;
}
.delete:after {
  height: 50%;
  width: 2px;
}
.delete:hover,
.delete:focus {
  background-color: rgba(10.2, 10.2, 10.2, 0.3);
}
.delete:active {
  background-color: rgba(10.2, 10.2, 10.2, 0.4);
}
.delete.is-small {
  height: 14px;
  width: 14px;
}
.delete.is-medium {
  height: 26px;
  width: 26px;
}
.delete.is-large {
  height: 30px;
  width: 30px;
}
.fa {
  font-size: 21px;
  text-align: center;
  vertical-align: top;
}
.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.highlight {
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
}
.highlight:not(:last-child) {
  margin-bottom: 1.5rem;
}
.highlight pre {
  overflow: auto;
  max-width: 100%;
}
.loader {
  animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0, 0%, 86%);
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1rem;
  position: relative;
  width: 1rem;
}
.number {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  border-radius: 290486px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}
.card-header {
  align-items: stretch;
  box-shadow: 0 1px 2px rgba(10.2, 10.2, 10.2, 0.1);
  display: flex;
}
.card-header-title {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem;
}
.card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem;
}
.card-image {
  display: block;
  position: relative;
}
.card-content {
  padding: 1.5rem;
}
.card-content .title + .subtitle {
  margin-top: -1.5rem;
}
.card-footer {
  align-items: stretch;
  display: flex;
}
.card-footer-item {
  align-items: center;
  background: none;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid hsl(0, 0%, 86%);
}
.card {
  background-color: hsl(0, 0%, 100%);
  box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
  color: hsl(0, 0%, 29%);
  max-width: 100%;
  position: relative;
}
.card .media:not(:last-child) {
  margin-bottom: 0.75rem;
}
.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item:not(:last-child),
.level-right .level-item:not(:last-child) {
  margin-right: 0.75rem;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px) {
  .level-left {
    display: flex;
  }
}
.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .level-right {
    display: flex;
  }
}
.level {
  align-items: center;
  justify-content: space-between;
}
.level:not(:last-child) {
  margin-bottom: 1.5rem;
}
.level code {
  border-radius: 3px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile > .level-item:not(:last-child) {
  margin-bottom: 0;
}
.level.is-mobile > .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px) {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}
.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.media-left {
  margin-right: 1rem;
}
.media-right {
  margin-left: 1rem;
}
.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: left;
}
.media {
  align-items: flex-start;
  display: flex;
  text-align: left;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media:not(app-basic-confirm-modal *) {
  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
  display: flex;
  padding-top: 0.75rem;
}
.media .media:not(app-basic-confirm-modal *) .content:not(:last-child),
.media .media:not(app-basic-confirm-modal *) .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media:not(app-basic-confirm-modal *) .media {
  padding-top: 0.5rem;
}
.media .media:not(app-basic-confirm-modal *) .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.menu {
  font-size: 1rem;
}
.menu > div {
  border-radius: 2px;
}
.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: 2px;
  color: hsl(0, 0%, 29%);
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list li ul {
  border-left: 1px solid hsl(0, 0%, 86%);
  margin: 0.75em;
  padding-left: 0.75em;
}
.menu-label {
  color: hsl(0, 0%, 48%);
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}
.message {
  background-color: hsl(0, 0%, 96%);
  border-radius: 3px;
  font-size: 1rem;
}
.message:not(:last-child) {
  margin-bottom: 1.5rem;
}
.message.is-white {
  background-color: hsl(0, 0%, 100%);
}
.message.is-white .message-header {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.message.is-white .message-body {
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 30%);
}
.message.is-black {
  background-color: hsl(0, 0%, 94.24%);
}
.message.is-black .message-header {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.message.is-black .message-body {
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 3.9772961075%);
}
.message.is-light {
  background-color: hsl(0, 0%, 96.08%);
}
.message.is-light .message-header {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.message.is-light .message-body {
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 33.7991329934%);
}
.message.is-dark {
  background-color: hsl(0, 0%, 81.83%);
}
.message.is-dark .message-header {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.message.is-dark .message-body {
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 20.0725208329%);
}
.message.is-info {
  background-color: hsl(217, 71%, 74.15%);
}
.message.is-info .message-header {
  background-color: hsl(217, 71%, 53%);
  color: #fff;
}
.message.is-info .message-body {
  border-color: hsl(217, 71%, 53%);
  color: hsl(217, 66.056824649%, 44.3900560788%);
}
.message.is-success {
  background-color: hsl(141, 71%, 74%);
}
.message.is-success .message-header {
  background-color: hsl(141, 71%, 48%);
  color: #fff;
}
.message.is-success .message-body {
  border-color: hsl(141, 71%, 48%);
  color: hsl(141, 60.0896624065%, 30.7893266131%);
}
.message.is-warning {
  background-color: hsl(48, 100%, 77.23%);
}
.message.is-warning .message-header {
  background-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.message.is-warning .message-body {
  border-color: hsl(48, 100%, 67%);
  color: hsl(48, 76.8955663853%, 30.8800687824%);
}
.message.is-danger {
  background-color: hsl(348, 100%, 75.43%);
}
.message.is-danger .message-header {
  background-color: hsl(348, 100%, 61%);
  color: #fff;
}
.message.is-danger .message-body {
  border-color: hsl(348, 100%, 61%);
  color: hsl(348, 91.8026623158%, 49.3324560294%);
}
.message-header {
  align-items: center;
  background-color: hsl(0, 0%, 29%);
  border-radius: 3px 3px 0 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.5em 0.75em;
  position: relative;
}
.message-header a,
.message-header strong {
  color: inherit;
}
.message-header a {
  text-decoration: underline;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}
.message-body {
  border: 1px solid hsl(0, 0%, 86%);
  border-radius: 3px;
  color: hsl(0, 0%, 29%);
  padding: 1em 1.25em;
}
.message-body a,
.message-body strong {
  color: inherit;
}
.message-body a {
  text-decoration: underline;
}
.message-body code,
.message-body pre {
  background: hsl(0, 0%, 100%);
}
.message-body pre code {
  background: transparent;
}
.modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(10.2, 10.2, 10.2, 0.86);
}
.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}
.modal-close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10.2, 10.2, 10.2, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  height: 20px;
  outline: none;
  position: relative;
  transform: rotate(45deg);
  transform-origin: center center;
  vertical-align: top;
  width: 20px;
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}
.modal-close:before,
.modal-close:after {
  background-color: var(--theme-primary-text-icon-color);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.modal-close:before {
  height: 2px;
  width: 50%;
}
.modal-close:after {
  height: 50%;
  width: 2px;
}
.modal-close:hover,
.modal-close:focus {
  background-color: rgba(10.2, 10.2, 10.2, 0.3);
}
.modal-close:active {
  background-color: rgba(10.2, 10.2, 10.2, 0.4);
}
.modal-close.is-small {
  height: 14px;
  width: 14px;
}
.modal-close.is-medium {
  height: 26px;
  width: 26px;
}
.modal-close.is-large {
  height: 30px;
  width: 30px;
}
.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
}
.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: hsl(0, 0%, 96%);
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}
.modal-card-head {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-card-title {
  color: hsl(0, 0%, 21%);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}
.modal-card-foot {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid hsl(0, 0%, 86%);
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 10px;
}
.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 100%);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}
.modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
  display: none;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 1986;
}
.modal.is-active {
  display: flex;
}
.nav-toggle {
  cursor: pointer;
  display: block;
  height: 3.5rem;
  position: relative;
  width: 3.5rem;
}
.nav-toggle span {
  background-color: hsl(0, 0%, 29%);
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  top: 50%;
  transition: none 86ms ease-out;
  transition-property:
    background,
    left,
    opacity,
    transform;
  width: 15px;
}
.nav-toggle span:nth-child(1) {
  margin-top: -6px;
}
.nav-toggle span:nth-child(2) {
  margin-top: -1px;
}
.nav-toggle span:nth-child(3) {
  margin-top: 4px;
}
.nav-toggle.is-active span:nth-child(1) {
  margin-left: -5px;
  transform: rotate(45deg);
  transform-origin: left top;
}
.nav-toggle.is-active span:nth-child(2) {
  opacity: 0;
}
.nav-toggle.is-active span:nth-child(3) {
  margin-left: -5px;
  transform: rotate(-45deg);
  transform-origin: left bottom;
}
@media screen and (min-width: 769px) {
  .nav-toggle {
    display: none;
  }
}
.nav-item {
  align-items: center;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1rem;
  justify-content: center;
  padding: 0.5rem 0.75rem;
}
.nav-item a {
  flex-grow: 1;
  flex-shrink: 0;
}
.nav-item img {
  max-height: 1.75rem;
}
.nav-item .button + .button {
  margin-left: 0.75rem;
}
.nav-item .tag:first-child:not(:last-child) {
  margin-right: 0.5rem;
}
.nav-item .tag:last-child:not(:first-child) {
  margin-left: 0.5rem;
}
.nav-item a.is-tab,
a.nav-item.is-tab {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  padding-bottom: calc(0.5rem - 1px);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc(0.5rem - 1px);
}
.nav-item a.is-tab:hover,
a.nav-item.is-tab:hover {
  border-top-color: transparent;
}
.nav-item a.is-tab.is-active,
a.nav-item.is-tab.is-active {
  border-bottom: 3px solid;
  padding-bottom: calc(0.5rem - 3px);
}
@media screen and (min-width: 1000px) {
  .nav-item a.is-brand,
  a.nav-item.is-brand {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .nav-menu {
    background-color: var(--theme-main-bg-color);
    box-shadow: 0 4px 7px rgba(10.2, 10.2, 10.2, 0.1);
    left: 0;
    display: none;
    right: 0;
    top: 100%;
    position: absolute;
  }
  .nav-menu .nav-item {
    border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5);
    padding: 0.75rem;
  }
  .nav-menu.is-active {
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 999px) {
  .nav-menu {
    padding-right: 1.5rem;
  }
}
.nav-left,
.nav-right {
  align-items: stretch;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
}
.nav-left {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.nav-center {
  align-items: stretch;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.nav-right {
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .nav-right {
    display: flex;
  }
}
.nav {
  align-items: stretch;
  background-color: var(--theme-main-bg-color);
  display: flex;
  min-height: 3.5rem;
  position: relative;
  text-align: center;
}
.nav > .container {
  align-items: stretch;
  display: flex;
  min-height: 3.5rem;
}
.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.285em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  position: relative;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0.875rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  justify-content: center;
  text-align: center;
}
.pagination-previous:focus,
.pagination-previous.is-focused,
.pagination-previous:active,
.pagination-previous.is-active,
.pagination-next:focus,
.pagination-next.is-focused,
.pagination-next:active,
.pagination-next.is-active,
.pagination-link:focus,
.pagination-link.is-focused,
.pagination-link:active,
.pagination-link.is-active,
.pagination-ellipsis:focus,
.pagination-ellipsis.is-focused,
.pagination-ellipsis:active,
.pagination-ellipsis.is-active {
  outline: none;
}
.pagination-previous[disabled],
.pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled,
.pagination-ellipsis[disabled],
.pagination-ellipsis.is-disabled {
  pointer-events: none;
}
.pagination-previous,
.pagination-next,
.pagination-link {
  border: 1px solid hsl(0, 0%, 86%);
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: hsl(0, 0%, 71%);
  color: hsl(0, 0%, 21%);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2);
}
.pagination-previous[disabled],
.pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 48%);
  opacity: 0.5;
  pointer-events: none;
}
.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.pagination-ellipsis {
  color: hsl(0, 0%, 71%);
  pointer-events: none;
}
.pagination-list li:not(:first-child) {
  margin-left: 0.375rem;
}
@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
    width: calc(50% - 0.375rem);
  }
  .pagination-next {
    margin-left: 0.75rem;
  }
  .pagination-list {
    margin-top: 0.75rem;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px) {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next {
    margin-left: 0.75rem;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
  }
  .pagination.is-centered .pagination-previous {
    margin-left: 0;
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    margin-left: 0;
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
    margin-right: 0.75rem;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel-heading,
.panel-tabs,
.panel-block {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  border-left: 1px solid hsl(0, 0%, 86%);
  border-right: 1px solid hsl(0, 0%, 86%);
}
.panel-heading:first-child,
.panel-tabs:first-child,
.panel-block:first-child {
  border-top: 1px solid hsl(0, 0%, 86%);
}
.panel-heading {
  background-color: hsl(0, 0%, 96%);
  border-radius: 3px 3px 0 0;
  color: hsl(0, 0%, 21%);
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.25;
  padding: 0.5em 0.75em;
}
.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid hsl(0, 0%, 86%);
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 29%);
  color: hsl(0, 0%, 21%);
}
.panel-list a {
  color: hsl(0, 0%, 29%);
}
.panel-block {
  align-items: center;
  color: hsl(0, 0%, 21%);
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-active {
  color: hsl(0, 0%, 21%);
}
a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: hsl(0, 0%, 96%);
}
.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: hsl(0, 0%, 48%);
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}
.tabs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs:not(:last-child) {
  margin-bottom: 1.5rem;
}
.tabs a {
  align-items: center;
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-20);
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 21%);
}
.tabs li {
  display: block;
}
.tabs ul {
  align-items: center;
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-20);
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: hsl(0, 0%, 96%);
  border-bottom-color: hsl(0, 0%, 86%);
}
.tabs.is-boxed li.is-active a {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 86%);
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border: 1px solid hsl(0, 0%, 86%);
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 71%);
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-radius: 3px 0 0 3px;
}
.tabs.is-toggle li:last-child a {
  border-radius: 0 3px 3px 0;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-small {
  font-size: 0.75rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.column.no-vertical-padding {
  padding-bottom: 0;
  padding-top: 0;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.3333333333%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.6666666667%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.3333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.6666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.3333333333%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.6666666667%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.3333333333%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.6666666667%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.3333333333%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.6666666667%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.3333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.6666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.3333333333%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.6666666667%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.3333333333%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.6666666667%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px) {
  .column.is-narrow,
  .column.is-narrow-tablet {
    flex: none;
  }
  .column.is-full,
  .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters,
  .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds,
  .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half,
  .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third,
  .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-three-quarters,
  .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds,
  .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half,
  .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third,
  .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter,
  .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-1,
  .column.is-1-tablet {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1,
  .column.is-offset-1-tablet {
    margin-left: 8.3333333333%;
  }
  .column.is-2,
  .column.is-2-tablet {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2,
  .column.is-offset-2-tablet {
    margin-left: 16.6666666667%;
  }
  .column.is-3,
  .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3,
  .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4,
  .column.is-4-tablet {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4,
  .column.is-offset-4-tablet {
    margin-left: 33.3333333333%;
  }
  .column.is-5,
  .column.is-5-tablet {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5,
  .column.is-offset-5-tablet {
    margin-left: 41.6666666667%;
  }
  .column.is-6,
  .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6,
  .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7,
  .column.is-7-tablet {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7,
  .column.is-offset-7-tablet {
    margin-left: 58.3333333333%;
  }
  .column.is-8,
  .column.is-8-tablet {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8,
  .column.is-offset-8-tablet {
    margin-left: 66.6666666667%;
  }
  .column.is-9,
  .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9,
  .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10,
  .column.is-10-tablet {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10,
  .column.is-offset-10-tablet {
    margin-left: 83.3333333333%;
  }
  .column.is-11,
  .column.is-11-tablet {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11,
  .column.is-offset-11-tablet {
    margin-left: 91.6666666667%;
  }
  .column.is-12,
  .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12,
  .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .column.is-narrow-desktop {
    flex: none;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.3333333333%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.6666666667%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.3333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.6666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.3333333333%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.6666666667%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.3333333333%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.6666666667%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1240px) {
  .column.is-narrow-widescreen {
    flex: none;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.3333333333%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.3333333333%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.6666666667%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.6666666667%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.3333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.3333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.6666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.6666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.3333333333%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.3333333333%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.6666666667%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.6666666667%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.3333333333%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.3333333333%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.6666666667%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.6666666667%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: 0.75rem;
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0;
}
.columns.is-gapless-top {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .columns.is-grid {
    flex-wrap: wrap;
  }
  .columns.is-grid > .column {
    max-width: 33.3333%;
    padding: 0.75rem;
    width: 33.3333%;
  }
  .columns.is-grid > .column + .column {
    margin-left: 0;
  }
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px) {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1000px) {
  .columns.is-desktop {
    display: flex;
  }
}
.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px) {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .tile.is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .tile.is-3 {
    flex: none;
    width: 25%;
  }
  .tile.is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .tile.is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .tile.is-6 {
    flex: none;
    width: 50%;
  }
  .tile.is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .tile.is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .tile.is-9 {
    flex: none;
    width: 75%;
  }
  .tile.is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .tile.is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .tile.is-12 {
    flex: none;
    width: 100%;
  }
}
.hero-video {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}
.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}
.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}
.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1240px) {
  .hero-body {
    padding-left: 0;
    padding-right: 0;
  }
}
.hero {
  align-items: stretch;
  background-color: hsl(0, 0%, 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .nav {
  background: none;
  box-shadow: 0 1px 0 rgba(219.3, 219.3, 219.3, 0.3);
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.hero.is-white a,
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .subtitle {
  color: rgba(10.2, 10.2, 10.2, 0.9);
}
.hero.is-white .subtitle a,
.hero.is-white .subtitle strong {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .nav {
  box-shadow: 0 1px 0 rgba(10.2, 10.2, 10.2, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-white .nav-menu {
    background-color: hsl(0, 0%, 100%);
  }
}
.hero.is-white a.nav-item,
.hero.is-white .nav-item a:not(.button) {
  color: rgba(10.2, 10.2, 10.2, 0.7);
}
.hero.is-white a.nav-item:hover,
.hero.is-white a.nav-item.is-active,
.hero.is-white .nav-item a:not(.button):hover,
.hero.is-white .nav-item a:not(.button).is-active {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs a {
  color: hsl(0, 0%, 4%);
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.hero.is-white.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(350, 10%, 90%) 0%,
      hsl(0, 0%, 100%) 71%,
      hsl(10, 5%, 100%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-white .nav-toggle span {
    background-color: hsl(0, 0%, 4%);
  }
  .hero.is-white .nav-toggle.is-active span {
    background-color: hsl(0, 0%, 4%);
  }
}
.hero.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.hero.is-black a,
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-black .subtitle a,
.hero.is-black .subtitle strong {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .nav {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-black .nav-menu {
    background-color: hsl(0, 0%, 4%);
  }
}
.hero.is-black a.nav-item,
.hero.is-black .nav-item a:not(.button) {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-black a.nav-item:hover,
.hero.is-black a.nav-item.is-active,
.hero.is-black .nav-item a:not(.button):hover,
.hero.is-black .nav-item a:not(.button).is-active {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .tabs a {
  color: hsl(0, 0%, 100%);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.hero.is-black.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(350, 10%, 3.6%) 0%,
      hsl(0, 0%, 4%) 71%,
      hsl(10, 5%, 8.8%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black .nav-toggle span {
    background-color: hsl(0, 0%, 100%);
  }
  .hero.is-black .nav-toggle.is-active span {
    background-color: hsl(0, 0%, 100%);
  }
}
.hero.is-light {
  background-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.hero.is-light a,
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: hsl(0, 0%, 21%);
}
.hero.is-light .subtitle {
  color: rgba(53.55, 53.55, 53.55, 0.9);
}
.hero.is-light .subtitle a,
.hero.is-light .subtitle strong {
  color: hsl(0, 0%, 21%);
}
.hero.is-light .nav {
  box-shadow: 0 1px 0 rgba(53.55, 53.55, 53.55, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-light .nav-menu {
    background-color: hsl(0, 0%, 96%);
  }
}
.hero.is-light a.nav-item,
.hero.is-light .nav-item a:not(.button) {
  color: rgba(53.55, 53.55, 53.55, 0.7);
}
.hero.is-light a.nav-item:hover,
.hero.is-light a.nav-item.is-active,
.hero.is-light .nav-item a:not(.button):hover,
.hero.is-light .nav-item a:not(.button).is-active {
  color: hsl(0, 0%, 21%);
}
.hero.is-light .tabs a {
  color: hsl(0, 0%, 21%);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
  color: hsl(0, 0%, 21%);
}
.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 21%);
  border-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.hero.is-light.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(350, 10%, 86.4%) 0%,
      hsl(0, 0%, 96%) 71%,
      hsl(10, 5%, 96.2%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light .nav-toggle span {
    background-color: hsl(0, 0%, 21%);
  }
  .hero.is-light .nav-toggle.is-active span {
    background-color: hsl(0, 0%, 21%);
  }
}
.hero.is-dark {
  background-color: hsl(0, 0%, 21%);
  color: hsl(0, 0%, 96%);
}
.hero.is-dark a,
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: hsl(0, 0%, 96%);
}
.hero.is-dark .subtitle {
  color: rgba(244.8, 244.8, 244.8, 0.9);
}
.hero.is-dark .subtitle a,
.hero.is-dark .subtitle strong {
  color: hsl(0, 0%, 96%);
}
.hero.is-dark .nav {
  box-shadow: 0 1px 0 rgba(244.8, 244.8, 244.8, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-dark .nav-menu {
    background-color: hsl(0, 0%, 21%);
  }
}
.hero.is-dark a.nav-item,
.hero.is-dark .nav-item a:not(.button) {
  color: rgba(244.8, 244.8, 244.8, 0.7);
}
.hero.is-dark a.nav-item:hover,
.hero.is-dark a.nav-item.is-active,
.hero.is-dark .nav-item a:not(.button):hover,
.hero.is-dark .nav-item a:not(.button).is-active {
  color: hsl(0, 0%, 96%);
}
.hero.is-dark .tabs a {
  color: hsl(0, 0%, 96%);
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
  color: hsl(0, 0%, 96%);
}
.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 21%);
}
.hero.is-dark.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(350, 10%, 18.9%) 0%,
      hsl(0, 0%, 21%) 71%,
      hsl(10, 5%, 24.95%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-dark .nav-toggle span {
    background-color: hsl(0, 0%, 96%);
  }
  .hero.is-dark .nav-toggle.is-active span {
    background-color: hsl(0, 0%, 96%);
  }
}
.hero.is-info {
  background-color: hsl(217, 71%, 53%);
  color: #fff;
}
.hero.is-info a,
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: #fff;
}
.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a,
.hero.is-info .subtitle strong {
  color: #fff;
}
.hero.is-info .nav {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-info .nav-menu {
    background-color: hsl(217, 71%, 53%);
  }
}
.hero.is-info a.nav-item,
.hero.is-info .nav-item a:not(.button) {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.nav-item:hover,
.hero.is-info a.nav-item.is-active,
.hero.is-info .nav-item a:not(.button):hover,
.hero.is-info .nav-item a:not(.button).is-active {
  color: #fff;
}
.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
  color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(217, 71%, 53%);
}
.hero.is-info.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(207, 73.9%, 47.7%) 0%,
      hsl(217, 71%, 53%) 71%,
      hsl(227, 72.45%, 55.35%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-info .nav-toggle span {
    background-color: #fff;
  }
  .hero.is-info .nav-toggle.is-active span {
    background-color: #fff;
  }
}
.hero.is-success {
  background-color: hsl(141, 71%, 48%);
  color: #fff;
}
.hero.is-success a,
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: #fff;
}
.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-success .subtitle a,
.hero.is-success .subtitle strong {
  color: #fff;
}
.hero.is-success .nav {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-success .nav-menu {
    background-color: hsl(141, 71%, 48%);
  }
}
.hero.is-success a.nav-item,
.hero.is-success .nav-item a:not(.button) {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.nav-item:hover,
.hero.is-success a.nav-item.is-active,
.hero.is-success .nav-item a:not(.button):hover,
.hero.is-success .nav-item a:not(.button).is-active {
  color: #fff;
}
.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
  color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(141, 71%, 48%);
}
.hero.is-success.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(131, 73.9%, 43.2%) 0%,
      hsl(141, 71%, 48%) 71%,
      hsl(151, 72.45%, 50.6%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-success .nav-toggle span {
    background-color: #fff;
  }
  .hero.is-success .nav-toggle.is-active span {
    background-color: #fff;
  }
}
.hero.is-warning {
  background-color: hsl(48, 100%, 67%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a,
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-warning .subtitle a,
.hero.is-warning .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .nav {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-warning .nav-menu {
    background-color: hsl(48, 100%, 67%);
  }
}
.hero.is-warning a.nav-item,
.hero.is-warning .nav-item a:not(.button) {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning a.nav-item:hover,
.hero.is-warning a.nav-item.is-active,
.hero.is-warning .nav-item a:not(.button):hover,
.hero.is-warning .nav-item a:not(.button).is-active {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: hsl(48, 100%, 67%);
}
.hero.is-warning.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(38, 100%, 60.3%) 0%,
      hsl(48, 100%, 67%) 71%,
      hsl(58, 100%, 68.65%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-warning .nav-toggle span {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .hero.is-warning .nav-toggle.is-active span {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
.hero.is-danger {
  background-color: hsl(348, 100%, 61%);
  color: #fff;
}
.hero.is-danger a,
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: #fff;
}
.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-danger .subtitle a,
.hero.is-danger .subtitle strong {
  color: #fff;
}
.hero.is-danger .nav {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 768px) {
  .hero.is-danger .nav-menu {
    background-color: hsl(348, 100%, 61%);
  }
}
.hero.is-danger a.nav-item,
.hero.is-danger .nav-item a:not(.button) {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-danger a.nav-item:hover,
.hero.is-danger a.nav-item.is-active,
.hero.is-danger .nav-item a:not(.button):hover,
.hero.is-danger .nav-item a:not(.button).is-active {
  color: #fff;
}
.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
  color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(348, 100%, 61%);
}
.hero.is-danger.is-bold {
  background-image:
    linear-gradient(
      141deg,
      hsl(338, 100%, 54.9%) 0%,
      hsl(348, 100%, 61%) 71%,
      hsl(358, 100%, 62.95%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-danger .nav-toggle span {
    background-color: #fff;
  }
  .hero.is-danger .nav-toggle.is-active span {
    background-color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .hero.is-medium .hero-body {
    padding-bottom: 9rem;
    padding-top: 9rem;
  }
}
@media screen and (min-width: 769px) {
  .hero.is-large .hero-body {
    padding-bottom: 18rem;
    padding-top: 18rem;
  }
}
.hero.is-fullheight {
  min-height: 100vh;
}
.hero.is-fullheight .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-fullheight .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.section {
  background-color: hsl(0, 0%, 100%);
}
@media screen and (min-width: 1000px) {
  .section.is-medium {
    padding: 9rem 1.5rem;
  }
  .section.is-large {
    padding: 18rem 1.5rem;
  }
}
.footer {
  background-color: hsl(0, 0%, 96%);
  padding: 3rem 1.5rem 6rem;
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3f8ba37d21f74f6bf17d32945a0015df)
 * Config saved to config.json and https://gist.github.com/3f8ba37d21f74f6bf17d32945a0015df
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 769px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 768px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 768px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 768px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.ng-tooltip {
  --tooltip-color: var(--theme-content-bg-color_high-contrast-20);
  max-width: 240px;
  background-color: var(--tooltip-color);
  color: var(--theme-content-text-icon-color);
  text-align: center;
  border-radius: 4px;
  font-size: 13px;
  padding: 6px 10px;
  position: absolute;
  z-index: 10002;
  display: block;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
  -webkit-box-shadow: 0 2px 8px 0 rgba(63, 61, 76, 0.1), 0 0 2px 0 rgba(63, 61, 76, 0.3);
  -moz-box-shadow: 0 2px 8px 0 rgba(63, 61, 76, 0.1), 0 0 2px 0 rgba(63, 61, 76, 0.3);
  box-shadow: 0 2px 8px 0 rgba(63, 61, 76, 0.1), 0 0 2px 0 rgba(63, 61, 76, 0.3);
  overflow-wrap: break-word;
}
.ng-tooltip-show {
  opacity: 1;
}
.ng-tooltip::after,
.ng-tooltip::before {
  content: "";
  position: absolute;
  border-style: solid;
}
.ng-tooltip-top::after {
  z-index: 10003;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-color: var(--tooltip-color) transparent transparent transparent;
}
.ng-tooltip-top::before {
  z-index: 10002;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-color: var(--tooltip-color) transparent transparent transparent;
}
.ng-tooltip-bottom::after {
  z-index: 10003;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-color: transparent transparent var(--theme-content-bg-color) transparent;
}
.ng-tooltip-bottom::before {
  z-index: 10002;
  bottom: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-color: transparent transparent var(--theme-content-bg-color) transparent;
}
.ng-tooltip-left::after {
  z-index: 10003;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-color: transparent transparent transparent var(--theme-content-bg-color);
}
.ng-tooltip-left::before {
  z-index: 10002;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  border-width: 6px;
  border-color: transparent transparent transparent var(--theme-content-bg-color);
}
.ng-tooltip-right::after {
  z-index: 10003;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-color: transparent var(--theme-content-bg-color) transparent transparent;
}
.ng-tooltip-right::before {
  z-index: 10002;
  top: 50%;
  right: 100%;
  margin-top: -6px;
  border-width: 6px;
  border-color: transparent var(--theme-content-bg-color) transparent transparent;
}
.columns.tooltip-with-icon {
  margin: 0;
  text-align: left;
}
.columns.tooltip-with-icon .column:first-child {
  max-width: 30px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0.75rem 0 0 0;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes smallPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes smallPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.smallPulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
html,
body,
section {
  background-color: var(--theme-main-bg-color);
  color: var(--theme-main-text-icon-color);
  scrollbar-color: var(--theme-content-bg-color_high-contrast-10) var(--theme-content-bg-color);
}
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--theme-content-bg-color) inset;
  -webkit-text-fill-color: var(--theme-content-text-icon-color);
  caret-color: var(--theme-content-text-icon-color);
}
hr {
  background: var(--theme-content-bg-color_high-contrast-10);
  height: 1px;
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-top: var(--margin);
}
a:hover {
  text-decoration: none;
  opacity: 0.7;
}
svg {
  display: block;
}
strong {
  color: inherit;
}
.section {
  padding: 35px 40px 40px 40px;
  margin: 5px 0 0 0;
  max-height: 100%;
  overflow: auto;
  background-color: var(--theme-main-bg-color);
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.section .central-max-width {
  max-width: 900px;
  margin: 0 auto;
}
.section .central-max-width.home-feed {
  max-width: 1048px;
}
.section::-webkit-scrollbar {
  display: none;
}
.section.background-image-url {
  height: 100%;
  width: 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
  margin-top: 0;
}
.section.reduce-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.section.remove-padding {
  padding: 0px;
  margin: 0px;
}
.section.remove-padding .container {
  max-width: none;
}
.section.remove-vertical-padding {
  padding-bottom: 0px;
  padding-top: 0px;
}
.handshake-icon-active {
  width: 29px;
  height: 24px;
  object-fit: contain;
}
.location-icon {
  min-width: 8px;
  width: 8px;
  height: 12px;
  object-fit: contain;
}
.icon.location {
  font-size: inherit;
  vertical-align: middle;
  width: auto;
}
.grip-events-link {
  width: 100%;
  padding: 0 10px 10px 10px;
  text-align: end;
}
.grip-events-link a {
  text-decoration: none;
  color: var(--theme-primary-color);
  font-size: 14px !important;
}
@media screen and (max-width: 992px) {
  .grip-events-link {
    text-align: start;
  }
}
.freeman-login-show {
  position: absolute;
  bottom: 30px;
  left: 10px;
  text-decoration: none;
  color: transparent;
}
.freeman-login-show:hover {
  color: var(--theme-content-text-icon-color);
}
.reset-p-success {
  flex-direction: column;
}
.list-timezone-display {
  line-height: 1;
  font-size: 12px !important;
}
.is-size-12 {
  font-size: 12px !important;
}
.columns.col-mar-25 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.columns .col-pad-25 {
  padding: 0.25rem;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--theme-content-bg-color);
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--theme-content-bg-color_high-contrast-10);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: var(--theme-content-bg-color_high-contrast-10);
}
@media screen and (max-width: 768px) {
  .section {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 1250px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 1170px !important;
  }
}
.is-align-top {
  vertical-align: top !important;
}
.is-align-baseline {
  vertical-align: baseline !important;
}
.is-align-text-bottom {
  vertical-align: text-bottom !important;
}
.is-block {
  display: block !important;
}
.is-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.is-inline-flex {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.is-table {
  display: table;
}
.center-everything {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.center-everything-block {
  display: block;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.valign-self-stretch {
  align-self: stretch;
}
.align-self-center {
  align-self: center;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.valign-center {
  align-items: center;
}
.xalign-center {
  justify-content: center;
}
.justify-self-start {
  justify-self: flex-start;
}
.justify-self-end {
  justify-self: flex-end;
}
.row-reverse {
  flex-direction: row-reverse;
}
.gap-quarter {
  gap: calc(var(--margin) / 4);
}
.gap-half {
  gap: calc(var(--margin) / 2);
}
.gap {
  gap: var(--margin);
}
.gap-double {
  gap: calc(var(--margin) * 2);
}
.column-reverse {
  flex-direction: column-reverse;
}
.flex {
  flex: 1;
}
.flex-0 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.flex-column {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-grow {
  flex-grow: 1;
}
.flex-start {
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.space-between {
  justify-content: space-between;
}
.space-evenly {
  justify-content: space-evenly;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.align-baseline {
  align-items: baseline;
}
.text-is-right {
  text-align: right;
}
.text-is-left {
  text-align: left;
}
.text-is-center {
  text-align: center;
}
.ie-flex {
  flex-grow: 1;
  flex-basis: 0;
}
.center-margin {
  margin: 0 auto;
}
.is-fullheight {
  height: 100vh;
}
.is-full-view-width {
  width: 100vw;
}
.is-fullheight-no-nav {
  height: calc(100vh - 79px);
}
.is-fullheight-percent {
  height: 100%;
}
.inherit-max-height {
  max-height: inherit;
}
.is-third-width {
  width: 33% !important;
}
.is-fullwidth {
  width: 100% !important;
}
.is-max-fullwidth {
  max-width: 100%;
}
.is-half-width {
  width: 50%;
}
.is-width-fit-content {
  width: fit-content;
}
.is-max-width-fit-content {
  max-width: fit-content;
}
.is-min-width-max-content {
  min-width: max-content;
}
.width-max-content {
  width: max-content;
}
.is-center-vertical {
  vertical-align: middle;
}
.bg-green {
  background-color: var(--green-accent) !important;
}
.darkened-background {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483004;
  background-color: rgba(0, 0, 0, 0.2);
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.no-pointer-events {
  pointer-events: none;
}
.is-opacity-0 {
  opacity: 0;
}
.is-opacity-half {
  opacity: 0.5 !important;
}
.is-opacity-6 {
  opacity: 0.6;
}
.overflow-auto {
  overflow: auto;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.text-wrap {
  overflow-wrap: break-word;
}
.word-break {
  word-break: break-all;
}
.word-break-keep-all {
  word-break: keep-all;
}
.word-wrap {
  word-break: break-word;
}
.z-index-0 {
  z-index: 0 !important;
}
.z-index-auto {
  z-index: auto !important;
}
.z-index-2 {
  z-index: 2;
}
.is-borderless {
  border: 0 !important;
}
.is-borderless-left {
  border-left: 0 !important;
}
.is-borderless-right {
  border-right: 0 !important;
}
.is-underlined {
  text-decoration: underline !important;
}
.is-relative {
  position: relative;
}
.is-static {
  position: static;
}
.is-absolute {
  position: absolute;
}
.is-sticky {
  position: sticky;
}
.is-truncated-1,
.is-truncated-2,
.is-truncated-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 1.4em;
}
.is-truncated-2 {
  -webkit-line-clamp: 2;
  max-height: 2.8em;
}
.is-truncated-3 {
  -webkit-line-clamp: 3;
  max-height: 4.3em;
}
.truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  white-space: nowrap;
}
.truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.line-height-1 {
  line-height: 1;
}
.line-height-1-4 {
  line-height: 1.4;
}
.line-height-1-3 {
  line-height: 1.3;
}
.line-height-1-2 {
  line-height: 1.2;
}
.line-height-normal {
  line-height: normal;
}
.translate-Y-2 {
  transform: translateY(2px);
}
.translate-Y-3 {
  transform: translateY(3px);
}
.translate-Y-5 {
  transform: translateY(5px);
}
.rotate-180 {
  transform: rotate(180deg);
}
.clear-both {
  clear: both;
}
.is-invisible {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
  box-shadow: 0;
  cursor: default;
  pointer-events: none;
}
.is-invisible:hover {
  border-color: transparent;
  background-color: transparent;
  color: transparent;
  box-shadow: 0;
  cursor: default;
  pointer-events: none;
}
.border-danger {
  border-color: var(--red-accent);
}
.remove-agent-styles {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.min-content {
  width: min-content;
}
.norm-whitespace {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.status-badge {
  --status-badge-text-color: var(--theme-content-text-icon-color);
  --status-badge-bg-color: var(--theme-content-bg-color_high-contrast-10);
  min-width: 150px;
  height: 30px;
  color: var(--status-badge-text-color);
  background-color: var(--status-badge-bg-color);
  border-radius: 15px;
}
.status-badge p {
  color: var(--status-badge-text-color);
  line-height: 16px;
}
.status-badge.is-small {
  border-radius: 10px;
  min-width: 75px;
  height: 20px;
}
.status-badge.accepted {
  --status-badge-text-color: var(--green-light);
  --status-badge-bg-color: var(--green-dark);
}
.status-badge.pending {
  --status-badge-text-color: var(--orange-light);
  --status-badge-bg-color: var(--orange-dark);
}
.status-badge.declined,
.status-badge.expired {
  --status-badge-text-color: var(--red-light);
  --status-badge-bg-color: var(--red-dark);
}
.agenda-label {
  border: solid 1px transparent;
  border-radius: 16px;
  color: var(--theme-content-text-icon-color);
  background-color: var(--theme-content-bg-color_high-contrast-10);
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 12px;
}
.agenda-label svg {
  display: block;
  height: 1em;
}
.agenda-label.is-red {
  background-color: var(--red-accent);
  color: var(--white);
  font-family:
    ThemedFont,
    "Lato",
    "Helvetica",
    Verdana,
    Arial,
    sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.agenda-label.is-selected {
  background-color: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
}
.env_prod.app_699.container_3914 .agenda-label,
.env_prod.app_699.container_4002 .agenda-label,
.env_prod.app_699.container_4319 .agenda-label,
.env_staging.app_1.container_1913 .agenda-label {
  background-color: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
}
.pulsating {
  animation: pulse 3s ease infinite;
  background: var(--red-accent);
  border-radius: 16px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(222, 49, 49);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(222, 49, 49);
    box-shadow: 0 0 0 0 rgb(222, 49, 49);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.is-joined-right {
  border-radius: 5px 0 0 5px !important;
}
.is-joined-left {
  border-radius: 0 5px 5px 0 !important;
}
.is-joined-top {
  border-radius: 0 0 5px 5px;
}
.is-joined-bottom {
  border-radius: 5px 5px 0 0;
}
.is-joined-top-right {
  border-radius: 0 0 0 5px;
}
.is-joined-top-left {
  border-radius: 0 0 5px 0;
}
.is-joined-bottom-right {
  border-radius: 5px 0 0 0;
}
.is-joined-bottom-left {
  border-radius: 0 5px 0 0;
}
.is-joined-all {
  border-radius: 0 0 0 0;
}
.title {
  color: var(--theme-main-text-icon-color);
}
.title.is-header-large {
  font-size: 28px;
}
.title.is-header {
  font-size: 21px;
}
.title.is-header-smaller {
  font-size: 18px;
}
.title.is-subheader {
  font-size: 16px;
}
.title.linebreak {
  white-space: pre-line;
}
.title.modal-title {
  margin-right: 28px;
}
@media screen and (max-width: 1090px) {
  .title.is-header-large {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .title.is-header-large {
    font-size: 20px !important;
  }
}
.is-bold {
  font-weight: 700;
}
.is-regular {
  font-weight: 400 !important;
}
.text {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 14px;
  color: var(--theme-main-text-icon-color);
}
.text.sidebar {
  color: var(--theme-nav-text-icon-color);
}
.text.is-header {
  color: var(--theme-main-text-icon-color);
  font-size: 16px;
  font-weight: bold;
}
.text.is-bigger-header {
  font-size: 20px;
  font-weight: bold;
}
.text.is-smallish-text {
  font-size: 13px;
  line-height: normal;
  letter-spacing: 0.25px;
}
.text.is-small-text {
  font-size: 12px;
}
.text.is-subheader {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 6px;
}
.text.is-subtext {
  font-size: 11px;
}
.text.is-small-subtext {
  font-size: 10px;
}
.text.is-emptystate {
  max-width: 350px;
  margin: 0 auto;
}
.text.is-1 {
  font-size: 1.1em;
}
.text.is-2 {
  font-size: 1em;
}
.text.is-3 {
  font-size: 0.9em;
}
.text.is-4 {
  font-size: 0.8em;
}
.text.is-5 {
  font-size: 0.7em;
}
.text.linebreak {
  white-space: pre-line;
}
.text.is-italic {
  font-style: italic;
}
.font-italic {
  font-style: italic;
}
.is-danger {
  color: var(--red-accent);
}
.is-success-darker {
  color: var(--green-dark);
}
.has-primary-hover-opacity-30:hover {
  background-color: var(--theme-primary-color_opacity-30);
}
.has-primary-hover-opacity-75:hover {
  background-color: var(--theme-primary-color_opacity-75);
}
.link {
  transition: all 0.2s;
  cursor: pointer;
}
.link:hover {
  opacity: 0.7;
}
.link.is-positive {
  color: var(--theme-content-text-icon-color);
}
.link.link-primary {
  color: var(--theme-primary-color);
}
.link.is-danger {
  color: var(--red-accent);
}
.padding--none {
  padding: 0 !important;
}
.padding-none {
  padding: 0 !important;
}
.padding-none--top {
  padding-top: 0 !important;
}
.padding-none--left {
  padding-left: 0 !important;
}
.padding-none--right {
  padding-right: 0 !important;
}
.padding-none--bottom {
  padding-bottom: 0 !important;
}
.padding--top {
  padding-top: var(--padding);
}
.padding--left {
  padding-left: var(--padding);
}
.padding--right {
  padding-right: var(--padding);
}
.padding--bottom {
  padding-bottom: var(--padding) !important;
}
.padding {
  padding: var(--padding);
}
.padding-double--top {
  padding-top: calc(var(--padding) * 2);
}
.padding-double--left {
  padding-left: calc(var(--padding) * 2);
}
.padding-double--right {
  padding-right: calc(var(--padding) * 2);
}
.padding-double--bottom {
  padding-bottom: calc(var(--padding) * 2) !important;
}
.padding-double {
  padding: calc(var(--padding) * 2);
}
.padding-triple--bottom {
  padding-bottom: calc(var(--padding) * 3) !important;
}
.padding-half--top {
  padding-top: calc(var(--padding) / 2) !important;
}
.padding-half--left {
  padding-left: calc(var(--padding) / 2);
}
.padding-half--right {
  padding-right: calc(var(--padding) / 2);
}
.padding-half--bottom {
  padding-bottom: calc(var(--padding) / 2) !important;
}
.padding-half {
  padding: calc(var(--padding) / 2);
}
.padding-05--top {
  padding-top: 0.5rem;
}
.padding-05--bottom {
  padding-bottom: 0.5rem;
}
.padding-05--left {
  padding-left: 0.5rem;
}
.padding-quarter--top {
  padding-top: calc(var(--padding) / 4);
}
.padding-quarter--left {
  padding-left: calc(var(--padding) / 4);
}
.padding-quarter--right {
  padding-right: calc(var(--padding) / 4);
}
.padding-quarter--bottom {
  padding-bottom: calc(var(--padding) / 4) !important;
}
.padding-quarter {
  padding: calc(var(--padding) / 4);
}
.padding-top--5 {
  padding-top: 5rem;
}
.push-p-0 {
  padding: 0 !important;
}
.push-p-0-b {
  padding-bottom: 0 !important;
}
.push-p-0-t {
  padding-top: 0 !important;
}
.push-p-0-r {
  padding-right: 0 !important;
}
.push-p-0-l {
  padding-left: 0 !important;
}
.push-p-5 {
  padding: 5px !important;
}
.push-p-5-b {
  padding-bottom: 5px !important;
}
.push-p-5-t {
  padding-top: 5px !important;
}
.push-p-5-r {
  padding-right: 5px !important;
}
.push-p-5-l {
  padding-left: 5px !important;
}
.push-p-10 {
  padding: 10px !important;
}
.push-p-10-b {
  padding-bottom: 10px !important;
}
.push-p-10-t {
  padding-top: 10px !important;
}
.push-p-10-r {
  padding-right: 10px !important;
}
.push-p-10-l {
  padding-left: 10px !important;
}
.push-p-15 {
  padding: 15px !important;
}
.push-p-15-b {
  padding-bottom: 15px !important;
}
.push-p-15-t {
  padding-top: 15px !important;
}
.push-p-15-r {
  padding-right: 15px !important;
}
.push-p-15-l {
  padding-left: 15px !important;
}
.push-p-20 {
  padding: 20px !important;
}
.push-p-20-b {
  padding-bottom: 20px !important;
}
.push-p-20-t {
  padding-top: 20px !important;
}
.push-p-20-r {
  padding-right: 20px !important;
}
.push-p-20-l {
  padding-left: 20px !important;
}
.push-p-30 {
  padding: 30px !important;
}
.push-p-30-b {
  padding-bottom: 30px !important;
}
.push-p-30-t {
  padding-top: 30px !important;
}
.push-p-35-t {
  padding-top: 35px !important;
}
.push-p-30-r {
  padding-right: 30px !important;
}
.push-p-30-l {
  padding-left: 30px !important;
}
.push-p-50-b {
  padding-bottom: 50px !important;
}
.push-p-50 {
  padding: 50px !important;
}
.push-p-50-t {
  padding-top: 50px !important;
}
.push-p-50-r {
  padding-right: 50px !important;
}
.push-p-50-l {
  padding-left: 50px !important;
}
.push-p-100 {
  padding: 100px !important;
}
.push-p-100-b {
  padding-bottom: 100px !important;
}
.push-p-100-t {
  padding-top: 100px !important;
}
.push-p-100-r {
  padding-right: 100px !important;
}
.push-p-100-l {
  padding-left: 100px !important;
}
.push-p-150 {
  padding: 150px !important;
}
.push-p-150-b {
  padding-bottom: 150px !important;
}
.push-p-150-t {
  padding-top: 150px !important;
}
.push-p-150-r {
  padding-right: 150px !important;
}
.push-p-150-l {
  padding-left: 150px !important;
}
.push-p-200 {
  padding: 200px !important;
}
.push-p-200-b {
  padding-bottom: 200px !important;
}
.push-p-200-t {
  padding-top: 200px !important;
}
.push-p-200-r {
  padding-right: 200px !important;
}
.push-p-200-l {
  padding-left: 200px !important;
}
.push-p-300 {
  padding: 300px !important;
}
.push-p-300-b {
  padding-bottom: 300px !important;
}
.push-p-300-t {
  padding-top: 300px !important;
}
.push-p-300-r {
  padding-right: 300px !important;
}
.push-p-300-l {
  padding-left: 300px !important;
}
.margin--top {
  margin-top: var(--margin);
}
.margin--left {
  margin-left: var(--margin);
}
.margin--right {
  margin-right: var(--margin);
}
.margin--bottom {
  margin-bottom: var(--margin);
}
.margin {
  margin: var(--margin);
}
.margin--x {
  margin-left: var(--margin);
  margin-right: var(--margin);
}
.margin--y {
  margin-top: var(--margin);
  margin-bottom: var(--margin);
}
.margin-double--top {
  margin-top: calc(var(--margin) * 2);
}
.margin-double--left {
  margin-left: calc(var(--margin) * 2);
}
.margin-double--right {
  margin-right: calc(var(--margin) * 2);
}
.margin-double--bottom {
  margin-bottom: calc(var(--margin) * 2) !important;
}
.margin-double {
  margin: calc(var(--margin) * 2);
}
.margin-half--top {
  margin-top: calc(var(--margin) / 2);
}
.margin-half--left {
  margin-left: calc(var(--margin) / 2);
}
.margin-half--bottom {
  margin-bottom: calc(var(--margin) / 2) !important;
}
.margin-half {
  margin: calc(var(--margin) / 2);
}
.margin-quarter--top {
  margin-top: calc(var(--margin) / 4);
}
.margin-quarter--left {
  margin-left: calc(var(--margin) / 4);
}
.margin-quarter--right {
  margin-right: calc(var(--margin) / 4);
}
.margin-quarter--bottom {
  margin-bottom: calc(var(--margin) / 4) !important;
}
.margin-quarter {
  margin: calc(var(--margin) / 4);
}
.margin-half--right {
  margin-right: calc(var(--margin) / 2);
}
.margin-none--top {
  margin-top: 0 !important;
}
.margin-none--bottom {
  margin-bottom: 0 !important;
}
.margin-none--left {
  margin-left: 0 !important;
}
.margin-none--right {
  margin-right: 0 !important;
}
.margin--none {
  margin: 0 !important;
}
.margin-auto {
  margin: auto;
}
.margin-auto--left {
  margin-left: auto;
}
.push-m-0 {
  margin: 0 !important;
}
.push-m-0-b {
  margin-bottom: 0 !important;
}
.push-m-0-t {
  margin-top: 0 !important;
}
.push-m-0-r {
  margin-right: 0 !important;
}
.push-m-0-l {
  margin-left: 0 !important;
}
.push-m-5 {
  margin: 5px !important;
}
.push-m-5-b {
  margin-bottom: 5px !important;
}
.push-m-5-t {
  margin-top: 5px !important;
}
.push-m-5-r {
  margin-right: 5px !important;
}
.push-m-5-l {
  margin-left: 5px !important;
}
.push-m-8-r {
  margin-right: 8px !important;
}
.push-m-10 {
  margin: 10px !important;
}
.push-m-10-b {
  margin-bottom: 10px !important;
}
.push-m-10-t {
  margin-top: 10px !important;
}
.push-m-10-r {
  margin-right: 10px !important;
}
.push-m-10-l {
  margin-left: 10px !important;
}
.push-m-15 {
  margin: 15px !important;
}
.push-m-15-b {
  margin-bottom: 15px !important;
}
.push-m-15-t {
  margin-top: 15px !important;
}
.push-m-15-r {
  margin-right: 15px !important;
}
.push-m-15-l {
  margin-left: 15px !important;
}
.push-m-20 {
  margin: 20px !important;
}
.push-m-20-b {
  margin-bottom: 20px !important;
}
.push-m-20-t {
  margin-top: 20px !important;
}
.push-m-20-r {
  margin-right: 20px !important;
}
.push-m-20-l {
  margin-left: 20px !important;
}
.push-m-30 {
  margin: 30px !important;
}
.push-m-30-b {
  margin-bottom: 30px !important;
}
.push-m-30-t {
  margin-top: 30px !important;
}
.push-m-30-r {
  margin-right: 30px !important;
}
.push-m-30-l {
  margin-left: 30px !important;
}
.gap-3 {
  gap: 3px;
}
.gap-4 {
  gap: 4px;
}
.clear--left {
  clear: left;
}
.has-rounded-corners {
  border-radius: 5px !important;
}
.is-circle {
  border-radius: 50%;
}
.small-bottom {
  margin-bottom: -18px;
}
.min-20-wide {
  min-width: 20px;
}
.no-shadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.hover-opacity {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.hover-opacity:hover {
  opacity: 0.6;
}
.hover-opacity.inactive {
  opacity: 0.4;
}
@media screen and (max-width: 768px) {
  .is-behind {
    z-index: -1;
  }
}
.block-editing-box {
  border: solid 1px var(--orange-accent);
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
}
.block-editing-box h1 {
  font-size: 16px;
  font-weight: bold;
}
.block-editing-box a {
  text-decoration: underline;
  color: var(--theme-content-text-icon-color);
}
.switch-events-button,
.switch-teams-button {
  border-radius: 5px;
  background-color: var(--theme-nav-bg-color);
  color: var(--theme-primary-color);
}
.switch-events-button > div,
.switch-teams-button > div {
  gap: 8px;
}
.switch-events-button svg.switch-events-icon,
.switch-teams-button svg.switch-events-icon {
  height: 24px;
}
.switch-events-button svg.arrow-right,
.switch-teams-button svg.arrow-right {
  height: 11px;
}
.switch-events-button {
  border: solid 1px var(--theme-primary-color);
}
.switch-events-button:hover {
  opacity: 0.6;
}
.switch-teams-button {
  color: var(--theme-primary-color);
  border: solid 1px currentColor;
  border-radius: 4px;
}
.switch-teams-button > div {
  gap: 6px;
  padding: 3px 8px 3px 16px;
}
.switch-teams-button span {
  letter-spacing: 0.25px;
  font-size: 13px;
  line-height: normal;
}
.additional-teams-menu,
.additional-events-menu {
  position: absolute;
  left: calc(100% + 1px);
  top: 0;
  width: 260px;
  max-width: unset;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(63, 61, 76, 0.1), 0 0 2px 0 rgba(63, 61, 76, 0.3);
  overflow: hidden;
  background-color: var(--theme-content-bg-color);
  z-index: 1;
}
.additional-teams-menu .additional-team,
.additional-teams-menu .additional-event,
.additional-events-menu .additional-team,
.additional-events-menu .additional-event {
  background-color: var(--theme-content-bg-color);
  border-bottom: solid 1px var(--theme-content-bg-color_high-contrast-10);
}
.additional-teams-menu .additional-team:last-child,
.additional-teams-menu .additional-event:last-child,
.additional-events-menu .additional-team:last-child,
.additional-events-menu .additional-event:last-child {
  border-bottom-color: transparent;
}
.additional-teams-menu .additional-team.active,
.additional-teams-menu .additional-event.active,
.additional-events-menu .additional-team.active,
.additional-events-menu .additional-event.active {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.additional-teams-menu .additional-team.active *,
.additional-teams-menu .additional-event.active *,
.additional-events-menu .additional-team.active *,
.additional-events-menu .additional-event.active * {
  color: var(--theme-primary-text-icon-color);
}
.additional-teams-menu .additional-team:hover,
.additional-teams-menu .additional-event:hover,
.additional-events-menu .additional-team:hover,
.additional-events-menu .additional-event:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.additional-teams-menu .additional-team:hover *,
.additional-teams-menu .additional-event:hover *,
.additional-events-menu .additional-team:hover *,
.additional-events-menu .additional-event:hover * {
  color: var(--theme-primary-text-icon-color);
}
.additional-teams-menu .image-thumbnail,
.additional-events-menu .image-thumbnail {
  max-width: 24px;
  max-height: 24px;
  border-radius: 2px;
}
.additional-teams-menu .empty,
.additional-events-menu .empty {
  min-width: 24px;
  min-height: 24px;
  background-color: transparent;
  border-color: transparent;
}
.additional-teams-menu {
  display: flex;
  flex-direction: column;
  z-index: 11;
  top: 100%;
  left: 0px;
  width: 100%;
}
ul.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
ul.tag-list li {
  border-radius: 500px;
  padding: 0.25em 0.5em;
  color: var(--theme-content-text-icon-color);
  background-color: var(--theme-content-bg-color_high-contrast-10);
}
ul.tag-list li.more {
  display: none;
}
ul.tag-list.has-many li:nth-child(n+3) {
  display: none;
}
ul.tag-list.has-many li.show-more,
ul.tag-list.has-many li.show-fewer {
  color: var(--theme-content-text-icon-color_opacity-50);
  display: block;
  background-color: transparent;
  cursor: pointer;
}
ul.tag-list.has-many li.show-more:hover,
ul.tag-list.has-many li.show-fewer:hover {
  opacity: 0.7;
}
ul.tag-list.has-many li.show-fewer {
  display: none;
}
ul.tag-list.has-many.showing-more li:nth-child(n+3),
ul.tag-list.has-many.showing-more li.show-fewer {
  display: block;
}
ul.tag-list.has-many.showing-more li.show-more {
  display: none;
}
.metadata-value-tag {
  background-color: var(--theme-content-bg-color_high-contrast-10);
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  color: var(--theme-content-text-icon-color);
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.25px;
  word-break: break-word;
}
.header-button {
  padding: 12px 16px;
  font-size: 13px;
  line-height: 15.6px;
  letter-spacing: 0.25px;
}
.header-button.is-outline,
.header-button.is-outline:hover,
.header-button.is-outline:focus,
.header-button.is-outline:active {
  color: var(--theme-content-text-icon-color);
  border-color: var(--theme-content-text-icon-color);
}
.content {
  background-color: var(--theme-content-bg-color);
}
.content .title {
  color: var(--theme-content-text-icon-color);
}
.has-background-color-main {
  background-color: var(--theme-main-bg-color);
}
.has-background-color-content {
  background-color: var(--theme-content-bg-color);
}
.has-background-color-content-high-contrast-10 {
  background-color: var(--theme-content-bg-color_high-contrast-10);
}
.has-background-color-content-high-contrast-10-opacity-50 {
  background-color: var(--theme-content-bg-color_high-contrast-10_opacity-50);
}
.has-background-color-content-high-contrast-20 {
  background-color: var(--theme-content-bg-color_high-contrast-20);
}
.has-background-color-nav {
  background-color: var(--theme-nav-bg-color);
}
.has-background-color-primary {
  background-color: var(--theme-primary-color);
}
.has-background-color-primary-opacity-30 {
  background-color: var(--theme-primary-color_opacity-30);
}
.has-background-color-white {
  background-color: var(--white);
}
.has-text-color-main {
  color: var(--theme-main-text-icon-color);
}
.has-text-color-content {
  color: var(--theme-content-text-icon-color);
}
.has-text-color-content-bg-high-contrast-10 {
  color: var(--theme-content-bg-color_high-contrast-10);
}
.has-text-color-content-bg-high-contrast-20 {
  color: var(--theme-content-bg-color_high-contrast-20);
}
.has-text-color-content-opacity-50 {
  color: var(--theme-content-text-icon-color_opacity-50);
}
.has-text-color-nav {
  color: var(--theme-nav-text-icon-color);
}
.has-text-color-nav-opacity-50 {
  color: var(--theme-nav-text-icon-color_opacity-50);
}
.has-text-color-primary {
  color: var(--theme-primary-color);
}
.has-text-color-primary-complement {
  color: var(--theme-primary-text-icon-color);
}
.has-text-color-primary-low-contrast-20 {
  color: var(--theme-primary-color_low-contrast-10);
}
.has-text-color-white {
  color: var(--white);
}
.has-text-color-warning-dark {
  color: var(--warning-dark);
}
.has-border-color-content {
  border-color: var(--theme-content-bg-color_high-contrast-10);
}
.has-border-color-primary {
  border-color: var(--theme-primary-color);
}
.has-border-color-info-dark {
  border-color: var(--info-dark);
}
.has-border-top-content {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.has-border-bottom-content {
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.has-border-bottom-content-text-opacity-50 {
  border-bottom: 1px solid var(--theme-content-text-icon-color_opacity-50);
}
.has-border-left-content {
  border-left: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.has-border-right-content {
  border-right: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.bottom-right {
  position: fixed;
  bottom: 0;
  right: 340px;
  z-index: 951;
  opacity: 0.6;
}
.bottom-right.chat-collapsed {
  right: 114px;
}
.bottom-right.chat-extra-expanded {
  right: 600px;
}
.close-modal {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
  color: var(--theme-content-text-icon-color);
  cursor: pointer;
}
.letter-spacing-25 {
  letter-spacing: 0.25px;
}
.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
:root {
  --padding: 1.5rem;
  --margin: 1.5rem;
}
@keyframes pulseSession {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.25, 1.25, 1.5);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulseSession {
  animation-name: pulseSession;
}
@keyframes dotty {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
.loadingtext:after {
  display: inline-block;
  animation: dotty steps(1, end) 2s infinite;
  content: "";
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0, 0, 0);
  }
  20% {
    transform: scale3d(0.5, 0.5, 0.5);
  }
  40% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.9, 0.9, 0.9);
  }
  80% {
    transform: scale3d(1, 1, 1);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animation,
.fadeInDefault,
.fadeIn--delay8,
.fadeIn--delay7,
.fadeIn--delay6,
.fadeIn--delay5,
.fadeIn--delay4,
.fadeIn--delay3,
.fadeIn--delay2,
.fadeIn--delay1,
.fadeIn {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-duration: 0.4s;
}
.boundeInAnimaton {
  animation-name: bounceIn;
  animation-duration: 1s;
}
.fadeInDown {
  opacity: 0;
  animation-name: fadeInDown;
  animation-duration: 1s;
}
.fadeInDefault,
.fadeIn--delay8,
.fadeIn--delay7,
.fadeIn--delay6,
.fadeIn--delay5,
.fadeIn--delay4,
.fadeIn--delay3,
.fadeIn--delay2,
.fadeIn--delay1,
.fadeIn {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}
.fadeIn--delay1 {
  animation-delay: 0.1s;
}
.fadeIn--delay2 {
  animation-delay: 0.2s;
}
.fadeIn--delay3 {
  animation-delay: 0.3s;
}
.fadeIn--delay4 {
  animation-delay: 0.4s;
}
.fadeIn--delay5 {
  animation-delay: 0.5s;
}
.fadeIn--delay6 {
  animation-delay: 0.6s;
}
.fadeIn--delay7 {
  animation-delay: 0.7s;
}
.fadeIn--delay8 {
  animation-delay: 0.8s;
}
.spinner {
  width: 30px;
  height: 30px;
  transition: all 0.2s;
  position: relative;
  margin: 25px auto;
}
.spinner.large {
  width: 75px;
  height: 75px;
}
.spinner.nomargin {
  margin: 0 auto;
}
.spinner.position {
  position: absolute;
}
.spinner.top {
  top: calc(var(--padding) / 2);
}
.spinner.right {
  right: calc(var(--padding) / 2);
}
.spinner.small-bounce {
  width: 20px;
  height: 20px;
}
.double-bounce1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--theme-content-text-icon-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 1s infinite ease-in-out;
  animation: sk-bounce 1s infinite ease-in-out;
}
.double-bounce1.has-background-color-primary {
  background-color: var(--theme-primary-color);
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.full-spin {
  width: 100%;
  height: 100%;
  border: 3px solid var(--theme-primary-color);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
fieldset {
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 4px;
}
fieldset legend {
  padding: 0 0.25em;
  margin: 0 0.5em;
  font-size: 12px;
  color: var(--theme-content-bg-color_high-contrast-10);
}
fieldset legend:empty {
  display: none;
}
fieldset:focus-within {
  border-color: var(--theme-primary-color);
}
input {
  display: flex;
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 4px;
  padding: calc(var(--padding) / 2);
  margin-top: calc(var(--padding) / 2);
  margin-bottom: var(--padding);
  width: 100%;
  outline-offset: -1px;
}
input.for-filter {
  display: inline-flex;
  overflow: hidden;
}
input:focus,
input :focus-visible {
  outline: 1px solid var(--theme-primary-color);
}
input:hover {
  border-color: var(--theme-content-bg-color_high-contrast-20);
}
input::placeholder {
  color: var(--theme-content-text-icon-color_opacity-50);
}
input.is-disabled {
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color_opacity-50);
  border: 1px solid var(--theme-content-bg-color);
}
input[type=file] {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: var(--theme-content-bg-color_high-contrast-10);
}
input[type=file]:focus {
  outline: none;
}
input[type=file]::file-selector-button {
  background-color: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
  border: none;
  outline: none;
  border-radius: 5px;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: calc(var(--padding) / 3) calc(var(--padding) * 0.5);
  min-height: 40px;
  font-size: 12px;
  margin-right: 1rem;
}
input[type=file]::file-selector-button:hover {
  opacity: 0.7;
}
input[type=file]::file-selector-button ::part(span) {
  margin-left: 8px;
}
textarea,
.textarea {
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 4px;
  outline-offset: -1px;
  width: 100%;
  font-size: 14px;
  padding: 10px;
}
textarea::placeholder,
.textarea::placeholder {
  color: var(--theme-content-text-icon-color_opacity-50);
}
textarea:focus::placeholder,
textarea:active::placeholder,
.textarea:focus::placeholder,
.textarea:active::placeholder {
  color: transparent;
}
textarea:focus,
textarea:active textarea:focus-visible,
.textarea:focus,
textarea:active .textarea:focus-visible,
.textarea:active textarea:focus-visible,
.textarea:active .textarea:focus-visible {
  outline: 0;
  border-color: var(--theme-primary-color);
}
textarea:hover,
.textarea:hover {
  border-color: var(--theme-content-bg-color_high-contrast-20);
}
textarea[disabled],
textarea.is-disabled,
.textarea[disabled],
.textarea.is-disabled {
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color_opacity-50);
  border: 1px solid var(--theme-content-bg-color);
}
.select:after,
.select:hover:after {
  border-color: var(--theme-content-bg-color_high-contrast-10);
}
.select select {
  appearance: none;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%2231.92%20159.93%20448.15%20256.05%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22black%22%20d%3D%22M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  border-radius: 4px;
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.select select:focus,
.select select:focus-visible {
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border-color: var(--theme-primary-color);
}
.select select:hover {
  border-color: var(--theme-content-bg-color_high-contrast-20);
}
.select select[disabled],
.select select.is-disabled,
.select select:invalid {
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color_opacity-50);
  border: 1px solid var(--theme-content-bg-color);
}
.select select.is-danger {
  border: 1px solid var(--red-accent);
}
.select select option {
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
}
.select select option:disabled {
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color_opacity-50);
  border: 1px solid var(--theme-content-bg-color);
}
.select select option:disabled * {
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color_opacity-50);
  border: 1px solid var(--theme-content-bg-color);
}
.control .icon.has-right-icon {
  position: absolute !important;
  right: 15px !important;
}
.control select::-ms-expand {
  display: none;
}
.material-textarea textarea {
  border-right: 0;
  border-left: 0;
  border-top: 0;
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-10);
  width: 100%;
  min-height: 100px;
  font-size: 14px;
  padding: 10px 10px 10px 5px;
}
.material-textarea label {
  color: var(--theme-content-text-icon-color);
  display: block;
  font-size: 10px;
  font-weight: normal;
}
.material-input {
  position: relative;
  margin-bottom: var(--margin);
}
.material-input input {
  font-size: 14px;
  padding: 10px 10px 10px 5px;
  margin-bottom: 0;
  display: block;
  width: 100%;
  border-radius: 0;
  border: none;
}
.material-input input:active {
  background: none;
}
.material-input input:focus {
  outline: none;
}
.material-input label {
  color: var(--theme-content-text-icon-color);
  background-color: var(--theme-content-bg-color);
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  pointer-events: none;
  left: 8px;
  top: 8px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.material-input label.is-focussed {
  top: -6px;
  line-height: 12px;
  font-size: 10px;
  color: var(--theme-content-text-icon-color);
}
.material-input label svg-icon {
  display: inline-block;
}
.material-input input:focus ~ label,
.material-input input:valid ~ label {
  top: -10px;
  font-size: 10px;
  color: var(--theme-content-text-icon-color);
}
.material-input .bar {
  position: relative;
  display: block;
  width: 100%;
}
.material-input .bar:before,
.material-input .bar:after {
  content: "";
  height: 1px;
  width: 100%;
  bottom: 1px;
  position: absolute;
  background: var(--theme-content-bg-color_high-contrast-10);
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.material-input .bar.title:before,
.material-input .bar.title:after {
  bottom: -3px;
}
.material-input input:focus ~ .bar:before,
.material-input input:focus ~ .bar:after {
  background: var(--theme-content-bg-color_high-contrast-10);
}
.material-input input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
.material-input.error .bar:before,
.material-input.error .bar:after {
  background: var(--red-accent) !important;
}
.material-input .material-input-icon {
  position: absolute;
  right: calc(var(--padding) / 2);
  top: 12px;
}
.material-input .metadata-count {
  position: absolute;
  bottom: 11px;
  right: 6px;
  padding-left: 5px;
}
.material-input .metadata-count.metadata-count-top {
  bottom: unset;
  top: -5px;
}
.material-input.email-edit {
  display: flex;
  margin-bottom: 2.5rem;
}
.material-input.email-edit label {
  position: relative;
}
.material-input.email-edit svg {
  bottom: 0;
  right: 0;
  position: relative;
  margin-left: 10px;
  margin-top: 5px;
}
.grip-input {
  width: 100%;
  position: relative;
}
.grip-input input {
  background: var(--theme-content-bg-color);
  border-radius: 24px;
  padding: 15px 15px 15px 24px;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0;
  color: var(--theme-content-text-icon-color);
}
.grip-input input:focus-visible {
  outline: none;
}
.grip-input input:-webkit-autofill,
.grip-input input:-webkit-autofill:hover,
.grip-input input:-webkit-autofill:focus,
.grip-input input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--theme-content-bg-color) inset !important;
}
.grip-input input:-webkit-autofill {
  -webkit-text-fill-color: var(--theme-content-text-icon-color) !important;
}
.grip-input input:disabled {
  border: none;
  background-color: var(--theme-content-bg-color_high-contrast-10);
  cursor: default;
}
.grip-input input:disabled:hover {
  border: none;
}
.grip-input.has-errors input {
  border-color: var(--red-accent);
}
.validation-error {
  font-size: 10px;
  color: var(--red-accent);
}
svg.pref-add-icon {
  position: absolute;
  right: 30px;
  bottom: 76px;
  cursor: pointer;
}
.filter-clear {
  margin-top: 7px;
}
.list-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
  width: 100%;
  overflow: hidden;
}
.list-filters.full-height {
  height: auto;
}
.filter-box {
  height: 40px;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 4px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  transition: background 0.2s ease;
  padding: 0.75rem 1rem;
  gap: 10px;
}
.filter-box img {
  margin-left: 15px;
}
.filter-box:hover {
  border-color: var(--theme-content-bg-color_high-contrast-20);
}
.filter-box.filter-selected {
  background: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
  font-weight: 700;
}
button.filter-box {
  line-height: inherit;
  font-size: inherit;
  text-align: inherit;
  justify-self: stretch;
}
.card.filter-window {
  transition: none;
}
.filter-window {
  cursor: default;
  position: absolute;
  width: 280px;
  top: 102px;
  margin-left: -90px;
  z-index: 2;
  transition: none;
  border-radius: 4px;
  font-weight: 400;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10_opacity-50);
}
.filter-window form {
  padding: calc(var(--padding) / 2);
}
.filter-window input:focus {
  outline: 0;
}
.filter-window ul {
  max-height: 142px;
  height: 142px;
  overflow: auto;
  overflow-x: hidden;
  word-wrap: break-word;
}
.filter-window ul.selected-list {
  height: auto;
}
.filter-window ul.long-list {
  max-height: 198px;
  height: 198px;
}
.filter-window ul li:not(.filter-list-option),
.filter-window ul li.filter-list-option button {
  padding: 0.5rem;
}
.filter-window ul li:not(.filter-list-option):hover,
.filter-window ul li.filter-list-option button:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.filter-window ul li:not(.filter-list-option):hover *,
.filter-window ul li.filter-list-option button:hover * {
  color: var(--theme-primary-text-icon-color);
}
.filter-window ul li:not(.filter-list-option).selected,
.filter-window ul li.filter-list-option button.selected {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.filter-window ul li:not(.filter-list-option).selected *,
.filter-window ul li.filter-list-option button.selected * {
  color: var(--theme-primary-text-icon-color);
}
.filter-window ul li.filter-list-option button {
  width: 100%;
}
.filter-window .filter-footer {
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc(var(--padding) / 2);
  font-weight: 600;
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.filter-window .filter-footer .actions {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  gap: var(--padding);
}
.filter-window .filter-footer .actions .apply {
  color: var(--theme-primary-color);
}
.filter-window-mobile {
  width: 100%;
  margin: 0px;
  position: static;
  border-radius: 5px;
  box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  transition: all 400ms cubic-bezier(0.985, 0.345, 0.41, 0.985), border 0s ease 0s;
  transition-timing-function: cubic-bezier(0.985, 0.345, 0.41, 0.985);
  opacity: 1;
}
.filter-window-mobile ul {
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.filter-checkbox-container {
  --color-unchecked: var(--theme-content-text-icon-color);
  --color-checked: var(--theme-primary-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-unchecked);
}
.filter-checkbox-container .filter-checkbox {
  min-width: 14px;
  min-height: 14px;
  height: 14px;
  width: 14px;
  border: 1px solid var(--color-unchecked);
  margin-right: 7px;
  border-radius: 2px;
  padding: 1px;
}
.filter-checkbox-container .filter-checkbox img {
  display: block;
  height: 10px;
  width: 10px;
  padding: 2px;
}
.filter-checkbox-container .filter-checkbox-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.filter-checkbox-container .filter-checkbox-label > span {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  white-space: nowrap;
}
.filter-checkbox-container.is-selected {
  color: var(--color-checked);
}
.filter-checkbox-container.is-selected .filter-checkbox {
  border: 1px solid var(--color-checked);
}
.filter-checkbox-container.is-selected .filter-checkbox div {
  height: 100%;
  width: 100%;
  background: var(--color-checked);
}
.filter-groups {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  height: 56px;
  overflow: hidden;
}
.filter-groups.full-height {
  height: auto;
}
.filter-toggle-button {
  font-weight: bold;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  background-color: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.filter-toggle-button.not-selected {
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-icon-text-color);
  font-weight: normal;
}
.mob-filters-container {
  padding: 1rem;
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
}
.mob-filters-container .title {
  color: var(--theme-content-text-icon-color);
}
.hidden-field-tooltip {
  position: absolute;
  z-index: 2;
  width: 200px;
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-icon-text-color);
  top: -100px;
  left: -86px;
  border-radius: 5px;
  padding: 6px 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.hidden-field-tooltip:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: var(--theme-content-bg-color_high-contrast-10);
  border-bottom: 0;
  margin-left: -10px;
  margin-bottom: -10px;
}
.search-input {
  --search-icon-size: 16px;
  --search-icon-padding: 6px;
  height: 40px;
  display: flex;
  align-items: center;
  position: relative;
  color: var(--theme-content-text-icon-color);
}
.search-input input {
  height: 100%;
  width: 100%;
  text-indent: calc(var(--search-icon-size) + 2 * var(--search-icon-padding));
  margin: 0;
}
.search-input input:focus,
.search-input input:active {
  outline: 0;
  border-color: var(--theme-primary-color);
}
.search-input input:focus::placeholder,
.search-input input:active::placeholder {
  color: transparent;
}
.search-input svg-icon {
  height: var(--search-icon-size);
  width: var(--search-icon-size);
  position: absolute;
  top: calc((100% - var(--search-icon-size)) / 2);
  left: calc(var(--search-icon-size) / 2 + var(--search-icon-padding));
  display: block;
  cursor: pointer;
}
.search-input svg-icon.left-icon {
  color: var(--theme-content-text-icon-color);
}
.search-input svg-icon.right-icon {
  height: var(--search-icon-size);
  width: var(--search-icon-size);
  left: auto;
  right: calc(var(--search-icon-size) / 2 + var(--search-icon-padding));
  color: var(--theme-content-text-icon-color);
}
.search-input .search-hint {
  position: absolute;
  right: calc(var(--search-icon-size) / 2 + var(--search-icon-padding));
  color: var(--theme-content-text-icon-color_opacity-50);
}
.nav-search {
  color: var(--theme-nav-text-icon-color);
}
.nav-search input {
  color: var(--theme-nav-text-icon-color);
  background-color: var(--theme-nav-bg-color);
  border: 1px solid var(--theme-nav-bg-color_high-contrast-10);
}
.nav-search input:focus,
.nav-search input:active {
  outline: 0;
  border-color: var(--theme-primary-color);
}
.nav-search input:hover {
  border-color: var(--theme-nav-bg-color_high-contrast-20);
}
.nav-search input:hover:focus,
.nav-search input:hover:active {
  outline: 0;
  border-color: var(--theme-primary-color);
}
.nav-search input::placeholder {
  color: var(--theme-nav-text-icon-color_opacity-50);
}
.nav-search .search-hint {
  color: var(--theme-nav-text-icon-color_opacity-50);
}
.main-search {
  --search-icon-padding: 8px;
  height: 50px;
}
.list-search {
  --search-icon-padding: 8px;
  height: 46px;
  color: var(--theme-content-text-icon);
}
.list-search input {
  color: var(--theme-content-text-icon);
  background-color: var(--theme-content-bg-color);
  border-color: var(--theme-content-bg-color_high-contrast-10);
}
.list-search input:focus,
.list-search input:active {
  outline: 0;
  border-color: var(--theme-primary-color);
}
.list-search input:hover {
  border-color: var(--theme-content-bg-color_high-contrast-20);
}
.list-search input:hover:focus,
.list-search input:hover:active {
  outline: 0;
  border-color: var(--theme-primary-color);
}
.list-search input::placeholder {
  color: var(--theme-content-text-icon-color_opacity-50);
}
.list-search .search-hint {
  color: var(--theme-content-text-icon-color_opacity-50);
}
.filter-search {
  margin-left: auto;
  margin-bottom: 8px;
  height: 40px;
}
.filter-search input {
  margin-top: 0;
}
.session-search {
  margin-left: auto;
  height: 40px;
  width: 180px;
}
.search-icon {
  position: absolute;
  right: 0.75rem;
  top: 1.4rem;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.search-button {
  margin: 0.5rem 0 0.5rem 0;
  border-left: 0;
}
.dropdown-menu {
  position: absolute;
  overflow: hidden;
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -webkit-box-shadow: 1px 1px 12px 2px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -moz-box-shadow: 1px 1px 12px 2px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  box-shadow: 1px 1px 12px 2px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  border-radius: 5px;
  width: 100%;
  min-width: 75px;
  z-index: 10;
  cursor: pointer;
}
.dropdown-menu .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  line-height: 1.75;
  color: var(--theme-content-text-icon-color);
}
.dropdown-menu .menu-item.is-danger {
  color: var(--red-accent);
}
.dropdown-menu div,
.dropdown-menu button {
  padding: 8px 16px;
}
.dropdown-menu div:hover,
.dropdown-menu button:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 0;
}
.dropdown-menu div:hover *,
.dropdown-menu button:hover * {
  color: var(--theme-primary-text-icon-color);
}
.dropdown-menu div:hover,
.dropdown-menu button:hover {
  color: var(--theme-primary-text-icon-color);
}
.dropdown-menu div.active,
.dropdown-menu button.active {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.dropdown-menu div.active *,
.dropdown-menu button.active * {
  color: var(--theme-primary-text-icon-color);
}
.dropdown-menu.is-width-fit-content {
  width: fit-content;
}
.input-field-container {
  display: flex;
  flex-direction: column;
}
.input-field-container.medium {
  min-height: 78px;
}
.input-field-container.large {
  min-height: 87px;
}
.input-field-container .input-label {
  display: flex;
}
.input-field-container input,
.input-field-container textarea {
  display: flex;
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 4px;
  padding: calc(var(--padding) / 2);
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
  outline-offset: -1px;
}
.input-field-container input.small,
.input-field-container textarea.small {
  height: 35px;
  font-size: 12px;
}
.input-field-container input.medium,
.input-field-container textarea.medium {
  height: 40px;
}
.input-field-container input.large,
.input-field-container textarea.large {
  height: 46px;
}
.input-field-container input.right-icon-padding,
.input-field-container textarea.right-icon-padding {
  padding-right: 35px;
}
.input-field-container input.left-icon-padding,
.input-field-container textarea.left-icon-padding {
  padding-left: 35px;
}
.input-field-container input.dropdown-input,
.input-field-container textarea.dropdown-input {
  padding-right: 35px;
  cursor: pointer;
}
.input-field-container input:focus,
.input-field-container input :focus-visible,
.input-field-container textarea:focus,
.input-field-container textarea :focus-visible {
  outline: 1px solid var(--theme-primary-color);
}
.input-field-container input:hover,
.input-field-container textarea:hover {
  border-color: var(--theme-content-bg-color_high-contrast-20);
}
.input-field-container input::placeholder,
.input-field-container textarea::placeholder {
  color: var(--theme-content-text-icon-color_opacity-50);
}
.input-field-container input.error,
.input-field-container textarea.error {
  color: var(--red-accent);
  border: 1px solid var(--red-accent);
}
.input-field-container input.error::placeholder,
.input-field-container textarea.error::placeholder {
  color: var(--red-accent);
}
.input-field-container input.success,
.input-field-container textarea.success {
  color: var(--green-accent);
  border: 1px solid var(--green-accent);
}
.input-field-container input.success::placeholder,
.input-field-container textarea.success::placeholder {
  color: var(--green-accent);
}
.input-field-container input.disabled,
.input-field-container textarea.disabled {
  border: none;
  background-color: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-bg-color_low-contrast-10);
  cursor: default;
}
.input-field-container input.readonly,
.input-field-container textarea.readonly {
  cursor: default;
}
.input-field-container input.readonly:hover,
.input-field-container textarea.readonly:hover {
  border-color: var(--theme-content-bg-color_high-contrast-10);
}
.input-field-container input.readonly:focus,
.input-field-container input.readonly :focus-visible,
.input-field-container textarea.readonly:focus,
.input-field-container textarea.readonly :focus-visible {
  outline: 0px;
}
.input-field-container.label-top input.disabled {
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color_opacity-50);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.input-field-container .icon-container {
  position: relative;
}
.input-field-container .icon-container .input-icon {
  display: block;
  position: absolute;
  bottom: 10px;
}
.input-field-container .icon-container .input-icon.right {
  right: 10px;
}
.input-field-container .icon-container .input-icon.left {
  left: 10px;
}
.input-field-container .icon-container .input-icon.error {
  color: var(--red-accent);
}
.input-field-container .icon-container .input-icon.success {
  color: var(--green-accent);
}
.input-field-container .icon-container .input-icon.disabled {
  color: var(--theme-content-bg-color_low-contrast-10);
}
.input-field-container label {
  font-weight: 700;
  letter-spacing: 0.25px;
}
.input-field-container label.small {
  font-size: 12px;
  line-height: 14.4px;
  margin-bottom: 4px;
}
.input-field-container label.medium {
  font-size: 13px;
  line-height: 15.6px;
  margin-bottom: 4px;
}
.input-field-container label.large {
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 4px;
}
.input-field-container label.top {
  transform: translate(8px, 8px);
  margin-bottom: 0;
  font-weight: 400;
  padding: 0 4px;
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color_opacity-50);
  width: fit-content;
}
.input-field-container label .required-field {
  font-size: 13px;
}
.input-field-container .state-message {
  font-size: 12px;
}
.input-field-container .state-message.error {
  color: var(--red-accent);
}
.input-field-container .state-message.success {
  color: var(--green-accent);
}
.input-field-container .dropdown-container {
  position: absolute;
  top: 1px;
  width: inherit;
  background-color: var(--theme-nav-bg-color);
  border: 1px solid var(--theme-nav-bg-color_high-contrast-10);
  border-radius: 4px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.04);
  z-index: 10;
  cursor: pointer;
  overflow-y: auto;
  max-height: 356px;
}
.input-field-container .dropdown-container.is-ff {
  scrollbar-width: thin;
}
.input-field-container .dropdown-container.not-ff {
  scrollbar-color: auto;
}
.input-field-container .dropdown-container.not-ff::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.input-field-container .dropdown-container.pos-top-small {
  top: unset;
  bottom: 36px;
}
.input-field-container .dropdown-container.pos-top-medium {
  top: unset;
  bottom: 41px;
}
.input-field-container .dropdown-container.pos-top-large {
  top: unset;
  bottom: 47px;
}
.input-field-container .dropdown-container ul {
  list-style: none;
  margin: 0;
  width: 100%;
}
.input-field-container .dropdown-container ul .dropdown-header {
  padding: 12px 16px;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: normal;
  color: var(--theme-nav-text-icon-color);
  background-color: var(--theme-nav-bg-color);
  word-break: break-word;
  border-bottom: 1px solid var(--theme-nav-bg-color_high-contrast-10);
  cursor: default;
  position: sticky;
  top: 0;
  z-index: 2;
  transition: opacity 0.2s;
}
.input-field-container .dropdown-container ul .dropdown-header.not-first-header {
  border-top: 1px solid var(--theme-nav-bg-color_high-contrast-10);
  top: -1px;
}
.input-field-container .dropdown-container ul li > button {
  padding: 12px 16px;
  margin: 0;
  width: 100%;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: normal;
  position: relative;
  overflow: hidden;
  color: var(--theme-nav-text-icon-color);
  word-break: break-word;
  text-align: left;
}
.input-field-container .dropdown-container ul li > button:hover:not(.input-field-container .dropdown-container ul li > button.selected-option) {
  opacity: 0.8;
}
.input-field-container .dropdown-container ul li > button.selected-option {
  color: var(--theme-primary-color);
}
.input-field-container .dropdown-container ul li > button.selected-option::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--theme-primary-color_opacity-30);
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}
.input-field-container .dropdown-container ul li > button.selected-option > * {
  position: relative;
  z-index: 1;
}
.error-text {
  color: var(--red-accent);
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.contact-details {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 15px;
}
.contact-details.column {
  flex-direction: column;
}
@-webkit-keyframes inputHighlighter {
  from {
    background: var(--theme-primary-color_opacity-75);
  }
  to {
    width: 0;
    background: transparent;
  }
}
@-moz-keyframes inputHighlighter {
  from {
    background: var(--theme-primary-color_opacity-75);
  }
  to {
    width: 0;
    background: transparent;
  }
}
@keyframes inputHighlighter {
  from {
    background: var(--theme-primary-color_opacity-75);
  }
  to {
    width: 0;
    background: transparent;
  }
}
@media screen and (max-width: 768px) {
  .mobile-edit-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobile-edit-profile figure {
    margin-bottom: 1.5rem;
  }
  .mobile-edit-profile div {
    width: 100%;
  }
}
.rounded-corners-left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.rounded-corners-right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.left-side-nav {
  position: absolute;
  z-index: 11;
  height: 100%;
  width: 260px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background-color: var(--theme-nav-bg-color);
  color: var(--theme-nav-text-icon-color);
}
.notice-shown .left-side-nav {
  height: calc(100% - 50px);
}
.left-side-nav.collapsed {
  max-width: 60px;
}
.left-side-nav .nav-header.collapsed {
  padding: 2rem 1rem;
}
.left-side-nav .nav-header.collapsed .logo img {
  width: auto;
  height: 25px;
}
.left-side-nav .nav-header.expanded {
  padding: 1.5rem;
}
.left-side-nav .nav-header.expanded .logo img {
  width: auto;
  height: 61px;
}
@media screen and (min-width: 1025px) {
  .left-side-nav .tablet-toggle {
    display: none;
  }
}
.left-side-nav .left-list-item {
  height: auto;
  min-height: 37px;
  color: var(--theme-nav-text-icon-color);
}
.left-side-nav .left-list-item.is-active {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.left-side-nav .left-list-item.is-active * {
  color: var(--theme-primary-text-icon-color);
}
.left-side-nav .left-list-item:hover,
.left-side-nav .left-list-item:focus {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.left-side-nav .left-list-item:hover *,
.left-side-nav .left-list-item:focus * {
  color: var(--theme-primary-text-icon-color);
}
.left-side-nav .left-list-item .happening-now * {
  color: var(--red-accent);
}
.left-side-nav .left-list-item .list-icon {
  width: 50px;
  min-width: 50px;
  min-height: 37px;
}
.left-side-nav .left-list-item .list-icon svg {
  width: 100%;
  height: 100%;
}
.left-side-nav .left-list-item p {
  font-size: 14px;
  font-weight: normal;
  padding-top: 9.5px;
  padding-bottom: 9.5px;
}
.left-side-nav .left-list-item .notification-icon {
  height: 22px;
  min-width: 22px;
  margin-left: auto;
  margin-right: 8px;
  padding: 0 4px;
  border-radius: 11px;
  font-size: 13px;
  color: var(--theme-primary-text-icon-color);
  background-color: var(--theme-primary-color);
}
.left-side-nav .left-list-item .hb-limit {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
  margin-right: 8px;
  font-weight: bold;
  line-height: 16px;
}
.left-side-nav .left-list-item .hb-limit > * {
  display: flex;
}
.left-side-nav .left-list-item .hb-limit > * .unlimited-swipes-icon {
  display: flex;
  line-height: 10px;
  font-size: 18px;
}
.left-side-nav .left-list-item .hb-limit.no-swipes .total-swipes {
  color: var(--red-accent);
}
.left-side-nav .left-list-item .hb-limit.some-swipes .total-swipes {
  color: var(--orange-accent);
}
.left-side-nav .left-list-item .hb-limit.max-swipes .total-swipes {
  color: var(--green-accent);
}
.left-side-nav .hosted-buyer-info-section,
.left-side-nav .featured-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: var(--theme-nav-text-icon-color);
}
.left-side-nav .hosted-buyer-info-section .menu-label,
.left-side-nav .featured-section .menu-label {
  color: var(--theme-nav-text-icon-color);
}
.left-side-nav .hosted-buyer-info-section a,
.left-side-nav .featured-section a {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: var(--theme-nav-text-icon-color);
}
.left-side-nav .hosted-buyer-info-section a:hover,
.left-side-nav .featured-section a:hover {
  opacity: 0.7;
}
.left-side-nav .featured-section {
  height: 200px;
}
@media screen and (max-width: 525px) {
  .left-side-nav {
    width: 100vw;
    max-width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .left-side-nav .menu-item-container {
    max-height: calc(100vh - 75px);
    overflow-y: auto;
    padding-bottom: 40px;
  }
  .left-side-nav .left-list-item {
    min-height: 53px;
  }
}
@media screen and (min-width: 1025px) {
  .beside-left-side-nav {
    left: 260px;
    width: calc(100% - 260px);
  }
}
@media screen and (min-width: 1025px) {
  .beside-collapsed-left-side-nav {
    left: 60px;
    width: calc(100% - 60px);
  }
}
.nav-logo img {
  width: auto;
  height: auto;
  max-height: 36px;
}
.nav {
  width: 100%;
  height: 75px;
  min-height: unset;
  padding: 5px 16px;
  position: relative;
  transition: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: var(--theme-nav-bg-color);
  color: var(--theme-nav-text-icon-color);
  z-index: 10;
}
.nav .nav-item {
  position: relative;
  display: flex;
  gap: 10px;
  border: 0 !important;
  border-radius: 4px;
  height: 65px;
  padding: 10px !important;
  color: var(--theme-nav-text-icon-color);
}
.nav .nav-item * {
  cursor: pointer;
}
.nav .nav-item:empty {
  display: none !important;
}
.nav .nav-item:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.nav .nav-item:hover * {
  color: var(--theme-primary-text-icon-color);
}
.nav .nav-item:hover .placeholder-image * {
  color: var(--theme-nav-bg-color_high-contrast-20);
}
.nav .nav-item.is-active {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.nav .nav-item.is-active * {
  color: var(--theme-primary-text-icon-color);
}
.nav .nav-item.is-active .placeholder-image * {
  color: var(--theme-nav-bg-color_high-contrast-20);
}
.nav .nav-item:not(.profile):not(.team) .nav-icon {
  color: var(--theme-nav-text-icon-color);
}
.nav .nav-item {
  min-width: 55px;
}
@media screen and (min-width: 400px) {
  .nav .nav-item {
    min-width: 65px;
  }
}
.nav .nav-item .nav-icon {
  display: flex;
  align-items: center;
  width: 22px;
  height: 22px;
  color: var(--theme-nav-bg-color_high-contrast-20);
}
.nav .nav-item .nav-icon.radius img {
  border-radius: 50%;
}
.nav .nav-item.team .nav-icon,
.nav .nav-item.profile .nav-icon {
  width: 30px;
  height: 30px;
}
.nav .nav-item.buy-ticket .nav-icon svg path {
  stroke: var(--theme-content-text-icon-color);
}
.nav .nav-item img {
  max-height: unset;
}
.nav .nav-item svg {
  width: 100%;
  height: 100%;
}
.nav .nav-item * {
  transition-property: opacity, background-color;
  transition-duration: 300ms;
}
.nav .nav-item .nav-item-bubble {
  position: absolute;
  top: 15%;
  right: 40%;
  padding: 1px 4px;
  border-radius: 50px;
  background: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
}
.nav .nav-container {
  padding: 0;
  width: 100%;
  align-items: stretch;
  display: flex;
}
@media (min-width: 525px) {
  .nav .nav-container.mbl {
    display: none;
  }
}
@media (max-width: 524px) {
  .nav .nav-container.dsktp {
    display: none;
  }
}
.nav .nav-container .logo-floating {
  position: fixed;
  z-index: 1512;
  width: 50px;
  height: auto;
  top: var(--padding);
  left: var(--padding);
}
.nav .nav-left,
.nav .nav-right {
  flex: 1 1 auto;
  align-items: center;
}
.nav .nav-left {
  justify-content: space-between;
  overflow: visible;
  gap: 16px;
}
.nav .nav-left .nav-item .nav-icon {
  height: 16px;
}
.nav .nav-right {
  display: flex;
  gap: 5px;
}
.nav .nav-left-logo {
  vertical-align: middle;
}
.nav .nav-dropdown-menu {
  position: absolute;
  background: var(--theme-content-bg-color);
  padding: 1rem;
  top: 70px;
  text-align: left;
  border-radius: 5px;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -webkit-box-shadow: 1px 1px 12px 2px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -moz-box-shadow: 1px 1px 12px 2px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  box-shadow: 1px 1px 12px 2px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  width: 165px;
  z-index: 1000;
  overflow: hidden;
}
.nav .nav-dropdown-menu a {
  display: flex;
  padding: 0.5rem 0;
}
.nav .nav-dropdown-menu.profile-container {
  width: 220px;
  right: 0;
  padding: 0;
}
.nav .nav-dropdown-menu.profile-container.centered {
  right: -60px;
}
.nav .nav-dropdown-menu.profile-container .menu-item {
  line-height: 1.75;
  padding: 10px;
}
.nav .nav-dropdown-menu.notifications-container {
  width: 390px;
  max-height: 400px;
  padding: 0;
  left: -162px;
}
.nav .nav-dropdown-menu.notifications-container.extra-left {
  left: -245px;
}
.nav .nav-dropdown-menu.notifications-container .notifications-head {
  background: var(--theme-content-bg-color);
  padding: 1rem;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.nav .nav-dropdown-menu.notifications-container .notifications-head span {
  cursor: pointer;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body {
  max-height: 351px;
  overflow: auto;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item {
  display: flex;
  align-items: center;
  padding: 1.5rem 1rem;
  font-size: 11px;
  color: var(--theme-content-text-icon-color);
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item:not(:first-child) {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.unread {
  background: var(--theme-content-bg-color_high-contrast-10);
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.unread:hover,
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.unread:focus {
  background: unset;
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 0;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.unread:hover *,
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.unread:focus * {
  color: var(--theme-primary-text-icon-color);
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item:hover,
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item:focus {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 0;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item:hover *,
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item:focus * {
  color: var(--theme-primary-text-icon-color);
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.pointer {
  cursor: pointer;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item.show-more {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item .notifications-image {
  height: 36px;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item .notifications-image img {
  height: 36px;
  width: 36px;
  border-radius: 5px;
  margin-right: 1rem;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item .notifications-info {
  min-height: 36px;
  width: 284px;
  line-height: 18px;
}
.nav .nav-dropdown-menu.notifications-container .notifications-body .notifications-item .notifications-info svg {
  width: 14px;
  margin-right: 0.2rem;
}
.nav .nav-guest-access-buttons {
  display: flex;
  gap: 8px;
  margin-left: 3px;
}
.side-nav-container {
  padding: 1rem;
  background: var(--theme-content-bg-color);
}
.side-nav-container img:focus {
  outline: 0;
}
@media screen and (max-width: 768px) {
  .nav {
    padding-right: 5px;
  }
  .mobile-notifications-container {
    position: relative;
    background: var(--theme-content-bg-color);
    color: var(--theme-content-text-icon-color);
    text-align: left;
    max-height: 100%;
    overflow: auto;
  }
  .mobile-notifications-container .notifications-head {
    padding: 1rem;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-10);
  }
  .mobile-notifications-container .notifications-head span {
    cursor: pointer;
  }
  .mobile-notifications-container .notifications-body {
    max-height: calc(100% - 50px);
    padding-bottom: 40px;
    overflow: auto;
  }
  .mobile-notifications-container .notifications-body .notifications-item {
    display: flex;
    align-items: center;
    padding: 1.5rem 1rem;
    font-size: 11px;
  }
  .mobile-notifications-container .notifications-body .notifications-item:not(:first-child) {
    border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
  }
  .mobile-notifications-container .notifications-body .notifications-item.unread {
    background: var(--theme-content-bg-color_high-contrast-20);
  }
  .mobile-notifications-container .notifications-body .notifications-item.pointer {
    cursor: pointer;
  }
  .mobile-notifications-container .notifications-body .notifications-item:focus {
    outline: 0;
  }
  .mobile-notifications-container .notifications-body .notifications-item.show-more {
    display: flex;
    justify-content: center;
    padding: 0.5rem;
    cursor: pointer;
  }
  .mobile-notifications-container .notifications-body .notifications-item .notifications-image {
    height: 36px;
  }
  .mobile-notifications-container .notifications-body .notifications-item .notifications-image img {
    height: 36px;
    width: 36px;
    border-radius: 5px;
    margin-right: 1rem;
  }
  .mobile-notifications-container .notifications-body .notifications-item .notifications-info {
    margin-left: 10px;
    min-height: 36px;
    width: 100%;
    line-height: 18px;
  }
  .mobile-notifications-container .notifications-body .notifications-item .notifications-info svg {
    width: 14px;
    margin-right: 0.2rem;
  }
}
@media (max-width: 524px) {
  .nav .nav-item .nav-item-bubble {
    right: 25%;
  }
}
.form-field-container {
  --form-field-background-default: var(--theme-content-bg-color);
  --form-field-background-default-selection: var(--theme-content-bg-color_high-contrast-10);
  --form-field-color-default: var(--theme-content-text-icon-color);
  --form-field-color-default-placeholder: var(--theme-content-text-icon-color_opacity-50);
  --form-field-border-default: var(--theme-content-bg-color_high-contrast-10);
  --form-field-border-default-focus: var(--theme-content-bg-color_high-contrast-20);
  --form-field-background-disabled: var(--theme-content-bg-color_high-contrast-10);
  --form-field-color-disabled: var(--theme-content-text-icon-color_opacity-50);
  --form-field-color-disabled-placeholder: var(--theme-content-text-icon-color_opacity-50);
  --form-field-shadow-color-default: var(--theme-content-bg-color_high-contrast-10_opacity-50);
  --form-field-height: 40px;
  --form-field-background: var(--form-field-background-default);
  --form-field-color: var(--form-field-color-default);
  --form-field-color-placeholder: var(--form-field-color-default-placeholder);
  --form-field-border-size: 1px;
  --form-field-border-color: var(--form-field-border-default);
  --form-field-border-radius: 4px;
  --form-field-border-color-hover: var(--form-field-border-default-focus);
  --form-field-shadow-color: var(--form-field-shadow-color-default);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  gap: 1px;
}
.form-field-container .form-input-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--form-field-background);
  outline: var(--form-field-border-size) solid var(--form-field-border-default);
  border-radius: var(--form-field-border-radius);
  margin-bottom: 0;
}
.form-field-container .form-input-container .form-input {
  width: 100%;
  min-height: var(--form-field-height);
  margin: 0;
  padding: 0.75rem 1rem;
  line-height: 19px;
  border: none;
  border-radius: var(--form-field-border-radius);
  background: var(--form-field-background);
  color: var(--form-field-color);
  font-weight: normal;
  letter-spacing: normal;
}
.form-field-container .form-input-container .form-input.has-icon-left {
  padding-left: 2.5rem;
}
.form-field-container .form-input-container .form-input.has-icon-right {
  padding-right: 2.5rem;
}
.form-field-container .form-input-container .form-input.has-icon-right.has-icon-clear {
  padding-right: 3.75rem;
}
.form-field-container .form-input-container .form-input.form-input-search {
  border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
  box-shadow: unset;
}
.form-field-container .form-input-container .form-input::selection {
  background-color: var(--form-field-background-default-selection);
}
.form-field-container .form-input-container .form-input:focus-visible {
  outline: none;
}
.form-field-container .form-input-container .form-input::-webkit-input-placeholder,
.form-field-container .form-input-container .form-input .form-input-placeholder {
  color: var(--form-field-color-placeholder);
}
@media (hover: hover) {
  .form-field-container .form-input-container:has(.form-input:hover) {
    outline: var(--form-field-border-size) solid var(--form-field-border-color-hover);
  }
}
.form-field-container .form-input-container:has(.form-input:disabled) {
  --form-field-background: var(--form-field-background-disabled);
  --form-field-color: var(--form-field-color-disabled);
  --form-field-color-placeholder: var(--form-field-color-disabled-placeholder);
  --form-field-border-color: var(--form-field-background-disabled);
  --form-field-border-color-hover: var(--form-field-background-disabled);
}
.form-field-container .form-input-container:has(.form-input:disabled) input {
  cursor: default;
}
.form-field-container .form-input-container .icon-left-container {
  height: fit-content;
  display: flex;
  position: absolute;
  left: 0.6875rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-field-container .form-input-container.dropdown-field-container * {
  cursor: pointer;
}
.form-field-container .form-input-container.dropdown-field-container.disabled * {
  cursor: default;
}
.form-field-container .form-input-container.dropdown-field-container .form-input {
  cursor: pointer;
  padding-right: 2.5rem;
  text-overflow: ellipsis;
}
.form-field-container .form-input-container.dropdown-field-container .form-input .placeholder {
  margin: 0;
}
.form-field-container .form-input-container.dropdown-field-container .form-field-icon.dropdown-opened > * {
  transform: rotate(180deg);
}
.form-field-container .form-input-container.dropdown-field-container .form-field-icon.dropdown-closed > * {
  transform: rotate(0deg);
}
.form-field-container .form-input-container.search-field-container {
  flex-direction: column;
  border-radius: var(--form-field-border-radius) var(--form-field-border-radius) 0 0;
}
.form-field-container .dropdown-options-wrapper {
  width: 100%;
  box-shadow: 0px 2px 8px 0px var(--form-field-shadow-color);
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: calc(var(--padding) / 2);
  outline: var(--form-field-border-size) solid var(--form-field-border-color);
  border-radius: var(--form-field-border-radius);
  background: var(--form-field-background);
  color: var(--form-field-color);
  overflow: hidden;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container form {
  overflow: auto;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container ul {
  height: 100%;
  min-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden auto;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container ul li {
  display: flex;
  justify-content: space-between;
  padding: 7px;
  min-height: 1rem;
  cursor: pointer;
}
@media (hover: hover) {
  .form-field-container .dropdown-options-wrapper .dropdown-options-container ul li:hover {
    background:
      linear-gradient(
        to right,
        var(--theme-primary-color_opacity-75),
        transparent 300%);
    color: var(--theme-primary-text-icon-color);
    border-radius: 4px;
  }
  .form-field-container .dropdown-options-wrapper .dropdown-options-container ul li:hover * {
    color: var(--theme-primary-text-icon-color);
  }
  .form-field-container .dropdown-options-wrapper .dropdown-options-container ul li:hover.no-results {
    background-color: unset;
    cursor: default;
  }
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node {
  cursor: pointer;
  min-width: 100%;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.5rem;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node > li > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node > li > div p {
  width: max-content;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node > li > div > svg-icon {
  display: flex;
  align-items: center;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node .parent-node-children {
  display: flex;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node .parent-node-children .child-node {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node .parent-node-children .child-node > svg-icon {
  display: flex;
  align-items: center;
}
.form-field-container .dropdown-options-wrapper .dropdown-options-container .parent-node .parent-node-children > ul {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.form-field-container .field-icons-container {
  height: var(--form-field-height);
  display: flex;
  position: absolute;
  right: 1rem;
  justify-content: flex-end;
  align-items: center;
  align-self: baseline;
}
.form-field-container .field-icons-container.clickable {
  cursor: pointer;
}
.form-field-container .form-field-icon {
  display: flex;
  height: fit-content;
  align-items: center;
  margin: 0;
}
.profile-metadata-form {
  gap: 16px;
  margin-bottom: 16px;
}
.login-logo {
  display: block;
  max-height: 200px;
}
.buttonsandforms {
  flex: 1;
  width: 100%;
  max-width: 300px;
}
.login-screen-image {
  max-width: min(80%, 85vh);
  width: auto;
}
.login-text {
  font-size: 22px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  display: inline-block;
  font-weight: 700;
  color: var(--theme-main-text-icon-color);
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.login-descr {
  max-width: 450px;
  width: 100%;
  font-size: 14px;
  display: inline-block;
  margin: 10px auto;
  color: var(--theme-main-text-icon-color);
}
.modal {
  z-index: 5150;
}
.modal.unsaved-changes-modal {
  z-index: 6000;
}
.modal .modal-card {
  overflow: visible;
  -webkit-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -moz-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
}
.modal .modal-card.profile-modal .mobile-pad-right {
  padding-right: 5px;
}
.modal .modal-content {
  z-index: 5153;
}
.modal .modal-content.metadata-card {
  overflow: visible;
}
.modal .modal-content.modal-onboarding {
  max-height: calc(100vh - 120px);
  max-width: 600px;
}
.modal .modal-content.modal-onboarding .card {
  height: 100%;
}
.modal .modal-content.modal-onboarding .card .auto-height {
  height: auto;
}
.modal .modal-content.modal-onboarding .media-content {
  max-width: 100%;
}
.modal .modal-content.modal-onboarding .onboarding-content .tick {
  height: 24px;
  position: absolute;
  right: 4px;
  bottom: 4px;
}
.modal .modal-content.modal-onboarding .onboarding-content .onboard-add-icon {
  right: 12px;
  bottom: 30px;
  position: relative;
  cursor: pointer;
  float: right;
}
.modal .modal-content.modal-onboarding .onboarding-content .progress-bar {
  height: 14px;
  border: 1px solid var(--theme-primary-color);
  border-radius: 15px;
  margin-bottom: 16px;
}
.modal .modal-content.modal-onboarding .onboarding-content .progress {
  height: 100%;
  width: 0%;
  border-radius: 15px;
  -webkit-transition: width 0.8s;
  -moz-transition: width 0.8s;
  -o-transition: width 0.8s;
  transition: width 0.8s;
}
.modal .modal-content.modal-onboarding .onboarding-content .material-input input {
  padding-right: 2.4rem;
}
.modal .modal-content.modal-onboarding .scroll-container {
  height: calc(100vh - 206px);
  overflow-y: auto;
}
.modal .modal-content.modal-onboarding .scroll-container.is-link-form {
  height: calc(100vh - 265px);
}
.modal .modal-content.modal-onboarding .scroll-container.is-height-auto {
  height: auto;
}
.modal .modal-content.modal-onboarding .onboarding-arrow {
  position: absolute;
  right: 15px;
  top: 9px;
}
.modal .modal-content.modal-onboarding .onboarding-buttons {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
  padding: 1.5rem;
}
.modal .modal-content.metadata-card {
  max-height: calc(100vh - 120px);
}
.modal .modal-content.metadata-card .media-content {
  width: 100%;
}
.modal .modal-content.metadata-card .media-content .metadata-search {
  width: 300px;
}
.modal .modal-content.metadata-card h2:not(app-basic-confirm-modal *) {
  font-weight: bold;
  font-size: 14px;
}
.modal .modal-content.metadata-card h2:not(app-basic-confirm-modal *).title.is-header.margin--bottom {
  margin-bottom: 1.5rem !important;
}
.modal .modal-content.metadata-card .card-content-modal {
  max-height: calc(100vh - 164px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.modal .modal-content.metadata-card img.info-icon {
  width: 14px;
}
.modal .modal-content.metadata-card .add-link-cpf-button {
  padding: 7px 17px;
  opacity: 1;
  border-width: 2px;
}
.modal .content {
  height: auto;
  transition: height 0.2s;
}
.modal .modal-background {
  z-index: 5152;
  background-color: rgba(0, 0, 0, 0.15);
}
.modal .modal-close {
  top: -20px;
  right: -20px;
  z-index: 6001;
  background-color: var(--theme-primary-color);
  position: absolute;
}
.modal .modal-close:hover {
  opacity: 0.6;
  background-color: var(--theme-primary-color);
}
.modal .modal-buttons {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.modal-small {
  max-width: 450px;
}
.modal-smaller {
  max-width: 570px;
}
.modal-medium {
  max-width: 650px;
}
.modal-large {
  max-width: 750px;
}
.modal-xlarge {
  max-width: calc(100vw - 6rem);
}
.profile-modal-product {
  display: inline-block;
  float: left;
  margin-right: 2rem;
}
.profile-modal-product img {
  height: 100%;
  width: 100%;
}
.modal-card {
  z-index: 6000;
}
.modal-card-body {
  background: var(--theme-content-bg-color);
  border-radius: 5px;
}
.modal-card-body .content,
.modal-card-body .text {
  color: var(--theme-content-text-icon-color);
}
.modal-card-right {
  background: var(--theme-content-bg-color);
}
.common-content {
  margin-right: calc(var(--margin) / 2);
  width: 17%;
  text-align: center;
  float: left;
}
.common-content .common-image {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  text-align: center;
}
.common-content .common-image img {
  max-height: 64px;
  max-width: 64px;
}
.common-content .common-image.common-connection-img {
  height: 64px;
}
.common-content .common-image.common-connection-img img {
  border-radius: 5px;
}
.common-content .common-text {
  margin-top: 0;
  padding-top: 0;
  white-space: nowrap;
}
.common-content .common-text.common-connection-text {
  white-space: normal !important;
  height: 50px;
  padding-top: 3px;
}
.onboarding-content {
  display: flex;
  flex-direction: column;
}
.onboarding-content h1.onboarding-header {
  margin-bottom: 1rem;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-content-text-icon-color);
}
.onboarding-content h1.onboarding-header.hybrid {
  margin-top: 25px;
}
.onboarding-content div.main-image {
  align-self: center;
  margin-top: var(--margin);
  padding: 0.5rem;
  width: 60%;
  min-height: 170px;
}
.onboarding-content a {
  text-decoration: underline;
}
.onboarding-content .onboarding-sticky-header {
  top: -1.5rem;
  background-color: var(--theme-content-bg-color);
  position: sticky;
  z-index: 1;
  padding: 1.5rem 0;
  margin-top: -1.5rem;
}
.onboarding-content .onboarding-text {
  color: var(--theme-content-text-icon-color);
  font-size: 16px;
}
.onboarding-content .onboarding-confirmation {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 1rem 0;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-width: 1px 0;
}
.onboarding-content .onboarding-confirmation p {
  max-width: 80%;
}
.metadata-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.metadata-options {
  position: relative;
}
.metadata-options.metadata-blur {
  min-height: 140px;
}
.metadata-options.metadata-blur .metadata-items {
  z-index: 1;
  -webkit-filter: blur(4px);
  filter: blur(4px);
  pointer-events: none;
}
.metadata-options.metadata-blur .blur-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-height: 300px;
}
.metadata-options.metadata-blur .blur-overlay button.delete {
  position: absolute;
  top: 12px;
  right: 12px;
}
.metadata-options.metadata-blur .blur-overlay p.text {
  padding: 0 4rem 1rem;
  font-weight: 600;
  max-width: 100%;
}
.metadata-options.metadata-blur .blur-overlay a {
  text-decoration: none;
}
.team-picker-modal {
  max-height: 90vh;
  overflow: auto;
}
.team-picker-modal .modal-content {
  flex-basis: 100%;
}
.session-feedback-buttons .column {
  padding: 0.75rem 0;
  transition: all 0.2s ease;
}
.session-feedback-buttons .column:hover {
  background-color: var(--theme-content-bg-color_high-contrast-10);
}
.session-feedback-buttons .column.has-background-color-content-high-contrast-20 {
  background-color: var(--theme-content-bg-color_high-contrast-20);
}
.hb-content {
  min-height: 500px;
}
.hb-content .slide-out-left {
  animation: slideOutLeft 5s ease forwards;
}
.hb-content .slide-in-right {
  animation: slideInRight 5s ease forwards;
}
.hb-content .hb-modal-buttons {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hb-content .hb-modal-buttons button {
  border-radius: 50%;
  background: transparent;
  border: 0;
  transition: background 0.3s ease;
}
.hb-content .hb-modal-buttons button:hover {
  background: var(--theme-content-bg-color_high-contrast-10);
}
.hb-content .hb-modal-buttons button:focus {
  outline: 0;
}
.hb-content .hb-modal-buttons button.is-invisible {
  opacity: 0;
}
.hb-content .hb-modal-dots {
  z-index: 3;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 14px;
}
.hb-content .hb-modal-dots div {
  height: 12px;
  width: 12px;
  border: 1px solid var(--theme-content-text-icon-color);
  border-radius: 50%;
  margin: 8px;
}
.hb-content .hb-modal-dots div div {
  height: 8px;
  width: 8px;
  margin: 0;
  border: 0;
  border-radius: 50%;
}
.hb-content .hb-modal-img {
  max-height: 300px;
}
@keyframes slideOutLeft {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(-650px);
  }
}
@keyframes slideInRight {
  from {
    transform: translateX(650px);
  }
  to {
    transform: translateX(0px);
  }
}
@media screen and (max-width: 768px) {
  .common-content {
    width: 44%;
  }
  .modal .modal-small .card:not(.dropdown-menu):not(.taggables),
  .modal .modal-smaller .card:not(.dropdown-menu):not(.taggables),
  .modal .modal-medium .card:not(.dropdown-menu):not(.taggables),
  .modal .modal-large .card:not(.dropdown-menu):not(.taggables) {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal .modal-card.profile-modal .mobile-pad-right {
    padding-right: 15px !important;
  }
  .modal .modal-content.modal-onboarding {
    max-height: calc(100vh - 60px);
    max-width: 100vw;
  }
  .modal .modal-content.modal-onboarding .content {
    width: 100%;
  }
  .modal .modal-content.modal-onboarding .onboarding-content {
    width: 100%;
  }
  .modal .modal-content.modal-onboarding .onboarding-content .onboarding-image {
    display: none;
  }
  .modal .modal-content.modal-onboarding .onboarding-content p {
    font-size: 12px;
  }
  .modal-card {
    margin-top: 90px;
  }
  .modal .modal-card-body {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal .modal-close {
    position: fixed;
    top: 0;
    right: 0;
  }
  .modal .modal-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .modal .card-content-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--theme-content-bg-color);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal .card-content-modal.is-block {
    display: block;
  }
  .modal .modal-content.metadata-card {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0;
  }
  .modal .modal-content.metadata-card .card-content-modal {
    max-height: 100vh;
  }
  .modal .modal-content.metadata-card .card-content-modal .content {
    width: 100%;
    height: 100%;
  }
  .modal .modal-content.metadata-card.metadata-modal .card-content-modal {
    margin-bottom: 70px;
  }
  .modal .modal-content.metadata-card.metadata-modal .card-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: var(--theme-content-bg-color);
  }
  .modal .profile-modal .mobile-paddingless {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .modal .modal-onboarding {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    max-height: 100vh !important;
    max-width: 100vw;
  }
  .modal .modal-onboarding .onboarding-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-left: 0;
  }
  .modal .modal-onboarding .card-content-modal {
    height: calc(100vh - 107px) !important;
  }
  .modal .modal-onboarding .card-content-modal.is-link-form {
    height: calc(100vh - 166px) !important;
  }
}
@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    width: 100%;
  }
}
@media screen and (min-height: 700px) {
  .profile-modal {
    min-height: 661px;
    max-height: calc(100vh - 156px);
  }
}
.notification {
  --notification-background-color: var(--theme-content-bg-color);
  --notification-text-color: var(--theme-content-text-icon-color);
  --notification-border-color: var(--theme-content-bg-color_high-contrast-10);
  position: fixed;
  height: auto;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5151;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  background-color: var(--notification-background-color);
  border: 1px solid var(--notification-border-color);
  border-radius: 4px;
  color: var(--notification-text-color);
  opacity: 0;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-duration: 0.2s;
  animation-name: fadeIn;
}
@media screen and (max-width: 768px) {
  .notification {
    width: 100%;
  }
}
.notification.is-success {
  --notification-background-color: var(--success-v1);
  --notification-text-color: var(--grey-100);
  --notification-border-color: var(--success-light);
}
.notification.is-warning {
  --notification-background-color: var(--warning-v1);
  --notification-text-color: var(--grey-100);
  --notification-border-color: var(--warning-dark);
}
.notification.is-info {
  --notification-background-color: var(--info-v1);
  --notification-text-color: var(--grey-100);
  --notification-border-color: var(--info-dark);
}
.notification.is-danger {
  --notification-background-color: var(--danger-v3);
  --notification-text-color: var(--grey-100);
  --notification-border-color: var(--danger-light);
}
.notification-header-text {
  color: var(--grey-100);
  font-size: 15px;
}
.notification-body-text {
  color: var(--grey-80);
  font-size: 15px;
}
.notification-icon.has-header {
  margin-bottom: 22px;
}
.notification-icon.success {
  color: var(--success-dark);
}
.notification-icon.warning {
  color: var(--warning-dark);
}
.notification-icon.info {
  color: var(--info-dark);
}
.notification-icon.danger {
  color: var(--danger-v2);
}
.notice-banner {
  width: 100%;
  position: relative;
}
.notice-banner .notice-container {
  padding-left: 10rem;
  padding-right: 10rem;
  min-height: 50px;
}
.notice-banner .dismiss-container {
  height: 50px;
  margin-right: 16px;
  position: absolute;
  right: 16px;
  top: 0;
}
.notice-banner .dismiss-container .delete:before,
.notice-banner .dismiss-container .delete:after {
  background-color: var(--theme-primary-text-icon-color);
}
.notification-close-icon {
  cursor: pointer;
  color: var(--grey-80);
}
.notification-content {
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .column-on-mobile {
    flex-direction: column;
  }
  .action-mobile-fullwidth {
    width: 100%;
  }
}
.default-notification-button {
  background-color: var(--white);
  white-space: nowrap;
  font-weight: bold;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--grey-20);
  border-radius: 4px;
  padding: 8px 16px;
  height: fit-content;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .default-notification-button {
    white-space: wrap;
  }
}
@media screen and (max-width: 900px) {
  .teams-notification-bar {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .notice-banner .notice-container {
    padding: 3rem;
  }
}
.menu-list {
  overflow: hidden;
  background-color: var(--theme-content-bg-color);
}
.menu-list .menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  line-height: 1.75;
  color: var(--theme-content-text-icon-color);
}
.menu-list .menu-item.is-danger {
  color: var(--red-accent);
}
.menu-list a {
  display: flex;
  width: 100%;
}
.menu-list a:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 0;
}
.menu-list a:hover * {
  color: var(--theme-primary-text-icon-color);
}
.menu-list:last-child {
  border-radius: 0 0 5px 5px;
}
.menu-list.flow {
  overflow: visible;
}
.menu-list.network-nav a {
  display: flex;
  align-items: center;
}
.menu-list.network-nav a svg {
  width: 26px;
  margin-right: 6px;
}
.menu-list.network-nav a span.is-pulled-right {
  margin-left: auto;
}
.menu-toggle-img {
  position: absolute;
  right: 27px;
  margin-top: 4px;
  cursor: pointer;
  pointer-events: none;
}
.menu-toggle-img.is-up {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.list-shadow-padding {
  padding: 0 8px;
}
.list-shadow-padding.increase-padding {
  padding-left: 28px;
  padding-right: 28px;
}
.list-sort-header {
  background: none;
  padding-bottom: 0;
  padding-top: calc(var(--padding) / 2);
  padding-left: calc(var(--padding) / 2);
  margin-bottom: 0.5rem;
}
.list-sort-header p {
  font-size: 1.4em;
}
.list-item {
  padding: 0;
}
.list-item .list-date {
  background: none;
  padding-bottom: 0;
  padding-top: calc(var(--padding) / 2);
  padding-left: calc(var(--padding) / 2);
}
.list-item .list-date .title {
  color: var(--theme-main-text-icon-color);
  font-weight: bold;
}
.list-item .list-date p {
  font-size: 1.4em;
}
.list-item.is-clickable {
  transition: all 0.1s ease;
  cursor: pointer;
}
.list-item.is-clickable:hover {
  background-color: var(--theme-content-bg-color);
}
.list-item.is-clickable .list-item-content {
  transition: all 0.1s ease;
}
.list-item.is-clickable .list-item-content:hover {
  background-color: var(--theme-content-bg-color);
}
.list-item.is-clickable .list-item-content.handshake:hover {
  background-color: var(--theme-content-bg-color);
}
.list-item-content {
  background: var(--theme-content-bg-color);
  padding-top: var(--padding) !important;
  padding-right: var(--padding) !important;
  padding-left: var(--padding) !important;
}
.list-item-content.sidebar-item {
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 5px;
}
.list-margin-bottom {
  margin-bottom: 1px;
}
.list-grid {
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  min-height: 325px;
  background: var(--theme-content-bg-color);
  padding: var(--margin);
  text-align: center;
}
.schedule-list {
  overflow: auto;
  padding-bottom: 310px;
}
.schedule-list::-webkit-scrollbar-track {
  background: var(--theme-main-bg-color);
}
.schedule-list::-webkit-scrollbar-thumb {
  background: var(--theme-main-bg-color_high-contrast-10);
}
.schedule-mask {
  position: absolute;
  background: var(--theme-main-bg-color);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5001;
}
.item-card-list-schedule {
  scroll-margin-top: 60px;
}
.meeting-card-list-teams {
  scroll-margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .list-grid {
    width: 100%;
  }
}
.card {
  --card-border-radius: 8px;
  border-radius: var(--card-border-radius);
  opacity: 1;
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  -webkit-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -moz-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -webkit-transition: all 400ms cubic-bezier(0.985, 0.345, 0.41, 0.985), border 0s ease 0s;
  -moz-transition: all 400ms cubic-bezier(0.985, 0.345, 0.41, 0.985), border 0s ease 0s;
  -o-transition: all 400ms cubic-bezier(0.985, 0.345, 0.41, 0.985), border 0s ease 0s;
  transition: all 400ms cubic-bezier(0.985, 0.345, 0.41, 0.985), border 0s ease 0s;
  -webkit-transition-timing-function: cubic-bezier(0.985, 0.345, 0.41, 0.985);
  -moz-transition-timing-function: cubic-bezier(0.985, 0.345, 0.41, 0.985);
  -o-transition-timing-function: cubic-bezier(0.985, 0.345, 0.41, 0.985);
  transition-timing-function: cubic-bezier(0.985, 0.345, 0.41, 0.985);
}
.card.inbound-leads-section {
  border: 1px solid transparent;
}
.card.metadata-card {
  overflow: visible;
}
.card.small-shadow {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.card.unselectedProfile {
  margin: 0;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.card.no-radius-top {
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.card.no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.card.overflow {
  overflow: visible;
}
.card.card-content-success-added {
  min-height: 450px !important;
}
.card.card-as-item {
  box-shadow: none;
  padding: 0;
  min-height: 120px;
}
.card.card-as-item.no-min {
  min-height: auto;
}
.card.card-as-item .card-content {
  padding-bottom: var(--padding);
}
.card.card-loading {
  padding-top: 25px;
  padding-bottom: 25px;
  background: none;
  box-shadow: none;
}
.card.card-disclaimer {
  padding-top: 6.5px;
  padding-bottom: 20px;
  background: none;
  box-shadow: none;
}
.card .common {
  margin-right: calc(var(--margin) / 2);
}
.card .common img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  margin-top: calc(var(--margin) / 2);
}
.card .common.no-img-size img {
  width: auto;
  height: auto;
  border-radius: none;
  margin: 0;
}
.card .card-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.card .card-content-success {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: auto;
  min-height: 450px;
  transition: all 0.2s ease;
}
.card .title {
  color: var(--theme-content-text-icon-color);
}
.card .title.has-text-color-primary-complement {
  color: var(--theme-primary-text-icon-color);
}
.card .text {
  color: var(--theme-content-text-icon-color);
}
.card .text.has-text-color-main {
  color: var(--theme-main-text-icon-color);
}
.card .text.has-text-color-primary {
  color: var(--theme-primary-color);
}
.card .text.has-text-color-nav {
  color: var(--theme-nav-text-icon-color);
}
.card .text.is-danger {
  color: var(--red-accent);
}
.card .card-content-modal {
  padding-bottom: var(--padding);
}
.card .media + .media {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
  margin-top: 1rem;
  padding-top: 1rem;
}
.card .media + .media.border-thick {
  border-top: 3px solid var(--theme-content-bg-color_high-contrast-10);
}
.card .media--border-top {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
  margin-top: 1rem;
  padding-top: 1rem;
}
.card .media--border-bottom {
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-10);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.card .media--no-border {
  border: 0 !important;
}
.card .media-content--vertical {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.card .card-footer {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.card .card-footer-item-half {
  padding-left: 0;
  background: var(--white);
  padding-right: 0;
}
.card .common-content {
  margin-right: calc(var(--margin) / 2);
  width: 17%;
  text-align: center;
  float: left;
}
.card .common-content .common-image {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  text-align: center;
}
.card .common-content .common-image img {
  max-height: 64px;
  max-width: 64px;
}
.card .common-content .common-text {
  margin-top: 0;
  padding-top: 0;
  white-space: normal;
}
.card .progress {
  width: 100%;
  background: var(--theme-primary-color);
  height: 20px;
}
.card .clickable {
  cursor: pointer;
}
.card.collapse--right {
  transform: translate(20px, 0);
  max-height: 0 !important;
  margin: 0 !important;
  opacity: 0;
}
.card.collapse--left {
  opacity: 0;
  max-height: 0 !important;
  margin: 0 !important;
  transform: translate(-20px, 0);
}
.card.card-no-radius-top {
  -webkit-border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  -moz-border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}
.card.card-no-radius-bottom {
  -webkit-border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  -moz-border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
}
.card.card-no-radius {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.is-hoverable .fill-icon {
  display: none !important;
}
.is-hoverable:hover .fill-icon {
  display: flex !important;
}
.is-hoverable:hover .empty-icon {
  display: none !important;
}
.action-container {
  display: flex;
  justify-content: flex-end;
}
.action-container.card-actions {
  flex-wrap: wrap;
}
.action-container.card-actions .rec-action {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.action-container .is-hoverable .hover-show {
  display: none !important;
}
.action-container .is-hoverable:hover .hover-show {
  display: flex !important;
}
.action-container .is-hoverable:hover .normal-show {
  display: none !important;
}
.action-container .rec-action {
  margin-left: 1.5rem;
}
.action-container .rec-action.margin-half--left {
  margin-left: 0.75rem;
}
.action-container .rec-action .button,
.action-container .rec-action > a {
  display: flex;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  align-items: center;
  border: 1px solid transparent;
}
.action-container .rec-action .button.swipe-message-button,
.action-container .rec-action > a.swipe-message-button {
  padding: 0.5rem;
}
.action-container .rec-action a {
  display: flex;
  gap: calc(var(--margin) / 4);
}
.action-container .rec-action a.inline-link {
  display: inline-flex;
}
.action-container .rec-action.no-pointer a {
  cursor: default;
}
.action-container .rec-action.primary-style:not(.alt-hover):hover {
  opacity: 0.6;
}
.action-container .rec-action.primary-style > a {
  color: var(--theme-primary-text-icon-color);
  padding: 0.5rem 1rem;
}
.action-container .rec-action.is-medium {
  font-size: 14px;
  width: 180px;
}
.action-container .rec-action.is-small a {
  border-radius: 2px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  font-size: 0.75rem;
  white-space: nowrap;
}
.action-container.gap-small .rec-action {
  margin-left: 0.75rem;
}
.relationship-action-container {
  width: 110px;
}
.relationship-action-container .relationship-action {
  margin-right: 0.5rem;
}
.relationship-action-container .relationship-action:last-child {
  margin-right: 0;
}
.relationship-action-container .relationship-action a {
  padding-left: 0;
}
.profile-image-label {
  position: relative !important;
  float: left;
}
.image-editor-icon {
  background: var(--white);
  border-radius: 50%;
}
.profile-image-type {
  clear: left;
  padding-top: 0.75rem;
  max-width: 75px;
  line-height: 1;
}
.common-connection {
  max-height: 64px;
}
.common-connection-text-small {
  white-space: normal !important;
  padding-top: 3px;
}
.card-footer-icon-right {
  height: 100%;
  width: 50px;
}
.card-footer-icon-right-meeting-icon {
  margin-top: -3px;
}
.floating-footer {
  border-radius: 8px 8px 0px 0px;
  border: 1px solid var(--theme-nav-bg-color_high-contrast-10);
  background-color: var(--theme-nav-bg-color);
}
@media (max-width: 768px) {
  .floating-footer {
    border-radius: 0px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
  }
}
.profile-edit-image {
  z-index: 2;
  position: absolute;
  bottom: -4px;
  right: -4px;
  cursor: pointer;
}
.profile-edit-image.email-edit {
  bottom: 4px;
  right: 0;
}
.profile-image-cropper {
  height: 413px;
  width: 100%;
  transition: height 1s ease, opacity 0.5s ease 0.5s;
}
.profile-image-cropper input {
  margin: 0;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}
.profile-image-cropper a {
  margin-bottom: 2rem;
  border-radius: 0 0 5px 5px;
  border: 0;
  transition: opacity 0.5s ease;
}
.profile-image-cropper a.confirm-image-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.profile-image-cropper div > .image-cropper {
  height: 300px;
}
.profile-image-cropper div > .image-cropper img {
  max-height: 300px;
}
.profile-card-cog {
  overflow: visible;
  position: absolute;
  right: 0;
}
.cog {
  display: flex;
  width: fit-content;
  cursor: pointer;
  transition: transform 0.5s ease;
}
.cog:hover {
  transform: rotate(180deg);
}
.barrier {
  max-width: 1.5rem;
}
.barrier div {
  width: 4px;
  height: 100%;
  border-radius: 5px;
}
.profile-session-barrier {
  margin-right: 12px;
}
.barrier-horizontal {
  height: 4px;
  width: 100%;
  border-radius: 5px;
}
.happening-now-barrier {
  background-color: var(--theme-content-bg-color);
  border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
  padding: 0;
  max-width: 4px;
}
.happening-now-barrier > div {
  height: 100%;
}
.sent-seen {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
}
.sent-seen img.sent {
  height: 19px;
  position: absolute;
  right: 22px;
  top: -1px;
}
.sent-seen img.seen {
  height: 27px;
  position: absolute;
  right: 22px;
  top: -4px;
}
.typography.is-subheader.relationship-subheader {
  margin-bottom: 0.5rem !important;
}
.relationship-container {
  max-width: 100%;
  overflow: auto;
}
.relationship-container .more-relationships {
  float: right;
  font-weight: normal;
}
.relationship-container .relations-container {
  display: flex;
  flex-wrap: wrap;
}
.relationship-container .relations-container .relation-profile {
  width: auto;
  margin-right: 20px;
  border-right: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.relationship-container .relations-container .relation-profile.company {
  display: flex;
  border-right: 0;
}
.relationship-container .relations-container .relation-profile.company p {
  margin-right: 1rem;
}
.relationship-container .relations-container .relation-profile.company .relationship-info p {
  max-width: 100%;
}
.relationship-container .relations-container .relation-profile .relationship-info {
  height: 48px;
}
.relationship-container .relations-container .relation-profile .relationship-info.half-height {
  height: 24px;
}
.relationship-container .relations-container .relation-profile .relationship-info p {
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rtm-star {
  margin-left: 4px;
  pointer-events: none;
}
.stage-timeline {
  position: relative;
  scrollbar-color: var(--theme-main-bg-color) var(--theme-main-bg-color_high-contrast-10);
}
.stage-timeline ::-webkit-scrollbar {
  height: 10px;
}
.stage-timeline ::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border: 1px solid var(--theme-main-bg-color_high-contrast-10);
  background: none;
  border-radius: 10;
}
.stage-timeline ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--theme-main-bg-color_high-contrast-10);
}
.stage-timeline ::-webkit-scrollbar-thumb:window-inactive {
  background: var(--theme-main-bg-color_high-contrast-10);
}
.stage-timeline > div {
  overflow-x: auto;
  border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
  min-width: 120px;
}
.stage-timeline > div .columns .column {
  position: relative;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--theme-content-bg-color);
  cursor: pointer;
  min-width: 120px;
  max-width: 120px;
  width: 120px;
  height: 42px;
}
.stage-timeline > div .columns .column.is-fullwidth {
  max-width: 100%;
  pointer-events: none;
}
.stage-timeline > div .columns .column:hover {
  background-color: var(--theme-content-bg-color_high-contrast-10);
}
.stage-timeline > div .columns .column.selected::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 100%;
  left: 44%;
  border: 0.75rem solid transparent;
  border-bottom: none;
  border-top-color: var(--theme-content-bg-color);
}
.stage-timeline > div .columns .column.selected:hover::before {
  border-top-color: var(--theme-content-bg-color_high-contrast-10);
}
.stage-timeline > div .columns .column .progress-line {
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: -1px;
  background-color: var(--theme-primary-color);
  transition: all 0.5s ease;
}
.stage-timeline > div .columns .column .progress-line .progress-marker {
  height: 12px;
  width: 12px;
  position: absolute;
  z-index: 2;
  right: -5px;
  bottom: -5px;
  border: 4px solid var(--theme-primary-color);
  border-radius: 6px;
  background-color: var(--theme-content-bg-color);
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.35);
}
.stage-timeline > div .columns.scroller {
  width: 100%;
  overflow-y: visible;
}
.stage-timeline > div .columns.scroller .column:not(:last-child) {
  border-right: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.stage-timeline > div .columns.scroller .timeline-next {
  position: absolute;
  right: 6px;
  top: 9px;
  height: 24px;
  width: 24px;
  background: var(--theme-content-bg-color_high-contrast-10);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(125, 125, 125, 0.3);
  cursor: pointer;
}
.stage-timeline > div .columns:not(.scroller):not(.filler) .column {
  border-right: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.menu-dots {
  height: 64px;
}
.card-email-disabled {
  pointer-events: none;
  cursor: default;
}
.card-email-disabled:hover {
  opacity: 1;
}
.headline-padding {
  padding-right: 9rem;
}
.headline-min-height {
  min-height: 23px;
}
.session-stream-container {
  width: 100%;
  aspect-ratio: 1.7777777778;
}
@supports not (aspect-ratio: 1/1) {
  .session-stream-container::before,
  .session-stream-container::after {
    content: "";
    display: table;
    clear: both;
    width: 1px;
    margin-left: -1px;
  }
  .session-stream-container::before {
    float: left;
    padding-bottom: 56.25%;
  }
}
.session-stream-container {
  display: grid;
  background-color: var(--theme-content-bg-color);
}
@media screen and (max-width: 1464px) {
  .session-stream-container.zoom {
    aspect-ratio: unset;
    min-height: 562px;
  }
}
@media screen and (max-width: 768px) {
  .session-stream-container.is-vonage {
    aspect-ratio: unset;
    --header-height: 75px;
    --above-card-padding: 40px;
    --card-header-height: 69px;
    --card-footer-height: 31.5px;
    --non-stream-screen-height: calc(var(--header-height) + var(--above-card-padding) + var(--card-header-height) + var(--card-footer-height));
    height: calc(100vh - var(--non-stream-screen-height));
  }
}
.session-stream-container iframe {
  height: 100%;
  width: 100%;
}
.video-with-tracking,
.video-with-tracking div {
  height: 100%;
}
.countdown-animation {
  height: 120px;
  width: 120px;
}
.countdown-animation .loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -60px;
  margin-top: -60px;
}
.countdown-animation .loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, var(--theme-content-bg-color_high-contrast-10_opacity-50), rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
  -o-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}
.countdown-animation .loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.session-banner {
  height: 60px;
  background-color: var(--theme-content-bg-color);
  display: none;
}
.session-banner .modal-close {
  top: 10px;
  left: 5px;
  z-index: 10001;
  background-color: var(--theme-primary-color);
}
.session-banner .modal-close:hover {
  background-color: var(--theme-primary-color_opacity-75);
}
.full-screen-session {
  background-color: var(--theme-main-bg-color);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483001;
}
.full-screen-session.roundtable .session-stream-container {
  aspect-ratio: unset;
  margin: 0;
  height: 100%;
}
.full-screen-session.roundtable.roundtable-w-chat .session-stream-container {
  width: calc(100% - 300px);
}
.full-screen-session .session-banner {
  display: flex;
}
.full-screen-session .session-stream-container {
  margin: 0 auto;
  max-height: calc(100% - 60px);
}
@media screen and (min-width: 1250px) {
  .full-screen-session.roundtable.roundtable-w-chat .session-stream-container {
    width: calc(100% - 340px);
  }
}
@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.card-footer-item.is-loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
}
.card-footer-item.is-loading:after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--theme-content-text-icon-color);
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1rem;
  width: 1rem;
  position: absolute;
}
.arrow-up {
  transform: rotate(270deg) translate(-1px, 2px);
}
.arrow-down {
  transform: rotate(90deg) translate(1px, -2px);
}
.booker-container {
  position: absolute;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: var(--card-border-radius);
  z-index: 2;
  right: 0;
  width: 360px;
}
.booker-container.schedule-booker {
  right: unset;
  transform: translateY(-50%);
}
.modal-lead-notes .rec-action.meeting,
.modal-lead-notes .rec-action.has-meeting {
  display: none;
}
.modal-lead-notes .lead-note {
  color: var(--theme-content-text-icon-color);
}
.empty-result {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 20px;
}
.empty-result .empty-result-reason {
  list-style-position: inside;
  list-style-type: disc;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.time-clash-filter-banner {
  padding: 6px 21px;
  color: var(--warning-dark);
  background-color: var(--warning-v1);
  border-top: 1px solid var(--warning-dark);
  box-shadow: 0px 0px 2px 0px rgba(63, 61, 76, 0.3), 0px 2px 8px 0px rgba(63, 61, 76, 0.1);
}
.meeting-need-reschedule {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--theme-content-text-icon-color);
  background-color: var(--theme-content-bg-color_high-contrast-10);
  line-height: normal;
  letter-spacing: 0.25px;
}
.meeting-need-reschedule.is-meeting-card {
  padding: 8px 16px;
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-20);
  border-radius: 4px 4px 0px 0px;
  font-size: 13px;
}
.meeting-need-reschedule.is-meeting-card svg-icon {
  margin: 5px 5px 4px 5px;
}
.meeting-need-reschedule.is-meeting-booker {
  padding: 12px 8px;
  border-radius: 8px;
  font-size: 12px;
  margin-bottom: 6px;
}
.meeting-need-reschedule.is-meeting-booker svg-icon {
  margin: 5px;
}
.has-transparent-outline {
  outline: 3px solid transparent;
  transition: outline-color 0.5s ease-out;
}
.has-transparent-outline.show-outline {
  outline-color: var(--theme-primary-color_opacity-30);
}
@media screen and (min-width: 992px) {
  .action-container.card-actions .rec-action.skip-corner {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    margin-top: 0;
  }
  .action-container.card-actions .rec-action.skip-corner a {
    padding: 0;
  }
}
@media screen and (min-width: 769px) {
  .sent-seen-padding {
    padding-right: 2.7rem;
  }
}
@media screen and (max-width: 991px) {
  .action-container.card-actions {
    justify-content: center;
  }
  .action-container.card-actions .rec-action {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .summary-scroller .action-container.card-actions {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .center-product-image {
    padding-right: 0;
  }
  .center-product-image p {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .relations-container .product-relation-profile {
    margin-bottom: 10px;
  }
  .ep-mobile .column.info {
    display: block;
    width: 80%;
    float: left;
  }
  .ep-mobile .session-action {
    width: 20%;
    float: right;
  }
  .ep-mobile .barrier {
    max-width: none;
  }
  .ep-mobile .barrier div {
    height: 4px;
    width: 100%;
  }
  .home-feed-barrier {
    max-width: 1.5rem;
  }
  .home-feed-barrier div {
    width: 4px;
    height: 100%;
  }
}
@media screen and (max-width: 350px) {
  .session-tag {
    margin: 4px 0;
  }
}
.buttons {
  display: flex;
  gap: 8px;
}
.buttons > .button {
  background-color: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.buttons > .button.is-active {
  border-color: var(--theme-primary-color);
  color: var(--theme-primary-color);
  cursor: default;
}
.buttons > .button.is-active:hover {
  opacity: 1;
}
.button {
  padding-top: calc(var(--padding) / 2);
  padding-bottom: calc(var(--padding) / 2);
  padding-left: calc(var(--padding) * 2);
  padding-right: calc(var(--padding) * 2);
  height: auto;
  border-radius: 5px;
  transition: 0.2s all ease;
  font-family:
    ThemedFont,
    "Lato",
    "Helvetica",
    Verdana,
    Arial,
    sans-serif;
  letter-spacing: 0.5px;
  color: var(--theme-primary-color);
}
.button.is-primary {
  background-color: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
}
.button.is-primary span {
  color: var(--theme-primary-text-icon-color);
}
.button.is-secondary {
  border: solid 1px var(--theme-primary-color);
  color: var(--theme-primary-color);
  background-color: transparent;
}
.button.is-full-width {
  width: 100%;
}
.button.is-fixed-height {
  max-height: 44px;
  height: 44px;
}
.button:focus,
.button:focus-visible {
  border: 1px solid var(--theme-primary-color);
}
.button:hover {
  opacity: 0.7;
}
.button.hoverless:hover {
  opacity: 1;
}
.button.is-small {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}
.button.is-medium {
  font-weight: bold;
  font-size: 14px;
}
.button.is-square {
  width: 40px;
  height: 40px;
  line-height: 0;
  padding: 0;
}
.button.is-square svg {
  width: 13.3px;
  height: auto;
}
.button.is-outline {
  border: 1px solid currentColor;
  background-color: transparent;
}
.button.is-outline.no-hover:focus,
.button.is-outline.no-hover:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.is-outline.incoming-call:hover {
  border: 1px solid currentColor;
}
.button.is-outline.is-primary {
  border-color: var(--theme-primary-color);
  color: var(--theme-primary-color);
}
.button.is-outline.is-primary:hover {
  background-color: transparent;
  opacity: 0.6;
}
.button.is-outline.is-primary-invert {
  border-color: var(--theme-primary-text-icon-color);
  color: var(--theme-primary-text-icon-color);
}
.button.is-outline.is-primary-invert:hover {
  opacity: 0.6;
}
.button.meeting-action {
  border-style: solid;
  border-color: var(--theme-content-bg-color_high-contrast-10);
  border-width: 1px;
  background: var(--theme-content-bg-color);
  font-size: 0.9em;
  line-height: 1.2;
}
.button.meeting-action.disabled {
  border-color: var(--theme-content-bg-color_high-contrast-10_opacity-50);
  color: var(--theme-content-text-icon-color_opacity-50);
  opacity: 0.5;
}
.button.meeting-action.disabled-for-now {
  background-color: var(--theme-content-bg-color_high-contrast-10_opacity-50);
  border-color: var(--theme-content-bg-color);
  opacity: 0.5;
}
.button.meeting-action.dropdown-button-main-section {
  border-radius: 5px 0px 0px 5px;
}
.button.meeting-action.dropdown-button-chevron-section {
  border-radius: 0px 5px 5px 0px;
  border: 1px solid var(--theme-primary-color);
  border-left: none;
  background: transparent;
  padding: 14px 9px;
  transition: 0.1s all ease;
  outline: var(--theme-primary-color_opacity-75) solid 0px;
  outline: none;
}
.button.meeting-action.dropdown-button-chevron-section:hover {
  opacity: 1;
}
.button.is-rounded {
  border-radius: 22px;
}
.button.card-footer-item {
  background: none;
  border: none;
}
.button.facebook {
  color: var(--white);
  background-color: #3B5998;
  width: 100%;
}
.button.facebook img {
  max-height: 100%;
}
.button.linkedin {
  color: var(--white);
  background-color: #0274B3;
  width: 100%;
}
.button.linkedin img {
  max-height: 100%;
}
.button.has-text-color-content {
  color: var(--theme-content-text-color);
}
.margin-none--left .button {
  margin-left: 0;
}
.margin-none--right .button {
  margin-right: 0;
}
.part-dropdown {
  border-radius: 5px;
  outline-color: var(--theme-primary-color_opacity-75);
  transition: 0.1s all ease;
}
.part-dropdown.small-button {
  border-radius: 2px;
}
.part-dropdown:hover {
  outline: 3px solid var(--theme-primary-color_opacity-75);
}
.part-dropdown.large-button:hover {
  outline-width: 4px;
}
.part-dropdown.small-button:hover {
  outline-width: 2px;
}
.connection-info {
  position: relative;
}
.connection-info.is-hoverable:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.connection-info.is-hoverable:hover * {
  color: var(--theme-primary-text-icon-color);
}
.connection-info .online-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--green-accent);
  border: 1px solid transparent;
  position: absolute;
  transform: translate(-3px, -3px);
}
.connection-info p.text {
  font-size: 0.9rem;
  color: var(--theme-nav-text-icon-color);
}
.connection-info p.text.sub-info {
  font-size: 0.8rem;
  font-weight: 300;
}
.connection-info p.text.restrict-name {
  overflow: hidden;
  max-height: 25px;
  max-width: 200px;
}
.connection-info p.text.restrict-name.restrict-width {
  max-width: 170px;
}
.connection-info p.text.hover-line:hover {
  text-decoration: underline;
}
.connection-info p.text.hover-line:focus {
  outline: none;
}
.unread-icon {
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 0.8rem;
  padding: 2px;
}
.message-sent {
  font-size: 0.7rem;
  font-weight: 300;
}
.message-sent.name {
  font-size: 12px;
  text-decoration: underline;
  color: var(--theme-primary-color);
}
.message-sent.name.in-message {
  font-size: 10px;
}
.message-sent.name.is-me {
  color: var(--theme-content-bg-color);
}
.chat-msg-moderation {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 10em;
  z-index: 5;
}
.chat-msg-moderation.is-me {
  right: -41px;
  min-width: 8.4em;
}
.chat-msg-moderation li {
  padding: 10px;
}
.chat-msg-moderation li:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.chat-msg-moderation li:hover * {
  color: var(--theme-primary-text-icon-color);
}
.chat-msg-moderation-button {
  display: flex;
}
.chat-message-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  text-align: right;
}
.chat-message-options > div {
  gap: calc(var(--margin) / 2);
}
.chat-message-options .reaction-picker {
  cursor: pointer;
}
.chat-message-options .reaction-picker:hover {
  opacity: 0.7;
}
.chat-message-options .reaction-bar {
  display: flex;
  width: 150px;
  position: absolute;
  bottom: 17px;
  padding: 4px 1px 4px 1px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 25px;
  background-color: var(--theme-content-bg-color);
}
.chat-message-options .reaction-bar.left {
  left: -10px;
}
.chat-message-options .reaction-bar.right {
  right: -10px;
}
.chat-message-options .reaction-bar img {
  vertical-align: bottom;
  margin-right: 4px;
  margin-left: 4px;
}
.chat-message-options .reply-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  font-size: 10px;
  color: var(--theme-content-text-icon-color);
}
.chat-message-options .reply-button svg {
  fill: var(--theme-content-text-icon-color);
}
.chat-message-options .reply-button:hover {
  color: var(--theme-primary-color);
}
.chat-message-options .reply-button:hover svg {
  fill: var(--theme-primary-color);
}
.reaction {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-content: space-between;
  background-color: transparent;
  padding: 3px;
  margin-right: 3px;
  border-radius: 25px;
  cursor: pointer;
}
.reaction.active {
  border-width: 1px;
  border-style: solid;
  padding-top: 2px;
  padding-bottom: 2px;
}
.reaction span {
  font-size: 12px;
  font-weight: 700;
  padding-left: 4px;
  padding-right: 5px;
}
.tag {
  max-width: 100%;
  color: var(--theme-content-text-icon-color);
  background-color: var(--theme-content-bg-color_high-contrast-10);
  line-height: 16px;
}
.tag.tag-primary {
  background-color: var(--theme-primary-color);
  color: var(--theme-primary-text-icon-color);
}
.tag.custom-field-tag {
  font-weight: 400;
  word-break: break-word;
  white-space: pre-wrap;
  height: unset;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 12px;
}
.tag > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  white-space: nowrap;
}
.pills {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  overflow: auto;
}
.pills > * {
  max-width: 100%;
}
ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}
.ag-hidden {
  display: none !important;
}
.ag-invisible {
  visibility: hidden !important;
}
.ag-no-transition {
  transition: none !important;
}
.ag-drag-handle {
  cursor: grab;
}
.ag-column-drop-wrapper {
  display: flex;
}
.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}
.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ag-tab {
  position: relative;
}
.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}
.ag-select-agg-func-popup {
  position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}
.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.5;
  transition: opacity 1s ease-out 3s;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
  opacity: 0.5;
}
.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}
.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}
.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal,
.ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ag-center-cols-viewport {
  width: 100%;
  overflow-x: auto;
}
.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}
.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}
.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container {
  position: relative;
}
.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container {
  height: 100%;
  white-space: nowrap;
}
.ag-center-cols-container {
  display: block;
}
.ag-pinned-right-cols-container {
  display: block;
}
.ag-body-horizontal-scroll-container {
  height: 100%;
}
.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
}
.ag-full-width-container {
  width: 100%;
}
.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.ag-virtual-list-container {
  overflow: hidden;
}
.ag-center-cols-clipper {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  min-height: 100%;
  transform: translate3d(0, 0, 0);
}
.ag-body-horizontal-scroll {
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  display: none;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  display: inherit;
}
.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}
.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}
.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.ag-header-cell-sortable {
  cursor: pointer;
}
.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.ag-pinned-left-header {
  height: 100%;
}
.ag-pinned-right-header {
  height: 100%;
}
.ag-header-row {
  position: absolute;
  overflow: hidden;
}
.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}
.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
}
.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-header-cell-comp-wrapper {
  width: 100%;
  overflow: hidden;
}
.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}
.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}
.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}
.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}
.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}
.ag-header-select-all {
  display: flex;
}
.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}
.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}
.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}
.ag-column-select-header-icon {
  position: relative;
}
.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}
.ag-column-select-header-filter {
  width: 100%;
}
.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}
.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}
.ag-column-drop-list {
  display: flex;
  align-items: center;
}
.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}
.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}
.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}
.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}
.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}
.ag-column-drop-vertical-empty-message {
  display: block;
}
.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}
.ag-column-drop-cell-button {
  cursor: pointer;
}
.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}
.ag-filter-toolpanel-header {
  position: relative;
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}
.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.ag-row-animation .ag-row {
  transition:
    transform 0.4s,
    top 0.4s,
    background-color 0.1s,
    opacity 0.2s;
}
.ag-row-animation .ag-row.ag-after-created {
  transition:
    transform 0.4s,
    top 0.4s,
    height 0.4s,
    background-color 0.1s,
    opacity 0.2s;
}
.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}
.ag-row {
  white-space: nowrap;
  width: 100%;
}
.ag-row-loading {
  display: flex;
  align-items: center;
}
.ag-row-position-absolute {
  position: absolute;
}
.ag-row-position-relative {
  position: relative;
}
.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}
.ag-row-inline-editing {
  z-index: 1;
}
.ag-row-dragging {
  z-index: 2;
}
.ag-stub-cell {
  display: flex;
  align-items: center;
}
.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}
.ag-cell-value {
  flex: 1 1 auto;
}
.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}
.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}
.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}
.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}
.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-set-filter-item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-set-filter-item-checkbox {
  display: flex;
}
.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}
.ag-filter-filter {
  flex: 1 1 0px;
}
.ag-filter-condition {
  display: flex;
  justify-content: center;
}
.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}
.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}
.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}
.ag-floating-filter-button {
  display: flex;
  flex: none;
}
.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}
.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ag-overlay-loading-wrapper {
  pointer-events: all;
}
.ag-popup-child {
  z-index: 5;
  top: 0;
}
.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}
.ag-large-text-input {
  display: block;
}
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-sticky-top {
  position: absolute;
  display: flex;
  width: 100%;
}
.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ag-sticky-top-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}
.ag-panel-title-bar-title {
  flex: 1 1 auto;
}
.ag-panel-title-bar-buttons {
  display: flex;
}
.ag-panel-title-bar-button {
  cursor: pointer;
}
.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.ag-dialog {
  position: absolute;
}
.ag-resizer {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-tooltip {
  position: absolute;
  pointer-events: none;
  z-index: 99999;
}
.ag-tooltip-custom {
  position: absolute;
  pointer-events: none;
  z-index: 99999;
}
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}
.ag-opacity-zero {
  opacity: 0 !important;
}
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}
.ag-menu-list {
  display: table;
  width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}
.ag-menu-option-text {
  white-space: nowrap;
}
.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}
.ag-rich-select {
  cursor: default;
  outline: none;
}
.ag-rich-select-value {
  display: flex;
  align-items: center;
}
.ag-rich-select-value-icon {
  flex: 1 1 auto;
  order: 1;
}
.ag-ltr .ag-rich-select-value-icon {
  text-align: right;
}
.ag-rtl .ag-rich-select-value-icon {
  text-align: left;
}
.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-virtual-list-item {
  display: flex;
}
.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
}
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}
.ag-paging-button {
  position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}
.ag-column-select-checkbox {
  display: flex;
}
.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-details-row {
  width: 100%;
}
.ag-details-row-fixed-height {
  height: 100%;
}
.ag-details-grid {
  width: 100%;
}
.ag-details-grid-fixed-height {
  height: 100%;
}
.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}
.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 5px 0px;
}
.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}
.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}
.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ag-side-button-label {
  writing-mode: vertical-lr;
}
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.ag-status-panel {
  display: inline-flex;
}
.ag-status-name-value {
  white-space: nowrap;
}
.ag-status-bar-left {
  display: inline-flex;
}
.ag-status-bar-center {
  display: inline-flex;
}
.ag-status-bar-right {
  display: inline-flex;
}
.ag-icon {
  display: block;
  speak: none;
}
.ag-group {
  position: relative;
  width: 100%;
}
.ag-group-title-bar {
  display: flex;
  align-items: center;
}
.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ag-group-title-bar .ag-group-title {
  cursor: default;
}
.ag-group-toolbar {
  display: flex;
  align-items: center;
}
.ag-group-container {
  display: flex;
}
.ag-disabled .ag-group-container {
  pointer-events: none;
}
.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.ag-group-container-vertical {
  flex-direction: column;
}
.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}
.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}
.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}
.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}
.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}
.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ag-input-field-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}
.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}
.ag-range-field {
  display: flex;
  align-items: center;
}
.ag-angle-select {
  display: flex;
  align-items: center;
}
.ag-angle-select-wrapper {
  display: flex;
}
.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}
.ag-angle-select-child-circle {
  position: absolute;
}
.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}
.ag-picker-field-display {
  flex: 1 1 auto;
}
.ag-picker-field {
  display: flex;
  align-items: center;
}
.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.ag-picker-field-wrapper {
  overflow: hidden;
}
.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}
.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}
.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}
.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-spectrum-val {
  cursor: pointer;
}
.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}
.ag-spectrum-hue {
  cursor: default;
  background:
    linear-gradient(
      to left,
      #ff0000 3%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
}
.ag-spectrum-alpha {
  cursor: default;
}
.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}
.ag-spectrum-alpha-background {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0),
      rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}
.ag-spectrum-tool {
  cursor: pointer;
}
.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}
.ag-recent-colors {
  display: flex;
}
.ag-recent-color {
  cursor: pointer;
}
.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}
.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}
.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}
.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}
.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}
.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}
.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}
.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}
.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}
.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}
.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}
.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}
.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}
.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}
.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}
.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}
.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}
.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}
.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}
.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}
.ag-layout-print.ag-body-viewport {
  flex: none;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-flex;
}
.ag-layout-print .ag-center-cols-clipper {
  min-width: 100%;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}
@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}
.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}
.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}
.ag-chart-title-edit.currently-editing {
  display: inline-block;
}
.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}
.ag-charts-canvas {
  display: block;
}
.ag-chart-menu {
  position: absolute;
  top: 10px;
  width: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}
.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}
.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}
.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
  user-select: none;
}
.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}
.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
  display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.ag-chart-data-wrapper {
  height: 100%;
  overflow-y: auto;
}
.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}
.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}
.ag-chart-menu-close {
  display: none;
}
.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  display: flex;
  flex-direction: row;
  overflow: auto;
  top: 5px;
  gap: 7px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  right: 10px;
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  left: 10px;
  justify-content: left;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  position: absolute;
  top: 45%;
  padding: 0;
  display: block;
  cursor: pointer;
  border: none;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  left: 0px;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon {
  padding: 9px 0 9px 0;
}
.ag-chart-tool-panel-button-enable .ag-icon-menu {
  display: none;
}
.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}
.ag-charts-data-group-item {
  position: relative;
}
.ag-date-time-list-page-title-bar {
  display: flex;
}
.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}
.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}
.ag-date-time-list-page-entry {
  cursor: pointer;
}
.ag-theme-material {
  --ag-background-color: var(--theme-content-bg-color);
  --ag-header-background-color: var(--theme-content-bg-color);
  --ag-control-panel-background-color: var(--theme-content-bg-color);
  --ag-subheader-background-color: var(--theme-content-bg-color_high-contrast-10_opacity-50);
  --ag-foreground-color: var(--theme-content-text-icon-color);
  --ag-header-foreground-color: var(--theme-content-text-icon-color);
  --ag-secondary-foreground-color: var(--theme-content-text-icon-color);
  --ag-data-color: var(--theme-content-text-icon-color);
  --ag-disabled-foreground-color: var(--theme-content-text-icon-color_opacity-50);
  --ag-header-cell-hover-background-color: var(--theme-content-bg-color_high-contrast-20);
  --ag-row-hover-color: var(--theme-content-bg-color_high-contrast-20);
  --ag-border-color: var(--theme-content-bg-color_high-contrast-10);
  --ag-row-border-color: var(--theme-content-bg-color_high-contrast-10);
  --ag-checkbox-background-color: var(--theme-content-bg-color);
  --ag-checkbox-unchecked-color: var(--theme-content-text-icon-color);
  --ag-checkbox-checked-color: var(--theme-primary-color);
  -webkit-font-smoothing: antialiased;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: normal;
}
@font-face {
  font-family: "agGridMaterial";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABPwAAsAAAAAJjAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAmMAAAR2ZOVnMk9TLzIAAANsAAAAQQAAAFZWUFMDY21hcAAAA7AAAAIRAAAFnH0V34BnbHlmAAAFxAAACj0AABO8Q1oUYmhlYWQAABAEAAAAMQAAADZ2zsSBaGhlYQAAEDgAAAAWAAAAJAfRBDVobXR4AAAQUAAAABIAAAEww1AAAGxvY2EAABBkAAAAcwAAAJoHSQMCbWF4cAAAENgAAAAfAAAAIAFfAKpuYW1lAAAQ+AAAATIAAAJebBQ2inBvc3QAABIsAAABwgAAAqTvU9OHeJx9lEtyElEUhv+mm0gCklSMGjFq1PhCjZpO09DhYUIHAjpwYFkOnMSyyrKKcsQ6XIAryNAVuAAHrsAFOHDo2PK7h0ZMBuEWl3vP4z//eVzkSVrQY7WVS3vPX6o8Ohx/VEWBJh+n///sjT68P1RhekMX2G9BXlBSWTf0WmN988re2DvKrfgV/5X/zv/sf/F/ycdqXZtYF7XNilRjDxWrroYS5TSHLOK8oybWPnvLpMswypump74uETPCp2+IVQ11R0vgpIbT1S5WMcthdtmHrLtaPMUi0T3w67DpIA2oyFVq0tR5zesAll3Obfyb6M8Rc4/YIV4puhR2eSQtzm1dgJPzCKyqB3rDvmyZOpR65hPzjbRv99BuRdbUqgVOg1gO+wkMpvIGUWt4PAK9jtXTrKJV3cS7AU4XtLZ575h3Ecsa3GL6ElieNbiWtMHphd7qIRb7mU/XajqpwH3Yz+Sp4SV6cEzaBmuI7SYcZlLXnyqxQg0sq1UkI33Skb7qu37op37rj85Qpw56l8Mu6Hun1qZABU9a99C2/kldrnPMwEmr4xbzZN6w6kTo+lkNXbQimbnqxJxDpLHZL8DT2fdgk9CPgBihxXWdzrM63COsz2bT2WSVrNJ9er9oEzywWagwgVtMlUOczGFCra+A6E4Tfpetbk3w1qxvrrruhS3Zzb0F1+8KfbjGb0iGdavTM7TXkTikmWTdvBLYO4wt9AmsZ9EcqzVYbdtEuxkb2OvoEWmDfCZMarptL2Ng83ULBvXspa7oorFvZx1bNbvIvDz+CcLshcdWOzfTKdzcfAz/Au6DcHUAeJxjYGSaxDiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgOMOh+NGJ+AeRGMb9hYAHSjCA5AOMfCvMAAAB4nLXUB1IbQRCF4V+BLMC2MDknR9kgBCIHIUDAKXCmcKBw5hw+m+/RJ8Bv1O0D4Cpv1afeGa12Z7T1GmgBcvJU8pBtJ6MzMlnNZprzOTqb83l+a1ygnazOS5xzybWVb240W+KMC64s0xz9PTK6usAo86xotM8Se2xR1+iECjussss2B6yzxhHLbFLlkGM2qNHgVL9Pq8hrja206bkdWkmX7thND3e4S5E++hlgkCGGGdGTxhhngkmmdN00M8wyp6cXecBDHvGYJ9pPiWc81/cLLFLWIlu53bF/y+vTsbS3VV85qexox9sH62va7Gb18Hij1jj9h5v9h6OQPnK/YpQWVQppt2dhSV6EPXkZtuRVqMvrkN76m3Aib0NF3oUdOQ+rchF25X3Ylg/hQD6GdfkU1uQyHMlVWJbPYVO+hKp8DYfyLRzL97AhP0JNfoaGXAf9V5ZxKS+WdaSacylflncpY9biUvas1ZFqmyPVdkeqHY5UO13KpHU5Ui249Cat25FqjyPVXqfsYEEpwoJygt1zShZWdMoY1ueUNuy+U+6wfqcEYgNOWcQGnVKJDTnlExt2Sio24pRZbNQpvdiYU46xcadEYxOuud9Jp5RjU055x6adko/NOPUAbNapG2BzrrnfeacOgQX1Ciyoa2BB/QML6iRYSL3TQsqMBfUZLKjjYKG5/gVHqouOVMuO8h8D8KVRAAAAeJztWH1sG+UZv+e92Ofz99m+O3tN7NgX+0qTGsXn88V2miZN2mSMpJ1sOvpFCqwtkNK0UAaFRTDEpDJGizTCH6BJoEmONAkGyz9lQy3qQHRC2lzRMQl13cQ/JIxFRYpAMvVtz3ux04ZmjP2JtuTe9557P557Pn73Ps9jBhj8IwvsJsbFMBAXPSDG9bihxsmC6Qaf+SksmhfPn4cOdqBUq5WmqlWGaaF72NfY1xg742FCzBrcqemaymmconOyriVVURE1UVVERTYUeKkyefbsZA/tyPDZyckZ65k8iv0MpUpnJyuTBlLI1pKH3YTyOBgmKBuCJsgGzBTmy3NFcxYWi/OmDb6YL8Ioim2tnWanUYZ23Jrg7Jw9JEuylDFyRi6rptRUkFM51VAN2ZA5WDxy+7iRzxvjt3/YJMYLzz1XmJ62enZ6xZRF1H/fnMWevs56Z5gNI8VRmwU1QaHN0ESlOjX18dGj8w88QO42D5CR+qlazTKvtWeOnWOCTIRaOeEFUQhFQYtn+kAXsmngwZBBZo9d+SyqRfFinda9vmB+PHYOKmPsHD6vmLzyGUhj70Bl60r+8ur8WXTqddyfrl8gXddzrl84fC1P1uIpxIXkanyRJ+v8Et+lwckv823Y7iH2+4wNvRtmGB44mQfWiIGduk4MSZmcTt1G/m6OF+4069B37tw7r7pcEZ/Uvblb8kXgLLxUxAnzd7Dh3Lk+jye6JhVJdHcnIsnWKGXPL+NnyT8+yyZrmBijUF/pCm0cNh2bjM0QNd3WGBewzVQqNetq3M29jSfyQqW+H+/lSmMAZ/BqYpacJAuoF4MqcYjYZwunTxdqZKF45kyxtoybx9gzluatlpfsIqI7LltESEKj5tCmKTYuxMmrplvpLsPilKlT7eBd2ps6vMue7k7UXyfDpW6l/jodJMNKd30fGV7+dig26beMuLdEkQ2VDRfn55sX+cs1D/gFM/+8wh5iP2H8aKk2ZoR5jPk57sZPR7VdIxir6IgB2S5LRQgmQ16iJNIteraPaJkoiCF7IqWmQcENCI9MzuiDjCSHvDiCw3o2l4myGvVtGtQ0yfYB7iKNTUt7YiDJUYLC5oxu3ByFkOgDL0mk4UYWt0vsvdz+wzZzTDUMleRUY8usuQmeJMDa/B8Qc5wPREN+OeR32jzheFDuCDo9jhZHyCe3uuV2yU4cXudrgYTUJnj8vNfBOXxuQXIF/KE1QiAmBcKCw+nhWmy+aMDusgUCLk/A2du5jrDE4XLYiE44p89tJxoLzoCDfOT4weM20qNe+aMlzJPVKz9hH/pThBfqz/zZHYsGHYE17UkxoadCrWqA9zk9Yiibae+UwmGnz+uL3CD5XMmAy+uKCG454BUcdi4YTyeDHjEs+p0uXyDo4V08y3E2Lth24rdv8C67k/M4bfwF3ufgvfwffLzTH6Cu/r/vvrm+WxHn8FsVFEHlgB2wAh2M0kAHX5i2eQx6NN6u8PO3/6OPDRr6sjktI8VgI6Euk8SQD2R0jRcSqRuBoyBI6dmvds36Hd/hOVvIJwT9vf1Or93j8AXFsbLbyQdCgZZbv9fCCzjyVUY9d2zC63FJ/mB4505fwGbzu4W2e4/5xICX5+2PPmx32AWfZY//BR1Xxgk8nZHRiUKtVjhNZou1WvHMMi52kDmmiA9p1MDOqagkqiV7AUlDwQFFtqNqqhLFT9igNH6LOCXbOY0ulmTyLJceUuNFeXTHgW0jW+5plW/pGUvyg5ywbmzIwcezjkFu/Wa1o314cATnJ1pT393FtzxxQ9va9ixPhOQGJSKNarHYoeENd8RHk1o4sG4zqLFUn+Lb8i06vLd/dzC0tjUV/YbKzC7LHMDcYK2VPaKsKDEmj31goGwpFk+w7NKB5gU2YafpSTYFi5ZwrfdsGXkRibY2JLZ13dTVddOttOtam89vy+fJR/SNw4disebdnGiswA5YumZbvinHBGKikU8mMQehOThgxoaZc8W8SBbqJzELd9dK8FKpZF4sL+eU5HMLSzxFk4F4AsxDyedvvolgMvVyGXSafNTo3kY+t4kcsd5DM/24jeaEA/X95PlGO1KaKTXiCq69jXUi5WQERsSsNUb3oBk6gQpn0MAR14NWFoWZv0LDAhkGCdO8GZDMj2eQMN2T9O8STQRhlHZjhw9fwvtk/cLk5GE6fJ0eQZqxqHHU41NLDXiwXCazlhqoxHXnJhYqmDmrqMbSUQmj9Ngk0fmCOWvOFuab9p0mb2ONEGa68A0oahF0BXNZDF0WlQYZTZHEkmXJ1Z2AVB9gwPtFolepVPJ7e3r25isVpTfxSxgzfw0PUlpRludgUSkqW3vG7xvv2aoUuXIF+y10ZO+R8Z5mLu1Ee8qWHbEUwWJB5rBK0rE4oQY0sGpiNUNXFU4kXfu27n/mmf1b9x1eJvbvHhjYPUAeXjFICfORATrVsMsEO0E1DqJ3pxA2AXaixKyCMQPVtf7Rh9a6pYblXblaKjXOqQXmPN1pIC8LQlULG6vyEhp4naLrmvyuwpW9pk6LM+l/U6lBlpL0IIA04AGuAk1O6MLV6jZz0/qum0d35e/qNNcnOmAUCXgv0UEHVyvjzPFdozd3re9ImOs77zI/6UjAe5135a2xpk4HMTeX0D8qyqfQ1IZTVibmSjwj0bwnm4O4oKHKGhv+lad/W7/3FSsRH7Fy9ItCJJKIRECvnyrDi2V2IplOJzFn32eteSHRHVbCeKGNXpiaamKjn+1DKXy0elCNIFiZO61ZVdj1lPrUX6ErGr3cu/3yLb3HopDDEfibeSEaPdZ7y+XtvZevqXtoTb5U7yioR5rJMDmmgGdKHDGOKvTRyi1KazgvAMId9Ygnl16FyBO1pFUsy3SKfg0GNnpAxLS2Ni1Gnrfu9X9UKujmIXjD/HDjRvXAAfV9HPhE7d+49sABM4S0dOnSpUql5+qWmMUCxAr82HzklY39uGktvD9zo9pPSXiaFlOVFXVyiLmhiRI/RUk7hYafooRNWGGfPmfoTAMgx48eGRwaGjxyFPxN6vi9e3bqhqHv3PNBk2Dn6IR5eeXiKz9cscgiGpigsrgRszkqjXVgLJ0L6n8h2tD9g4P3H6fd0NeTkiw01mNX+9oCX3c2cjJ+uRgTrv3NxMov5wsw2rA1PS88iHqrvleWsW4zLEwICPD6qdIStM3Zg4VqtXCwTH8Qgg7zolWXdrQeLFarxYPws+X85m2yh3IHLII7qlWym/5i1Jzbg+cwsWSj4+St1eYQ9D+tVule5jqeiE0cp/NX9b2TdTfzKVDh0MvFOVgsQOnlwjzemzUxiTbPxSr9XYZEy8u8F8jJpbqdJmSNWENO0Or9at0+jXaicTBDzwaxUTZxch/QqohTZI0mOuLVeIJVkyHjQhkvA8hbVrww1m3IbuzZe8fusqN+6vHCSDOmbOreHrtvfGQmWx8mb2HkULo2uzasuaM3P95TKcPBH4Xv7s9bgUXpvsm2vXwbriS/Qan+BR+vOg4AAAB4nGNgZGBgAGKpH/rO8fw2Xxm4mV8ABaI4H+9rQND//zC/YH4DVMnBwAQkGQBX3Q0FAAAAeJxjYGRgYH7BwIBEMjKgAh8ARYYDEAAAeJxjYGBgYH4xPDA9AAANeC3nAAB4nGNgAAIpBg+GOIYZDJsYHjHyMJoxZjAuYtzC+IyJgeke8x7mSywuLNtYTrAqsdawHmC9w/qFjYvNgS2CrYBtE9sTtk/sXOwS7EbsTewH2J9wuHH0cDzj+MOpxmnC6cQZwBnHWcBZxzmB8x7pEAB+RDEmAHicY2BkYGDwYZjHwMkAAkxAzAWEDAz/wXwGACCLAgoAeJx9kD1qw0AQhZ/8F2JDCIS4UrEQSBOQf0qT2oKAGxfuZWsly6y1YrU2+AY5SE6QQ6TMQXKKPK23sQvPwvC9N2+mWACP+EGApgI8uN5UC3dUZ26Tnj13yC+euxhg4rlH/91zH2/48DzAEw68EHTu6YT49Nxi/stzm/635w7513MXQ/x57iEM4LmPVRB6HuA1MEkemyJdJFaaIlFLmR9UcmVeqpU0daFLMYnGl4NYltKQU7E+ifqYT63NRGb0Xsx1aaVSWlRG7+TGRltrq9lolHk/2ug9EuSIYVAgxYLKQjqVQGFJzvkXisrcTN6arRzXVBolBP8/wvjmRkwunT77KbfWOLHXOHJvStcio86Y0diT5u56k1Z8mk7lZjs6G/oRtm6rwgwjvuwqHzHFS/808m/eAAB4nG2SB2/bMBCF/cWS7dhpk6Ztuvceauvune6Z/giGomUiEimQlO3k15e1gwABegCJ9x7uju8ObC21FtFv/T+2WKJNQkqHLj2W6TNghSMcZZU1jrHOcU5wkg1OcZoznOUc57nARS5xmStc5RrXucFNbnGbO9zlHvfJeMBDHjHkMU94yjOe84KXvOI1b3jLO96zyQc+8onPfOEr3/jOD37yi99s8ac1EEXhVCGCtqYjnLNT3xZedqQwUpWpHAsX1uRYyZ1tO8vmQOUbB4I2uQrKVdqIoNYP5MbsZ65IW1qX1ToS142kqYzvS2uCEzKoPJG23k2ls963pZ+k8WTDJFdepmoWDXTndzbsqVkt4lv5stpVmS+FHw8OUDZsR9wZ6TJaSUfa+ZAUTtdp4WxTJzElJKUahU6pTfTULa3ItSl6lZjpSu+ppFKm6cUZFsxYowbGhkyUpZ2qPK1jA9WutUlrPbFhzcVym203IViT2dFo9bBgUqeLcUi8mKi+r2KXLLdTsw//GRks4Dytt8DRZ4hLWg9OqcNbXZ5Ltlam15jFBAgKHIqAxmKY4pGUjNlhm1n8FzkVDTW7TBix12r9BZxqtRIAAA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.ag-theme-material .ag-icon {
  font-family: "agGridMaterial";
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ag-theme-material .ag-icon-aggregation::before {
  content: "\f101";
}
.ag-theme-material .ag-icon-arrows::before {
  content: "\f102";
}
.ag-theme-material .ag-icon-asc::before {
  content: "\f103";
}
.ag-theme-material .ag-icon-cancel::before {
  content: "\f104";
}
.ag-theme-material .ag-icon-chart::before {
  content: "\f105";
}
.ag-theme-material .ag-icon-color-picker::before {
  content: "\f109";
}
.ag-theme-material .ag-icon-columns::before {
  content: "\f10a";
}
.ag-theme-material .ag-icon-contracted::before {
  content: "\f10b";
}
.ag-theme-material .ag-icon-copy::before {
  content: "\f10c";
}
.ag-theme-material .ag-icon-cross::before {
  content: "\f10d";
}
.ag-theme-material .ag-icon-csv::before {
  content: "\f10e";
}
.ag-theme-material .ag-icon-desc::before {
  content: "\f10f";
}
.ag-theme-material .ag-icon-excel::before {
  content: "\f110";
}
.ag-theme-material .ag-icon-expanded::before {
  content: "\f111";
}
.ag-theme-material .ag-icon-eye-slash::before {
  content: "\f112";
}
.ag-theme-material .ag-icon-eye::before {
  content: "\f113";
}
.ag-theme-material .ag-icon-filter::before {
  content: "\f114";
}
.ag-theme-material .ag-icon-first::before {
  content: "\f115";
}
.ag-theme-material .ag-icon-grip::before {
  content: "\f116";
}
.ag-theme-material .ag-icon-group::before {
  content: "\f117";
}
.ag-theme-material .ag-icon-last::before {
  content: "\f118";
}
.ag-theme-material .ag-icon-left::before {
  content: "\f119";
}
.ag-theme-material .ag-icon-linked::before {
  content: "\f11a";
}
.ag-theme-material .ag-icon-loading::before {
  content: "\f11b";
}
.ag-theme-material .ag-icon-maximize::before {
  content: "\f11c";
}
.ag-theme-material .ag-icon-menu::before {
  content: "\f11d";
}
.ag-theme-material .ag-icon-minimize::before {
  content: "\f11e";
}
.ag-theme-material .ag-icon-next::before {
  content: "\f11f";
}
.ag-theme-material .ag-icon-none::before {
  content: "\f120";
}
.ag-theme-material .ag-icon-not-allowed::before {
  content: "\f121";
}
.ag-theme-material .ag-icon-paste::before {
  content: "\f122";
}
.ag-theme-material .ag-icon-pin::before {
  content: "\f123";
}
.ag-theme-material .ag-icon-pivot::before {
  content: "\f124";
}
.ag-theme-material .ag-icon-previous::before {
  content: "\f125";
}
.ag-theme-material .ag-icon-right::before {
  content: "\f128";
}
.ag-theme-material .ag-icon-save::before {
  content: "\f129";
}
.ag-theme-material .ag-icon-small-down::before {
  content: "\f12a";
}
.ag-theme-material .ag-icon-small-left::before {
  content: "\f12b";
}
.ag-theme-material .ag-icon-small-right::before {
  content: "\f12c";
}
.ag-theme-material .ag-icon-small-up::before {
  content: "\f12d";
}
.ag-theme-material .ag-icon-tick::before {
  content: "\f12e";
}
.ag-theme-material .ag-icon-tree-closed::before {
  content: "\f12f";
}
.ag-theme-material .ag-icon-tree-indeterminate::before {
  content: "\f130";
}
.ag-theme-material .ag-icon-tree-open::before {
  content: "\f131";
}
.ag-theme-material .ag-icon-unlinked::before {
  content: "\f132";
}
.ag-theme-material .ag-icon-row-drag::before {
  content: "\f116";
}
.ag-theme-material .ag-left-arrow::before {
  content: "\f119";
}
.ag-theme-material .ag-right-arrow::before {
  content: "\f128";
}
.ag-theme-material .ag-root-wrapper,
.ag-theme-material .ag-sticky-top {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material [class^=ag-],
.ag-theme-material [class^=ag-]:focus,
.ag-theme-material [class^=ag-]:after,
.ag-theme-material [class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}
.ag-theme-material [class^=ag-]::-ms-clear {
  display: none;
}
.ag-theme-material .ag-checkbox .ag-input-wrapper,
.ag-theme-material .ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-theme-material .ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-theme-material .ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}
.ag-theme-material .ag-ltr .ag-label-align-right .ag-label {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-label-align-right .ag-label {
  margin-right: 8px;
}
.ag-theme-material input[class^=ag-] {
  margin: 0;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material textarea[class^=ag-],
.ag-theme-material select[class^=ag-] {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
  border-width: 2px;
  border-style: solid;
  border-color: var(--ag-input-border-color-invalid);
}
.ag-theme-material input[class^=ag-][type=number] {
  -moz-appearance: textfield;
}
.ag-theme-material input[class^=ag-][type=number]::-webkit-outer-spin-button,
.ag-theme-material input[class^=ag-][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ag-theme-material input[class^=ag-][type=range] {
  padding: 0;
}
.ag-theme-material input[class^=ag-][type=button]:focus,
.ag-theme-material button[class^=ag-]:focus {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-drag-handle {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-list-item,
.ag-theme-material .ag-virtual-list-item {
  height: 32px;
}
.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-select-list {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  overflow-y: auto;
  overflow-x: hidden;
}
.ag-theme-material .ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-theme-material .ag-list-item.ag-active-item {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-select-list-item {
  padding-left: 4px;
  padding-right: 4px;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-theme-material .ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-theme-material .ag-select .ag-picker-field-wrapper {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  min-height: 32px;
  cursor: default;
}
.ag-theme-material .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-theme-material .ag-select:not(.ag-cell-editor) {
  height: 32px;
}
.ag-theme-material .ag-select .ag-picker-field-display {
  margin: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-theme-material .ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-theme-material .ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-rich-select {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-rich-select-list {
  width: 100%;
  min-width: 200px;
  height: 312px;
}
.ag-theme-material .ag-rich-select-value {
  padding: 0 8px 0 8px;
  height: 48px;
}
.ag-theme-material .ag-rich-select-virtual-list-item {
  cursor: default;
  height: 32px;
}
.ag-keyboard-focus .ag-theme-material .ag-rich-select-virtual-list-item:focus::after {
  content: none;
}
.ag-theme-material .ag-rich-select-virtual-list-item:hover {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-rich-select-row {
  padding-left: 8px;
}
.ag-theme-material .ag-rich-select-row-selected {
  background-color: #eee;
  background-color: var(--ag-selected-row-background-color, #eee);
}
.ag-theme-material .ag-row-drag,
.ag-theme-material .ag-selection-checkbox,
.ag-theme-material .ag-group-expanded,
.ag-theme-material .ag-group-contracted {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-ltr .ag-row-drag,
.ag-theme-material .ag-ltr .ag-selection-checkbox,
.ag-theme-material .ag-ltr .ag-group-expanded,
.ag-theme-material .ag-ltr .ag-group-contracted {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-row-drag,
.ag-theme-material .ag-rtl .ag-selection-checkbox,
.ag-theme-material .ag-rtl .ag-group-expanded,
.ag-theme-material .ag-rtl .ag-group-contracted {
  margin-left: 8px;
}
.ag-theme-material .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, 46px);
  --ag-internal-padded-row-height: 46px;
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}
.ag-theme-material .ag-group-expanded,
.ag-theme-material .ag-group-contracted {
  cursor: pointer;
}
.ag-theme-material .ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-theme-material .ag-rtl .ag-group-child-count {
  margin-right: 2px;
}
.ag-theme-material .ag-group-title-bar {
  background-color: #eee;
  background-color: var(--ag-subheader-background-color, #eee);
  padding: 8px;
}
.ag-theme-material .ag-group-toolbar {
  padding: 8px;
}
.ag-theme-material .ag-disabled-group-title-bar,
.ag-theme-material .ag-disabled-group-container {
  opacity: 0.5;
}
.ag-theme-material .group-item {
  margin: 4px 0;
}
.ag-theme-material .ag-label {
  white-space: nowrap;
}
.ag-theme-material .ag-ltr .ag-label {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-label {
  margin-left: 8px;
}
.ag-theme-material .ag-label-align-top .ag-label {
  margin-bottom: 4px;
}
.ag-theme-material .ag-angle-select[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  pointer-events: none;
}
.ag-theme-material .ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}
.ag-theme-material .ag-ltr .ag-slider-field,
.ag-theme-material .ag-ltr .ag-angle-select-field {
  margin-right: 16px;
}
.ag-theme-material .ag-rtl .ag-slider-field,
.ag-theme-material .ag-rtl .ag-angle-select-field {
  margin-left: 16px;
}
.ag-theme-material .ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: #e2e2e2;
  border-color: var(--ag-border-color, #e2e2e2);
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material .ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-picker-field-wrapper {
  border: 1px solid;
  border-color: #e2e2e2;
  border-color: var(--ag-border-color, #e2e2e2);
  border-radius: 5px;
}
.ag-theme-material .ag-picker-field-wrapper:focus {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-picker-field-button {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-theme-material .ag-color-picker .ag-picker-field-display {
  height: 18px;
}
.ag-theme-material .ag-color-panel {
  padding: 8px;
}
.ag-theme-material .ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}
.ag-theme-material .ag-spectrum-tools {
  padding: 10px;
}
.ag-theme-material .ag-spectrum-sat {
  background-image:
    linear-gradient(
      to right,
      white,
      rgba(204, 154, 129, 0));
}
.ag-theme-material .ag-spectrum-val {
  background-image:
    linear-gradient(
      to top,
      black,
      rgba(204, 154, 129, 0));
}
.ag-theme-material .ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-theme-material .ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-theme-material .ag-spectrum-alpha-background {
  border-radius: 2px;
}
.ag-theme-material .ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.ag-theme-material .ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-theme-material .ag-recent-color {
  margin: 0 3px;
}
.ag-theme-material .ag-recent-color:first-child {
  margin-left: 0;
}
.ag-theme-material .ag-recent-color:last-child {
  margin-right: 0;
}
.ag-theme-material.ag-dnd-ghost {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 56px !important;
  line-height: 56px;
  margin: 0;
  padding: 0 16px;
  transform: translateY(16px);
}
.ag-theme-material .ag-dnd-ghost-icon {
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
}
.ag-theme-material .ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.ag-dragging-range-handle .ag-theme-material .ag-dialog,
.ag-dragging-fill-handle .ag-theme-material .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-theme-material .ag-dialog {
  border-radius: 0px;
}
.ag-theme-material .ag-panel {
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material .ag-panel-title-bar {
  background-color: #fff;
  background-color: var(--ag-header-background-color, #fff);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)));
  height: 56px;
  padding: 8px 8px;
}
.ag-theme-material .ag-ltr .ag-panel-title-bar-button {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-panel-title-bar-button {
  margin-right: 8px;
}
.ag-theme-material .ag-tooltip {
  background-color: #fff;
  background-color: var(--ag-header-background-color, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  padding: 8px;
  border-radius: 2px;
  transition: opacity 1s;
  white-space: normal;
}
.ag-theme-material .ag-tooltip.ag-tooltip-hiding {
  opacity: 0;
}
.ag-theme-material .ag-tooltip-custom {
  transition: opacity 1s;
}
.ag-theme-material .ag-tooltip-custom.ag-tooltip-hiding {
  opacity: 0;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-1 {
  padding-left: 26px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-1 {
  padding-right: 26px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-2 {
  padding-left: 52px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-2 {
  padding-right: 52px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-3 {
  padding-left: 78px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-3 {
  padding-right: 78px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-4 {
  padding-left: 104px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-4 {
  padding-right: 104px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-5 {
  padding-left: 130px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-5 {
  padding-right: 130px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-6 {
  padding-left: 156px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-6 {
  padding-right: 156px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-7 {
  padding-left: 182px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-7 {
  padding-right: 182px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-8 {
  padding-left: 208px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-8 {
  padding-right: 208px;
}
.ag-theme-material .ag-ltr .ag-column-select-indent-9 {
  padding-left: 234px;
}
.ag-theme-material .ag-rtl .ag-column-select-indent-9 {
  padding-right: 234px;
}
.ag-theme-material .ag-column-select-header-icon {
  cursor: pointer;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header-icon:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-ltr .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: 16px;
}
.ag-theme-material .ag-rtl .ag-column-group-icons:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-theme-material .ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: 16px;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-column-select-column-group:not(:last-child),
.ag-theme-material .ag-column-select-column:not(:last-child) {
  margin-bottom: 14px;
}
.ag-theme-material .ag-column-select-column-readonly,
.ag-theme-material .ag-column-select-column-group-readonly {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  pointer-events: none;
}
.ag-theme-material .ag-ltr .ag-column-select-add-group-indent {
  margin-left: 34px;
}
.ag-theme-material .ag-rtl .ag-column-select-add-group-indent {
  margin-right: 34px;
}
.ag-theme-material .ag-column-select-virtual-list-viewport {
  padding: 8px 0px;
}
.ag-theme-material .ag-column-select-virtual-list-item {
  padding: 0 12px;
}
.ag-theme-material .ag-rtl {
  text-align: right;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: 50px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: 50px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-1 {
  padding-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-1 {
  padding-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: 92px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: 92px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-2 {
  padding-left: 84px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-2 {
  padding-right: 84px;
}
.ag-theme-material .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: 134px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: 134px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-3 {
  padding-left: 126px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-3 {
  padding-right: 126px;
}
.ag-theme-material .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: 176px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: 176px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-4 {
  padding-left: 168px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-4 {
  padding-right: 168px;
}
.ag-theme-material .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: 218px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: 218px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-5 {
  padding-left: 210px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-5 {
  padding-right: 210px;
}
.ag-theme-material .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: 260px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: 260px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-6 {
  padding-left: 252px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-6 {
  padding-right: 252px;
}
.ag-theme-material .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: 302px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: 302px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-7 {
  padding-left: 294px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-7 {
  padding-right: 294px;
}
.ag-theme-material .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: 344px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: 344px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-8 {
  padding-left: 336px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-8 {
  padding-right: 336px;
}
.ag-theme-material .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: 386px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: 386px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-9 {
  padding-left: 378px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-9 {
  padding-right: 378px;
}
.ag-theme-material .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: 428px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: 428px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-10 {
  padding-left: 420px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-10 {
  padding-right: 420px;
}
.ag-theme-material .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: 470px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: 470px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-11 {
  padding-left: 462px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-11 {
  padding-right: 462px;
}
.ag-theme-material .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: 512px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: 512px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-12 {
  padding-left: 504px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-12 {
  padding-right: 504px;
}
.ag-theme-material .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: 554px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: 554px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-13 {
  padding-left: 546px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-13 {
  padding-right: 546px;
}
.ag-theme-material .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: 596px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: 596px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-14 {
  padding-left: 588px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-14 {
  padding-right: 588px;
}
.ag-theme-material .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: 638px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: 638px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-15 {
  padding-left: 630px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-15 {
  padding-right: 630px;
}
.ag-theme-material .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: 680px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: 680px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-16 {
  padding-left: 672px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-16 {
  padding-right: 672px;
}
.ag-theme-material .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: 722px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: 722px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-17 {
  padding-left: 714px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-17 {
  padding-right: 714px;
}
.ag-theme-material .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: 764px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: 764px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-18 {
  padding-left: 756px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-18 {
  padding-right: 756px;
}
.ag-theme-material .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: 806px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: 806px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-19 {
  padding-left: 798px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-19 {
  padding-right: 798px;
}
.ag-theme-material .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-left: 848px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-right: 848px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-20 {
  padding-left: 840px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-20 {
  padding-right: 840px;
}
.ag-theme-material .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-left: 890px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-right: 890px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-21 {
  padding-left: 882px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-21 {
  padding-right: 882px;
}
.ag-theme-material .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-left: 932px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-right: 932px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-22 {
  padding-left: 924px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-22 {
  padding-right: 924px;
}
.ag-theme-material .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-left: 974px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-right: 974px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-23 {
  padding-left: 966px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-23 {
  padding-right: 966px;
}
.ag-theme-material .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-left: 1016px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-right: 1016px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-24 {
  padding-left: 1008px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-24 {
  padding-right: 1008px;
}
.ag-theme-material .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-left: 1058px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-right: 1058px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-25 {
  padding-left: 1050px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-25 {
  padding-right: 1050px;
}
.ag-theme-material .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-left: 1100px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-right: 1100px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-26 {
  padding-left: 1092px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-26 {
  padding-right: 1092px;
}
.ag-theme-material .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-left: 1142px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-right: 1142px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-27 {
  padding-left: 1134px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-27 {
  padding-right: 1134px;
}
.ag-theme-material .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-left: 1184px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-right: 1184px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-28 {
  padding-left: 1176px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-28 {
  padding-right: 1176px;
}
.ag-theme-material .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-left: 1226px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-right: 1226px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-29 {
  padding-left: 1218px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-29 {
  padding-right: 1218px;
}
.ag-theme-material .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-left: 1268px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-right: 1268px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-30 {
  padding-left: 1260px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-30 {
  padding-right: 1260px;
}
.ag-theme-material .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-left: 1310px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-right: 1310px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-31 {
  padding-left: 1302px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-31 {
  padding-right: 1302px;
}
.ag-theme-material .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-left: 1352px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-right: 1352px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-32 {
  padding-left: 1344px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-32 {
  padding-right: 1344px;
}
.ag-theme-material .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-left: 1394px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-right: 1394px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-33 {
  padding-left: 1386px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-33 {
  padding-right: 1386px;
}
.ag-theme-material .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-left: 1436px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-right: 1436px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-34 {
  padding-left: 1428px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-34 {
  padding-right: 1428px;
}
.ag-theme-material .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-left: 1478px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-right: 1478px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-35 {
  padding-left: 1470px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-35 {
  padding-right: 1470px;
}
.ag-theme-material .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-left: 1520px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-right: 1520px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-36 {
  padding-left: 1512px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-36 {
  padding-right: 1512px;
}
.ag-theme-material .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-left: 1562px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-right: 1562px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-37 {
  padding-left: 1554px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-37 {
  padding-right: 1554px;
}
.ag-theme-material .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-left: 1604px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-right: 1604px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-38 {
  padding-left: 1596px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-38 {
  padding-right: 1596px;
}
.ag-theme-material .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-left: 1646px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-right: 1646px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-39 {
  padding-left: 1638px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-39 {
  padding-right: 1638px;
}
.ag-theme-material .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-left: 1688px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-right: 1688px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-40 {
  padding-left: 1680px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-40 {
  padding-right: 1680px;
}
.ag-theme-material .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-left: 1730px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-right: 1730px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-41 {
  padding-left: 1722px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-41 {
  padding-right: 1722px;
}
.ag-theme-material .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-left: 1772px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-right: 1772px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-42 {
  padding-left: 1764px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-42 {
  padding-right: 1764px;
}
.ag-theme-material .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-left: 1814px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-right: 1814px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-43 {
  padding-left: 1806px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-43 {
  padding-right: 1806px;
}
.ag-theme-material .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-left: 1856px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-right: 1856px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-44 {
  padding-left: 1848px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-44 {
  padding-right: 1848px;
}
.ag-theme-material .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-left: 1898px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-right: 1898px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-45 {
  padding-left: 1890px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-45 {
  padding-right: 1890px;
}
.ag-theme-material .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-left: 1940px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-right: 1940px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-46 {
  padding-left: 1932px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-46 {
  padding-right: 1932px;
}
.ag-theme-material .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-left: 1982px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-right: 1982px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-47 {
  padding-left: 1974px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-47 {
  padding-right: 1974px;
}
.ag-theme-material .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-left: 2024px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-right: 2024px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-48 {
  padding-left: 2016px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-48 {
  padding-right: 2016px;
}
.ag-theme-material .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-left: 2066px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-right: 2066px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-49 {
  padding-left: 2058px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-49 {
  padding-right: 2058px;
}
.ag-theme-material .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-left: 2108px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-right: 2108px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-50 {
  padding-left: 2100px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-50 {
  padding-right: 2100px;
}
.ag-theme-material .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-left: 2150px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-right: 2150px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-51 {
  padding-left: 2142px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-51 {
  padding-right: 2142px;
}
.ag-theme-material .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-left: 2192px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-right: 2192px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-52 {
  padding-left: 2184px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-52 {
  padding-right: 2184px;
}
.ag-theme-material .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-left: 2234px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-right: 2234px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-53 {
  padding-left: 2226px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-53 {
  padding-right: 2226px;
}
.ag-theme-material .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-left: 2276px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-right: 2276px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-54 {
  padding-left: 2268px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-54 {
  padding-right: 2268px;
}
.ag-theme-material .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-left: 2318px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-right: 2318px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-55 {
  padding-left: 2310px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-55 {
  padding-right: 2310px;
}
.ag-theme-material .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-left: 2360px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-right: 2360px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-56 {
  padding-left: 2352px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-56 {
  padding-right: 2352px;
}
.ag-theme-material .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-left: 2402px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-right: 2402px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-57 {
  padding-left: 2394px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-57 {
  padding-right: 2394px;
}
.ag-theme-material .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-left: 2444px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-right: 2444px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-58 {
  padding-left: 2436px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-58 {
  padding-right: 2436px;
}
.ag-theme-material .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-left: 2486px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-right: 2486px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-59 {
  padding-left: 2478px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-59 {
  padding-right: 2478px;
}
.ag-theme-material .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-left: 2528px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-right: 2528px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-60 {
  padding-left: 2520px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-60 {
  padding-right: 2520px;
}
.ag-theme-material .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-left: 2570px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-right: 2570px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-61 {
  padding-left: 2562px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-61 {
  padding-right: 2562px;
}
.ag-theme-material .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-left: 2612px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-right: 2612px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-62 {
  padding-left: 2604px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-62 {
  padding-right: 2604px;
}
.ag-theme-material .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-left: 2654px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-right: 2654px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-63 {
  padding-left: 2646px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-63 {
  padding-right: 2646px;
}
.ag-theme-material .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-left: 2696px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-right: 2696px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-64 {
  padding-left: 2688px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-64 {
  padding-right: 2688px;
}
.ag-theme-material .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-left: 2738px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-right: 2738px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-65 {
  padding-left: 2730px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-65 {
  padding-right: 2730px;
}
.ag-theme-material .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-left: 2780px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-right: 2780px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-66 {
  padding-left: 2772px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-66 {
  padding-right: 2772px;
}
.ag-theme-material .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-left: 2822px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-right: 2822px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-67 {
  padding-left: 2814px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-67 {
  padding-right: 2814px;
}
.ag-theme-material .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-left: 2864px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-right: 2864px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-68 {
  padding-left: 2856px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-68 {
  padding-right: 2856px;
}
.ag-theme-material .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-left: 2906px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-right: 2906px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-69 {
  padding-left: 2898px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-69 {
  padding-right: 2898px;
}
.ag-theme-material .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-left: 2948px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-right: 2948px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-70 {
  padding-left: 2940px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-70 {
  padding-right: 2940px;
}
.ag-theme-material .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-left: 2990px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-right: 2990px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-71 {
  padding-left: 2982px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-71 {
  padding-right: 2982px;
}
.ag-theme-material .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-left: 3032px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-right: 3032px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-72 {
  padding-left: 3024px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-72 {
  padding-right: 3024px;
}
.ag-theme-material .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-left: 3074px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-right: 3074px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-73 {
  padding-left: 3066px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-73 {
  padding-right: 3066px;
}
.ag-theme-material .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-left: 3116px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-right: 3116px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-74 {
  padding-left: 3108px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-74 {
  padding-right: 3108px;
}
.ag-theme-material .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-left: 3158px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-right: 3158px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-75 {
  padding-left: 3150px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-75 {
  padding-right: 3150px;
}
.ag-theme-material .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-left: 3200px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-right: 3200px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-76 {
  padding-left: 3192px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-76 {
  padding-right: 3192px;
}
.ag-theme-material .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-left: 3242px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-right: 3242px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-77 {
  padding-left: 3234px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-77 {
  padding-right: 3234px;
}
.ag-theme-material .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-left: 3284px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-right: 3284px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-78 {
  padding-left: 3276px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-78 {
  padding-right: 3276px;
}
.ag-theme-material .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-left: 3326px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-right: 3326px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-79 {
  padding-left: 3318px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-79 {
  padding-right: 3318px;
}
.ag-theme-material .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-left: 3368px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-right: 3368px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-80 {
  padding-left: 3360px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-80 {
  padding-right: 3360px;
}
.ag-theme-material .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-left: 3410px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-right: 3410px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-81 {
  padding-left: 3402px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-81 {
  padding-right: 3402px;
}
.ag-theme-material .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-left: 3452px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-right: 3452px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-82 {
  padding-left: 3444px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-82 {
  padding-right: 3444px;
}
.ag-theme-material .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-left: 3494px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-right: 3494px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-83 {
  padding-left: 3486px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-83 {
  padding-right: 3486px;
}
.ag-theme-material .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-left: 3536px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-right: 3536px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-84 {
  padding-left: 3528px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-84 {
  padding-right: 3528px;
}
.ag-theme-material .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-left: 3578px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-right: 3578px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-85 {
  padding-left: 3570px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-85 {
  padding-right: 3570px;
}
.ag-theme-material .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-left: 3620px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-right: 3620px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-86 {
  padding-left: 3612px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-86 {
  padding-right: 3612px;
}
.ag-theme-material .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-left: 3662px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-right: 3662px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-87 {
  padding-left: 3654px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-87 {
  padding-right: 3654px;
}
.ag-theme-material .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-left: 3704px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-right: 3704px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-88 {
  padding-left: 3696px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-88 {
  padding-right: 3696px;
}
.ag-theme-material .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-left: 3746px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-right: 3746px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-89 {
  padding-left: 3738px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-89 {
  padding-right: 3738px;
}
.ag-theme-material .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-left: 3788px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-right: 3788px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-90 {
  padding-left: 3780px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-90 {
  padding-right: 3780px;
}
.ag-theme-material .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-left: 3830px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-right: 3830px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-91 {
  padding-left: 3822px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-91 {
  padding-right: 3822px;
}
.ag-theme-material .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-left: 3872px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-right: 3872px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-92 {
  padding-left: 3864px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-92 {
  padding-right: 3864px;
}
.ag-theme-material .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-left: 3914px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-right: 3914px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-93 {
  padding-left: 3906px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-93 {
  padding-right: 3906px;
}
.ag-theme-material .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-left: 3956px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-right: 3956px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-94 {
  padding-left: 3948px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-94 {
  padding-right: 3948px;
}
.ag-theme-material .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-left: 3998px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-right: 3998px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-95 {
  padding-left: 3990px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-95 {
  padding-right: 3990px;
}
.ag-theme-material .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-left: 4040px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-right: 4040px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-96 {
  padding-left: 4032px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-96 {
  padding-right: 4032px;
}
.ag-theme-material .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-left: 4082px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-right: 4082px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-97 {
  padding-left: 4074px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-97 {
  padding-right: 4074px;
}
.ag-theme-material .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-left: 4124px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-right: 4124px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-98 {
  padding-left: 4116px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-98 {
  padding-right: 4116px;
}
.ag-theme-material .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-left: 4166px;
}
.ag-theme-material .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-right: 4166px;
}
.ag-theme-material .ag-ltr .ag-row-group-indent-99 {
  padding-left: 4158px;
}
.ag-theme-material .ag-rtl .ag-row-group-indent-99 {
  padding-right: 4158px;
}
.ag-theme-material .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
  margin-right: 42px;
}
.ag-theme-material .ag-ltr .ag-row-group-leaf-indent {
  margin-left: 42px;
}
.ag-theme-material .ag-rtl .ag-row-group-leaf-indent {
  margin-right: 42px;
}
.ag-theme-material .ag-value-change-delta {
  padding-right: 2px;
}
.ag-theme-material .ag-value-change-delta-up {
  color: #43a047;
  color: var(--ag-value-change-delta-up-color, #43a047);
}
.ag-theme-material .ag-value-change-delta-down {
  color: #e53935;
  color: var(--ag-value-change-delta-down-color, #e53935);
}
.ag-theme-material .ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.ag-theme-material .ag-value-change-value-highlight {
  background-color: #00acc1;
  background-color: var(--ag-value-change-value-highlight-background-color, #00acc1);
  transition: background-color 0.1s;
}
.ag-theme-material .ag-cell-data-changed {
  background-color: #00acc1 !important;
  background-color: var(--ag-value-change-value-highlight-background-color, #00acc1) !important;
}
.ag-theme-material .ag-cell-data-changed-animation {
  background-color: transparent;
}
.ag-theme-material .ag-cell-highlight {
  background-color: #fce4ec !important;
  background-color: var(--ag-range-selection-highlight-color, #fce4ec) !important;
}
.ag-theme-material .ag-row {
  height: 48px;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-data-color, var(--ag-foreground-color, rgba(0, 0, 0, 0.87)));
  border-width: 1px;
  border-color: #e2e2e2;
  border-color: var(--ag-row-border-color, var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2)));
  border-bottom-style: solid;
}
.ag-theme-material .ag-row-highlight-above::after,
.ag-theme-material .ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--theme-primary-color);
  background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
  left: 1px;
}
.ag-theme-material .ag-row-highlight-above::after {
  top: -1px;
}
.ag-theme-material .ag-row-highlight-above.ag-row-first::after {
  top: 0;
}
.ag-theme-material .ag-row-highlight-below::after {
  bottom: 0px;
}
.ag-theme-material .ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}
.ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: solid 1px;
  border-right-color: #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: solid 1px;
  border-left-color: #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-row-selected::before {
  content: "";
  background-color: #eee;
  background-color: var(--ag-selected-row-background-color, #eee);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-theme-material .ag-row-hover:not(.ag-full-width-row)::before,
.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.ag-theme-material .ag-row-hover.ag-row-selected::before {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
  background-image: linear-gradient(#eee, #eee);
}
.ag-theme-material .ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}
.ag-theme-material .ag-column-hover {
  background-color: #fafafa;
  background-color: var(--ag-column-hover-color, #fafafa);
}
.ag-theme-material .ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-theme-material .ag-rtl .ag-right-aligned-cell {
  text-align: left;
}
.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-theme-material .ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-theme-material .ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}
.ag-theme-material .ag-cell,
.ag-theme-material .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, 46px);
  --ag-internal-padded-row-height: 46px;
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: 7px;
  padding-right: 7px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.ag-theme-material .ag-row > .ag-cell-wrapper {
  padding-left: 7px;
  padding-right: 7px;
}
.ag-theme-material .ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}
.ag-theme-material .ag-cell-inline-editing {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  padding: 0;
  height: 48px;
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-popup-editor {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
  padding: 0;
}
.ag-theme-material .ag-large-text-input {
  height: auto;
  padding: 8px;
}
.ag-theme-material .ag-details-row {
  padding: 40px;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
}
.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}
.ag-theme-material .ag-overlay-loading-wrapper {
  background-color: rgba(255, 255, 255, 0.66);
  background-color: var(--ag-modal-overlay-background-color, rgba(255, 255, 255, 0.66));
}
.ag-theme-material .ag-overlay-loading-center {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
}
.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}
.ag-theme-material .ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-theme-material .ag-ltr .ag-loading {
  padding-left: 8px;
}
.ag-theme-material .ag-rtl .ag-loading {
  padding-right: 8px;
}
.ag-theme-material .ag-ltr .ag-loading-icon {
  padding-right: 8px;
}
.ag-theme-material .ag-rtl .ag-loading-icon {
  padding-left: 8px;
}
.ag-theme-material .ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-theme-material .ag-floating-top {
  border-bottom: solid 1px;
  border-bottom-color: #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-floating-bottom {
  border-top: solid 1px;
  border-top-color: #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-ltr .ag-cell {
  border-right: solid transparent;
}
.ag-theme-material .ag-rtl .ag-cell {
  border-left: solid transparent;
}
.ag-theme-material .ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-theme-material .ag-rtl .ag-cell {
  border-left-width: 1px;
}
.ag-theme-material .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: solid 1px;
  border-left-color: #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: solid 1px;
  border-right-color: #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: rgba(122, 134, 203, 0.1);
  background-color: var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1));
}
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: rgba(0, 88, 255, 0.1) !important;
  background-color: var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, 0.1)) !important;
}
.ag-theme-material .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: rgba(0, 255, 132, 0.1) !important;
  background-color: var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, 0.1)) !important;
}
.ag-theme-material .ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-theme-material .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: rgba(122, 134, 203, 0.1);
  background-color: var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(122, 134, 203, 0.1)));
}
.ag-theme-material .ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: rgba(122, 134, 203, 0.19);
  background-color: var(--ag-range-selection-background-color-2, rgba(122, 134, 203, 0.19));
}
.ag-theme-material .ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: rgba(122, 134, 203, 0.271);
  background-color: var(--ag-range-selection-background-color-3, rgba(122, 134, 203, 0.271));
}
.ag-theme-material .ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-theme-material .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: rgba(122, 134, 203, 0.3439);
  background-color: var(--ag-range-selection-background-color-4, rgba(122, 134, 203, 0.3439));
}
.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--theme-primary-color);
  border-top-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--theme-primary-color);
  border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--theme-primary-color);
  border-bottom-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--theme-primary-color);
  border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-theme-material .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-theme-material .ag-ltr .ag-cell-range-single-cell,
.ag-theme-material .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-material .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-theme-material .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-material .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell,
.ag-theme-material .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
  outline: initial;
}
.ag-theme-material .ag-cell.ag-selection-fill-top,
.ag-theme-material .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--theme-primary-color);
  border-top-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right,
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed !important;
  border-right-color: var(--theme-primary-color) !important;
  border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color))) !important;
}
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right,
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed !important;
  border-left-color: var(--theme-primary-color) !important;
  border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color))) !important;
}
.ag-theme-material .ag-cell.ag-selection-fill-bottom,
.ag-theme-material .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--theme-primary-color);
  border-bottom-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left,
.ag-theme-material .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed !important;
  border-left-color: var(--theme-primary-color) !important;
  border-left-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color))) !important;
}
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left,
.ag-theme-material .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed !important;
  border-right-color: var(--theme-primary-color) !important;
  border-right-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color))) !important;
}
.ag-theme-material .ag-range-handle,
.ag-theme-material .ag-fill-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--theme-primary-color);
  background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-ltr .ag-range-handle,
.ag-theme-material .ag-ltr .ag-fill-handle {
  right: -1px;
}
.ag-theme-material .ag-rtl .ag-range-handle,
.ag-theme-material .ag-rtl .ag-fill-handle {
  left: -1px;
}
.ag-theme-material .ag-fill-handle {
  cursor: cell;
}
.ag-theme-material .ag-range-handle {
  cursor: nwse-resize;
}
.ag-theme-material .ag-cell-inline-editing {
  border-color: var(--theme-primary-color) !important;
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color))) !important;
}
.ag-theme-material .ag-menu {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  padding: 0;
}
.ag-theme-material .ag-menu-list {
  cursor: default;
  padding: 8px 0;
}
.ag-theme-material .ag-menu-separator {
  height: 17px;
}
.ag-theme-material .ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: solid 1px;
  border-top-color: #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-menu-option-active,
.ag-theme-material .ag-compact-menu-option-active {
  background-color: #fafafa;
  background-color: var(--ag-row-hover-color, #fafafa);
}
.ag-theme-material .ag-menu-option-part,
.ag-theme-material .ag-compact-menu-option-part {
  line-height: 18px;
  padding: 10px 0;
}
.ag-theme-material .ag-menu-option-disabled,
.ag-theme-material .ag-compact-menu-option-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-menu-option-icon,
.ag-theme-material .ag-compact-menu-option-icon {
  width: 18px;
}
.ag-theme-material .ag-ltr .ag-menu-option-icon,
.ag-theme-material .ag-ltr .ag-compact-menu-option-icon {
  padding-left: 16px;
}
.ag-theme-material .ag-rtl .ag-menu-option-icon,
.ag-theme-material .ag-rtl .ag-compact-menu-option-icon {
  padding-right: 16px;
}
.ag-theme-material .ag-menu-option-text,
.ag-theme-material .ag-compact-menu-option-text {
  padding-left: 16px;
  padding-right: 16px;
}
.ag-theme-material .ag-ltr .ag-menu-option-shortcut,
.ag-theme-material .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: 8px;
}
.ag-theme-material .ag-rtl .ag-menu-option-shortcut,
.ag-theme-material .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: 8px;
}
.ag-theme-material .ag-menu-option-popup-pointer,
.ag-theme-material .ag-compact-menu-option-popup-pointer {
  padding-right: 8px;
}
.ag-theme-material .ag-tabs {
  min-width: 220px;
}
.ag-theme-material .ag-tabs-header {
  width: 100%;
  display: flex;
}
.ag-theme-material .ag-tab {
  border-bottom: 2px solid transparent;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 1 1 auto;
}
.ag-theme-material .ag-keyboard-focus .ag-tab:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-tab:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-tab-selected {
  border-bottom-color: var(--theme-primary-color);
  border-bottom-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-menu-header {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-filter-separator {
  border-top: solid 1px;
  border-top-color: #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-menu:not(.ag-tabs) .ag-filter-select {
  min-width: 155px;
}
.ag-theme-material .ag-tabs .ag-filter-select {
  min-width: 194px;
}
.ag-theme-material .ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}
.ag-theme-material .ag-filter-condition-operator {
  height: 17px;
}
.ag-theme-material .ag-ltr .ag-filter-condition-operator-or {
  margin-left: 16px;
}
.ag-theme-material .ag-rtl .ag-filter-condition-operator-or {
  margin-right: 16px;
}
.ag-theme-material .ag-set-filter-select-all {
  padding-top: 16px;
}
.ag-theme-material .ag-set-filter-list,
.ag-theme-material .ag-filter-no-matches {
  height: 192px;
}
.ag-theme-material .ag-set-filter-filter {
  margin-top: 16px;
  margin-left: 12px;
  margin-right: 12px;
}
.ag-theme-material .ag-filter-to {
  margin-top: 14px;
}
.ag-theme-material .ag-mini-filter {
  margin: 16px 12px;
}
.ag-theme-material .ag-set-filter-item {
  margin: 0px 12px;
}
.ag-theme-material .ag-ltr .ag-set-filter-item-value {
  margin-left: 12px;
}
.ag-theme-material .ag-rtl .ag-set-filter-item-value {
  margin-right: 12px;
}
.ag-theme-material .ag-filter-apply-panel {
  padding: 16px 12px;
}
.ag-theme-material .ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button {
  margin-left: 16px;
}
.ag-theme-material .ag-rtl .ag-filter-apply-panel-button {
  margin-right: 16px;
}
.ag-theme-material .ag-simple-filter-body-wrapper {
  padding: 16px 12px;
  padding-bottom: 2px;
}
.ag-theme-material .ag-simple-filter-body-wrapper > * {
  margin-bottom: 14px;
}
.ag-theme-material .ag-filter-no-matches {
  padding: 16px 12px;
}
.ag-theme-material .ag-multi-filter-menu-item {
  margin: 8px 0;
}
.ag-theme-material .ag-multi-filter-group-title-bar {
  padding: 16px 8px;
  background-color: transparent;
}
.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-side-bar {
  position: relative;
}
.ag-theme-material .ag-tool-panel-wrapper {
  width: 200px;
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-side-buttons {
  padding-top: 32px;
  width: 22px;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  overflow: hidden;
}
.ag-theme-material button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: 16px 0 16px 0;
  width: 100%;
  margin: 0;
  min-height: 144px;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
}
.ag-theme-material button.ag-side-button-button:focus {
  box-shadow: none;
}
.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-side-button-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}
.ag-theme-material .ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: 2px solid transparent;
}
.ag-theme-material .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-material .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--theme-primary-color);
  border-right-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-theme-material .ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: 2px solid transparent;
}
.ag-theme-material .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-material .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--theme-primary-color);
  border-left-color: var(--ag-selected-tab-underline-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-filter-toolpanel-header {
  height: 48px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-header,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-search {
  padding-left: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-header,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-search {
  padding-right: 8px;
}
.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-filter-toolpanel-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  font-family: "agGridMaterial";
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
  position: absolute;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-left: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-right: 8px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
  height: 64px;
}
.ag-theme-material .ag-filter-toolpanel-group-item {
  margin-top: 4px;
  margin-bottom: 4px;
}
.ag-theme-material .ag-filter-toolpanel-search {
  height: 56px;
}
.ag-theme-material .ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: 32px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: 8px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-expand,
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-expand,
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-left: 24px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-right: 24px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-left: 40px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-right: 40px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-left: 56px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-right: 56px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-left: 72px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-right: 72px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-left: 88px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-right: 88px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-left: 104px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-right: 104px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-left: 120px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-right: 120px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-left: 136px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-right: 136px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-left: 152px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-right: 152px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-left: 168px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-right: 168px;
}
.ag-theme-material .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: 8px;
}
.ag-theme-material .ag-filter-toolpanel-instance-filter {
  margin-top: 8px;
}
.ag-theme-material .ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-pivot-mode-panel {
  min-height: 56px;
  height: 56px;
  display: flex;
}
.ag-theme-material .ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-theme-material .ag-ltr .ag-pivot-mode-select {
  margin-left: 12px;
}
.ag-theme-material .ag-rtl .ag-pivot-mode-select {
  margin-right: 12px;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-column-select-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-column-select-header {
  height: 56px;
  align-items: center;
  padding: 0 12px;
}
.ag-theme-material .ag-column-group-icons,
.ag-theme-material .ag-column-select-header-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--theme-primary-color);
  background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-theme-material .ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-theme-material .ag-header {
  background-color: #fff;
  background-color: var(--ag-header-background-color, #fff);
  border-bottom: solid 1px;
  border-bottom-color: #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-header-row {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)));
  height: 56px;
}
.ag-theme-material .ag-pinned-right-header {
  border-left: solid 1px;
  border-left-color: #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-pinned-left-header {
  border-right: solid 1px;
  border-right-color: #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
  padding-left: 8px;
  padding-right: 8px;
}
.ag-theme-material .ag-header-cell.ag-header-cell-moving,
.ag-theme-material .ag-header-group-cell.ag-header-cell-moving {
  background-color: rgb(242.25, 242.25, 242.25);
  background-color: var(--ag-header-cell-moving-background-color, var(--ag-header-cell-hover-background-color, rgb(242.25, 242.25, 242.25)));
}
.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-header-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-header-group-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-header-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-header-expand-icon {
  cursor: pointer;
}
.ag-theme-material .ag-ltr .ag-header-expand-icon {
  padding-left: 4px;
}
.ag-theme-material .ag-rtl .ag-header-expand-icon {
  padding-right: 4px;
}
.ag-theme-material .ag-header-row:not(:first-child) .ag-header-cell,
.ag-theme-material .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: solid 1px;
  border-top-color: #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell.ag-column-resizing,
.ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-resizing,
.ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing {
  background-color: rgb(242.25, 242.25, 242.25);
  background-color: var(--ag-header-cell-hover-background-color, rgb(242.25, 242.25, 242.25));
}
.ag-theme-material .ag-ltr .ag-header-select-all {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-header-select-all {
  margin-left: 8px;
}
.ag-theme-material .ag-ltr .ag-floating-filter-button {
  margin-left: 24px;
}
.ag-theme-material .ag-rtl .ag-floating-filter-button {
  margin-right: 24px;
}
.ag-theme-material .ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: 18px;
  padding: 0;
  width: 18px;
}
.ag-theme-material .ag-filter-loading {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
  height: 100%;
  padding: 16px 12px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ag-theme-material .ag-paging-panel {
  border-top: 1px solid;
  border-top-color: #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 56px;
}
.ag-theme-material .ag-paging-panel > * {
  margin: 0 8px;
}
.ag-theme-material .ag-paging-button {
  cursor: pointer;
}
.ag-theme-material .ag-paging-button.ag-disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-paging-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-paging-button,
.ag-theme-material .ag-paging-description {
  margin: 0 8px;
}
.ag-theme-material .ag-status-bar {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  padding-right: 32px;
  padding-left: 32px;
  line-height: 1.5;
}
.ag-theme-material .ag-status-name-value-value {
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
}
.ag-theme-material .ag-status-bar-center {
  text-align: center;
}
.ag-theme-material .ag-status-name-value {
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.ag-theme-material .ag-column-drop-cell {
  background: #e2e2e2;
  background: var(--ag-chip-background-color, #e2e2e2);
  border-radius: 32px;
  height: 32px;
  padding: 0 4px;
  border: 1px solid transparent;
  cursor: pointer;
}
.ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-column-drop-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-column-drop-cell-text {
  margin: 0 8px;
}
.ag-theme-material .ag-column-drop-cell-button {
  min-width: 32px;
  margin: 0 4px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-column-drop-cell-drag-handle {
  margin-left: 16px;
}
.ag-theme-material .ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-theme-material .ag-column-drop-horizontal {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 48px;
}
.ag-theme-material .ag-ltr .ag-column-drop-horizontal {
  padding-left: 8px;
}
.ag-theme-material .ag-rtl .ag-column-drop-horizontal {
  padding-right: 8px;
}
.ag-theme-material .ag-column-drop-horizontal-cell-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-column-drop-horizontal-empty-message {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material .ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: 8px;
}
.ag-theme-material .ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: 8px;
}
.ag-theme-material .ag-column-drop-vertical-list {
  padding-bottom: 8px;
  padding-right: 8px;
  padding-left: 8px;
}
.ag-theme-material .ag-column-drop-vertical-cell {
  margin-top: 8px;
}
.ag-theme-material .ag-column-drop-vertical {
  min-height: 50px;
}
.ag-theme-material .ag-column-drop-vertical-icon {
  margin-left: 8px;
  margin-right: 8px;
}
.ag-theme-material .ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  margin-top: 8px;
}
.ag-theme-material .ag-select-agg-func-popup {
  background: #fff;
  background: var(--ag-background-color, #fff);
  border-radius: 2px;
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  background: #fff;
  background: var(--ag-background-color, #fff);
  height: 140px;
  padding: 0;
}
.ag-theme-material .ag-select-agg-func-virtual-list-item {
  cursor: default;
  padding-left: 16px;
}
.ag-theme-material .ag-select-agg-func-virtual-list-item:hover {
  background-color: #eee;
  background-color: var(--ag-selected-row-background-color, #eee);
}
.ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
  outline: none;
}
.ag-theme-material .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--theme-primary-color);
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-sort-indicator-container {
  display: flex;
}
.ag-theme-material .ag-ltr .ag-sort-indicator-icon {
  padding-left: 8px;
}
.ag-theme-material .ag-rtl .ag-sort-indicator-icon {
  padding-right: 8px;
}
.ag-theme-material .ag-chart-menu {
  border-radius: 2px;
  background: #fff;
  background: var(--ag-background-color, #fff);
}
.ag-theme-material .ag-chart-menu-icon {
  opacity: 0.5;
  line-height: 24px;
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 2px 0;
  cursor: pointer;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-chart-menu-icon:hover {
  opacity: 1;
}
.ag-theme-material .ag-chart-menu-close {
  background: #fff;
  background: var(--ag-background-color, #fff);
}
.ag-theme-material .ag-chart-menu-close .ag-icon {
  background: none;
  border: 1px solid #e2e2e2;
  border-right: none;
}
.ag-theme-material .ag-chart-menu-close .ag-icon:hover {
  background: #fff;
  background: var(--ag-header-background-color, #fff);
}
.ag-theme-material .ag-chart-mini-thumbnail {
  border: 1px solid;
  border-color: #e2e2e2;
  border-color: var(--ag-secondary-border-color, var(--ag-border-color, #e2e2e2));
  border-radius: 5px;
  margin: 5px;
}
.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3),
.ag-theme-material .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail {
  margin-left: auto;
  margin-right: auto;
}
.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:first-child {
  margin-left: 0;
}
.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:first-child {
  margin-right: 0;
}
.ag-theme-material .ag-ltr .ag-chart-mini-thumbnail:last-child {
  margin-right: 0;
}
.ag-theme-material .ag-rtl .ag-chart-mini-thumbnail:last-child {
  margin-left: 0;
}
.ag-theme-material .ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--theme-primary-color);
  border-color: var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color))));
}
.ag-theme-material .ag-chart-settings-card-item {
  background: rgba(0, 0, 0, 0.87);
  background: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-theme-material .ag-chart-settings-card-item.ag-selected {
  background-color: var(--theme-primary-color);
  background-color: var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color))));
}
.ag-theme-material .ag-chart-data-column-drag-handle {
  margin-left: 8px;
}
.ag-theme-material .ag-charts-settings-group-container {
  padding: 8px;
}
.ag-theme-material .ag-charts-data-group-container {
  padding: 8px 12px;
}
.ag-theme-material .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
  height: 32px;
}
.ag-theme-material .ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--theme-primary-color);
  background-color: var(--ag-range-selection-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material .ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-theme-material .ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-theme-material .ag-charts-format-top-level-group-container {
  margin-left: 16px;
  padding: 8px;
}
.ag-theme-material .ag-charts-format-top-level-group-item {
  margin: 8px 0;
}
.ag-theme-material .ag-charts-format-sub-level-group-container {
  padding: 16px 12px;
  padding-bottom: 2px;
}
.ag-theme-material .ag-charts-format-sub-level-group-container > * {
  margin-bottom: 14px;
}
.ag-theme-material .ag-charts-group-container.ag-group-container-horizontal {
  padding: 8px;
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
  display: flex;
  margin: 0;
}
.ag-theme-material .ag-chart-menu-panel {
  background-color: #fafafa;
  background-color: var(--ag-control-panel-background-color, #fafafa);
}
.ag-theme-material .ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px;
  border-left-color: #e2e2e2;
  border-left-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px;
  border-right-color: #e2e2e2;
  border-right-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}
.ag-theme-material .ag-date-time-list-page-column-label {
  text-align: center;
}
.ag-theme-material .ag-date-time-list-page-entry {
  text-align: center;
}
.ag-theme-material .ag-checkbox-input-wrapper {
  font-family: "agGridMaterial";
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 18px;
  height: 18px;
  background-color: var(--ag-checkbox-background-color);
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-theme-material .ag-checkbox-input-wrapper input,
.ag-theme-material .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-theme-material .ag-checkbox-input-wrapper:focus-within,
.ag-theme-material .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-checkbox-input-wrapper::after {
  content: "\f108";
  color: #333;
  color: var(--ag-checkbox-unchecked-color, #333);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after {
  content: "\f106";
  color: var(--theme-primary-color);
  color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color)));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-material .ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: "\f107";
  color: #333;
  color: var(--ag-checkbox-indeterminate-color, var(--ag-checkbox-unchecked-color, #333));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-material .ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: 36px;
  height: 18px;
  background-color: #333;
  background-color: var(--ag-toggle-button-off-background-color, var(--ag-checkbox-unchecked-color, #333));
  border-radius: 9px;
  position: relative;
  flex: none;
  border: 1px solid;
  border-color: #333;
  border-color: var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333));
}
.ag-theme-material .ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-theme-material .ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--theme-primary-color);
  background-color: var(--ag-toggle-button-on-background-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color))));
  border-color: var(--theme-primary-color);
  border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color))));
}
.ag-theme-material .ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: border-box;
  height: 18px;
  width: 18px;
  background-color: #fff;
  background-color: var(--ag-toggle-button-switch-background-color, var(--ag-background-color, #fff));
  border-radius: 9px;
  transition: left 100ms;
  border: 1px solid;
  border-color: #333;
  border-color: var(--ag-toggle-button-switch-border-color, var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #333)));
}
.ag-theme-material .ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - 18px);
  border-color: var(--theme-primary-color);
  border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color))));
}
.ag-theme-material .ag-radio-button-input-wrapper {
  font-family: "agGridMaterial";
  font-size: 18px;
  line-height: 18px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 18px;
  height: 18px;
  background-color: var(--ag-checkbox-background-color);
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: 18px;
}
.ag-theme-material .ag-radio-button-input-wrapper input,
.ag-theme-material .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-theme-material .ag-radio-button-input-wrapper:focus-within,
.ag-theme-material .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
}
.ag-theme-material .ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-radio-button-input-wrapper::after {
  content: "\f126";
  color: #333;
  color: var(--ag-checkbox-unchecked-color, #333);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-material .ag-radio-button-input-wrapper.ag-checked::after {
  content: "\f127";
  color: var(--theme-primary-color);
  color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color)));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-material input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
.ag-theme-material input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: #e2e2e2;
  background-color: var(--ag-border-color, #e2e2e2);
  border-radius: 0px;
  border-radius: 2px;
}
.ag-theme-material input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: #e2e2e2;
  background-color: var(--ag-border-color, #e2e2e2);
  border-radius: 0px;
  border-radius: 2px;
}
.ag-theme-material input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: #e2e2e2;
  background-color: var(--ag-border-color, #e2e2e2);
  border-radius: 0px;
  border-radius: 2px;
  color: transparent;
  width: calc(100% - 2px);
}
.ag-theme-material input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid;
  border-color: #333;
  border-color: var(--ag-checkbox-unchecked-color, #333);
  border-radius: 18px;
  transform: translateY(-7.5px);
}
.ag-theme-material input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid;
  border-color: #333;
  border-color: var(--ag-checkbox-unchecked-color, #333);
  border-radius: 18px;
}
.ag-theme-material input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: #fff;
  background-color: var(--ag-background-color, #fff);
  border: 1px solid;
  border-color: #333;
  border-color: var(--ag-checkbox-unchecked-color, #333);
  border-radius: 18px;
}
.ag-theme-material input[class^=ag-][type=range]:focus {
  outline: none;
}
.ag-theme-material input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  border-color: var(--theme-primary-color);
  border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  border-color: var(--theme-primary-color);
  border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  border-color: var(--theme-primary-color);
  border-color: var(--ag-checkbox-checked-color, var(--ag-material-accent-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--theme-primary-color);
  background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--theme-primary-color);
  background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--theme-primary-color);
  background-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color)));
}
.ag-theme-material input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-status-bar,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-side-button-button,
.ag-theme-material .ag-multi-filter-group-title-bar {
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)));
}
.ag-theme-material .ag-tab {
  height: 36px;
}
.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal {
  background-color: #eee;
  background-color: var(--ag-subheader-background-color, #eee);
}
.ag-theme-material .ag-tabs-body {
  padding: 4px 0;
}
.ag-theme-material .ag-tabs-body .ag-menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
  bottom: 0;
}
.ag-theme-material .ag-cell-inline-editing {
  padding: 8px;
  height: 72px;
  border-color: #e2e2e2 !important;
  border-color: var(--ag-border-color, #e2e2e2) !important;
}
.ag-theme-material .ag-has-focus .ag-cell-inline-editing {
  border-color: var(--theme-primary-color) !important;
  border-color: var(--ag-input-focus-border-color, var(--ag-material-primary-color, var(--theme-primary-color))) !important;
}
.ag-theme-material .ag-side-button-button {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-material .ag-column-drop-vertical {
  border-bottom: solid 1px;
  border-bottom-color: #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
  padding-top: 8px;
}
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-material .ag-column-drop-vertical-cell {
  margin-left: 0;
}
.ag-theme-material .ag-column-drop-vertical-empty-message {
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: 34px;
  padding-right: 8px;
}
.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: 34px;
  padding-left: 8px;
}
.ag-theme-material .ag-status-bar {
  border: solid 1px;
  border-color: #e2e2e2;
  border-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-column-panel-column-select {
  border-top: solid 1px;
  border-top-color: #e2e2e2;
  border-top-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-column-select,
.ag-theme-material .ag-column-select-header {
  border-bottom: solid 1px;
  border-bottom-color: #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material .ag-column-select-header {
  height: 56px;
}
.ag-theme-material .ag-group-title-bar {
  padding: 6px 8px;
}
.ag-theme-material .ag-charts-format-sub-level-group-title-bar {
  padding: 4px 8px;
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
  padding-bottom: 4px;
}
.ag-theme-material .ag-chart-menu-close .ag-icon {
  border: none;
}
.ag-theme-material .ag-group-toolbar {
  background-color: rgba(238, 238, 238, 0.5);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-] {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
  color: var(--ag-foreground-color, rgba(0, 0, 0, 0.87));
  font-family: inherit;
  font-size: inherit;
  height: 40px;
  padding-bottom: 8px;
  border-width: 0;
  border-bottom: 2px solid;
  border-bottom-color: #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material input[class^=ag-]:focus:not([type]),
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
  border-bottom: 2px solid;
  border-bottom-color: var(--theme-primary-color);
  border-bottom-color: var(--ag-material-primary-color, var(--theme-primary-color));
  outline: none;
  box-shadow: none;
}
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-material input[class^=ag-]:disabled:not([type]),
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
  border-bottom: 1px solid;
  border-bottom-color: #e2e2e2;
  border-bottom-color: var(--ag-border-color, #e2e2e2);
}
.ag-theme-material input[class^=ag-]:invalid:not([type]),
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
  border-width: 0;
  border-bottom: 1px solid;
  border-bottom-color: #e02525;
  border-bottom-color: var(--ag-invalid-color, #e02525);
  color: #e02525;
  color: var(--ag-invalid-color, #e02525);
}
.ag-theme-material .ag-standard-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--theme-primary-color);
  color: var(--ag-material-primary-color, var(--theme-primary-color));
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.ag-theme-material .ag-standard-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-material .ag-dnd-ghost {
  font-size: 12px;
  font-weight: 600;
}
.ag-theme-material .ag-filter-toolpanel-header {
  height: 32px;
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
  height: 56px;
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button {
  margin-left: var(--ag-grid-size);
}
.ag-theme-material .ag-rtl .ag-filter-apply-panel-button {
  margin-right: var(--ag-grid-size);
}
.ag-theme-material .ag-layout-auto-height .ag-center-cols-clipper,
.ag-theme-material .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-material .ag-layout-print .ag-center-cols-clipper,
.ag-theme-material .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}
.ag-theme-material .ag-picker-field-wrapper:focus {
  box-shadow: 0 0 0 1px var(--theme-primary-color);
}
.ag-theme-material .ag-center-cols-clipper,
.ag-theme-material .ag-center-cols-container {
  min-height: 350px !important;
}
.ag-theme-material .ag-center-cols-viewport {
  overflow-y: auto;
}
.ag-theme-material .ag-cell {
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ag-theme-material ::ng-deep .ag-theme-material button.ag-side-button-button {
  color: var(--theme-content-text-icon-color) !important;
}
.ag-theme-material .ag-labeled,
.ag-theme-material .ag-side-button-label,
.ag-theme-material .ag-column-select-column-label,
.ag-theme-material .ag-menu-option,
.ag-theme-material .ag-column-drop-title-bar,
.ag-theme-material .ag-icon {
  color: var(--theme-content-text-icon-color);
}
.ag-theme-material .ag-filter-toolpanel-search {
  background-color: var(--theme-content-bg-color_high-contrast-10_opacity-50);
}
.ag-theme-material .ag-tool-panel-wrapper,
.ag-theme-material .ag-side-buttons {
  border-left: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.interprefy-container {
  position: absolute;
  top: -328px;
  width: 220px;
  height: 320px;
  left: -55px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}
.interprefy-container:before {
  content: "";
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent var(--white) transparent transparent;
  position: absolute;
  left: 104px;
  transform: rotate(-90deg);
  bottom: -18px;
}
.interprefy-container.flipped {
  top: 29px;
}
.interprefy-container.flipped:before {
  bottom: auto;
  top: -18px;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent var(--white);
}
.interprefy-container.mobile {
  min-height: 425px;
  max-height: 425px;
  width: 100%;
  padding: 1.5rem;
  position: fixed;
  bottom: 0 !important;
  top: auto !important;
  left: 0;
  z-index: 2147483005;
  background-color: rgba(0, 0, 0, 0.15);
}
.contact-table,
th,
td {
  border: 1px solid var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -webkit-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -moz-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  border-collapse: collapse;
}
.contact-table {
  background-color: var(--theme-content-bg-color);
  table-layout: fixed;
}
.contact-table th,
.contact-table td {
  padding: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
}
.contact-table .qual-head,
.contact-table .qual-cell {
  width: 286px;
  max-width: 286px;
}
.contact-table .action-head,
.contact-table .action-cell {
  width: 40px;
  max-width: 40px;
  overflow: visible;
}
.contact-table .action-head img.cog,
.contact-table .action-head svg.cog,
.contact-table .action-cell img.cog,
.contact-table .action-cell svg.cog {
  cursor: pointer;
}
.contact-table .action-head img.cog:hover,
.contact-table .action-head svg.cog:hover,
.contact-table .action-cell img.cog:hover,
.contact-table .action-cell svg.cog:hover {
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}
.contact-table .contact-table-img {
  min-width: 24px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.ag-cell .action-cell {
  width: auto;
  max-width: none;
  text-align: center;
}
a.tagged {
  color: var(--theme-primary-color);
  cursor: default;
}
.tagged-text {
  position: relative;
  color: var(--theme-content-text-icon-color);
}
.tagged-text[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.tagged-text div[contentEditable=true] {
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
}
.tagged-text div[contentEditable=true].placeholder:empty:before {
  content: attr(data-placeholder);
  color: var(--theme-content-text-icon-color_opacity-50);
}
.tagged-text :focus,
.tagged-text .focus-visible {
  outline: none;
}
.tagged-text .taggables {
  z-index: 1;
  position: absolute;
  top: calc(100% + 7px);
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  left: 3px;
  min-width: 15em;
  max-width: calc(100% - 3px - 14px);
  max-height: 9em;
  overflow-y: auto;
  border-radius: 4px;
}
.tagged-text .taggables .taggable {
  padding: 0.5em 0.75em;
}
.tagged-text .taggables .taggable:hover {
  background-color: var(--theme-content-bg-color_high-contrast-10_opacity-50);
}
.tagged-text .taggables .taggable .highlightText {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .tagged-text .taggables {
    position: absolute;
    bottom: calc(100% + 7px);
    top: auto;
  }
}
.tagged-text .hint {
  position: absolute;
  bottom: 7px;
  right: 1px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: var(--theme-primary-color);
}
.tagged-text .hint:not(:hover) .tooltip {
  display: none;
}
.tagged-text .hint .tooltip {
  position: absolute;
  right: -14px;
  bottom: 24.5px;
  padding: 0.2em 0.75em 0.3em;
  background: var(--theme-content-bg-color_high-contrast-10);
  color: var(--theme-content-text-icon-color);
  white-space: nowrap;
  border-radius: 3px;
}
.tagged-text .hint .tooltip:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15.4px;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: var(--theme-content-bg-color_high-contrast-10);
  border-bottom: 0;
  margin-left: -7px;
  margin-bottom: -7px;
}
.content table td,
.content table th {
  border-bottom: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
:root {
  --cropper-overlay-color: var(--theme-content-bg-color);
}
.side-panel-container {
  --sidebar-padding-horizontal: 24px;
  box-sizing: border-box;
  position: fixed;
  top: var(--offset-top);
  bottom: var(--offset-bottom);
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  z-index: 11;
}
.side-panel-container .transparent-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: var(--black);
  opacity: 0.5;
}
.side-panel-container .side-panel {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  transform: translate(-100%);
  margin-top: 0;
  overflow: hidden;
  z-index: 11;
  background-color: var(--theme-nav-bg-color);
  color: var(--theme-nav-text-icon-color);
  max-width: var(--sidebar-width);
  min-width: var(--sidebar-width);
}
.side-panel-container .side-panel .close-icon {
  --close-icon-height: 24px;
  --real-close-icon-height: 16px;
  height: var(--close-icon-height);
  width: var(--close-icon-height);
  position: absolute;
  top: calc(16px - (var(--close-icon-height) - var(--real-close-icon-height)) / 2);
  right: calc(24px - (var(--close-icon-height) - var(--real-close-icon-height)) / 2);
  cursor: pointer;
  z-index: 12;
}
.side-panel-container .side-panel .title-container {
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 16px var(--sidebar-padding-horizontal);
  border-bottom: 1px solid var(--theme-nav-bg-color_high-contrast-10);
}
.side-panel-container .side-panel .title-container .form-title {
  line-height: 20px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}
.side-panel-container .side-panel .form {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.side-panel-container .side-panel .form .content-container {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden auto;
  position: relative;
}
.side-panel-container .side-panel .form .content-container .form-container {
  height: 100%;
  width: 100%;
  display: flex;
  padding: var(--sidebar-padding-horizontal);
  overflow: hidden auto;
  flex: 1;
}
.side-panel-container .side-panel .form .content-container .form-container > * {
  height: fit-content;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-panel-container .side-panel .form .content-container .form-container .search-filters-form-content {
  padding-bottom: 24px;
}
.side-panel-container .side-panel .form .content-container .empty-content {
  height: 100%;
  flex-direction: column;
  text-align: center;
}
.side-panel-container .side-panel .form .content-container .empty-content .empty-content-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--theme-nav-text-icon-color);
}
.side-panel-container .side-panel .form .content-container .empty-content .empty-content-description {
  font-size: 16px;
  color: var(--theme-nav-text-icon-color_opacity-50);
}
.side-panel-container .side-panel .form .content-container .pills-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px var(--sidebar-padding-horizontal);
  background-color: var(--theme-nav-bg-color);
  border-top: 1px solid var(--theme-nav-bg-color_high-contrast-10);
}
.side-panel-container .side-panel .form .content-container .pills-container .pills-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.side-panel-container .side-panel .form .content-container .pills-container .pills-header .pills-count {
  font-size: 14px;
  color: var(--theme-nav-text-icon-color_opacity-50);
}
.side-panel-container .side-panel .form .content-container .pills-container .pills-header .pills-action {
  font-size: 14px;
  color: var(--theme-primary-color);
  cursor: pointer;
}
.side-panel-container .side-panel .form .content-container .pills-container .pills-header .pills-action:hover {
  opacity: 0.6;
}
.side-panel-container .side-panel .form .content-container .pills-container .pills {
  --pills-rows-shown: 8;
  --pills-height: 31px;
  --pills-gap: 8px;
  max-height: calc(var(--pills-rows-shown) * var(--pills-height) + (var(--pills-rows-shown) - 1) * var(--pills-gap));
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  overflow: auto;
}
.side-panel-container .side-panel .form .buttons-container {
  box-sizing: border-box;
  width: var(--sidebar-width);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  padding: 16px var(--sidebar-padding-horizontal);
  background-color: var(--theme-nav-bg-color);
  border-top: 1px solid var(--theme-nav-bg-color_high-contrast-10);
  z-index: 11;
}
@media (max-width: 768px) {
  .side-panel-container {
    --sidebar-padding-horizontal: 1rem;
  }
  .side-panel-container .side-panel {
    max-width: 100%;
    min-width: 100%;
    top: 10%;
    bottom: 0;
    left: 0;
    transform: translateY(0);
  }
  .side-panel-container .side-panel .form .content-container .form-container {
    padding: 0px;
  }
  .side-panel-container .side-panel .form .content-container .pills-container .pills {
    --pills-rows-shown: 3;
  }
  .side-panel-container .side-panel .form .buttons-container {
    width: 100%;
  }
}
.contact-email-tooltip {
  margin-bottom: -5px;
}
.dark-loader {
  height: 18px;
}
.dark-loader:after {
  border-right-color: var(--theme-main-text-icon-color) !important;
  border-top-color: var(--theme-main-text-icon-color) !important;
  right: 7px !important;
  top: 1px !important;
}
.teams-back {
  border: 0;
  background: transparent;
  padding: 0px;
}
.teams-back:focus,
.teams-back:active {
  border: 0;
  box-shadow: none;
}
.dropdown-select {
  position: absolute;
  right: calc(50% - 53px);
  background: var(--theme-content-bg-color);
  height: 200px;
  width: 300px;
  top: 66px;
  z-index: 2;
  border-radius: 5px;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -webkit-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  -moz-box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
  box-shadow: 0px 4px 8px 0px var(--theme-content-bg-color_high-contrast-10_opacity-50);
}
.dropdown-select:before {
  content: "";
  border-style: solid;
  border-width: 15px 20px 15px 0;
  border-color: transparent var(--theme-content-bg-color_high-contrast-10_opacity-50) transparent transparent;
  position: absolute;
  right: 43px;
  transform: rotate(90deg);
  top: -25px;
  z-index: -1;
}
.dropdown-select.hovered:before {
  border-color: transparent var(--theme-content-bg-color_high-contrast-20) transparent transparent;
}
.dropdown-select.auto-height {
  height: auto;
}
.dropdown-select.short-menu {
  height: 50px;
}
.dropdown-select.medium-menu {
  height: 100px;
}
.dropdown-select.cog-dropdown {
  top: 36px;
}
.dropdown-select .member-menu-item {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  font-size: 11px;
  cursor: pointer;
  height: 50px;
}
.dropdown-select .member-menu-item.profile-card {
  background-color: var(--theme-content-bg-color_high-contrast-10);
}
.dropdown-select .member-menu-item.profile-card.hovered {
  background-color: var(--theme-content-bg-color_high-contrast-20);
}
.dropdown-select .member-menu-item:not(:first-child) {
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.dropdown-select .member-menu-item:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.dropdown-select .member-menu-item:hover * {
  color: var(--theme-primary-text-icon-color);
}
.dropdown-select .member-menu-item .member-menu-info {
  min-height: 36px;
  line-height: 18px;
  width: 260px;
  display: flex;
  align-items: center;
}
.dropdown-select .member-menu-item .button {
  width: 100%;
  margin: 0;
  justify-content: flex-start;
  gap: calc(var(--margin) * 0.5);
}
.teams-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  width: 100%;
}
.teams-section-header h2.title {
  margin-bottom: 0;
}
.day-arrow-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--margin);
}
.warning-banner {
  height: auto;
  line-height: 40px;
  border-radius: 5px;
  padding: 0;
  background: var(--theme-content-bg-color_high-contrast-10);
  margin-bottom: 1.5rem;
}
.team-invite-modal .invite-form-headings div.column {
  display: flex;
  align-items: center;
}
.team-invite-modal .invite-form-mob {
  display: none;
}
.team-invite-modal .team-invite-select select {
  height: 30px;
  width: 100%;
  margin-top: 17px;
}
.team-invite-modal .remove-member-column {
  max-width: 50px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.team-invite-modal .remove-member-column img {
  margin-top: 14px;
}
.team-invite-modal .invite-tooltip {
  transform: translateY(5px);
  margin-top: -8px;
}
.edit-company-button {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid var(--theme-content-bg-color_high-contrast-10);
}
.teams-interest-tag {
  background-color: transparent;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-radius: 3px;
  color: var(--theme-content-text-icon-color);
  height: auto;
  white-space: normal;
  padding-top: 3px;
  padding-bottom: 3px;
}
.teams-interest-tag.dark-q-tag {
  background: var(--theme-content-bg-color_high-contrast-10);
}
.teams-interest-tooltip {
  transform: translateY(4px);
}
.create-meeting-autocomplete input {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  height: 32px;
  border-radius: 4px;
}
.create-meeting-autocomplete input.thing-selected {
  font-weight: 600;
  text-decoration: underline;
}
.create-meeting-autocomplete ul {
  background-color: var(--theme-content-bg-color);
  margin: 0;
  position: absolute;
  width: 100%;
  list-style: none;
  z-index: 1000;
}
.create-meeting-autocomplete ul li {
  height: 40px;
  border: 1px solid var(--theme-content-bg-color_high-contrast-10);
  border-top: 0;
  padding-left: 9px;
  line-height: 36px;
  background: var(--theme-content-bg-color);
  color: var(--theme-content-text-icon-color);
  margin-top: 0;
  cursor: pointer;
}
.create-meeting-autocomplete ul li:hover {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color_opacity-75),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.create-meeting-autocomplete ul li:hover * {
  color: var(--theme-primary-text-icon-color);
}
.create-meeting-autocomplete ul li.selected {
  background:
    linear-gradient(
      to right,
      var(--theme-primary-color),
      transparent 300%);
  color: var(--theme-primary-text-icon-color);
  border-radius: 4px;
}
.create-meeting-autocomplete ul li.selected * {
  color: var(--theme-primary-text-icon-color);
}
.invoice-row {
  display: flex;
  justify-content: space-between;
}
.team-item-list {
  height: 325px;
}
@media screen and (max-width: 768px) {
  .invite-form-headings,
  .invite-form-desktop {
    display: none;
  }
  .invite-form-mob {
    display: block !important;
  }
  .edit-member-form {
    flex-direction: column;
  }
  .edit-member-form .media-left {
    margin: 0 auto 1rem;
  }
  .edit-member-form .media-content {
    width: 100%;
  }
  .availability-modal .modal-card-body {
    max-height: 100vh;
  }
}
.blurred .blur-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.blurred .blur-overlay button.delete {
  position: absolute;
  top: 12px;
  right: 12px;
}
.blurred .blur-overlay p.text {
  padding: 0 4rem 1rem;
  font-weight: 600;
  max-width: 100%;
}
.blurred .card {
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.blurred .card.ie-blur {
  min-height: 200px;
}
.blurred table {
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
@media screen and (min-height: 700px) {
  .team-invite-modal,
  .availability-modal {
    min-height: auto;
    max-height: calc(100vh - 156px);
  }
}
.home-feed {
  padding-bottom: 40px;
}
.home-feed img.banner {
  width: 100%;
}
.home-feed .block-list.overlap > .title:first-child,
.home-feed .block-list > .title:not(:first-child) {
  margin-top: calc(var(--margin) * 2);
}
.home-feed .block-list.overlap {
  margin-top: -16px;
}
.home-feed .block-list .block-icon {
  max-height: 30px;
  border-radius: 3px;
}
.home-feed .block-list .block-icon img,
.home-feed .block-list .block-icon svg {
  width: 100%;
  height: 100%;
}
.home-feed .block-list .block-arrow {
  margin-right: 2px;
}
.home-feed .block-list .block-title {
  font-size: 16px;
}
.home-feed .block-list .home-feed-image {
  max-height: 42px;
  max-width: 42px;
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.home-feed .block-list .feed-action a {
  display: flex;
  border-radius: 5px;
  padding: 0.5rem 1rem;
  margin-right: 8px;
  align-items: center;
}
.home-feed .block-list .icon svg {
  width: 100%;
  height: 100%;
}
.login-container {
  background: var(--theme-main-bg-color);
}
.login-container > * {
  background: var(--theme-main-bg-color);
}
.login-container .text:not(.error-text) {
  color: var(--theme-main-text-icon-color);
}
.login-container .text:not(.error-text).helper {
  color: var(--theme-main-text-icon-color);
}
.login-container .control:not(:last-child) {
  padding-bottom: 2px;
}
.login-container button,
.login-container a.button {
  word-break: break-word;
  white-space: normal;
  border-radius: 8px;
  padding: 14px 24px;
  border-width: 2px;
  letter-spacing: 0.25px;
  line-height: 18px;
}
.login-container button.is-medium,
.login-container button.facebook,
.login-container button.linkedin,
.login-container a.button.is-medium,
.login-container a.button.facebook,
.login-container a.button.linkedin {
  font-size: 15px;
  font-weight: 700;
}
.login-container button.is-outline,
.login-container a.button.is-outline {
  border-width: 2px;
}
.login-container .policies-and-terms .first-line {
  color: var(--theme-main-text-icon-color);
}
.login-right {
  height: 100%;
  background: var(--theme-main-bg-color);
}
.login-right.login-right-image {
  width: auto;
}
.login-right.login-right-no-image {
  min-width: 50vw;
}
.date-divider {
  font-size: 20px;
}
.header-timezone {
  align-items: baseline;
}
.session-links {
  display: flex;
  flex-direction: column;
}
.session-links .button-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.session-card-tag {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.25px;
  border-radius: 28px;
  height: unset;
  padding: 6px 12px;
}
.session-card-tag svg {
  display: block;
  height: 1em;
}
.session-card-tag.is-red {
  background-color: var(--red-accent);
  color: var(--white);
}
.session-avail-box {
  border: 1px solid var(--theme-primary-color);
  border-radius: 4px;
  height: 20px;
  width: 18px;
  font-size: 9px;
  line-height: 20px;
  text-align: center;
}
:root {
  --theme-primary-color: #4b1fcf;
  --theme-primary-color_high-contrast-20: #8b6be9;
  --theme-primary-color_low-contrast-10: #3b18a3;
  --theme-primary-color_opacity-30: #4b1fcf4d;
  --theme-primary-color_opacity-75: #4b1fcfbf;
  --theme-primary-text-icon-color: #ffffff;
  --theme-nav-bg-color: #ffffff;
  --theme-nav-bg-color_high-contrast-10: #e6e6e6;
  --theme-nav-bg-color_high-contrast-20: #cccccc;
  --theme-nav-text-icon-color: #3f3f3f;
  --theme-nav-text-icon-color_opacity-50: #3f3f3f80;
  --theme-content-bg-color: #ffffff;
  --theme-content-bg-color_high-contrast-10: #e6e6e6;
  --theme-content-bg-color_high-contrast-10_opacity-50: #e6e6e680;
  --theme-content-bg-color_high-contrast-20: #cccccc;
  --theme-content-text-icon-color: #3f3f3f;
  --theme-content-text-icon-color_opacity-50: #3f3f3f80;
  --theme-main-bg-color: #f9f9f9;
  --theme-main-bg-color_high-contrast-10: #dfdfdf;
  --theme-main-text-icon-color: #3f3f3f;
  --white: #ffffff;
  --grey-light: #c0c0c0;
  --grey-100: #282D30;
  --grey-80: #535759;
  --grey-60: #7E8183;
  --grey-40: #A9ABAC;
  --grey-30: #BEC0C0;
  --grey-20: #D4D5D6;
  --grey-10: #E9EAEA;
  --grey-5: #F4F4F4;
  --green-accent: #00CC66;
  --green-dark: #007b35;
  --green-light: #a7ffcd;
  --black: #000000;
  --orange-accent: #ffa500;
  --orange-dark: #c96d00;
  --orange-light: #ffe3c2;
  --red-accent: #ff0049;
  --red-dark: #8f0000;
  --red-light: #ffd0d0;
  --blue-dark: #013f9c;
  --blue-light: #9bcfff;
  --gold: #ffd700;
  --success-dark: #007E33;
  --success-light: #00C851;
  --success-v1: #eef8ee;
  --warning-dark: #FF8800;
  --warning-light: #FFBB33;
  --warning-v1: #FFF3E5;
  --danger-v2: #B33030;
  --danger-dark: #CC0000;
  --danger-light: #FF4444;
  --danger-v1: #FF6666;
  --danger-v3: #FFECEC;
  --info-dark: #0099CC;
  --info-light: #33B5E5;
  --info-v1: #eaf7fc;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: var(--theme-content-bg-color_high-contrast-10) !important;
}
.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: var(--theme-content-text-icon-color) !important;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-option-selected-state-label-text-color: #000000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #000000;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #000000;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}
html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #000000;
  --mat-progress-bar-track-color: rgba(0, 0, 0, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-supporting-text-line-height: 16px;
}
html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}
html {
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
}
html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-filled-caret-color: #000000;
  --mat-form-field-filled-focus-active-indicator-color: #000000;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-outlined-caret-color: #000000;
  --mat-form-field-outlined-focus-outline-color: #000000;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #000000 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #000000;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mat-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mat-dialog-container-color: white;
  --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-standard-chip {
  --mat-chip-container-shape-radius: 16px;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-disabled-outline-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-focus-outline-color: transparent;
  --mat-chip-hover-state-layer-opacity: 0.04;
  --mat-chip-outline-color: transparent;
  --mat-chip-outline-width: 0;
  --mat-chip-selected-hover-state-layer-opacity: 0.04;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-with-avatar-avatar-shape-radius: 14px;
  --mat-chip-with-avatar-avatar-size: 28px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 1;
  --mat-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-elevated-container-color: #000000;
  --mat-chip-elevated-disabled-container-color: #000000;
  --mat-chip-elevated-selected-container-color: #000000;
  --mat-chip-flat-disabled-selected-container-color: #000000;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 32px;
}
html {
  --mat-slide-toggle-disabled-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
  --mat-slide-toggle-handle-height: 20px;
  --mat-slide-toggle-handle-shape: 10px;
  --mat-slide-toggle-handle-width: 20px;
  --mat-slide-toggle-hidden-track-opacity: 1;
  --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-slide-toggle-pressed-handle-size: 20px;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-handle-size: 20px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
  --mat-slide-toggle-selected-icon-size: 18px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 1px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-track-height: 14px;
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-track-outline-width: 1px;
  --mat-slide-toggle-track-shape: 7px;
  --mat-slide-toggle-track-width: 36px;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-handle-size: 20px;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-icon-size: 18px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-slide-toggle-with-icon-handle-size: 20px;
}
html {
  --mat-slide-toggle-selected-focus-state-layer-color: #000000;
  --mat-slide-toggle-selected-handle-color: #000000;
  --mat-slide-toggle-selected-hover-state-layer-color: #000000;
  --mat-slide-toggle-selected-pressed-state-layer-color: #000000;
  --mat-slide-toggle-selected-focus-handle-color: #000000;
  --mat-slide-toggle-selected-hover-handle-color: #000000;
  --mat-slide-toggle-selected-pressed-handle-color: #000000;
  --mat-slide-toggle-selected-focus-track-color: #000000;
  --mat-slide-toggle-selected-hover-track-color: #000000;
  --mat-slide-toggle-selected-pressed-track-color: #000000;
  --mat-slide-toggle-selected-track-color: #000000;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}
html {
  --mat-slide-toggle-state-layer-size: 40px;
}
html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
}
html {
  --mat-slider-active-track-color: #000000;
  --mat-slider-focus-handle-color: #000000;
  --mat-slider-handle-color: #000000;
  --mat-slider-hover-handle-color: #000000;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-slider-inactive-track-color: #000000;
  --mat-slider-ripple-color: #000000;
  --mat-slider-with-tick-marks-inactive-container-color: #000000;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}
.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-hover-state-layer-opacity: 0.04;
  --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
  --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #000000;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #000000;
  --mat-radio-selected-hover-icon-color: #000000;
  --mat-radio-selected-icon-color: #000000;
  --mat-radio-selected-pressed-icon-color: #000000;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #000000;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #000000;
  --mat-tab-active-ripple-color: #000000;
  --mat-tab-inactive-ripple-color: #000000;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #000000;
  --mat-tab-active-hover-label-text-color: #000000;
  --mat-tab-active-focus-indicator-color: #000000;
  --mat-tab-active-hover-indicator-color: #000000;
  --mat-tab-active-indicator-color: #000000;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #000000;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
  --mat-tab-container-height: 48px;
}
html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
}
html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-focus-icon-color: #000000;
  --mat-checkbox-selected-hover-icon-color: #000000;
  --mat-checkbox-selected-icon-color: #000000;
  --mat-checkbox-selected-pressed-icon-color: #000000;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #000000;
  --mat-checkbox-selected-hover-state-layer-color: #000000;
  --mat-checkbox-selected-pressed-state-layer-color: #000000;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
}
html {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-protected-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
}
html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #000000;
  --mat-button-filled-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-outlined-label-text-color: #000000;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-outlined-state-layer-color: #000000;
  --mat-button-protected-container-color: #000000;
  --mat-button-protected-ripple-color: color-mix(in srgb, 12%, transparent);
  --mat-button-text-label-text-color: #000000;
  --mat-button-text-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-button-text-state-layer-color: #000000;
  --mat-button-tonal-container-color: #000000;
  --mat-button-tonal-ripple-color: color-mix(in srgb, 12%, transparent);
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
html {
  --mat-button-filled-container-height: 36px;
  --mat-button-filled-touch-target-display: block;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-protected-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
}
html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
}
html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #000000;
  --mat-icon-button-state-layer-color: #000000;
  --mat-icon-button-ripple-color: color-mix(in srgb, #000000 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  --mat-icon-button-state-layer-size: 48px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-container-shape: 50%;
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #000000;
  --mat-fab-ripple-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-fab-small-container-color: #000000;
  --mat-fab-small-ripple-color: color-mix(in srgb, 12%, transparent);
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
html {
  --mat-fab-small-touch-target-display: block;
  --mat-fab-touch-target-display: block;
}
html {
  --mat-snack-bar-container-shape: 4px;
}
html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #000000;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}
html {
  --mat-progress-spinner-active-indicator-color: #000000;
}
.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}
.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #000000;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}
html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #000000 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-background-color: #000000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #000000 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #000000 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #000000 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #000000;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #000000;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}
html {
  --mat-stepper-header-selected-state-icon-background-color: #000000;
  --mat-stepper-header-done-state-icon-background-color: #000000;
  --mat-stepper-header-edit-state-icon-background-color: #000000;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-toolbar-container-background-color: white;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #000000;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-LO7M6BGD.css.map */