@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: PhantomSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  color: #1a0d3f;
  text-align: left;
  background-color: #fffcfb;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #6c00db;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #1a0d3f;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h2 small,
h3 small {
  font-size: 65%;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h5 small,
h6 small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 36px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 14px;
}

h6, .h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

.initialism {
  composes: uppercase from global;
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #d1cfd9;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #d1cfd9;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #d1cfd9;
}

.table .table {
  background-color: #fffcfb;
}

.table-sm th,
.table-sm td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #d1cfd9;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #d1cfd9;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f5f5f5;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    border: 1px solid #d1cfd9;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #c50812;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #94060e;
}

/*!
 * Bootstrap v4.6.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 600;
  box-shadow: none;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .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,
.col-sm-auto, .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,
.col-md-auto, .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,
.col-lg-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.875rem + 2px);
  padding: 0.4375rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1a0d3f;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #a49fb2;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #1a0d3f;
  background-color: #fff;
  border-color: #6c00db;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(108, 0, 219, 0.25);
}

.form-control::-moz-placeholder {
  color: #a49fb2;
  opacity: 1;
}

.form-control::placeholder {
  color: #a49fb2;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #f8f8f9;
  opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #1a0d3f;
}

select.form-control:focus::-ms-value {
  color: #1a0d3f;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.4375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #1a0d3f;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.form-text {
  display: block;
  margin-top: 0.5rem;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #28a745;
}

.was-validated :valid ~ .valid-feedback,
.is-valid ~ .valid-feedback {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-feedback {
  display: block;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #c50812;
}

.was-validated :invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-feedback {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #c50812;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #c50812;
  box-shadow: 0 0 0 0.2rem rgba(197, 8, 18, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #c50812;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-feedback {
  display: block;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #1a0d3f;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0.25rem;
  transition: none;
}

.btn:hover {
  color: #1a0d3f;
  text-decoration: none;
}

.btn.disabled, .btn:disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-link {
  font-weight: 400;
  color: #6c00db;
  text-decoration: none;
}

.btn-link:hover {
  color: #1a0d3f;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.5rem 0 0;
  font-size: 1rem;
  color: #1a0d3f;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.5rem;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.5rem;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.25rem;
  clear: both;
  font-weight: 400;
  color: #1a0d3f;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #1a0d3f;
  text-decoration: none;
  background-color: #e7e7eb;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #1babf2;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.25rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.25rem;
  color: #1a0d3f;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group.show .dropdown-toggle {
  box-shadow: none;
}

.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .form-control {
  margin-left: -1px;
}

.input-group > .form-control:focus {
  z-index: 3;
}

.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.4375rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1a0d3f;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #a49fb2;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50% / 100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.4375rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #1a0d3f;
  background-color: #fff;
  border: 1px solid #5e5777;
}

.page-link:hover {
  z-index: 2;
  color: #5e5777;
  text-decoration: none;
  background-color: #fff;
  border-color: #5e5777;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6c00db;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #6c00db;
  border-color: #6c00db;
}

.page-item.disabled .page-link {
  color: #5e5777;
  pointer-events: none;
  cursor: auto;
  background-color: #e7e7eb;
  border-color: #e7e7eb;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: none;
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
  box-shadow: none;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #1a0d3f;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #1a0d3f;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #1a0d3f;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #6c00db;
  border-color: #6c00db;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #e5e5e5;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content;
  }
  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 900px;
  }
}

.modal-xl {
  max-width: 1140px;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: PhantomSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 350px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: PhantomSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2);
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.15);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.15);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.15);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 14px;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #1a0d3f;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50% / 100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #d1cfd9;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #d1cfd9;
  }
}

/*!
 *  Font Awesome 4.6.2 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-search:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-pencil-square-o:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-desc:before {
  content: "";
}

.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-usd:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

svg[overflow='visible'] {
  overflow: visible;
}

.o-svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.o-svg-icon--fa-lg {
  width: 1.33333333em;
  height: 1.33333333em;
}

.o-holy-grail {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.o-holy-grail__body {
  flex: 1 0 auto;
}

@keyframes highlight-fade {
  0% {
    background-color: #ffd280;
  }
}

.highlight {
  animation: highlight-fade 3s ease-in 1;
}

:focus + .sr-focus-label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .sr-focus-label,
[data-whatintent="touch"] :focus + .sr-focus-label {
  outline: 0;
}

.pagination {
  margin-bottom: 0;
}

.c-ga-indicator {
  border-radius: 50%;
}

.c-ga-indicator .o-svg-icon-checkmark {
  border-radius: 50%;
}

.c-ga-indicator--completed .o-svg-icon-checkmark,
.c-ga-indicator--also_completed .o-svg-icon-checkmark {
  background-color: #58d498;
  color: white;
}

.c-ga-indicator--unspecified .o-svg-icon-bt-times,
.c-ga-indicator--not_completed .o-svg-icon-bt-times {
  color: #868fa2;
}

.c-ga-indicator--unspecified .o-svg-icon-checkmark,
.c-ga-indicator--not_completed .o-svg-icon-checkmark {
  border: 1px solid #868fa2;
  color: #868fa2;
}

.c-ga-indicator--unspecified .o-svg-icon-checkmark:hover,
.c-ga-indicator--not_completed .o-svg-icon-checkmark:hover {
  border-color: #58d498;
  color: #58d498;
}

.c-ga-indicator__icon.o-svg-icon-bt-times {
  margin: 7px;
  width: 12px;
  height: 12px;
  stroke-width: 2;
}

.c-ga-indicator__icon.o-svg-icon-checkmark {
  margin: 2px;
  width: 22px;
  height: 22px;
}

.c-ga-indicator__icon.o-svg-icon-cross-filled {
  margin: 2px;
  width: 22px;
  height: 22px;
}

.c-ga-indicator--small .c-ga-indicator__icon.o-svg-icon-bt-times {
  margin: 5px;
  width: 9px;
  height: 9px;
  stroke-width: 2;
}

.c-ga-indicator--small .c-ga-indicator__icon.o-svg-icon-checkmark {
  margin: 1.25px;
  width: 16.5px;
  height: 16.5px;
}

.c-ga-indicator--small .c-ga-indicator__icon.o-svg-icon-cross-filled {
  margin: 1.25px;
  width: 16.5px;
  height: 16.5px;
}

.notif-content .c-ga-indicator:hover {
  cursor: default;
}

.notif-content .c-ga-indicator .o-svg-icon-checkmark {
  border: 1px solid #868fa2;
}

.notif-content .c-ga-indicator .o-svg-icon-checkmark:hover {
  border-color: #868fa2;
  color: #868fa2;
}

.avatar {
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  flex-shrink: 0;
}

.avatar img {
  border-radius: 50%;
}

.embeddedServiceSidebar .avatar {
  display: block;
}

.avatar-text {
  vertical-align: middle;
  margin-left: 10px;
}

.avatar-combination .fake-avatar {
  background-color: #f0e9fb;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 13.5px;
  font-weight: bold;
  color: #4c0099;
}

.avatar-combination.avatar-combination--stacked .avatar,
.avatar-combination.avatar-combination--stacked .fake-avatar {
  box-sizing: content-box;
  border: 2px solid white;
}

.avatar-combination.avatar-combination--stacked .avatar + .avatar,
.avatar-combination.avatar-combination--stacked .avatar + .fake-avatar,
.avatar-combination.avatar-combination--stacked .fake-avatar + .avatar,
.avatar-combination.avatar-combination--stacked .fake-avatar + .fake-avatar {
  margin-left: -12px;
}

.avatar-combination.avatar-combination--stacked .avatar:nth-child(even),
.avatar-combination.avatar-combination--stacked .fake-avatar:nth-child(even) {
  position: relative;
  z-index: 2;
}

.avatar-combination.avatar-combination--stacked-non-alternating .avatar:nth-child(even),
.avatar-combination.avatar-combination--stacked-non-alternating .fake-avatar:nth-child(even) {
  position: static;
  z-index: auto;
}

.avatar-combination.avatar-combination--staked-vertically .avatar + .avatar,
.avatar-combination.avatar-combination--staked-vertically .avatar + .fake-avatar,
.avatar-combination.avatar-combination--staked-vertically .fake-avatar + .avatar,
.avatar-combination.avatar-combination--staked-vertically .fake-avatar + .fake-avatar {
  display: block;
  margin-left: 0;
  margin-top: -12px;
}

.avatar-combination.avatar-combination--spaced .avatar + .avatar,
.avatar-combination.avatar-combination--spaced .avatar + .fake-avatar,
.avatar-combination.avatar-combination--spaced .fake-avatar + .avatar,
.avatar-combination.avatar-combination--spaced .fake-avatar + .fake-avatar {
  margin-left: 8px;
}

.o-edit-avatar {
  overflow: hidden;
  position: relative;
}

.o-edit-avatar__link {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  padding: 5px 5px 10px;
  text-align: center;
  display: none;
}

.o-edit-avatar:hover .o-edit-avatar__link {
  display: block;
}

.c-nav-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.c-nav-tabs .nav-item + .nav-item {
  margin-left: 8px;
}

.c-nav-tabs .nav-link {
  padding: 6px 12px;
  color: #5e5777;
  font-size: 0.875rem;
  border-radius: 0.5rem;
}

@media (min-width: 768px) {
  .c-nav-tabs .nav-link {
    padding: 8px 20px;
    font-size: 1rem;
    font-weight: 600;
  }
}

.c-nav-tabs .nav-link:hover, .c-nav-tabs .nav-link:focus {
  color: #1a0d3f;
}

.c-nav-tabs .nav-link.active, .c-nav-tabs .nav-link.active:hover, .c-nav-tabs .nav-link.active:focus {
  color: #1a0d3f;
  background-color: #f8f4fd;
  cursor: default;
}

@media print {
  .c-nav-tabs .nav-link {
    padding: 0;
    border: 0;
  }
  .c-nav-tabs .nav-link:not(.active) {
    display: none;
  }
}

.c-nav-dropdown__toggle {
  width: 100%;
  padding-left: 20px;
  padding-right: 40px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  background-color: #fff;
  border: 1px solid #d1cfd9;
  height: 44px;
  line-height: 20px;
  padding-top: 11px;
  padding-bottom: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.c-nav-dropdown__toggle:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -0.15em;
  border: 0.3em solid transparent;
  border-top-color: #a49fb2;
  border-bottom-width: 0;
}

.show + .c-nav-dropdown__toggle {
  background-color: #fbfbfa;
}

.show + .c-nav-dropdown__toggle:after {
  border-top: 0;
  border-bottom-width: 0.3em;
  border-bottom-color: #a49fb2;
}

.show[x-placement^="top"] + .c-nav-dropdown__toggle {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.c-nav-dropdown__menu {
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 5px;
  font-size: 18px;
  border-color: #f4f4f4;
  box-shadow: 0 2px 2px -1px rgba(229, 229, 229, 0.5);
  max-height: 260px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.c-nav-dropdown__menu[x-placement^="top"] {
  margin-bottom: -1px;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.c-nav-dropdown__menu[x-placement^="bottom"] {
  margin-top: -1px;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.c-nav-dropdown__menu .dropdown-item {
  padding: 10px 20px;
  background-color: #fff;
  color: #6c00db;
  line-height: 21px;
}

.c-nav-dropdown__menu .dropdown-item:hover, .c-nav-dropdown__menu .dropdown-item:focus {
  background-color: #6c00db;
  color: #fff;
}

.c-nav-dropdown__menu .dropdown-item.active {
  display: none;
}

.c-nav-dropdown__menu .dropdown-item.disabled {
  color: #adb5bd;
  background-color: transparent;
}

/*********************************
All styles below here should
be for the dream medium navigation
*********************************/
.c-skip-link {
  z-index: 1031;
}

.c-sidebar-nav {
  background-color: #fff;
  box-shadow: 0 0 19.2px 0 rgba(0, 0, 0, 0.08);
  transition: width 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 0;
}

@media (min-width: 768px) {
  .c-sidebar-nav {
    visibility: visible;
    width: 64px;
  }
}

@media (max-width: 767px) {
  .c-sidebar-nav {
    overflow: hidden;
  }
  .c-sidebar-nav.mobile-show {
    visibility: visible;
    width: 224px;
  }
}

.c-sidebar-nav svg {
  flex-shrink: 0;
}

.c-sidebar-nav .nav-item {
  overflow: hidden;
  white-space: nowrap;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .c-sidebar-nav .nav-item {
    width: 100%;
  }
}

.c-sidebar-nav .nav-item.active > .c-side-nav__nav-link,
.c-sidebar-nav .nav-item.active > .c-side-nav__sub-nav-link,
.c-sidebar-nav .nav-item.active > .c-side-nav__menu-toggle {
  background-color: #f4f3f5;
}

.c-sidebar-nav .nav-item .c-side-nav__nav-link,
.c-sidebar-nav .nav-item .c-side-nav__menu-toggle,
.c-sidebar-nav .nav-item .c-side-nav__nav-toggle {
  width: 28px;
  overflow: hidden;
}

.c-sidebar-nav .nav-item--expanded {
  display: block;
}

@media (min-width: 768px) {
  .c-sidebar-nav .nav-item--expanded {
    display: none;
  }
  .side-nav--expanded .c-sidebar-nav .nav-item--expanded {
    display: block;
  }
}

.c-sidebar-nav .nav-item--collapsed {
  display: none;
}

@media (min-width: 768px) {
  .c-sidebar-nav .nav-item--collapsed {
    display: block;
  }
  .side-nav--expanded .c-sidebar-nav .nav-item--collapsed {
    display: none;
  }
}

.c-sidebar-nav .c-side-nav__nav-link, .c-sidebar-nav .c-side-nav__sub-nav-link, .c-sidebar-nav .c-side-nav__menu-toggle, .c-sidebar-nav .c-side-nav__nav-toggle {
  align-items: center;
  border-radius: 0.25rem;
  color: #483e64;
  display: flex;
  height: 32px;
  margin: 0 10px;
  text-decoration: none;
}

[data-whatintent="keyboard"] .c-sidebar-nav .c-side-nav__nav-link, [data-whatintent="keyboard"] .c-sidebar-nav .c-side-nav__sub-nav-link, [data-whatintent="keyboard"] .c-sidebar-nav .c-side-nav__menu-toggle, [data-whatintent="keyboard"] .c-sidebar-nav .c-side-nav__nav-toggle {
  outline: 0;
}

.c-sidebar-nav .c-side-nav__nav-link svg, .c-sidebar-nav .c-side-nav__sub-nav-link svg, .c-sidebar-nav .c-side-nav__menu-toggle svg, .c-sidebar-nav .c-side-nav__nav-toggle svg {
  margin: 0 6px;
}

.c-sidebar-nav .c-side-nav__scroll-container {
  scrollbar-width: thin;
  scrollbar-color: #f8f8f9 #e7e7eb;
}

.c-sidebar-nav .c-side-nav__scroll-container::-webkit-scrollbar {
  width: 6px;
}

.c-sidebar-nav .c-side-nav__scroll-container::-webkit-scrollbar-track {
  background-color: #e7e7eb;
  border-radius: 1rem;
}

.c-sidebar-nav .c-side-nav__scroll-container::-webkit-scrollbar-thumb {
  background-color: #f8f8f9;
  border-radius: 1rem;
}

.c-sidebar-nav .c-side-nav__sub-nav-link {
  padding-left: 30px;
}

.c-sidebar-nav .c-side-nav__menu-toggle {
  width: 100%;
}

.c-sidebar-nav .c-side-nav__menu-toggle[aria-expanded='true'] .fa:before {
  content: "";
}

.c-sidebar-nav .c-side-nav__menu-toggle .fa {
  font-size: 0.5rem;
}

.c-sidebar-nav .c-side-nav__menu-toggle .fa:before {
  content: "";
}

.c-sidebar-nav .c-side-nav__menu-toggle .c-side-nav__menu-toggle-label {
  flex-grow: 1;
  text-align: left;
}

.c-sidebar-nav .c-side-nav__menu-toggle .c-side-nav__menu-toggle-label + i {
  margin-right: 8px;
}

.c-sidebar-nav .c-side-nav__nav-toggle {
  color: #483e64;
}

[data-whatintent="keyboard"] .c-sidebar-nav .c-side-nav__nav-toggle:focus {
  background-color: #f4f3f5;
}

.c-sidebar-nav .c-side-nav__nav-toggle:hover {
  background-color: #f4f3f5;
}

.c-sidebar-nav .c-side-nav__nav-toggle svg {
  transition: transform 0.3s;
  transform: rotate(180deg);
}

.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-toggle svg {
  transform: rotate(0);
}

.c-sidebar-nav .c-side-nav__dropdown_menu {
  background-color: #fff;
  border: none;
  border-radius: 0.25rem;
  padding: 0 8px 8px 8px;
  min-width: 180px;
}

.c-sidebar-nav .c-side-nav__dropdown_menu .c-side-nav__sub-nav-link {
  padding: 8px;
}

.c-sidebar-nav .c-side-nav__nav-link:hover, .c-sidebar-nav .c-side-nav__nav-link:focus,
.c-sidebar-nav .c-side-nav__sub-nav-link:hover,
.c-sidebar-nav .c-side-nav__sub-nav-link:focus,
.c-sidebar-nav .c-side-nav__menu-toggle:hover,
.c-sidebar-nav .c-side-nav__menu-toggle:focus {
  background-color: #f4f3f5;
}

.c-sidebar-nav .c-side-nav__freemium {
  color: #f4ae2a;
  font-size: 14px;
  position: absolute;
  right: 6px;
  top: 8px;
}

.c-sidebar-nav .c-side-nav__logo {
  flex-shrink: 0;
  height: 40px;
  width: 40px;
  margin-left: 4px;
  transition: margin-left 0.3s;
}

.c-app-viewport {
  margin-top: 48px;
  transition: margin-left 0.3s;
}

@media screen and (min-width: 768px) {
  .c-app-viewport {
    margin-left: 64px;
    margin-top: 64px;
  }
  .c-topbar-banner {
    padding-left: 56px;
  }
}

@media (min-width: 768px) {
  .side-nav--expanded .c-sidebar-nav {
    width: 224px;
  }
}

@media screen and (min-width: 768px) {
  .side-nav--expanded .c-app-viewport {
    margin-left: 224px;
  }
  .side-nav--expanded .c-topbar-banner {
    padding-left: 216px;
  }
}

.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-link,
.side-nav--expanded .c-sidebar-nav .c-side-nav__menu-toggle,
.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-toggle,
.side-nav--expanded .c-sidebar-nav .c-side-nav__sub-nav-link {
  width: 192px;
}

.side-nav--expanded .c-sidebar-nav .c-side-nav__menu-toggle svg,
.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-link svg,
.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-toggle svg {
  margin-right: 8px;
}

.side-nav--expanded .c-sidebar-nav .c-side-nav__menu-toggle,
.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-link,
.side-nav--expanded .c-sidebar-nav .c-side-nav__nav-toggle,
.side-nav--expanded .c-sidebar-nav .c-side-nav__sub-nav-link {
  margin: 0 8px;
}

.side-nav--expanded .c-sidebar-nav .c-side-nav__logo {
  margin-left: 14px;
}

.c-topbar {
  background-color: inherit;
  padding: 8px;
}

@media (min-width: 768px) {
  .c-topbar {
    padding-right: 24px;
  }
}

.c-topbar .c-notif-bell {
  border-radius: 0.5rem;
}

.c-topbar .c-notif-bell:hover, .c-topbar .c-notif-bell:focus {
  background-color: #e7e7eb;
}

.c-topbar .c-notif-bell:hover .notif-badge, .c-topbar .c-notif-bell:focus .notif-badge {
  box-shadow: 0 0 0 3px #e7e7eb;
}

.c-topbar .c-resource-hub-icon {
  border-radius: 0.5rem;
}

.c-topbar .c-resource-hub-icon:hover, .c-topbar .c-resource-hub-icon:focus {
  background-color: #e7e7eb;
}

.c-topbar .c-settings-gear {
  border-radius: 0.5rem;
}

.c-topbar .c-settings-gear:hover, .c-topbar .c-settings-gear:focus {
  background-color: #e7e7eb;
}

.c-topbar .dropdown-menu:before {
  left: 78%;
}

.c-topbar .nav-link {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 32px;
  width: 32px;
}

.c-topbar .nav-link.c-notif-bell, .c-topbar .nav-link.c-resource-hub-icon, .c-topbar .nav-link.c-settings-gear {
  padding: 0;
}

@media (min-width: 768px) {
  .c-topbar .nav-link {
    height: 48px;
    width: 48px;
  }
}

.c-topbar .notif-badge {
  box-shadow: 0 0 0 3px #fff;
  position: absolute;
  right: 5px;
  top: 0;
}

@media (min-width: 768px) {
  .c-topbar .notif-badge {
    right: 10px;
    top: 5px;
  }
}

.c-topbar__brand_logo {
  width: 40px;
  height: 40px;
}

.c-account-dropdown {
  min-width: 304px;
  max-width: 340px;
}

.c-partner-apps-dropdown {
  min-width: 172px;
  max-width: 340px;
}

.c-partner-apps-dropdown .dropdown-item {
  width: auto;
}

.c-account-dropdown,
.c-partner-apps-dropdown {
  border: none;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
  padding: 0;
  overflow-y: auto;
  max-height: calc(100vh - 48px);
  max-height: calc(var(--vh, 1vh) * 100 - 48px);
}

@media (min-width: 768px) {
  .c-account-dropdown,
  .c-partner-apps-dropdown {
    max-height: calc(100vh - 64px);
    max-height: calc(var(--vh, 1vh) * 100 - 64px);
  }
}

.c-account-dropdown .dropdown-divider,
.c-partner-apps-dropdown .dropdown-divider {
  border-top-color: #d1cfd9;
}

.c-account-dropdown .dropdown-item,
.c-partner-apps-dropdown .dropdown-item {
  border-radius: 0.25rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  padding: 0 0.5rem;
}

.c-account-dropdown .dropdown-item:hover, .c-account-dropdown .dropdown-item:focus,
.c-partner-apps-dropdown .dropdown-item:hover,
.c-partner-apps-dropdown .dropdown-item:focus {
  background-color: #e7e7eb;
  color: #1a0d3f;
}

.c-account-dropdown.dropdown-menu,
.c-partner-apps-dropdown.dropdown-menu {
  font-size: 14px;
  line-height: 2;
}

@keyframes gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient-pulse {
  0%,
  100% {
    filter: brightness(1) saturate(1);
  }
  50% {
    filter: brightness(1.2) saturate(1.3);
  }
}

.c-side-nav__try-new-nav .gradient-glow-text {
  background: linear-gradient(90deg, #fb5092 0%, #c9406c 16.5%, #973045 33%, #75256f 49.5%, #531a99 66%, #37146c 83%, #281056 91.5%, #1a0d3f 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  animation: gradient-shift 3s ease infinite;
}

.c-side-nav__try-new-nav .gradient-glow-icon {
  display: flex;
  animation: gradient-pulse 3s ease infinite;
}

body.is-impersonating .c-sidebar-nav {
  border-bottom: 12px solid #f0e9fb;
  border-left: 12px solid #f0e9fb;
  border-top: 12px solid #f0e9fb;
}

@media (min-width: 768px) {
  body.is-impersonating .c-sidebar-nav {
    width: 76px;
  }
}

@media (max-width: 767px) {
  body.is-impersonating .c-sidebar-nav.mobile-show {
    width: 236px;
  }
}

@media (min-width: 768px) {
  body.is-impersonating.side-nav--expanded .c-sidebar-nav {
    width: 236px;
  }
}

@media screen and (min-width: 768px) {
  body.is-impersonating.side-nav--expanded .c-app-viewport {
    margin-left: 236px;
  }
  body.is-impersonating.side-nav--expanded .c-topbar-banner {
    padding-left: 228px;
  }
}

body.is-impersonating .c-topbar {
  border-right: 12px solid #f0e9fb;
  border-top: 12px solid #f0e9fb;
}

body.is-impersonating .c-impersonation-right-border {
  background-color: #f0e9fb;
  height: 100%;
  position: fixed;
  right: 0;
  width: 12px;
}

body.is-impersonating .c-impersonation-bottom-border {
  background-color: #f0e9fb;
  bottom: 0;
  height: 12px;
  position: fixed;
  width: 100%;
}

@media screen and (min-width: 768px) {
  body.is-impersonating .c-app-viewport {
    margin-left: 76px;
  }
  body.is-impersonating .c-topbar-banner {
    padding-left: 68px;
  }
}

@media (min-width: 768px) {
  .o-container-centered {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 750px);
  }
}

@media (min-width: 992px) {
  .o-container-centered {
    grid-template-columns: 1fr minmax(auto, 970px) 1fr;
  }
}

.o-container-lg {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1390px;
}

@media (min-width: 768px) {
  .o-container-lg {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.c-page-header {
  margin-top: 4px;
  margin-bottom: 24px;
}

.c-page-nav {
  margin-bottom: 32px;
}

.main {
  margin-bottom: 30px;
  min-height: 450px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 8px 3px rgba(26, 13, 63, 0.04);
}

.c-main {
  padding: 15px 20px;
  background-color: #fff;
  border: 1px solid #f4f4f4;
  border-top: 0;
  border-radius: 0;
  box-shadow: none;
}

@media (min-width: 768px) {
  .c-main {
    padding: 20px 30px;
  }
}

.main--cards,
.main--transparent {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.content-full {
  padding: 20px;
  min-height: 450px;
  background-color: #fff;
  border-radius: 4px;
}

.main--cards .card-reskin {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 1px 8px 3px rgba(26, 13, 63, 0.04);
}

.top-margin-huge {
  margin-top: 30%;
}

.placeholder-page {
  min-height: 700px;
}

.page-break-before {
  page-break-before: always;
}

.os-mac .hidden-mac {
  display: none !important;
}

.os-pc .hidden-pc {
  display: none !important;
}

.filter-group-title {
  margin-bottom: 10px;
}

.c-sub-nav--navbar {
  margin-top: -20px;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(209, 207, 217, 0.5);
}

.c-sub-nav {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.c-sub-nav .nav-item {
  flex: 1 1;
  font-weight: 600;
}

.c-sub-nav .nav-link {
  padding: 16px;
  text-align: center;
  color: #5e5777;
  font-size: 0.875rem;
  line-height: 1;
}

.c-sub-nav .nav-link:hover, .c-sub-nav .nav-link:focus, .c-sub-nav .nav-link:active {
  color: #1a0d3f;
  text-decoration: none;
}

.c-sub-nav .nav-link.active {
  background-color: #fff;
  color: #1a0d3f;
  box-shadow: inset 0 0.25rem #1a0d3f;
}

.u-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.u-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .u-sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .u-sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

_:-ms-lang(x), .u-sticky-bottom {
  position: static;
}

.btn {
  margin-bottom: 0;
  cursor: pointer;
}

.btn-primary,
.btn-secondary,
.btn-danger,
.o-btn {
  padding: 9px 20px;
}

.btn-primary:focus, .btn-primary.focus,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-danger:focus,
.btn-danger.focus,
.o-btn:focus,
.o-btn.focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #6c00db;
  outline: 0;
}

[data-whatintent="mouse"] .btn-primary:focus,
[data-whatintent="touch"] .btn-primary:focus, [data-whatintent="mouse"] .btn-primary.focus,
[data-whatintent="touch"] .btn-primary.focus, [data-whatintent="mouse"]
.btn-secondary:focus,
[data-whatintent="touch"]
.btn-secondary:focus, [data-whatintent="mouse"]
.btn-secondary.focus,
[data-whatintent="touch"]
.btn-secondary.focus, [data-whatintent="mouse"]
.btn-danger:focus,
[data-whatintent="touch"]
.btn-danger:focus, [data-whatintent="mouse"]
.btn-danger.focus,
[data-whatintent="touch"]
.btn-danger.focus, [data-whatintent="mouse"]
.o-btn:focus,
[data-whatintent="touch"]
.o-btn:focus, [data-whatintent="mouse"]
.o-btn.focus,
[data-whatintent="touch"]
.o-btn.focus {
  box-shadow: none;
}

.btn-primary {
  color: #fff;
  background-color: #db3700;
  border-color: #db3700;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ffd2c4;
  border-color: #ffd2c4;
}

.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ad3b1c;
  border-color: #ad3b1c;
}

.btn-secondary {
  color: #1a0d3f;
  background-color: #fff;
  border-color: #5e5777;
}

.btn-secondary:hover {
  color: #5e5777;
}

.btn-secondary:focus {
  color: #1a0d3f;
}

.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  color: #5e5777;
  background-color: #e7e7eb;
}

.btn-danger {
  color: #c50812;
  background-color: #fff;
  border-color: #c50812;
}

.btn-danger:hover {
  color: #ff835b;
  border-color: #ff835b;
}

.btn-danger:focus {
  color: #c50812;
}

.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
  color: #c50812;
  background-color: #ffd2c4;
  border-color: #c50812;
}

.o-btn--placeholder {
  width: 100%;
  padding: 20px;
}

.o-btn--placeholder, .o-btn--placeholder:hover, .o-btn--placeholder:focus {
  border: 1px dashed #d5d8db;
}

.btn-primary:disabled, .btn-primary.disabled,
.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-danger:disabled,
.btn-danger.disabled,
.o-btn:disabled,
.o-btn.disabled {
  color: #5e5777;
  background-color: #e7e7eb;
  border-color: #e7e7eb;
  opacity: 1;
}

.o-btn--sm {
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 3px;
}

.o-btn--lg {
  font-size: 18px;
  line-height: 1.3333333;
  padding: 12px 30px;
}

.o-btn--icon {
  width: 40px;
  height: 34px;
  padding: 0;
  line-height: 0;
}

.o-btn--icon > * {
  vertical-align: middle;
}

.o-btn--icon--lg {
  min-width: 40px;
  padding-left: 0;
  padding-right: 0;
}

.o-btn--icon--lg.o-btn--icon--with-label {
  padding-left: 12px;
  padding-right: 12px;
}

.o-btn--icon--lg > .fa,
.o-btn--icon--lg .svg-inline--fa {
  font-size: 1rem;
  vertical-align: text-top;
}

.o-btn--icon--lg-transparent {
  border-color: transparent;
  background-color: transparent;
}

.o-btn--toggle:active, .o-btn--toggle.active {
  color: #fff;
  background-color: #6c00db;
  border-color: #6c00db;
}

.o-settings-btn {
  padding: 10px;
  line-height: 0;
}

.o-settings-btn .icon {
  width: 20px;
  height: 20px;
}

.o-btn--check-in-action {
  color: #5e5777;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.o-btn--check-in-action[aria-expanded='true'] {
  background-color: #f8f8f9;
}

.o-btn--check-in-action:focus {
  color: #5e5777;
}

.o-btn--check-in-action:hover {
  color: #5e5777;
  background-color: #f8f8f9;
}

.o-btn--check-in-action:active {
  color: #5e5777;
  background-color: #f8f8f9;
}

.o-btn--check-in-action:disabled {
  color: #e7e7eb;
}

.o-btn--google {
  height: 50px;
  font-size: 18px;
  line-height: 42px;
  border: 0;
  background-color: #4285f4;
  color: #fff;
  padding: 4px;
}

.o-btn--google:focus, .o-btn--google:hover {
  background-color: #3367d6;
  color: #fff;
}

.o-btn--google > svg {
  background-color: #fff;
  width: 42px;
  height: 42px;
  padding: 8px;
  border-radius: 2px;
}

@media (min-width: 480px) {
  .o-btn--google > div {
    padding: 0 42px;
  }
}

.btn-delete-comment {
  color: #868fa2;
}

.btn-delete-comment:hover {
  color: #fc5457;
}

.btn-action,
.btn-like {
  height: 20px;
  color: #5e5777;
  font-size: 12px;
}

.btn-action > i,
.btn-like > i {
  color: #d1cfd9;
  font-size: 0.875rem;
  margin-right: 4px;
}

@keyframes icon-bounce {
  25% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

.btn-action.active i,
.btn-like.active i {
  color: #6c00db;
  animation: icon-bounce 300ms cubic-bezier(0.3, 1.6, 0.7, 1);
}

@media print {
  .btn-action,
  .btn-like {
    display: none;
  }
}

.btn-star:active, .btn-star.active {
  color: #db3700;
}

.btn-upgrade {
  padding: 9px 20px;
  color: #fff;
  background-color: #0eb639;
  border: 0;
}

.btn-upgrade:hover, .btn-upgrade:focus, .btn-upgrade:active {
  color: #fff;
  background-color: #0a872a;
}

.btn-upgrade--lg {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-freemium-upgrade {
  padding: 9px 20px;
  color: #fff;
  background-color: #1a0d3f;
  border: 0;
}

.btn-freemium-upgrade:hover, .btn-freemium-upgrade:focus, .btn-freemium-upgrade:active {
  color: #fff;
  background-color: #4c0099;
}

.btn-freemium-upgrade--lg {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  font-weight: 600;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4 {
  margin-top: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.2;
  color: inherit;
}

.h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.small {
  font-size: 80%;
  font-weight: 400;
}

@font-face {
  font-family: FontAwesome;
  src: url("../../font/fontawesome-webfont.eot");
  src: url("../../font/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../../font/fontawesome-webfont.woff2") format("woff2"), url("../../font/fontawesome-webfont.woff") format("woff"), url("../../font/fontawesome-webfont.ttf") format("truetype"), url("../../font/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Cornbread;
  src: url("../../font/Cornbread/CornbreadHoney-SemiBold.woff2") format("woff2"), url("../../font/Cornbread/CornbreadHoney-SemiBold.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: Cornbread;
  src: local("Helvetica");
  unicode-range: U+2010;
  font-weight: 600;
}

@font-face {
  font-family: PhantomSans;
  src: url("../../font/PhantomSans/PhantomSans-Regular.woff2") format("woff2"), url("../../font/PhantomSans/PhantomSans-Regular.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: PhantomSans;
  src: url("../../font/PhantomSans/PhantomSans-Italic.woff2") format("woff2"), url("../../font/PhantomSans/PhantomSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: PhantomSans;
  src: url("../../font/PhantomSans/PhantomSans-Medium.woff2") format("woff2"), url("../../font/PhantomSans/PhantomSans-Medium.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: PhantomSans;
  src: url("../../font/PhantomSans/PhantomSans-MediumItalic.woff2") format("woff2"), url("../../font/PhantomSans/PhantomSans-MediumItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}

h1 {
  color: #1a0d3f;
  font-size: 26px;
}

h2 {
  font-size: 22px;
  font-weight: 400;
}

h3 {
  font-size: 18px;
  font-weight: 400;
}

h4 {
  color: #5e5777;
  font-size: 14px;
  font-weight: 400;
}

h2,
h3,
h4,
h5 {
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

h5 {
  font-size: 14px;
  color: #1a0d3f;
  font-weight: 600;
}

.o-hero-header {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-top: 0;
}

.o-hero-header:after {
  content: '';
  display: block;
  width: 22px;
  height: 6px;
  background-color: currentColor;
  margin-top: 20px;
}

.o-heading,
.o-heading-1,
.o-heading-2,
.o-heading-3,
.o-heading-4,
.o-heading-5,
.o-heading-6,
.o-heading-compact {
  margin-top: 0;
  margin-bottom: 10px;
  color: #1a0d3f;
  font-weight: 400;
  line-height: 1.2;
}

.o-heading-1 {
  font-family: Cornbread, PhantomSans, Georgia, "Times New Roman", Times, serif;
  font-size: 32px;
  line-height: 36px;
}

.o-heading-2 {
  font-family: Cornbread, PhantomSans, Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  line-height: 32px;
}

.o-heading-3 {
  font-size: 22px;
  line-height: 28px;
}

.o-heading-4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.o-heading-5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.o-heading-6,
.o-heading-compact,
.o-text-compact {
  font-size: 14px;
  line-height: 20px;
}

.o-heading-6 {
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.o-text-details {
  font-size: 12px;
  line-height: 20px;
}

.o-mention {
  font-weight: 600;
}

.o-chevron {
  font-size: 18px;
  line-height: 0;
}

.o-chevron--left:before {
  content: '\2039\00a0';
}

.o-chevron--right:before {
  content: '\00a0\203a';
}

.o-link-block:hover, .o-link-block:focus {
  text-decoration: none;
}

.o-link-block:hover .o-link-block__target, .o-link-block:focus .o-link-block__target {
  text-decoration: underline;
}

.o-link-block--hover:hover, .o-link-block--hover:focus {
  background-color: #fef7ea;
}

.fauxlink {
  color: #6c00db;
  font-weight: 600;
}

.placeholder-page-text {
  margin-bottom: 20px;
  color: #5e5777;
}

.error-code {
  margin: 40px 20px 30px;
  color: #a49fb2;
  font-size: 5.25rem;
  font-weight: 600;
}

.icon-light-gray {
  color: #c5d0d6;
}

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

.disable-font-smoothing {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.o-text-separator {
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
  height: 1em;
  vertical-align: middle;
  color: #a49fb2;
}

.o-text-separator:before {
  content: '|';
}

.o-blockquote {
  border-left: 0.25em solid #d5d8db;
  padding-left: 1em;
}

.markdown-body {
  word-wrap: break-word;
}

.markdown-body > *:first-child {
  margin-top: 0 !important;
}

.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  color: #1a0d3f;
  font-weight: 600;
  line-height: 1.25;
}

.markdown-body h1 {
  font-size: 2em;
}

.markdown-body h2 {
  font-size: 1.5em;
}

.markdown-body h3 {
  font-size: 1.25em;
}

.markdown-body h4 {
  font-size: 1em;
}

.markdown-body h5 {
  font-size: 0.875em;
}

.markdown-body h6 {
  color: #666666;
  font-size: 0.85em;
}

.markdown-body table {
  display: block;
  width: 100%;
  overflow: auto;
}

.markdown-body table th {
  font-weight: 600;
}

.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid #d1cfd9;
}

.markdown-body table tr {
  background-color: #fff;
  border-top: 1px solid #d1cfd9;
}

.markdown-body table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

.markdown-body table img {
  background-color: transparent;
}

.markdown-body img {
  max-width: 100%;
}

.dropdown-menu--md {
  width: 275px;
}

.o-dropdown-menu--wrap .dropdown-item {
  white-space: normal;
}

.o-dropdown-menu {
  border-color: #5e5777;
  box-shadow: none;
  margin: 0.5rem 0;
  padding: 8px 0;
}

.o-dropdown-menu .dropdown-item {
  padding: 4px 16px;
}

.o-dropdown-menu .dropdown-item:hover, .o-dropdown-menu .dropdown-item:focus {
  background-color: #f0e9fb;
  color: #1a0d3f;
}

.o-dropdown-menu .dropdown-item.active, .o-dropdown-menu .dropdown-item:active {
  background-color: #f0e9fb;
  color: #1a0d3f;
}

.dropdown-divider:first-child, .dropdown-divider:last-child {
  display: none;
}

.dropdown-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.dropdown-arrow:before, .dropdown-arrow:after {
  position: absolute;
  display: block;
  content: '';
  border-color: transparent;
  border-style: solid;
}

[x-placement^="top"] > .dropdown-arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

[x-placement^="top"] > .dropdown-arrow:before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.15);
}

[x-placement^="top"] > .dropdown-arrow:after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

[x-placement^="bottom"] > .dropdown-arrow {
  top: calc((0.5rem + 1px) * -1);
}

[x-placement^="bottom"] > .dropdown-arrow:before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}

[x-placement^="bottom"] > .dropdown-arrow:after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.badge-rise-200 {
  color: #fff;
  background-color: #db3700;
}

a.badge-rise-200:hover, a.badge-rise-200:focus {
  color: #fff;
  background-color: #a82a00;
}

a.badge-rise-200:focus, a.badge-rise-200.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(219, 55, 0, 0.5);
}

.o-badge-remove {
  color: #6c00db;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
  line-height: 0;
}

.o-badge-remove:hover, .o-badge-remove:focus {
  color: #1a0d3f;
  text-decoration: none;
}

.badge-lg {
  padding: 0.5em;
  font-size: 12px;
  font-weight: 400;
}

.badge-xl {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
}

.badge-xl .o-badge-remove {
  vertical-align: top;
  font-size: 22px;
  margin-top: 7px;
}

.badge-sunglo {
  color: #fff;
  background-color: #e66666;
}

a.badge-sunglo:hover, a.badge-sunglo:focus {
  color: #fff;
  background-color: #df3a3a;
}

a.badge-sunglo:focus, a.badge-sunglo.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(230, 102, 102, 0.5);
}

.badge-sunglo.badge-bordered {
  border-color: #df3a3a;
}

.badge-motion-90 {
  background-color: #f8f4fd;
  border: 1px solid #f0e9fb;
  color: #1a0d3f;
}

.badge-motion-90[href]:hover, .badge-motion-90[href]:focus {
  background-color: #f0e9fb;
  color: #1a0d3f;
  text-decoration: none;
}

.badge-motion-300 {
  background-color: #4c0099;
  color: #fff;
}

.modal-sm-md {
  max-width: 450px;
}

.o-close--lg {
  font-size: 40px;
  font-weight: 400;
  line-height: 21px;
}

.modal--advanced .modal-header {
  display: block;
  padding: 32px;
  text-align: center;
}

.modal--advanced .modal-header__icon {
  margin-bottom: 20px;
}

.modal--advanced .modal-header__title {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4;
}

.modal--advanced .modal-header__title + .modal-header__subtitle {
  margin-top: 10px;
}

.modal--advanced .modal-header__subtitle {
  margin-top: 0;
  margin-bottom: 0;
}

.modal--advanced .close {
  font-size: 40px;
  font-weight: 400;
  line-height: 21px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.modal--advanced .modal-body {
  padding: 20px 30px 40px;
  background-color: #f8f8f9;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.modal--advanced .modal__actions {
  display: flex;
  flex-flow: row-reverse wrap;
  margin-top: 20px;
}

.modal--advanced .modal__actions > * {
  margin: 10px 0 0 10px;
}

.modal-backdrop--white .modal-backdrop {
  background-color: #fff;
}

.modal-backdrop--white .modal-content {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
}

.comments {
  padding-left: 0;
  list-style: none;
  border: 1px solid #e7eced;
  margin: 10px 0;
}

.comments.comments--collapsed > .comment-single--summary {
  display: flex;
}

.comments.comments--collapsed > :not(.comment-single--summary) {
  display: none;
}

.comments.comments--collapsed.comments--empty {
  display: none;
}

.comments > li {
  background-color: #f8f8f9;
}

.comments .comment-user {
  font-weight: 600;
}

.comments .comment-subtitle {
  color: #868fa2;
}

.comments .private .fa {
  opacity: 0.7;
}

.comments .followup-comment,
.comments .escalate-comment,
.comments .c-one-on-one-agenda-comment,
.comments .wins-comment {
  margin-top: -1px;
  border-top: 1px solid #e7eced;
  background-color: #fffcfb;
  padding: 0 5px;
  line-height: 40px;
}

.comments .followup-comment:not(:last-child),
.comments .escalate-comment:not(:last-child),
.comments .c-one-on-one-agenda-comment:not(:last-child),
.comments .wins-comment:not(:last-child) {
  border-bottom: 1px solid #e7eced;
}

.comments .followup-comment > .comment-heading,
.comments .escalate-comment > .comment-heading,
.comments .c-one-on-one-agenda-comment > .comment-heading,
.comments .wins-comment > .comment-heading {
  margin: 0 5px;
  padding-left: 10px;
}

.comments--replies {
  border: 0;
  border-left: 2px solid #ebe8e8;
}

.comments--replies > .comment-single, .comments.comments--replies > li {
  background-color: transparent;
  padding-left: 15px;
}

.comments--replies .post-comment {
  padding-right: 0;
}

.comments--replies .post-comment .avatar {
  margin-top: 10px;
}

.comments--replies .comment-time {
  font-size: 12px;
}

.comments--replies .c-comment-action {
  font-size: 12px;
}

.comments__loading-indicator {
  display: none;
  text-align: center;
}

.comments--loading .comments__loading-indicator {
  display: block;
}

.comment-time {
  color: #5e5777;
  font-size: 13px;
}

.comment_textarea {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  padding: 12px 1em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  min-height: 52px;
  background-color: #f8f8f9;
  border: 2px solid #eee;
  box-shadow: none;
  color: #1a0d3f;
  transition: 100ms;
  transition-property: background-color, border-color;
  background-color: #fff;
  border-radius: 3px;
  border-width: 1px;
}

.comment_textarea:focus {
  background-color: #fff;
  border-color: #a49fb2;
  box-shadow: none;
}

.comment_textarea:disabled {
  background-color: #f8f8f9;
}

.post-comment {
  display: flex;
}

.post-comment > .avatar {
  display: none;
  margin-top: 8px;
  margin-right: 10px;
}

@media (min-width: 480px) {
  .post-comment > .avatar {
    display: inline-block;
  }
}

.post-comment .comment-input-div {
  position: relative;
  flex: 1 1;
}

.post-comment .post-hide {
  display: none;
}

.post-comment.open .post-hide {
  display: block;
}

.comment-single, .comments > li {
  padding: 10px 15px 10px 20px;
}

.comment-single--summary {
  display: none;
}

.c-comment-thread-actions {
  font-size: 14px;
  letter-spacing: 0.11px;
  line-height: 20px;
}

.c-comment-action--delete {
  font-size: 13px;
  color: #868fa2;
}

.c-comment-action--delete:hover {
  color: #fc5457;
}

.o-checkbox-custom{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.o-checkbox-custom + label {
  position: relative;
  padding-left: 16px;
  margin: 2px 0;
  min-height: 16px;
}

.o-checkbox-custom + label:before {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #a49fb2;
  border-radius: 4px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.o-checkbox-custom + label:active:before {
  border-color: #4c0099;
}

.o-checkbox-custom:checked + label:before,
.o-checkbox-custom:indeterminate + label:before {
  background-color: #6c00db;
  border-color: #6c00db;
}

@media print {
  .o-checkbox-custom:checked + label:before,
  .o-checkbox-custom:indeterminate + label:before {
    border-width: 8px;
  }
}

.o-checkbox-custom:checked + label:active:before,
.o-checkbox-custom:indeterminate + label:active:before {
  border-color: #4c0099;
}

.o-checkbox-custom:checked + label:after,
.o-checkbox-custom:indeterminate + label:after {
  width: 16px;
  height: 16px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}

.o-checkbox-custom:checked + label:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%209'%3E%3Cpolyline%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20points='1%203.86783464%203.74074356%206.67000008%209.41074364%201'/%3E%3C/svg%3E");
  background-position: center 60%;
  background-size: 68.75% 56.25%;
}

@media print {
  .o-checkbox-custom:checked + label:after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%209'%3E%3Cpolyline%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20points='1%203.86783464%203.74074356%206.67000008%209.41074364%201'/%3E%3C/svg%3E");
    transform: scale(0.6875) translateY(-65.45454545%);
    background: none;
  }
}

.o-checkbox-custom:indeterminate + label:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23fff'%20d='M0%202h4'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 50% 50%;
}

.o-checkbox-custom:focus + label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] .o-checkbox-custom:focus + label,
[data-whatintent="touch"] .o-checkbox-custom:focus + label {
  outline: 0;
}

.o-checkbox-custom:disabled + label:before, .o-checkbox-custom:disabled + label:active:before {
  background-color: #d1cfd9;
  border-color: #d1cfd9;
}

.o-checkbox-custom:disabled + label:after, .o-checkbox-custom:disabled + label:active:after {
  filter: invert(50%);
}

.o-checkbox-custom:not(:checked) + .o-checkbox-custom__addon--hide-unchecked,
.o-checkbox-custom:not(:checked) + label + .o-checkbox-custom__addon--hide-unchecked {
  display: none;
}

.o-checkbox-custom--labelled + label,
.o-checkbox-custom--labelled + label + .o-checkbox-custom__addon {
  padding-left: 30px;
}

.o-checkbox-custom-indicator {
  position: relative;
  padding-left: 16px;
}

.o-checkbox-custom-indicator:before {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #a49fb2;
  border-radius: 4px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.o-checkbox-custom-indicator:active:before {
  border-color: #4c0099;
}

:checked + .o-checkbox-custom-indicator:before,
:indeterminate + .o-checkbox-custom-indicator:before {
  background-color: #6c00db;
  border-color: #6c00db;
}

@media print {
  :checked + .o-checkbox-custom-indicator:before,
  :indeterminate + .o-checkbox-custom-indicator:before {
    border-width: 8px;
  }
}

:checked + .o-checkbox-custom-indicator:active:before,
:indeterminate + .o-checkbox-custom-indicator:active:before {
  border-color: #4c0099;
}

:checked + .o-checkbox-custom-indicator:after,
:indeterminate + .o-checkbox-custom-indicator:after {
  width: 16px;
  height: 16px;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}

:checked + .o-checkbox-custom-indicator:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%209'%3E%3Cpolyline%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20points='1%203.86783464%203.74074356%206.67000008%209.41074364%201'/%3E%3C/svg%3E");
  background-position: center 60%;
  background-size: 68.75% 56.25%;
}

@media print {
  :checked + .o-checkbox-custom-indicator:after {
    content: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2011%209'%3E%3Cpolyline%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20points='1%203.86783464%203.74074356%206.67000008%209.41074364%201'/%3E%3C/svg%3E");
    transform: scale(0.6875) translateY(-65.45454545%);
    background: none;
  }
}

:indeterminate + .o-checkbox-custom-indicator:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23fff'%20d='M0%202h4'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 50% 50%;
}

:focus + .o-checkbox-custom-indicator {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .o-checkbox-custom-indicator,
[data-whatintent="touch"] :focus + .o-checkbox-custom-indicator {
  outline: 0;
}

:disabled + .o-checkbox-custom-indicator:before, :disabled + .o-checkbox-custom-indicator:active:before {
  background-color: #d1cfd9;
  border-color: #d1cfd9;
}

:disabled + .o-checkbox-custom-indicator:after, :disabled + .o-checkbox-custom-indicator:active:after {
  filter: invert(50%);
}

.checkbox .o-checkbox-custom-indicator {
  margin-left: -20px;
}

.has-error [type='checkbox']:not(:checked) + .o-checkbox-custom-indicator:before {
  border-color: #c50812;
}

.o-input-field {
  border: 1px solid #d5d8db;
  border-radius: 4px;
  background-color: #fff;
}

textarea.o-input-field {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  padding: 12px 1em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.o-input-field:not(textarea) {
  display: flex;
  align-items: flex-start;
}

@media print {
  .o-input-field {
    display: inline !important;
    border: 0;
  }
}

.o-input-field > .o-input-field__text,
.o-input-field > .o-input-field__content {
  padding: 12px 1em;
  flex-grow: 1;
  min-width: 0;
}

.o-input-field.is-invalid {
  border-color: #c50812;
}

.o-input-field__text {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  padding: 12px 1em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 0;
  padding: 0;
  background-color: transparent;
}

.o-input-field__text:focus {
  outline: 0;
}

@media print {
  .o-input-field__text,
  .o-input-field__content {
    display: inline !important;
  }
}

.o-input-field__addon {
  display: flex;
  align-items: center;
  align-content: center;
  padding: 0 0.5em;
  height: calc(24px + 1.5rem);
  z-index: 1;
  font-size: 1rem;
}

.o-input-field__addon:first-child {
  margin-right: -0.5em;
  padding-left: 1em;
}

.o-input-field__addon:last-child {
  padding-right: 1em;
}

.o-input-field__content + .o-input-field__addon {
  margin-left: -0.5em;
}

.o-radio-custom{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.o-radio-custom + label {
  position: relative;
  padding-left: 16px;
  margin: 2px 0;
  min-height: 16px;
}

.o-radio-custom + label:before {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d5d8db;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.o-radio-custom + label:active:before {
  border-color: #6c00db;
}

.o-radio-custom:checked + label:before {
  background-color: #6c00db;
  border-color: #6c00db;
}

.o-radio-custom:checked + label:active:before {
  border-color: #6c00db;
}

.o-radio-custom:checked + label:after {
  width: 6px;
  height: 6px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  background-color: #fff;
  border-radius: 50%;
}

.o-radio-custom:focus + label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] .o-radio-custom:focus + label,
[data-whatintent="touch"] .o-radio-custom:focus + label {
  outline: 0;
}

.o-radio-custom:disabled + label:before, .o-radio-custom:disabled + label:active:before {
  background-color: #d1cfd9;
  border-color: #d1cfd9;
}

.o-radio-custom:not(:checked) + .o-radio-custom__addon--hide-unchecked,
.o-radio-custom:not(:checked) + label + .o-radio-custom__addon--hide-unchecked {
  display: none;
}

.o-radio-custom--labelled + label,
.o-radio-custom--labelled + label + .o-radio-custom__addon {
  padding-left: 30px;
}

.o-radio-custom--readonly + label {
  cursor: default;
  pointer-events: none;
}

.o-radio-custom-indicator {
  position: relative;
  padding-left: 16px;
}

.o-radio-custom-indicator:before {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d5d8db;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.o-radio-custom-indicator:active:before {
  border-color: #6c00db;
}

:checked + .o-radio-custom-indicator:before {
  background-color: #6c00db;
  border-color: #6c00db;
}

:checked + .o-radio-custom-indicator:active:before {
  border-color: #6c00db;
}

:checked + .o-radio-custom-indicator:after {
  width: 6px;
  height: 6px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  background-color: #fff;
  border-radius: 50%;
}

:focus + .o-radio-custom-indicator {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .o-radio-custom-indicator,
[data-whatintent="touch"] :focus + .o-radio-custom-indicator {
  outline: 0;
}

:disabled + .o-radio-custom-indicator:before, :disabled + .o-radio-custom-indicator:active:before {
  background-color: #d1cfd9;
  border-color: #d1cfd9;
}

.radio .o-radio-custom-indicator {
  margin-left: -20px;
}

.ff-toggle {
  width: 28px;
  padding: 8px 0;
  border-radius: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #d1cfd9;
  cursor: pointer;
  z-index: 0;
}

.ff-toggle:before {
  left: 2px;
  padding: 6px;
  content: '';
  position: absolute;
  top: 50%;
  border-radius: 50%;
  background-color: #fff;
  transform: translateY(-50%);
  transition: 300ms;
  z-index: 1;
}

:checked + .ff-toggle {
  background-color: #6c00db;
}

:disabled + .ff-toggle {
  background-color: #d1cfd9;
  cursor: not-allowed;
}

:checked + .ff-toggle:before {
  left: 50%;
}

:focus + .ff-toggle {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .ff-toggle,
[data-whatintent="touch"] :focus + .ff-toggle {
  outline: 0;
}

.ff-toggle--lg {
  width: 50px;
  padding: 14px 0;
  border-radius: 28px;
}

.ff-toggle--lg:before {
  left: 3px;
  padding: 11px;
}

.ff-toggle--show-status {
  padding: 15px 0;
  border-radius: 30px;
  width: 66px;
}

.ff-toggle--show-status:before {
  left: 2px;
  padding: 13px;
}

.ff-toggle--show-status .ff-toggle__status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  padding: 0 2px;
  color: #5e5777;
  line-height: 1;
  text-transform: capitalize;
}

.ff-toggle--show-status .ff-toggle__status:before {
  content: attr(data-unchecked-label);
}

:checked + .ff-toggle--show-status {
  background-color: #2ddba7;
}

:disabled + .ff-toggle--show-status {
  background-color: #d1cfd9;
}

:checked + .ff-toggle--show-status .ff-toggle__status {
  color: #fff;
  left: auto;
  right: 50%;
}

:checked + .ff-toggle--show-status .ff-toggle__status:before {
  content: attr(data-checked-label);
}

:checked + .ff-toggle--show-status:before {
  left: 38px;
}

:checked + .ff-toggle--show-status-sm {
  background-color: #2ddba7;
}

:disabled + .ff-toggle--show-status-sm {
  background-color: #d1cfd9;
}

.o-select-custom {
  background-position: right 1rem center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20fill='%23a49fb2'%20d='M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z'/%3E%3C/svg%3E");
  background-size: 10px 16px;
}

.o-select-custom::-ms-expand {
  display: none;
}

.o-select-custom.form-control[multiple] {
  height: calc(1.5em + 0.875rem + 2px);
}

.o-select-custom.o-form-control--lg[multiple] {
  height: 44px;
}

.o-select-inline {
  background-color: transparent;
  background-position: right center;
  padding: 0 15px 0 0;
  border: 0;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3E%3Cpath%20fill='%23a49fb2'%20d='M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z'/%3E%3C/svg%3E");
  background-size: 10px 16px;
}

.o-select-inline::-ms-expand {
  display: none;
}

.o-select-time {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3Cpath%20fill='%235e5777'%20d='M9.907%206.093L9.667%206h-.666l-.24.093-.094.24V10H6.333l-.238.094-.095.24V11l.095.24.238.093h3.334l.24-.093L10%2011V6.333z'/%3E%3Ccircle%20fill='none'%20cx='9'%20cy='9'%20r='8'%20stroke='%235e5777'%20stroke-width='1.5'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.o-select-time::-ms-expand {
  display: none;
}

.o-count-symbols {
  position: relative;
  max-width: 240px;
}

.o-count-symbols .o-count-symbols__input {
  padding-right: 50px;
}

.o-count-symbols .o-count-symbols__label {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding-right: 10px;
  padding-left: 10px;
}

.o-count-symbols .o-count-symbols__label:after {
  content: "/" attr(data-maxlength);
}

textarea {
  resize: none;
}

legend {
  margin-bottom: 0;
  font-size: inherit;
}

.form-label-note {
  color: #5e5777;
  font-weight: 400;
}

.form-control, .form-control:focus, .form-control.is-invalid:focus {
  box-shadow: none;
}

.has-error .form-control {
  border-color: #c50812;
}

.form-control:disabled, .form-control[readonly] {
  border-color: #d1cfd9;
}

.o-form-control--sm {
  height: 30px;
}

select.o-form-control--sm {
  padding-top: 0;
  padding-bottom: 0;
}

.o-form-control--lg {
  height: 44px;
}

textarea.o-form-control--lg {
  padding-top: 0.5625rem;
  padding-bottom: 0.5625rem;
}

.report_answer {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  padding: 12px 1em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  min-height: 52px;
  background-color: #f8f8f9;
  border: 2px solid #eee;
  border-radius: 6px;
  box-shadow: none;
  color: #1a0d3f;
  transition: 100ms;
  transition-property: background-color, border-color;
}

.report_answer:focus {
  background-color: #fff;
  border-color: #a49fb2;
  box-shadow: none;
}

.report_answer:disabled {
  background-color: #f8f8f9;
}

.has-attachment .report_answer,
.has-linked-objective .report_answer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.report_answer.has-error {
  border-color: #c50812;
}

.radio-description {
  margin-left: 30px;
}

.answer-base {
  position: relative;
  margin-bottom: 20px;
  clear: both;
}

.answer-base .fa-check,
.answer-base .o-input-spinner {
  position: absolute;
  padding: 6px;
  top: 12px;
  left: 100%;
  font-size: 18px;
  cursor: pointer;
}

.answer-base .fa-check {
  color: #58d498;
  animation: answer-save 300ms cubic-bezier(0.3, 1.6, 0.7, 1);
}

@keyframes answer-save {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.answer-base .o-input-spinner {
  color: #999999;
}

.answer-error .report_answer,
.fillout-report--empty-answers-error .answer-base--empty-answer .report_answer {
  border-color: #c50812;
}

.answer-error-note {
  margin-bottom: 10px;
  color: #5e5777;
  font-weight: 600;
}

.answer-error .answer-error-note {
  color: #c50812;
}

.answer-error-note--empty-answer {
  display: none;
}

.fillout-report--empty-answers-error .answer-error-note--empty-answer {
  display: block;
  color: #c50812;
}

.multi-question-answers,
.single-question-answers {
  padding-right: 10px;
}

.search-query {
  padding-left: 40px;
}

.search-query ~ .fa-search {
  position: absolute;
  top: 50%;
  left: 21px;
  transform: translate(-50%, -50%);
  font-size: 0.875rem;
  color: #5e5777;
  cursor: pointer;
  pointer-events: none;
}

.field-error {
  color: #c50812;
  padding-top: 0.5rem;
}

.o-emoji-container .o-emoji-container__field,
.is-add-talking-point-enabled .o-emoji-container__field,
.is-attach-enabled .o-emoji-container__field {
  padding-right: 60px;
}

@media (min-width: 480px) {
  .o-emoji-container .o-emoji-container__field,
  .is-add-talking-point-enabled .o-emoji-container__field,
  .is-attach-enabled .o-emoji-container__field {
    padding-right: 70px;
  }
}

.o-emoji-container.is-add-talking-point-enabled .o-emoji-container__field,
.o-emoji-container.is-attach-enabled .o-emoji-container__field {
  padding-right: 80px;
}

@media (min-width: 480px) {
  .o-emoji-container.is-add-talking-point-enabled .o-emoji-container__field,
  .o-emoji-container.is-attach-enabled .o-emoji-container__field {
    padding-right: 90px;
  }
}

.o-emoji-container.is-attach-enabled.is-add-talking-point-enabled .o-emoji-container__field {
  padding-right: 100px;
}

@media (min-width: 480px) {
  .o-emoji-container.is-attach-enabled.is-add-talking-point-enabled .o-emoji-container__field {
    padding-right: 110px;
  }
}

.o-input {
  height: auto;
}

.o-input::-ms-clear {
  display: none;
}

.o-input::-webkit-search-cancel-button {
  display: none;
}

.o-input__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: calc(calc(0.75em + 0.4375rem) - 0.5em) 1em;
  max-width: 2.5em;
  max-height: 100%;
  line-height: 1em;
}

.o-input__icon--left {
  left: 0;
}

.o-input__icon--right {
  right: 0;
}

.o-input__icon--left + .o-input,
.o-input__icon--left ~ :not(.o-input) ~ .o-input {
  padding-left: 2.5em;
}

.o-input__icon--right + .o-input,
.o-input__icon--right ~ :not(.o-input) ~ .o-input {
  padding-right: 2.5em;
}

.o-datepicker-field {
  position: relative;
}

.o-datepicker-field .form-control {
  padding-right: 38px;
}

.o-datepicker-field .form-control:-moz-read-only {
  background-color: #f4f4f4;
  border-color: #ddd;
  color: #8a939b;
}

.o-datepicker-field .form-control:read-only {
  background-color: #f4f4f4;
  border-color: #ddd;
  color: #8a939b;
}

.o-datepicker-field svg {
  width: 100%;
  height: 100%;
}

.o-datepicker-field .o-datepicker-field__icon {
  position: absolute;
  top: 11px;
  right: 15px;
  width: 23px;
  height: 22px;
  line-height: 1;
  margin-bottom: 0;
}

.has-error .o-datepicker-field__icon {
  color: #c50812;
}

.o-datepicker-field :-moz-read-only ~ .o-datepicker-field__icon svg {
  fill: #8a939b;
}

.o-datepicker-field :read-only ~ .o-datepicker-field__icon svg {
  fill: #8a939b;
}

.o-datepicker-field--inline {
  width: 150px;
}

.no-spinner {
  -moz-appearance: textfield;
}

.no-spinner::-webkit-inner-spin-button, .no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-label {
  margin-bottom: 8px;
  font-weight: 600;
}

.form-text {
  color: #5e5777;
  font-size: 0.875rem;
}

.asteriskField {
  display: none;
}

.c-form-section-card {
  opacity: 0.25;
}

:disabled .c-form-section-card {
  opacity: 0.25;
}

@media (min-height: 2160px) {
  .c-form-section-card {
    opacity: 1;
  }
}

.is-active > .c-form-section-card {
  opacity: 1;
}

.c-form-section-card__header,
.c-form-section-card__content {
  padding: 0 20px;
}

@media (min-width: 992px) {
  .c-form-section-card__header,
  .c-form-section-card__content {
    padding: 0 40px;
  }
}

.answer-box {
  display: table;
  padding-bottom: 10px;
}

.answer-box .avatar {
  width: 38px;
  height: 38px;
  display: table-cell;
  vertical-align: top;
  margin-right: 10px;
}

.answer-box .answer {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  display: table-cell;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  width: 100%;
  text-rendering: optimizeLegibility;
}

.c-answer-body {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

.answer-details {
  padding-bottom: 10px;
  font-weight: 600;
}

.answer-time {
  color: #868fa2;
  font-size: 13px;
}

.ga .o-comments-header {
  margin: 20px 0 10px 50px;
}

.ga .comments {
  margin: 0 0 20px 50px;
}

.ga .c-flexible-priorities {
  margin-bottom: 10px;
  padding: 0;
}

.ga .c-flexible-priorities.is-draft + .comments {
  margin: 0 60px 10px 0;
}

.ga .c-flexible-priorities.is-draft {
  position: relative;
}

.ga .c-flexible-priorities.is-draft .c-ga-indicator {
  left: 15px;
  position: absolute;
  top: 13px;
  z-index: 1;
}

.ga .c-flexible-priorities.is-draft .o-linked-object-list-item:last-child {
  margin-bottom: 0;
}

.ga .c-flexible-priorities.is-draft .report_answer {
  padding-left: 50px;
}

.ga .c-flexible-priorities.is-draft .report_answer.is-new-answer ~ .c-add-objective-link {
  display: none;
}

.ga .current-goals .comments {
  margin-left: 10px;
}

.c-card--shadow {
  border: 0;
  box-shadow: 0 1px 8px 3px rgba(26, 13, 63, 0.04);
}

.o-dot {
  display: inline-block;
  background-color: currentColor;
  border-radius: 50%;
  flex-shrink: 0;
}

@media print {
  .o-dot {
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
  }
}

.o-dot--8 {
  width: 8px;
  height: 8px;
}

.o-dot--9 {
  width: 9px;
  height: 9px;
}

.o-dot--10 {
  width: 10px;
  height: 10px;
}

.o-dot--12 {
  width: 12px;
  height: 12px;
}

.o-dot--16 {
  width: 16px;
  height: 16px;
}

.o-dot--20 {
  width: 20px;
  height: 20px;
}

.o-circle {
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 50%;
  flex-shrink: 0;
}

.o-circle--9 {
  width: 9px;
  height: 9px;
}

.o-circle--12 {
  width: 12px;
  height: 12px;
}

.question-bank__search-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.question-bank__question {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #d1cfd9;
  border-radius: 3px;
}

.question-bank__question + .question-bank__question {
  margin-top: 10px;
}

.question-bank__question-text {
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 1.25;
}

.question-bank__metric-icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

.question-bank__question-label {
  font-size: 13px;
  color: #868fa2;
}

.c-question__title {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

.c-question__subtitle {
  color: #5e5777;
  font-size: 16px;
  font-weight: 400;
}

.c-question__optional {
  color: #5e5777;
  font-size: 14px;
  font-weight: 400;
}

.c-managed-question {
  margin-top: -1px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #d5d8db;
}

.c-managed-question:hover {
  background-color: #f9f9fb;
}

.c-managed-question.is-inactive, .c-managed-question.is-pending-inactive,
.c-managed-question-queue-container.is-inactive,
.c-managed-question-queue-container.is-pending-inactive {
  opacity: 0.5;
}

.manage-questions:not(.is-showing-inactive-questions) .c-managed-question.is-inactive,
.manage-questions:not(.is-showing-inactive-questions) .c-managed-question-queue-container.is-inactive {
  display: none;
}

.question-add-edit-box {
  background-color: #f9f9fb;
  border: 1px solid #d1cfd9;
}

.question-add-edit-box .question-slack-checkbox {
  display: inline-block;
}

.question-add-edit-box .question-slack-checkbox ~ .slack-question-channel {
  visibility: hidden;
}

.question-add-edit-box .question-slack-checkbox:checked ~ .slack-question-channel {
  visibility: visible;
}

.lines {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.lines > li {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.lines > li:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.fillout-report > li {
  padding-bottom: 0;
  border-bottom: 0;
}

.list-bulleted {
  list-style: none;
}

@media (max-width: 480px) {
  .list-bulleted {
    padding-left: 0;
  }
}

.list-bulleted > li {
  position: relative;
  margin-top: 10px;
  margin-bottom: 20px;
}

.list-bulleted > li:last-child {
  margin-bottom: 0;
}

.list-bulleted > li:before {
  width: 6px;
  height: 6px;
  position: absolute;
  left: -10px;
  top: 12px;
  margin-left: -3px;
  margin-top: -3px;
  border: 3px solid #c5d0d6;
  border-radius: 50%;
}

@media (min-width: 480px) {
  .list-bulleted > li:before {
    content: '';
  }
}

.list-border-dotted > li {
  border-bottom: 1px dotted #d1cfd9;
}

.list-border-dotted > li:last-child {
  border-bottom: 0;
}

.followups-list > li {
  padding-top: 20px;
}

.followups-list .comments {
  margin-left: 32px;
}

.o-horizontal-list {
  display: flex;
  flex-wrap: wrap;
}

.o-horizontal-list > :not(:first-child) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 23px;
}

.o-horizontal-list > :not(:first-child):before {
  margin-right: 10px;
  margin-left: -13px;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  content: '';
  background-color: #868fa2;
  color: #868fa2;
  pointer-events: none;
  position: absolute;
}

.o-horizontal-list .o-horizontal-list-item__reset {
  margin-left: 0;
}

.o-horizontal-list .o-horizontal-list-item__reset:before {
  display: none;
}

.o-pre-horizontal-list {
  margin-right: 10px;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  content: '';
  background-color: #868fa2;
  color: #868fa2;
  pointer-events: none;
}

.alert ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.alert-box {
  border-radius: 0.5rem;
  position: relative;
}

.alert-box h2 {
  color: #1a0d3f;
  font-size: 26px;
  line-height: 1;
  margin: 10px 0;
}

.alert-box p {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}

.alert-box .icon {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: content-box;
  fill: inherit;
}

@media (min-width: 576px) {
  .alert-box .icon {
    width: 56px;
    height: 56px;
  }
}

.alert-box .close {
  font-size: 32px;
  color: #a49fb2;
  margin-top: 4px;
  margin-left: 16px;
  line-height: 15px;
  opacity: 1;
  text-shadow: none;
  position: absolute;
  top: 10px;
  right: 10px;
}

@media (min-width: 576px) {
  .alert-box .close {
    margin-left: 20px;
    position: static;
  }
}

.alert-box--yellow {
  background-color: #fff2e8;
}

.alert-box--success,
.alert-box--warning,
.alert-box--danger {
  background-color: #fff;
  border: 1px solid #e7e7eb;
  padding: 20px;
}

.alert-box--success:not(.alert-box--small) .alert-box__icon,
.alert-box--warning:not(.alert-box--small) .alert-box__icon,
.alert-box--danger:not(.alert-box--small) .alert-box__icon {
  width: 32px;
  height: 32px;
  margin-left: 4px;
  margin-right: 24px;
}

.alert-box--success .alert-box__icon {
  color: #2ddba7;
}

.alert-box--warning .alert-box__icon {
  color: #f4ae2a;
}

.alert-box--danger .alert-box__icon {
  color: #c50812;
}

.alert-box--small {
  padding: 15px;
}

.alert-box--small .alert-box__icon {
  margin-right: 15px;
}

.alert-box__icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 20px;
  fill: currentColor;
}

.alert-box__title {
  color: #1a0d3f;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.alert-box__content {
  color: #5e5777;
  overflow: hidden;
}

.table th {
  font-weight: 600;
}

.u-table {
  display: table !important;
}

.table thead th {
  border-bottom-width: 1px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .table .media {
    display: block;
  }
  .table .media-cell,
  .table .media-body {
    display: table-cell;
    vertical-align: middle;
  }
}

.table-responsive {
  overflow-x: visible;
}

@media (max-width: 767px) {
  .table-responsive {
    overflow-y: auto;
  }
}

.table-striped-even tbody tr:nth-of-type(even) {
  background-color: #f8f8f9;
}

.table-normal tr.is-read {
  background-color: #f6f8fa;
}

@media (min-width: 992px) {
  .table--large tbody tr {
    height: 70px;
  }
}

.table--border-y:empty,
.table--border-y thead:first-child tr:first-child th,
.table--border-y tr:first-child td,
.table--border-top:empty,
.table--border-top thead:first-child tr:first-child th,
.table--border-top tr:first-child td {
  border-top: 1px solid #d1cfd9;
}

.table--border-y:after,
.table--border-top:after {
  content: '';
  display: table-cell;
}

.table--border-y tr:last-child th,
.table--border-y tr:last-child td,
.table--border-bottom tr:last-child th,
.table--border-bottom tr:last-child td {
  border-bottom: 1px solid #d1cfd9;
}

.table--border-x,
.table--border-right {
  border-right: solid 1px #d1cfd9;
}

.table--border-x,
.table--border-left {
  border-left: solid 1px #d1cfd9;
}

tbody.table-row-group:not(:last-of-type) > tr:not(.table-row-group__header) > td {
  border-bottom: 0;
}

tbody.table-row-group.is-collapsed > tr:not(.table-row-group__header) {
  display: none;
}

tbody.table-row-group.is-collapsed .table-row-group__toggle-icon--collapse {
  display: none;
}

tbody.table-row-group:not(.is-collapsed) .table-row-group__toggle-icon--expand {
  display: none;
}

tbody.table-row-group + tbody.table-row-group {
  border-top: 0;
}

.table-row-group__header > td {
  border-top: 1px solid #d5d8db;
  border-bottom: 1px solid #d5d8db;
}

.table-row-group__header > td:first-child {
  border-left: 1px solid #d5d8db;
}

.table-row-group__header > td:last-child {
  border-right: 1px solid #d5d8db;
}

.table-row-group__header + tr:not(.table-row-group-header) > td {
  border-left: 1px solid #d5d8db;
  border-right: 1px solid #d5d8db;
  padding: 20px;
  background-color: #f4f4f4;
}

.table-collapsible.is-collapsed > .table-row-group:nth-child(5) ~ .table-row-group {
  display: none;
}

.table-collapsible.is-collapsed > .table-row-group:nth-child(5):not(.is-collapsed) ~ tfoot td {
  border-top-width: 1px;
  border-top-style: solid;
}

.table-collapsible.is-collapsed > .hidden-expanded:first-child {
  display: none;
}

.table-collapsible.is-collapsed > .table-row-group:nth-child(-n + 5) + .hidden-expanded {
  display: none;
}

.table-collapsible:not(.is-collapsed) > .hidden-expanded {
  display: none;
}

.thead-muted th {
  background-color: #f8f8f9;
}

.table-link-hover tbody tr:hover, tbody tr.table-row-link-hover:hover {
  background-color: #fef7ea;
  cursor: pointer;
}

.u-table-align-middle > th,
.u-table-align-middle > td {
  vertical-align: middle !important;
}

.u-table-col-min {
  width: 1px;
}

.u-table-col-15 {
  width: 15%;
  max-width: 1px;
}

.u-table-col-35 {
  width: 35%;
  max-width: 1px;
}

.u-table-col-30 {
  width: 30%;
  max-width: 1px;
}

.u-table-col-50 {
  width: 50%;
  max-width: 1px;
}

.u-table-layout-fixed {
  table-layout: fixed !important;
}

.o-grid-table > .row {
  border-top: 1px solid #d1cfd9;
}

.o-grid-table--striped > .row:nth-child(odd) {
  background-color: #f9f9f9;
}

.o-grid-table__header {
  font-weight: 600;
}

.o-grid-table__header--muted {
  background-color: #f8f8f9;
}

.o-grid-table--action-rows > .row:not(.o-grid-table__header):hover {
  background-color: #fef7ea;
  cursor: pointer;
}

.u-table-container--sticky-header {
  overflow-y: auto;
}

.u-table-container--sticky-header th {
  position: sticky;
  top: 0;
  box-shadow: 0 1px 0 0 #d1cfd9;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.o-select2 {
  color: #1a0d3f;
  background-color: #fff;
  border: 1px solid #a49fb2;
  border-radius: 0.25rem;
  height: 44px;
  line-height: 20px;
  padding-top: 11px;
  padding-bottom: 11px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.o-select2:focus {
  border-color: #6c00db;
}

.o-select2.select2-hidden-accessible {
  display: block;
  height: 44px !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.o-select2[multiple] {
  height: 44px;
}

.o-select2.o-select2--readonly + .select2-container {
  pointer-events: none;
  touch-action: none;
}

.o-select2.o-select2--readonly + .select2-container .select2-selection {
  background-color: #f8f8f9;
  border-color: #d1cfd9;
  box-shadow: none;
}

.o-select2.o-select2--readonly + .select2-container .select2-selection__arrow,
.o-select2.o-select2--readonly + .select2-container .select2-selection__clear {
  display: none;
}

.o-select2 + .select2 .select2-selection--single {
  color: #1a0d3f;
  background-color: #fff;
  border: 1px solid #a49fb2;
  border-radius: 0.25rem;
  display: block;
  height: 44px;
}

.o-select2 + .select2 .select2-selection--single:focus {
  border-color: #6c00db;
}

.o-select2 + .select2 .select2-selection--single .select2-selection__rendered,
.o-select2 + .select2 .select2-selection--single .select2-selection__arrow {
  height: 44px;
  line-height: 20px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.o-select2 + .select2 .select2-selection--single .select2-selection__rendered {
  color: #1a0d3f;
  padding-left: 1rem;
  padding-right: 30px;
}

.o-select2 + .select2 .select2-selection--single .select2-selection__arrow {
  width: 30px;
}

.o-select2 + .select2 .select2-selection--single .select2-selection__arrow b {
  right: 1rem;
  left: auto;
  margin-left: -2.5px;
  margin-top: -2.5px;
  border-width: 5px 5px 0;
  border-color: #a49fb2 transparent transparent;
}

.o-select2 + .select2 .select2-selection--multiple {
  line-height: 0;
  border: 1px solid #a49fb2;
}

.o-select2 + .select2 .select2-selection--multiple .select2-selection__rendered {
  padding: 3px 30px 3px 3px;
  position: relative;
}

.o-select2 + .select2 .select2-selection--multiple .select2-selection__rendered:after {
  top: 19.5px;
  right: 12.5px;
  border-color: #a49fb2 transparent transparent;
  border-width: 5px 5px 0;
  position: absolute;
  border-style: solid;
  content: '';
}

.o-select2 + .select2 .select2-selection--multiple .select2-search {
  margin: 3px;
  padding: 0 calc(1rem - 6px);
}

.o-select2 + .select2 .select2-selection--multiple .select2-search__field {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0;
  min-height: 20px;
  margin: 0;
  min-width: 100%;
}

.o-select2 + .select2 .select2-selection--multiple .select2-selection__choice + .select2-search {
  width: auto;
  padding: 0;
}

.o-select2 + .select2 .select2-selection--multiple .select2-selection__choice + .select2-search__field {
  min-width: 1px;
}

.o-select2 + .select2 .select2-selection__choice {
  font-size: 14px;
  line-height: 20px;
  margin: 3px;
  padding: 5px 10px;
  background-color: #f8f4fd;
  border-color: #f0e9fb;
  color: #1a0d3f;
  overflow: auto;
  max-width: 100%;
  display: flex;
  order: 1;
}

.o-select2 + .select2 .select2-selection__choice[data-non-removable='true'] .select2-selection__choice__remove {
  display: none;
}

.o-select2 + .select2 .select2-selection__choice__remove {
  margin-left: 10px;
  color: #6c00db;
  font-size: 22px;
  order: 2;
}

.o-select2 + .select2 .select2-selection__choice__remove:hover {
  color: #1a0d3f;
}

.o-select2 + .select2-container--open.select2-container--above .select2-selection--single,
.o-select2 + .select2-container--open.select2-container--above .select2-selection--multiple, .o-select2 + .select2-container--open.select2-container--below .select2-selection--single,
.o-select2 + .select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px;
}

.o-select2 + .select2-container--open.select2-container--above .select2-selection__arrow b, .o-select2 + .select2-container--open.select2-container--below .select2-selection__arrow b {
  border-width: 0 5px 5px;
}

.o-select2 + .select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #a49fb2;
}

.o-select2 + .select2-container--open .select2-selection--multiple .select2-selection__rendered:after {
  border-color: transparent transparent #a49fb2;
  border-width: 0 5px 5px;
}

.o-select2.is-invalid {
  border-color: #c50812;
}

.o-select2.is-invalid + .select2 .select2-selection {
  border-color: #c50812;
}

.has-error .o-select2 + .select2 .select2-selection {
  border-color: #c50812;
}

.select2-container--v4.select2-container.select2-container--open .select2-selection, .select2-container--v4.select2-container.select2-container--focus .select2-selection {
  border: 1px solid #6c00db;
}

.select2-container--v4.select2-container.select2-container--disabled .select2-selection {
  background-color: #f8f8f9;
  border-color: #d1cfd9;
  cursor: default;
}

.select2-container--v4.select2-container.select2-container--disabled .select2-selection .select2-selection__rendered {
  color: #a49fb2;
}

.select2-container--v4.select2-container.select2-container--disabled .select2-selection .select2-selection__clear,
.select2-container--v4.select2-container.select2-container--disabled .select2-selection .select2-selection__arrow {
  display: none;
}

.select2-container--v4 .select2-dropdown {
  border: 1px solid #a49fb2;
  border-radius: 4px;
}

.select2-container--v4 .select2-dropdown--above {
  margin-top: -5px;
}

.select2-container--v4 .select2-dropdown--below {
  margin-top: 5px;
}

.select2-container--v4 .select2-results {
  margin-bottom: 5px;
}

.select2-container--v4 .select2-results__option {
  font-size: 1rem;
  line-height: 1.5;
  padding: 5px 15px;
}

.select2-container--v4 .select2-results__option[aria-disabled] {
  display: none;
}

.select2-container--v4 .select2-results__group {
  font-size: 0.875rem;
  color: #1a0d3f;
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 15px 0 15px;
  margin-bottom: 0.25em;
}

.select2-container--v4 .select2-search--dropdown:after {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 1;
  top: 50%;
  margin-top: -7px;
}

.select2-container--inline {
  vertical-align: top;
}

.select2-container--inline .select2-selection--single {
  height: auto;
  background-color: transparent;
  border: 0;
}

.select2-container--inline .select2-selection--single .select2-selection__rendered {
  color: #6c00db;
  font-weight: 600;
  line-height: inherit;
}

.select2-container--inline .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: -5px;
  height: 100%;
}

.select2-container--inline .select2-selection--single .select2-selection__arrow b {
  border-color: #6c00db transparent transparent;
}

.select2-container--inline.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #6c00db;
}

.select2-container--dropdown .select2-dropdown {
  overflow: hidden;
  border: 1px solid #a49fb2;
  border-radius: 4px;
}

.select2-container--dropdown .select2-dropdown--above {
  margin-top: -5px;
}

.select2-container--dropdown .select2-dropdown--below {
  margin-top: 5px;
}

.select2-container--dropdown .select2-results {
  margin-bottom: 5px;
}

.select2-container--dropdown .select2-results__option {
  padding: 5px 15px;
}

.select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #f0e9fb;
  color: #1a0d3f;
}

.select2-dropdown .select2-results__option[aria-selected='true'] {
  background-color: #6c00db;
  color: #fff;
}

.select2-search--dropdown {
  position: relative;
}

.select2-search--dropdown:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 12px;
  right: 10px;
  color: #a49fb2;
}

.select2-search__field {
  border: 1px solid #a49fb2;
  border-radius: 3px;
}

.select2-search--dropdown .select2-search__field {
  height: 34px;
}

.u-select2--focusable {
  display: none;
}

:checked ~ .u-select2--focusable {
  display: inline-block;
}

.u-select2--focusable + .select2 {
  display: none;
}

:checked ~ .u-select2--focusable + .select2 {
  display: inline-block;
}

.o-select2-results__option--creatable {
  color: #1a0d3f;
  font-weight: bold;
}

.select2-results__option--highlighted .o-select2-results__option--creatable {
  color: #1a0d3f;
}

@media (max-width: 991px) {
  .main {
    min-height: auto;
  }
}

@media print {
  body {
    height: initial;
  }
  select,
  .post-comment,
  .is-new-answer,
  .select2-container {
    display: none !important;
  }
  .comments {
    border: 0;
  }
}

.o-react-select-container .o-react-select__control {
  min-height: 44px;
  cursor: pointer;
}

.o-react-select-container .o-react-select__control, .o-react-select-container .o-react-select__control:hover {
  border-color: #a49fb2;
}

.o-react-select-container .o-react-select__control--is-focused {
  box-shadow: none;
}

.o-react-select-container .o-react-select__control--is-focused, .o-react-select-container .o-react-select__control--is-focused:hover {
  border-color: #6c00db;
}

.o-react-select-container .o-react-select__clear-indicator {
  padding-right: 4px;
  padding-left: 4px;
  color: #a49fb2;
  font-size: 21px;
  line-height: 16px;
}

.o-react-select-container .o-react-select__clear-indicator:hover {
  color: #c50812;
}

.o-react-select-container .o-react-select__dropdown-indicator {
  padding-right: 12px;
  padding-left: 4px;
  color: #a49fb2;
}

.o-react-select-container .o-react-select__group {
  padding-bottom: 0;
}

.o-react-select-container .o-react-select__group:not(:first-child) {
  border-top: 1px solid #a49fb2;
}

.o-react-select-container .o-react-select__group-heading {
  color: #1a0d3f;
  font-size: 0.875rem;
  font-weight: 600;
}

.o-react-select-container .o-react-select__menu {
  overflow: hidden;
  border: 1px solid #a49fb2;
  box-shadow: none;
}

.o-react-select-container .o-react-select__menu-list {
  padding-top: 0;
  padding-bottom: 0;
}

.o-react-select-container .o-react-select__menu-notice--no-options {
  color: #5e5777;
  text-align: left;
}

.o-react-select-container .o-react-select__multi-value {
  margin: 3px;
  background-color: #f8f4fd;
  border: 1px solid #f0e9fb;
  border-radius: 4px;
  cursor: default;
}

.o-react-select-container .o-react-select__multi-value__label {
  padding: 5px 5px 5px 10px;
  font-size: 0.875rem;
}

.o-react-select-container .o-react-select__multi-value__remove {
  padding-right: 10px;
  color: #6c00db;
  font-size: 22px;
  font-weight: 600;
  line-height: 0;
  cursor: pointer;
}

.o-react-select-container .o-react-select__multi-value__remove, .o-react-select-container .o-react-select__multi-value__remove:hover {
  background-color: transparent;
}

.o-react-select-container .o-react-select__multi-value__remove:hover {
  color: #1a0d3f;
}

.o-react-select-container .o-react-select__option {
  padding: 5px 15px;
  cursor: pointer;
}

.o-react-select-container .o-react-select__option:active {
  background-color: #f0e9fb;
}

.o-react-select-container .o-react-select__option--is-disabled {
  pointer-events: none;
}

.o-react-select-container .o-react-select__option--is-focused {
  background-color: #f0e9fb;
}

.o-react-select-container .o-react-select__option--is-selected {
  background-color: #6c00db;
}

.o-react-select-container .o-react-select__option--is-selected:not(.o-react-select__option--is-disabled) {
  color: #fff;
}

.o-react-select-container .o-react-select__option--is-selected:active {
  background-color: #6c00db;
}

.o-react-select-container .o-react-select__placeholder {
  color: #a49fb2;
  white-space: nowrap;
}

.o-react-select-container .o-react-select__value-container {
  padding-left: calc(1rem - 2px);
}

.o-react-select-container .o-react-select__value-container--is-multi {
  cursor: text;
}

.o-react-select-container .o-react-select__value-container--is-multi.o-react-select__value-container--has-value {
  padding-left: 3px;
}

.o-react-select-container--md .o-react-select__control {
  min-height: 40px;
}

.o-react-select-container--md .o-react-select__multi-value__label {
  padding: 2px 5px 2px 10px;
}

.o-react-select-container--inline .o-react-select__control {
  min-height: auto;
  border: 0;
}

.o-react-select-container--inline .o-react-select__value-container {
  padding: 0;
}

.o-react-select-container--inline .o-react-select__single-value {
  margin: 0;
  max-width: none;
  overflow: visible;
  position: static;
  top: auto;
  transform: none;
}

.o-react-select-container--inline .o-react-select__dropdown-indicator {
  padding: 0;
}

.o-react-select-container--inline .o-react-select__menu {
  min-width: 10rem;
}

.o-react-select-container--right .o-react-select__menu {
  right: 0;
}

.o-react-select-container--nowrap .o-react-select__value-container.o-react-select__value-container--has-value {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.o-react-select-container--nowrap .o-react-select__multi-value {
  flex-shrink: 0;
}

.o-react-select-container--link .o-react-select__single-value, .o-react-select-container--link .o-react-select__single-value:hover,
.o-react-select-container--link .o-react-select__dropdown-indicator,
.o-react-select-container--link .o-react-select__dropdown-indicator:hover {
  color: #6c00db;
}

.o-react-select-container--show-selected-options .o-react-select__option-icon {
  color: #6c00db;
}

.o-react-select-container--show-selected-options .o-react-select__option-mark {
  color: #6c00db;
  text-decoration: underline;
}

.o-react-select-container--show-selected-options .o-react-select__option:hover {
  background-color: #f0e9fb;
  color: #1a0d3f;
}

.o-react-select-container--show-selected-options .o-react-select__option:hover .o-react-select__option-icon,
.o-react-select-container--show-selected-options .o-react-select__option:hover .o-react-select__option-mark {
  color: #6c00db;
}

.o-react-select-container--show-selected-options .o-react-select__option--is-selected {
  background-color: #fff;
}

.o-react-select-container--show-selected-options .o-react-select__option--is-selected:not(.o-react-select__option--is-disabled) {
  color: #1a0d3f;
}

.o-react-select-container--show-selected-options .o-react-select__option--is-selected:active {
  background-color: #f0e9fb;
}

.o-react-select-container--show-selected-options .o-react-select__option--is-focused {
  background-color: #f0e9fb;
}

.o-react-select-container--is-invalid .o-react-select__control {
  border-color: #c50812;
}

/* DayPicker styles */
.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;
  flex-direction: row;
  padding-bottom: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;
  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC");
}

.DayPicker-NavButton--next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==");
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */
.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */
.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;
  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */
.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.DayPicker {
  font-size: 0.875rem;
}

.DayPicker-Months {
  flex-wrap: nowrap;
}

.DayPicker-NavButton {
  right: 0.5em;
  top: 0.5em;
  color: #5e5777;
  background-image: none;
  font-size: 20px;
  width: 1em;
  height: 1em;
}

.DayPicker-NavButton--prev {
  margin-right: 1em;
}

.DayPicker-NavButton--prev:before {
  content: '\2039';
}

.DayPicker-NavButton--next:before {
  content: '\203a';
}

.DayPicker-Caption > div {
  font-size: 20px;
  color: #1a0d3f;
  font-weight: 600;
}

.DayPicker-Weekday {
  font-size: inherit;
  color: #5e5777;
}

.DayPicker-Day {
  border-radius: 0.25rem;
}

.DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #f0e9fb;
}

.DayPicker-WeekNumber {
  font-size: inherit;
}

.DayPicker-Day--today {
  color: #db3700;
}

.DayPicker-Day--disabled {
  color: #6c757d;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: #6c00db;
  color: #fff;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #5300a8;
}

.DayPicker--Range .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):not(.DayPicker-Day--start):not(.DayPicker-Day--end) {
  background-color: #f0e9fb;
  color: #1a0d3f;
}

.DayPicker--Range .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):not(.DayPicker-Day--start):not(.DayPicker-Day--end):hover {
  background-color: #d3bef3;
}

.DayPicker--Range .DayPicker-Day--selected {
  border-radius: 0;
}

.DayPicker--Range .DayPicker-Day--start {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.DayPicker--Range .DayPicker-Day--end {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.DayPickerInput {
  display: block;
}

.DayPickerInput-Wrapper {
  position: relative;
}

.DayPickerInput-Wrapper input {
  padding-left: 3em;
}

.DayPickerInput-Wrapper:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5em;
  color: #5e5777;
  font-size: 12px;
}

.DayPickerInput-Overlay {
  border: 1px solid #a49fb2;
  margin-top: 0.5rem;
  border-radius: 0.25rem;
  box-shadow: none;
}

[v-cloak] {
  display: none;
}

.notif-badge {
  padding-top: 0;
  height: 14px;
  min-width: 14px;
  line-height: 14px;
  padding: 0 0.25rem;
  background-color: #db3700;
  color: #fff;
  font-size: 10px;
}

.notif-header {
  padding: 15px 20px;
  border-bottom: 1px solid #ddd;
}

.notif-box {
  z-index: 3;
  width: 340px;
  left: -255px;
  margin-top: 15px;
  margin-left: 15px;
  padding: 0;
  border: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.notif-box:before {
  content: '';
  position: absolute;
  left: 75%;
  bottom: 100%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  pointer-events: none;
}

.notif-box .notif-list {
  height: auto;
  max-height: 360px;
}

.notif-box .notif-targeturl {
  min-height: 42px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.notif-empty {
  text-align: center;
  padding: 60px 20px;
}

.notif-head {
  padding: 40px 20px 20px;
  border-bottom: 1px solid #d1cfd9;
}

.notif-content {
  padding-top: 10px;
  height: 580px;
  overflow-x: hidden;
  overflow-y: auto;
  border-left: 1px solid #d8d5d0;
  transform: translateZ(0);
}

.notif-list {
  margin-bottom: 0;
  height: 460px;
  overflow-y: auto;
}

.notif {
  position: relative;
  border-bottom: 1px solid #ddd;
}

.notif.is-unread:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 41px;
  left: 10px;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #db3700;
}

.notif-box .notif.is-unread:before {
  top: 29px;
}

.notif.is-selected {
  box-shadow: inset 3px 0 #1a0d3f;
}

.notif:hover {
  background-color: #f8f8f9;
}

.notif-targeturl {
  display: flex;
  padding: 20px;
  min-height: 50px;
}

.notif-targeturl.dropdown-item {
  white-space: normal;
}

.notif-targeturl.dropdown-item:hover, .notif-targeturl.dropdown-item:focus {
  background-color: #f8f8f9;
  color: inherit;
}

.notif-icon {
  margin-right: 2px;
}

.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.datepicker table tr td, .datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #6c757d;
}

.datepicker table tr td.day:hover, .datepicker table tr td.focused {
  background: #f0e9fb;
  cursor: pointer;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active:hover, .datepicker table tr td.highlighted.active:focus, .datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled]:hover, .datepicker table tr td.highlighted[disabled]:focus, .datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #6c757d;
}

.datepicker table tr td.today {
  color: #db3700;
}

.datepicker table tr td.today:focus, .datepicker table tr td.today.focus {
  color: #db3700;
}

.datepicker table tr td.today:hover {
  color: #db3700;
}

.datepicker table tr td.today:active, .datepicker table tr td.today.active {
  color: #db3700;
}

.datepicker table tr td.today:active:hover, .datepicker table tr td.today:active:focus, .datepicker table tr td.today:active.focus, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.active:focus, .datepicker table tr td.today.active.focus {
  color: #db3700;
}

.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active {
  color: #6c757d;
}

.datepicker table tr td.range {
  color: #1a0d3f;
  background-color: #f0e9fb;
  border-color: #f0e9fb;
  border-radius: 0;
}

.datepicker table tr td.range:focus, .datepicker table tr td.range.focus {
  color: #1a0d3f;
  background-color: #d3bef3;
  border-color: #a67de7;
}

.datepicker table tr td.range:hover {
  color: #1a0d3f;
  background-color: #d3bef3;
  border-color: #cdb5f2;
}

.datepicker table tr td.range:active, .datepicker table tr td.range.active {
  color: #1a0d3f;
  background-color: #d3bef3;
  border-color: #cdb5f2;
}

.datepicker table tr td.range:active:hover, .datepicker table tr td.range:active:focus, .datepicker table tr td.range:active.focus, .datepicker table tr td.range.active:hover, .datepicker table tr td.range.active:focus, .datepicker table tr td.range.active.focus {
  color: #1a0d3f;
  background-color: #bea0ee;
  border-color: #a67de7;
}

.datepicker table tr td.range.disabled:hover, .datepicker table tr td.range.disabled:focus, .datepicker table tr td.range.disabled.focus, .datepicker table tr td.range[disabled]:hover, .datepicker table tr td.range[disabled]:focus, .datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range:hover,
fieldset[disabled] .datepicker table tr td.range:focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #f0e9fb;
  border-color: #f0e9fb;
}

.datepicker table tr td.range.focused {
  background: #d3bef3;
}

.datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active {
  background: #f0e9fb;
  color: #6c757d;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e5ebf9;
  border-color: #e5ebf9;
}

.datepicker table tr td.range.highlighted:focus, .datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #bccbef;
  border-color: #7d9be1;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #bccbef;
  border-color: #b3c5ee;
}

.datepicker table tr td.range.highlighted:active, .datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #bccbef;
  border-color: #b3c5ee;
}

.datepicker table tr td.range.highlighted:active:hover, .datepicker table tr td.range.highlighted:active:focus, .datepicker table tr td.range.highlighted:active.focus, .datepicker table tr td.range.highlighted.active:hover, .datepicker table tr td.range.highlighted.active:focus, .datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #9fb5e9;
  border-color: #7d9be1;
}

.datepicker table tr td.range.highlighted.disabled:hover, .datepicker table tr td.range.highlighted.disabled:focus, .datepicker table tr td.range.highlighted.disabled.focus, .datepicker table tr td.range.highlighted[disabled]:hover, .datepicker table tr td.range.highlighted[disabled]:focus, .datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e5ebf9;
  border-color: #e5ebf9;
}

.datepicker table tr td.range.highlighted.focused {
  background: #bccbef;
}

.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active {
  background: #e5ebf9;
  color: #6c757d;
}

.datepicker table tr td.range.today {
  color: #1a0d3f;
  background-color: #f8dee0;
  border-color: #f8dee0;
}

.datepicker table tr td.range.today:focus, .datepicker table tr td.range.today.focus {
  color: #1a0d3f;
  background-color: #efb4b8;
  border-color: #e2757d;
}

.datepicker table tr td.range.today:hover {
  color: #1a0d3f;
  background-color: #efb4b8;
  border-color: #edacb1;
}

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active {
  color: #1a0d3f;
  background-color: #efb4b8;
  border-color: #edacb1;
}

.datepicker table tr td.range.today:active:hover, .datepicker table tr td.range.today:active:focus, .datepicker table tr td.range.today:active.focus, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today.active:focus, .datepicker table tr td.range.today.active.focus {
  color: #1a0d3f;
  background-color: #e9969d;
  border-color: #e2757d;
}

.datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled.focus, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f8dee0;
  border-color: #f8dee0;
}

.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active {
  background: #f0e9fb;
  color: #6c757d;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #6c00db;
  border-color: #6c00db;
}

.datepicker table tr td.selected:focus, .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted:focus, .datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5300a8;
  border-color: #2d005c;
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5300a8;
  border-color: #4e009e;
}

.datepicker table tr td.selected:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.highlighted:active, .datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5300a8;
  border-color: #4e009e;
}

.datepicker table tr td.selected:active:hover, .datepicker table tr td.selected:active:focus, .datepicker table tr td.selected:active.focus, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.active:focus, .datepicker table tr td.selected.active.focus, .datepicker table tr td.selected.highlighted:active:hover, .datepicker table tr td.selected.highlighted:active:focus, .datepicker table tr td.selected.highlighted:active.focus, .datepicker table tr td.selected.highlighted.active:hover, .datepicker table tr td.selected.highlighted.active:focus, .datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #410084;
  border-color: #2d005c;
}

.datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled.focus, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.focus, .datepicker table tr td.selected.highlighted.disabled:hover, .datepicker table tr td.selected.highlighted.disabled:focus, .datepicker table tr td.selected.highlighted.disabled.focus, .datepicker table tr td.selected.highlighted[disabled]:hover, .datepicker table tr td.selected.highlighted[disabled]:focus, .datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #6c00db;
  border-color: #6c00db;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #6c00db;
  border-color: #6c00db;
}

.datepicker table tr td.active:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted:focus, .datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #5300a8;
  border-color: #2d005c;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #5300a8;
  border-color: #4e009e;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #5300a8;
  border-color: #4e009e;
}

.datepicker table tr td.active:active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #410084;
  border-color: #2d005c;
}

.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled].focus,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.focus, .datepicker table tr td.active.highlighted.disabled:hover, .datepicker table tr td.active.highlighted.disabled:focus, .datepicker table tr td.active.highlighted.disabled.focus, .datepicker table tr td.active.highlighted[disabled]:hover, .datepicker table tr td.active.highlighted[disabled]:focus, .datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #6c00db;
  border-color: #6c00db;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background: #f0e9fb;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: default;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #6c00db;
  border-color: #6c00db;
}

.datepicker table tr td span.active:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #5300a8;
  border-color: #2d005c;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #5300a8;
  border-color: #4e009e;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #5300a8;
  border-color: #4e009e;
}

.datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #410084;
  border-color: #2d005c;
}

.datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active.disabled:hover[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #6c00db;
  border-color: #6c00db;
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #6c757d;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #f0e9fb;
}

.datepicker .prev.disabled, .datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker table tr td, .datepicker table tr th {
  font-weight: 400;
}

.datepicker table tr td.range-start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.datepicker table tr td.range-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.datepicker table tr td.today {
  font-weight: 600;
}

.datepicker table tr td.active {
  color: #fff;
  background-color: #850fff;
  border-color: #850fff;
}

.datepicker table tr td.active:focus, .datepicker table tr td.active.focus {
  color: #fff;
  background-color: #6c00db;
  border-color: #46008f;
}

.datepicker table tr td.active:hover {
  color: #fff;
  background-color: #6c00db;
  border-color: #6700d1;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.active {
  color: #fff;
  background-color: #6c00db;
  border-color: #6700d1;
}

.datepicker table tr td.active:active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.active.focus {
  color: #fff;
  background-color: #5a00b7;
  border-color: #46008f;
}

.datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active[disabled].focus,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.focus {
  background-color: #850fff;
  border-color: #850fff;
}

.datepicker .datepicker-switch {
  font-weight: 600;
}

.datepicker .dow {
  color: #5e5777;
}

.chart__axis {
  font-family: inherit;
  font-size: 13px;
}

.chart__axis line,
.chart__axis .domain {
  color: #d1cfd9;
  shape-rendering: crispEdges;
}

.chart__axis text {
  color: #5e5777;
}

[data-whatintent="mouse"] .page-link:focus,
[data-whatintent="touch"] .page-link:focus {
  box-shadow: none;
}

.popover--error {
  min-width: 276px;
  border: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.popover--error .arrow:before {
  border-color: transparent;
}

.o-progress-bar-group {
  display: flex;
}

.o-progress-bar-group .progress {
  flex: 1 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50rem;
}

.o-progress-bar-group .progress + .progress {
  margin-left: -1px;
}

.o-progress-bar-group .progress:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.o-progress-bar-group .progress:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.o-progress-bar-group .progress:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  position: fixed;
  z-index: 1030;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #db3700;
}

.range-label {
  z-index: 0;
}

.range-label:before, .range-label:after {
  border-top: 1px solid #5e5777;
  background-color: #5e5777;
  width: 50%;
  top: 0;
  display: block;
  position: absolute;
}

.range-label:not(:last-child):after {
  content: '';
  left: 50%;
}

.range-label:not(:first-child):before {
  content: '';
  right: 50%;
}

.range-label.disabled:before, .range-label.disabled:after {
  border-top: 1px solid #a49fb2;
  background-color: #a49fb2;
}

.o-show-more {
  position: relative;
  overflow: hidden;
}

@media not print {
  .o-show-more.is-collapsed .o-show-more__faded-area {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 30px);
  }
  .o-show-more.is-collapsed .o-show-more__faded-area--wild-sand-solid {
    background-image: linear-gradient(to bottom, rgba(244, 244, 244, 0), #f4f4f4 30px);
  }
  .o-show-more.is-collapsed .o-show-more__faded-area--kin-90 {
    background-image: linear-gradient(to bottom, rgba(255, 252, 251, 0), #fffcfb 30px);
  }
  .o-show-more.is-collapsed .o-show-more__faded-area--tide-30 {
    background-image: linear-gradient(to bottom, rgba(248, 248, 249, 0), #f8f8f9 30px);
  }
}

@media print {
  .o-show-more {
    max-height: none !important;
  }
}

.o-show-password-wrapper {
  position: relative;
}

.o-show-password-wrapper input[type="password"]::-ms-reveal {
  display: none;
}

.o-show-password {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 1;
  margin-top: -0.5em;
  margin-right: 12px;
  color: #5e5777;
}

.o-sticky-bar {
  box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, 0.15);
}

.sortable-content {
  position: relative;
  list-style: none;
}

.sortable-content:hover .sortable-handle__icon {
  opacity: 1;
}

.sortable-content .sortable-handle {
  display: block;
}

.sortable-handle {
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  width: 20px;
  height: 100%;
}

.sortable-handle__icon {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  color: #999999;
  cursor: move;
  transition: opacity 100ms;
}

.fsp-picker.fsp-picker {
  background-color: rgba(255, 255, 255, 0.8);
}

.fsp-picker__close-button.fsp-picker__close-button {
  background-color: rgba(134, 143, 162, 0.2);
}

.fsp-picker__close-button.fsp-picker__close-button:hover {
  background-color: rgba(134, 143, 162, 0.8);
}

.fsp-modal.fsp-modal {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
}

.fsp-picker__footer.fsp-picker__footer {
  display: none;
}

.o-attach__icon {
  transform: rotate(225deg);
}

.o-attachment-preview {
  border-width: 0;
  overflow: hidden;
}

.o-attachment-preview .close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  opacity: 0.7;
}

.o-attachment-preview .close:hover, .o-attachment-preview .close:focus {
  opacity: 1;
}

.o-attachment-preview .modal-header,
.o-attachment-preview .modal-footer {
  border-width: 0;
}

.o-attachment-preview .modal-footer {
  height: 80px;
  padding: 0;
  line-height: 80px;
}

.o-attachment-preview__download-btn {
  vertical-align: baseline;
}

.o-attachment-preview--image .modal-body,
.o-attachment-preview--audio .modal-body,
.o-attachment-preview--video .modal-body {
  background-color: #eee;
  font-size: 0;
}

.o-attachment-preview:not(.o-attachment-preview--audio) .o-attachment-preview__content {
  border: 0;
  border-top: 80px solid transparent;
  margin-top: -80px;
  max-width: 100%;
  min-height: 140px;
  max-height: 85vh;
}

.o-attachment-preview--video .o-attachment-preview__content,
.o-attachment-preview--audio .o-attachment-preview__content,
.o-attachment-preview--filestack-viewer .o-attachment-preview__content {
  width: 100%;
}

.o-attachment-preview--audio .o-attachment-preview__content {
  margin-top: 60px;
}

.o-attachment-preview--filestack-viewer .o-attachment-preview__content {
  height: 85vh;
}

.o-attachment-preview--filestack-viewer .o-attachment-preview__content > iframe {
  border: 0;
}

.o-attachment-preview--filestack-viewer .o-attachment-preview__content:after {
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #aaa;
  box-shadow: 0 -1px 0 rgba(198, 195, 195, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);
}

.o-attachment-preview--filestack-viewer .close {
  display: none;
}

.o-attachment-preview--no-preview {
  padding-top: 60px;
  padding-bottom: 40px;
}

.o-attachment-preview--no-preview .o-attachment-preview__content {
  font-size: 15px;
}

.is-showing-attachment-modal .modal-backdrop {
  z-index: 1170;
}

.is-showing-attachment-modal .modal {
  z-index: 1180;
}

.c-empty-state-box {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5e5777;
}

.c-empty-state-box__icon {
  color: #d1cfd9;
}

.c-empty-state-box__title {
  color: #1a0d3f;
  font-size: 22px;
  line-height: 32px;
  margin: 5px 0;
}

.c-empty-state-box__title:empty {
  display: none;
}

.c-empty-state-box__subtitle {
  line-height: 22px;
  letter-spacing: 0.1px;
}

.c-empty-state-box__note {
  font-size: 14px;
  line-height: 20px;
}

.c-empty-state-box__note:empty {
  display: none;
}

.o-collapsible-toggle[aria-expanded="true"] .o-collapsible-toggle__show {
  display: none;
}

.o-collapsible-toggle[aria-expanded="false"] .o-collapsible-toggle__hide {
  display: none;
}

@media print {
  .o-collapsible-toggle {
    display: none !important;
  }
}

details:not([open]) > *:not(summary) {
  display: none !important;
}

.o-details-reset > summary {
  list-style: none;
}

.o-details-reset > summary::before {
  display: none;
}

.o-details-reset > summary::-webkit-details-marker {
  display: none;
}

details[open] > summary .o-details-content--closed {
  display: none !important;
}

details:not([open]) > summary .o-details-content--open {
  display: none !important;
}

@media print {
  details > summary .o-details-content--open,
  details > summary .o-details-content--closed {
    display: none !important;
  }
}

[data-reach-accordion-item][data-state='open'] .o-details-content--closed {
  display: none !important;
}

[data-reach-accordion-item][data-state='collapsed'] .o-details-content--open {
  display: none !important;
}

@media print {
  [data-reach-accordion-item] .o-details-content--open,
  [data-reach-accordion-item] .o-details-content--closed {
    display: none !important;
  }
}

.c-toast-update {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  display: flex;
  align-items: center;
  max-width: 350px;
  padding: 16px;
  background-color: #fff;
  border-radius: 0.25rem;
  opacity: 0.9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body > .pnotify {
  position: fixed;
  z-index: 100040;
}

body > .pnotify.pnotify-modal {
  z-index: 100042;
}

.pnotify {
  position: absolute;
  height: auto;
  z-index: 1;
  display: none;
  transition: opacity .1s linear;
  opacity: 0;
}

.pnotify.pnotify-modal {
  z-index: 3;
}

.pnotify.pnotify-in {
  display: block;
  opacity: 1;
}

.pnotify.pnotify-initial {
  display: block;
}

.pnotify-hidden {
  visibility: hidden;
}

.pnotify.pnotify-move {
  transition: left .4s ease,top .4s ease,right .4s ease,bottom .4s ease;
}

.pnotify.pnotify-fade-slow {
  transition: opacity .4s linear;
  opacity: 0;
}

.pnotify.pnotify-fade-slow.pnotify.pnotify-move {
  transition: opacity .4s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease;
}

.pnotify.pnotify-fade-normal {
  transition: opacity .25s linear;
  opacity: 0;
}

.pnotify.pnotify-fade-normal.pnotify.pnotify-move {
  transition: opacity .25s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease;
}

.pnotify.pnotify-fade-fast {
  transition: opacity .1s linear;
  opacity: 0;
}

.pnotify.pnotify-fade-fast.pnotify.pnotify-move {
  transition: opacity .1s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease;
}

.pnotify.pnotify-masking {
  display: block;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
}

.pnotify.pnotify-masking.pnotify-stack-up {
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
}

.pnotify.pnotify-masking.pnotify-stack-left {
  -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
  mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
}

.pnotify.pnotify-masking.pnotify-stack-right {
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), transparent 30px, transparent);
}

.pnotify.pnotify-fade-in, .pnotify.pnotify-masking-in {
  opacity: 1;
}

.pnotify .pnotify-shadow {
  box-shadow: 0 6px 28px 0 rgba(0, 0, 0, 0.1);
}

.pnotify-container {
  position: relative;
  background-position: 0 0;
  padding: .8em;
  height: 100%;
  margin: 0;
}

.pnotify-container:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.pnotify-closer, .pnotify-sticker {
  float: right;
  margin-left: .5em;
  cursor: pointer;
}

[dir=rtl] .pnotify-closer, [dir=rtl] .pnotify-sticker {
  float: left;
  margin-right: .5em;
  margin-left: 0;
}

.pnotify-title {
  display: block;
  white-space: pre-line;
  margin-bottom: .4em;
  margin-top: 0;
}

.pnotify.pnotify-with-icon .pnotify-content {
  margin-left: 24px;
}

[dir=rtl] .pnotify.pnotify-with-icon .pnotify-content {
  margin-right: 24px;
  margin-left: 0;
}

.pnotify-pre-line {
  white-space: pre-line;
}

.pnotify-icon, .pnotify-icon span {
  display: block;
  float: left;
}

[dir=rtl] .pnotify-icon, [dir=rtl] .pnotify-icon span {
  float: right;
}

.pnotify-modal-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  transition: opacity .25s linear;
  opacity: 0;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.pnotify-modal-overlay-up {
  align-items: flex-start;
}

.pnotify-modal-overlay-left {
  justify-content: flex-start;
  align-items: center;
}

.pnotify-modal-overlay-right {
  justify-content: flex-end;
  align-items: center;
}

.pnotify-modal-overlay.pnotify-modal-overlay-in {
  opacity: 1;
}

.pnotify-modal-overlay-closes:after {
  content: "×";
  font-family: Arial;
  font-size: 3rem;
  color: #fff;
  text-shadow: 0 0 .4rem #fff;
}

body > .pnotify-modal-overlay {
  position: fixed;
  z-index: 100041;
}

.c-toast {
  max-width: 350px;
  padding: 16px;
  background-color: #fff;
  border-radius: 0.25rem;
  opacity: 0.9;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.c-toast,
.pnotify .c-toast.pnotify-shadow {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.c-toast,
.pnotify.pnotify-with-icon .c-toast .pnotify-content {
  margin-left: 0;
}

.c-toast__icon {
  font-size: 1.75rem;
}

.c-toast--success .c-toast__icon {
  color: #58d498;
}

.c-toast--info .c-toast__icon {
  color: #1babf2;
}

.c-toast--warning .c-toast__icon {
  color: #ffcf00;
}

.c-toast--danger .c-toast__icon {
  color: #c50812;
}

.c-toast__close:before {
  content: '\00d7';
}

.o-info-tooltip__content {
  padding: calc(10px - 0.25rem) calc(10px - 0.5rem);
  text-align: left;
}

.o-info-tooltip__content a {
  font-weight: 600;
  text-decoration: underline;
}

.o-info-tooltip__content a, .o-info-tooltip__content a:hover, .o-info-tooltip__content a:focus {
  color: #fff;
}

.o-info-tooltip__icon {
  margin-top: -3px;
  fill: currentColor;
  pointer-events: none;
}

.o-disabled-tooltip button[disabled] {
  pointer-events: none;
}

.tooltip-alt.show {
  opacity: 1;
}

.tooltip-alt .arrow {
  width: 1.6rem;
  height: 0.8rem;
}

.tooltip-alt .arrow:after {
  position: absolute;
  content: '';
  border-color: transparent;
  border-style: solid;
}

.tooltip-alt.bs-tooltip-top, .tooltip-alt.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.8rem 0;
}

.tooltip-alt.bs-tooltip-top .arrow:before, .tooltip-alt.bs-tooltip-auto[x-placement^="top"] .arrow:before {
  bottom: 0;
  border-width: 0.8rem 0.8rem 0;
  border-top-color: #e8ebf0;
}

.tooltip-alt.bs-tooltip-top .arrow:after, .tooltip-alt.bs-tooltip-auto[x-placement^="top"] .arrow:after {
  bottom: 2px;
  border-width: 0.8rem 0.8rem 0;
  border-top-color: #fff;
}

.tooltip-alt.bs-tooltip-bottom, .tooltip-alt.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.8rem 0;
}

.tooltip-alt.bs-tooltip-bottom .arrow:before, .tooltip-alt.bs-tooltip-auto[x-placement^="bottom"] .arrow:before {
  top: 0;
  border-width: 0 0.8rem 0.8rem;
  border-bottom-color: #e8ebf0;
}

.tooltip-alt.bs-tooltip-bottom .arrow:after, .tooltip-alt.bs-tooltip-auto[x-placement^="bottom"] .arrow:after {
  top: 2px;
  border-width: 0 0.8rem 0.8rem;
  border-bottom-color: #fff;
}

.tooltip-inner-alt {
  max-width: 330px;
  padding: 15px 20px;
  background-color: #fff;
  border: 1px solid #e8ebf0;
  border-radius: 6px;
  color: #495057;
}

.tooltip-inner {
  max-width: 350px;
}

.c-timepicker.show .c-timepicker__input {
  color: #1a0d3f;
}

.c-timepicker.show .c-timepicker__input:before {
  content: '';
}

.c-timepicker__input::-webkit-clear-button {
  display: none;
}

.c-timepicker__input--empty {
  color: transparent;
}

@supports (-moz-appearance: none) {
  .c-timepicker__input--empty {
    color: initial;
  }
}

.c-timepicker__input--empty:before {
  color: #a49fb2;
  position: absolute;
  top: 12px;
  left: 6px;
  content: attr(placeholder);
  white-space: nowrap;
}

.o-super-user-content {
  border: 1px solid red;
  padding: 32px 8px 8px 8px;
  position: relative;
}

.o-super-user-content:before {
  color: red;
  content: 'Only displayed when signed in as a user';
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
}

/**
 * Impersonation Mode Styles
 *
 * Automatically disables write-operation buttons when body.is-impersonating is present.
 * This provides visual feedback that certain actions are blocked during impersonation.
 */
.is-impersonating button[type='submit']:not([data-impersonation-allowed]),
.is-impersonating input[type='submit']:not([data-impersonation-allowed]) {
  opacity: 0.5;
}

.is-impersonating button[data-method='post']:not([data-impersonation-allowed]),
.is-impersonating button[data-method='put']:not([data-impersonation-allowed]),
.is-impersonating button[data-method='patch']:not([data-impersonation-allowed]),
.is-impersonating button[data-method='delete']:not([data-impersonation-allowed]),
.is-impersonating a[data-method='post']:not([data-impersonation-allowed]),
.is-impersonating a[data-method='put']:not([data-impersonation-allowed]),
.is-impersonating a[data-method='patch']:not([data-impersonation-allowed]),
.is-impersonating a[data-method='delete']:not([data-impersonation-allowed]) {
  opacity: 0.5;
}

.is-impersonating button[class*='save']:not([data-impersonation-allowed]):not([class*='cancel']),
.is-impersonating button[class*='submit']:not([data-impersonation-allowed]),
.is-impersonating button[class*='delete']:not([data-impersonation-allowed]),
.is-impersonating button[class*='remove']:not([data-impersonation-allowed]),
.is-impersonating button[class*='create']:not([data-impersonation-allowed]),
.is-impersonating button[class*='update']:not([data-impersonation-allowed]),
.is-impersonating button[class*='edit']:not([data-impersonation-allowed]):not([class*='cancel']),
.is-impersonating button[class*='post']:not([data-impersonation-allowed]),
.is-impersonating button[class*='put']:not([data-impersonation-allowed]),
.is-impersonating button[class*='patch']:not([data-impersonation-allowed]),
.is-impersonating button[class*='export']:not([data-impersonation-allowed]),
.is-impersonating button[class*='download']:not([data-impersonation-allowed]),
.is-impersonating button[class*='mark']:not([data-impersonation-allowed]),
.is-impersonating button[class*='change']:not([data-impersonation-allowed]),
.is-impersonating button[class*='enable']:not([data-impersonation-allowed]),
.is-impersonating button[class*='disable']:not([data-impersonation-allowed]),
.is-impersonating button[class*='start']:not([data-impersonation-allowed]),
.is-impersonating button[class*='stop']:not([data-impersonation-allowed]),
.is-impersonating button[class*='restart']:not([data-impersonation-allowed]),
.is-impersonating button[class*='reset']:not([data-impersonation-allowed]),
.is-impersonating button[class*='archive']:not([data-impersonation-allowed]),
.is-impersonating button[class*='push']:not([data-impersonation-allowed]),
.is-impersonating button[class*='pull']:not([data-impersonation-allowed]),
.is-impersonating button[class*='assign']:not([data-impersonation-allowed]),
.is-impersonating button[class*='follow']:not([data-impersonation-allowed]),
.is-impersonating button[class*='draft']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='save']:not([data-impersonation-allowed]):not([data-static-id*='cancel']),
.is-impersonating button[data-static-id*='submit']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='delete']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='remove']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='create']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='update']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='edit']:not([data-impersonation-allowed]):not([data-static-id*='cancel']),
.is-impersonating button[data-static-id*='post']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='put']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='patch']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='export']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='download']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='mark']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='change']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='enable']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='disable']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='start']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='stop']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='restart']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='reset']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='archive']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='push']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='pull']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='assign']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='follow']:not([data-impersonation-allowed]),
.is-impersonating button[data-static-id*='draft']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='save']:not([data-impersonation-allowed]):not([aria-label*='cancel']),
.is-impersonating button[aria-label*='submit']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='delete']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='remove']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='create']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='update']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='edit']:not([data-impersonation-allowed]):not([aria-label*='cancel']),
.is-impersonating button[aria-label*='post']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='put']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='patch']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='export']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='download']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='mark']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='change']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='enable']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='disable']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='start']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='stop']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='restart']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='reset']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='archive']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='push']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='pull']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='assign']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='follow']:not([data-impersonation-allowed]),
.is-impersonating button[aria-label*='draft']:not([data-impersonation-allowed]),
.is-impersonating a[data-static-id*='export']:not([data-impersonation-allowed]),
.is-impersonating a[data-static-id*='download']:not([data-impersonation-allowed]),
.is-impersonating a[data-static-id*='create']:not([data-impersonation-allowed]) {
  opacity: 0.5;
}

.is-impersonating form:not([data-impersonation-allowed]) button[type='submit'],
.is-impersonating form:not([data-impersonation-allowed]) input[type='submit'] {
  opacity: 0.5;
}

.is-impersonating .impersonation-disabled {
  opacity: 0.5;
}

.c-breadcrumbs {
  margin-top: -20px;
  margin-bottom: 16px;
  padding-top: 10px;
}

.c-breadcrumbs .container {
  min-height: 24px;
}

.c-breadcrumbs-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.c-breadcrumbs-list__item {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  display: inline-block;
  line-height: 24px;
  color: #5e5777;
}

.c-breadcrumbs-list__item:after {
  content: '\203a';
  display: inline-block;
  margin: 0 8px;
  font-size: 18px;
  line-height: 0;
}

.c-breadcrumbs-list__item.active {
  color: #1a0d3f;
  font-weight: bold;
}

.c-breadcrumbs-list__item.active:after {
  display: none;
}

.c-footer-list {
  min-height: 3rem;
}

@media (max-width: 991.98px) {
  .c-footer-list {
    line-height: 40px;
  }
}

.filestack-drop-pane {
  background-color: #f9f9f9 !important;
}

/* Customizes the text color */
.filestack-drop-pane .filestack-drag-message {
  color: #333 !important;
}

.fsp-drop-pane__container {
  background-color: rgba(94, 87, 119, 0.35) !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.action-transition-exit {
  opacity: 1;
}

.action-transition-exit-active {
  opacity: 0;
  transition: opacity 500ms;
}

.ai-helper-activate-btn {
  position: absolute;
  top: 12px;
  width: 30px;
  height: 30px;
  right: 35px;
  font-size: 18px;
  color: #94979a;
}

.ai-helper-activate-btn .fa-question-circle {
  opacity: 0;
  transition: opacity 100ms;
}

.o-emoji-container:hover .ai-helper-activate-btn .fa-question-circle,
.o-emoji-container.is-active .ai-helper-activate-btn .fa-question-circle,
.o-emoji-container__field:hover ~ .ai-helper-activate-btn .fa-question-circle,
.o-emoji-container__field:focus ~ .ai-helper-activate-btn .fa-question-circle, .ai-helper-activate-btn:hover .fa-question-circle, .ai-helper-activate-btn.active .fa-question-circle, .ai-helper-activate-btn.is-visible .fa-question-circle {
  opacity: 1;
}

.ai-self-review-assistant-menu {
  width: 500px;
  background-color: #f7f7f7;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 15px;
  color: #5e5777;
  font-size: 16px;
  z-index: 1050;
}

.pumpkin_spice {
  background-color: #fff;
  overflow-x: hidden;
}

.pumpkin_spice .signup-btn {
  font-size: 25px;
}

.pumpkin_spice .onboarding-header {
  height: 54px;
  background-color: #fff;
}

.pumpkin_spice .onboarding-quote__text {
  font-size: 24px;
}

@media (min-width: 1200px) {
  .c-container--onboarding {
    max-width: 1170px;
  }
}

.onboarding-container {
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 50px 40px;
  background-color: #fff;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 5px 35px -10px rgba(0, 0, 0, 0.25);
}

.onboarding-container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background-color: #d1cfd9;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.c-onboarding-h1 {
  font-size: 42px;
  line-height: 52px;
}

.c-onboarding-description {
  color: #5e5777;
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 0.16px;
}

.c-onboarding-form:invalid [type="submit"] {
  color: #5e5777;
  background-color: #e7e7eb;
  border-color: #e7e7eb;
  cursor: not-allowed;
}

.c-onboarding-form .form-label {
  font-size: 20px;
}

.c-onboarding-form .form-control--password {
  padding-right: 60px;
}

@media (min-width: 992px) {
  .onboarding-create-password-modal {
    padding: 50px 30px;
  }
}

.onboarding-create-password-modal__form {
  padding: 20px 15px;
}

@media (min-width: 992px) {
  .onboarding-create-password-modal__form {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.onboarding-create-password-modal .trial-days__icon {
  height: 120px;
  position: relative;
}

.onboarding-create-password-modal .trial-days__icon .icon {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -55px;
  width: 110px;
  height: 110px;
  border: 5px solid #e4eef3;
  border-radius: 50%;
}

.onboarding-create-password-modal .trial-days__icon .days {
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -55px;
  text-align: center;
  width: 110px;
  color: #fc5457;
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
}

.onboarding-create-password-modal .modal-body {
  background-color: #fcc55f;
  border-radius: 3px;
  padding: 0 15px;
}

.onboarding-create-password-modal .trial-list {
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 24px;
}

.onboarding-create-password-modal .fa-check {
  font-size: 16px;
  margin-right: 10px;
}

.c-watermelon-blue-header-icon {
  font-size: 40px;
  line-height: 1;
}

.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 18px;
  border-radius: 4px;
  min-width: 120px;
  max-width: calc(100vw - 80px);
  z-index: 1050;
  background-color: #fff;
  color: #1a0d3f;
  font-size: 14px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.atwho-view .cur {
  background-color: #6c00db;
  color: #fff;
}

.atwho-view .cur small {
  color: #fff;
}

.atwho-view .cur strong {
  color: #fff;
  font-weight: 600;
}

.atwho-view small {
  color: #777;
  font-weight: nomal;
  font-size: smaller;
}

.atwho-view strong {
  color: #6c00db;
}

.atwho-view ul {
  list-style: none;
  padding: 0;
  margin: auto;
  max-height: 200px;
  overflow-y: auto;
}

.atwho-view li {
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
}

.atwho-view img {
  margin-left: 5px;
}

.atwho-view .emoji {
  margin-left: 5px;
}

.rich-text-editor.atwho-view {
  display: block;
  top: calc(100% - 12px);
  margin-top: 0;
}

.rich-text-editor.atwho-view .cur {
  background-color: #6c00db;
  color: #fff;
}

.rich-text-editor.atwho-view .current {
  background-color: #d5d8db;
  color: #1a0d3f;
}

.atwho-view .avatar {
  display: inline-block;
  margin: 5px 0;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #f9f9fb;
  color: #999999;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}

.atwho-view .cur .avatar,
.atwho-view .cur .avatar strong {
  color: #6c00db;
}

.emoji-menu {
  width: 300px;
  background-color: #f7f7f7;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #5e5777;
  font-size: 9.5px;
  line-height: 10px;
  z-index: 1050;
}

.emoji-menu[x-placement^="top"] {
  margin-bottom: 9px;
}

.emoji-menu[x-placement^="top"] .emoji-menu__arrow {
  top: 100%;
}

.emoji-menu[x-placement^="top"] .emoji-menu__arrow:before, .emoji-menu[x-placement^="top"] .emoji-menu__arrow:after {
  border-bottom-width: 0;
}

.emoji-menu[x-placement^="top"] .emoji-menu__arrow:before {
  border-top-color: #b8c3c9;
}

.emoji-menu[x-placement^="top"] .emoji-menu__arrow:after {
  bottom: 1px;
  border-top-color: #f6f8fa;
}

.emoji-menu[x-placement^="bottom"] {
  margin-top: 9px;
}

.emoji-menu[x-placement^="bottom"] .emoji-menu__arrow {
  bottom: 100%;
}

.emoji-menu[x-placement^="bottom"] .emoji-menu__arrow:before, .emoji-menu[x-placement^="bottom"] .emoji-menu__arrow:after {
  border-top-width: 0;
}

.emoji-menu[x-placement^="bottom"] .emoji-menu__arrow:before {
  border-bottom-color: #b8c3c9;
}

.emoji-menu[x-placement^="bottom"] .emoji-menu__arrow:after {
  top: 1px;
  border-bottom-color: #f6f8fa;
}

.emoji-menu__arrow {
  position: absolute;
  width: 18px;
  height: 9px;
}

.emoji-menu__arrow:before, .emoji-menu__arrow:after {
  position: absolute;
  content: '';
  border: 9px solid transparent;
  pointer-events: none;
}

.emoji-menu__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 8px 2px;
}

.emoji-menu__tab-name {
  color: #9e9ea6;
  display: inline-block;
  padding: 4px 5px 4px;
  margin: 4px 10px 0 2px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}

.emoji-menu__tab-name:hover {
  color: #75726d;
  border-color: #cbc7c0;
}

.emoji-menu__tab-name.active {
  color: #75726d;
  border-color: #66adb3;
}

.emoji-menu__tab-name .fa {
  font-size: 19px;
  line-height: 22px;
}

.emoji-menu__items {
  padding: 10px 0 10px 10px;
  background-color: #fff;
  height: 235px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.emoji-menu__items .emoji-icon {
  margin: 4px;
  display: inline-block;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.375rem;
  width: auto;
  height: auto;
  max-width: 24px;
  max-height: 24px;
  line-height: 1.1;
}

.emoji-menu__footer {
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  position: relative;
}

.emoji-menu__search {
  position: relative;
}

.emoji-menu__search-input {
  padding: 2px 2em;
  width: 95%;
  margin: 5px 2.5px 10px;
  border-radius: 6px;
}

.emoji-menu__search-icon {
  position: absolute;
  top: 10px;
  left: 12px;
  color: #5e5777;
  font-size: 14px;
}

.emoji-menu__search-header {
  margin: 5px 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  position: relative;
  text-transform: capitalize;
}

.emoji-preview {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 2px 10px;
  background-color: #f7f7f7;
  border-radius: 0 0 6px 6px;
  transition: opacity 0.1s;
}

.emoji-preview__img {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 40px;
  width: 40px;
  height: 40px;
  line-height: 1;
  margin: 10px 5px;
}

.emoji-preview__text {
  font-size: 14px;
  line-height: 16px;
  padding: 10px 0;
  font-weight: 600;
}

.emoji-preview__aliases {
  font-size: 12px;
  font-weight: 400;
}

.emoji-preview__placeholder {
  margin: 0;
  padding: 15px 0;
  font-size: 14px;
  text-align: center;
}

.emoji-category__name {
  margin: 5px 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 15px;
  position: relative;
  text-transform: capitalize;
}

.emoji-category__list {
  margin-bottom: 10px;
}

.popper-emoji-menu[data-popper-placement^="top"] {
  margin-bottom: 13px;
}

.popper-emoji-menu[data-popper-placement^="top"] .emoji-menu__arrow {
  top: 100%;
}

.popper-emoji-menu[data-popper-placement^="top"] .emoji-menu__arrow:before, .popper-emoji-menu[data-popper-placement^="top"] .emoji-menu__arrow:after {
  border-bottom-width: 0;
}

.popper-emoji-menu[data-popper-placement^="top"] .emoji-menu__arrow:before {
  border-top-color: #b8c3c9;
}

.popper-emoji-menu[data-popper-placement^="top"] .emoji-menu__arrow:after {
  bottom: 1px;
  border-top-color: #f6f8fa;
}

.popper-emoji-menu[data-popper-placement^="bottom"] {
  margin-top: 13px;
}

.popper-emoji-menu[data-popper-placement^="bottom"] .emoji-menu__arrow {
  bottom: 100%;
}

.popper-emoji-menu[data-popper-placement^="bottom"] .emoji-menu__arrow:before, .popper-emoji-menu[data-popper-placement^="bottom"] .emoji-menu__arrow:after {
  border-top-width: 0;
}

.popper-emoji-menu[data-popper-placement^="bottom"] .emoji-menu__arrow:before {
  border-bottom-color: #b8c3c9;
}

.popper-emoji-menu[data-popper-placement^="bottom"] .emoji-menu__arrow:after {
  top: 1px;
  border-bottom-color: #f6f8fa;
}

.o-emoji-container {
  position: relative;
}

.o-pulse {
  margin: -20px;
  padding: 20px;
  border: 3px solid transparent;
  border-radius: 3px;
  transition: border-color 300ms;
}

@media (max-width: 480px) {
  .o-pulse {
    padding: 20px 10px;
  }
}

.notif-content .o-pulse {
  margin: 0;
}

.o-pulse.selected--1 {
  border-color: #c50812;
}

.o-pulse.selected--1 .link-text--1 {
  display: inline-block;
}

.o-pulse.selected--2 {
  border-color: #ff835b;
}

.o-pulse.selected--2 .link-text--2 {
  display: inline-block;
}

.o-pulse.selected--3 {
  border-color: #f4ae2a;
}

.o-pulse.selected--3 .link-text--3 {
  display: inline-block;
}

.o-pulse.selected--4 {
  border-color: #16dbdb;
}

.o-pulse.selected--4 .link-text--4 {
  display: inline-block;
}

.o-pulse.selected--5 {
  border-color: #2ddba7;
}

.o-pulse.selected--5 .link-text--5 {
  display: inline-block;
}

.o-pulse--1 {
  border-color: #c50812;
}

.o-pulse--2 {
  border-color: #ff835b;
}

.o-pulse--3 {
  border-color: #f4ae2a;
}

.o-pulse--4 {
  border-color: #16dbdb;
}

.o-pulse--5 {
  border-color: #2ddba7;
}

.o-pulse-status {
  font-size: 18px;
  line-height: 20px;
}

.o-pulse__legend {
  color: #5e5777;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

@media (max-width: 480px) {
  .o-pulse__legend {
    position: absolute;
    top: 100%;
    text-align: center;
  }
  .o-pulse__legend:first-child {
    left: 23px;
    transform: translateX(-50%);
  }
  .o-pulse__legend:last-child {
    right: 23px;
    transform: translateX(50%);
  }
}

.o-pulse__legend--responsive {
  position: absolute;
  top: 100%;
  text-align: center;
}

.o-pulse__legend--responsive:first-child {
  left: 23px;
  transform: translateX(-50%);
}

.o-pulse__legend--responsive:last-child {
  right: 23px;
  transform: translateX(50%);
}

.o-pulse__value {
  width: 52px;
  height: 52px;
  font-size: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  font-family: Cornbread, PhantomSans, Georgia, "Times New Roman", Times, serif;
  line-height: 1;
  color: #5e5777;
  border: 2px solid #d1cfd9;
  border-radius: 50%;
  transition: 200ms;
  transition-property: background-color, border-color, color, transform;
  will-change: transform;
  cursor: pointer;
}

:focus + .o-pulse__value {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .o-pulse__value,
[data-whatintent="touch"] :focus + .o-pulse__value {
  outline: 0;
}

@keyframes pulse-animation {
  100% {
    transform: scale(1.1);
  }
}

.o-pulse__value:hover {
  animation: 300ms pulse-animation ease-in-out infinite alternate;
}

.o-pulse__value--1:hover {
  border-color: #c50812;
  color: #c50812;
}

:checked + .o-pulse__value--1 {
  background-color: #c50812;
  border-color: #c50812;
  color: #fff;
}

.o-pulse__value--2:hover {
  border-color: #ff835b;
  color: #ff835b;
}

:checked + .o-pulse__value--2 {
  background-color: #ff835b;
  border-color: #ff835b;
  color: #1a0d3f;
}

.o-pulse__value--3:hover {
  border-color: #f4ae2a;
  color: #f4ae2a;
}

:checked + .o-pulse__value--3 {
  background-color: #f4ae2a;
  border-color: #f4ae2a;
  color: #1a0d3f;
}

.o-pulse__value--4:hover {
  border-color: #16dbdb;
  color: #16dbdb;
}

:checked + .o-pulse__value--4 {
  background-color: #16dbdb;
  border-color: #16dbdb;
  color: #1a0d3f;
}

.o-pulse__value--5:hover {
  border-color: #2ddba7;
  color: #2ddba7;
}

:checked + .o-pulse__value--5 {
  background-color: #2ddba7;
  border-color: #2ddba7;
  color: #1a0d3f;
}

@keyframes pulse-bounce {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.o-pulse__value--animate, .o-pulse__value--animate:hover {
  animation: 300ms pulse-bounce cubic-bezier(0.2, 0.6, 0.35, 1);
}

@media (max-width: 991px) {
  .o-pulse__value {
    width: 46px;
    height: 46px;
    font-size: 23px;
  }
}

.o-pulse__details,
.o-pulse__details-link-copy,
.o-pulse__details-field {
  display: none;
}

.selected .o-pulse__details {
  display: block;
}

.o-pulse__details-link.open {
  color: #5e5777;
  cursor: default;
  text-decoration: none;
}

.open + .o-pulse__details-field {
  display: block;
}

.c-banner {
  padding: 8px;
  text-align: center;
}

.c-banner a:not(.btn) {
  text-decoration: underline;
}

[data-whatintent="keyboard"] .c-banner a:not(.btn):focus {
  text-decoration: none;
}

.c-banner--danger {
  background-color: #ffeef6;
  color: #c50812;
}

.c-banner--danger a:not(.btn) {
  color: inherit;
}

.c-banner--danger a:not(.btn):hover {
  color: #ff52a1;
}

[data-whatintent="keyboard"] .c-banner--danger a:not(.btn):focus {
  outline-color: #ff52a1;
}

.c-banner--notify {
  background-color: #f0e9fb;
  color: #1a0d3f;
}

.c-banner--regular {
  background-color: #e7e7eb;
  color: #1a0d3f;
}

.c-banner--info {
  background-color: #e8fbfb;
  color: #0f9999;
}

.c-banner--info > i {
  color: #16dbdb;
}

.c-banner--link {
  background-color: #f0e9fb;
  color: #4c0099;
}

.c-banner--link a:not(.btn) {
  color: inherit;
}

.c-banner--link a:not(.btn):hover {
  color: #6c00db;
}

[data-whatintent="keyboard"] .c-banner--link a:not(.btn):focus {
  outline-color: #6c00db;
}

.c-banner--link > i {
  color: #6c00db;
}

.c-banner--action {
  background-color: #ffd2c4;
  color: #1a0d3f;
}

.c-banner--action a:not(.btn) {
  color: #db3700;
}

.c-banner--action a:not(.btn):hover {
  color: #ad3b1c;
}

[data-whatintent="keyboard"] .c-banner--action a:not(.btn):focus {
  outline-color: #ad3b1c;
}

.c-banner--action > i {
  color: #db3700;
}

.c-banner-btn-update {
  background-color: #6c00db;
  border-radius: 9999px;
  border-color: #6c00db;
}

.c-banner-btn-update:hover {
  background-color: #746d8a;
  border-color: #746d8a;
}

.c-banner-add-team-btn > button {
  background-color: transparent;
  border-radius: 9999px;
  border-color: #8226e0;
  color: #8226e0;
  padding: 9px 20px;
}

.c-banner-add-team-btn > button:hover {
  background-color: #fff;
  color: #8226e0;
}

.c-banner-top-bar-btn > button,
.c-banner-top-bar-btn a {
  background-color: transparent;
  border-radius: 9999px;
  border-color: transparent;
  color: #5e5777;
  text-decoration: none;
}

.c-banner-top-bar-btn > button:hover,
.c-banner-top-bar-btn a:hover {
  background-color: #e7e7eb;
}

.company-brand {
  width: 100px;
  height: 64px;
}

.company-brand > svg {
  height: auto;
}

.high-five-filter__icon {
  position: absolute;
  top: 16px;
  left: 20px;
}

/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}

.public-DraftEditor-content[contenteditable=true] {
  -webkit-user-modify: read-write-plaintext-only;
}

.DraftEditor-root {
  position: relative;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: .1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1, lower-alpha) ". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2, lower-roman) ". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4, lower-alpha) ". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}

.o-high-five-container {
  border: 1px solid #e8ebf0;
  background-color: #fbfbfa;
  border-radius: 4px;
  padding: 15px;
}

.o-high-five-container .fa-circle-o-notch,
.o-high-five-container .fa-check {
  margin-left: 15px;
}

.o-high-five,
:focus ~ .o-high-five {
  background-color: #fff;
  border: 1px solid #eee;
}

.DraftEditor-editorContainer {
  z-index: 0;
}

.public-DraftEditorPlaceholder-root {
  z-index: 0;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftEditorPlaceholder-inner {
  white-space: nowrap !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (min-width: 480px) {
  .o-emoji-container .o-emoji-container__field {
    padding-right: 40px;
  }
}

.high-fives-modal__content {
  font-size: 22px;
}

.high-fives-modal__comments {
  border: 0;
}

.high-fives-modal__comments > li:first-child {
  padding-top: 20px;
}

.high-fives-modal__comments > li:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.high-fives-privacy {
  border: 2px solid #eee;
  min-width: 115px;
  background-color: #fafafa;
  border-left: 0;
  border-radius: 0 6px 6px 0;
  transition-property: background-color, border-color;
  transition-duration: 100ms;
}

:focus ~ .high-fives-privacy {
  border-color: #d1cfd9;
  background-color: #fff;
}

.answer-error .high-fives-privacy {
  border-color: #c50812;
}

.high-fives-privacy .icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.high-fives-privacy__btn {
  color: #5e5777;
  padding: 13px 15px;
}

.high-fives-privacy__btn .icon {
  margin-right: 6px;
}

.high-fives-privacy__btn[data-state="public"] .icon-high-five-lock,
.high-fives-privacy__btn[data-state="private"] .icon-earth {
  display: none;
}

.high-fives-privacy__menu {
  margin-top: 14px;
  padding: 0;
  border: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}

.high-fives-privacy__menu:before, .high-fives-privacy__menu:after {
  content: '';
  position: absolute;
  bottom: 100%;
  width: 0;
  height: 0;
}

.high-fives-privacy__menu:before {
  right: 15px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.02);
}

.high-fives-privacy__menu:after {
  right: 17px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}

.high-fives-privacy__menu .fa-check {
  display: none;
  color: inherit;
  position: static;
  top: auto;
  left: auto;
  padding: 0;
  font-size: inherit;
}

.high-fives-privacy__menu .active .fa-check {
  display: block;
}

.high-fives-privacy__menu-item {
  padding: 15px;
  color: #5e5777;
}

.high-fives-privacy__menu-item.active, .high-fives-privacy__menu-item:active {
  background-color: #e7eced;
  color: #5e5777;
}

.high-fives-privacy__menu-item:hover, .high-fives-privacy__menu-item:focus {
  background-color: #6c00db;
  color: #fff;
}

.high-fives-privacy__menu-item:hover h4, .high-fives-privacy__menu-item:focus h4 {
  color: inherit;
}

.high-fives-privacy__menu-item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.high-fives__answer-wrap.input-group .report_answer {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.high-fives__answer-wrap.input-group .answer-emoji {
  z-index: 4;
  margin-right: 115px;
}

.high-fives__list {
  margin-bottom: 0;
  padding-right: 10px;
}

@media screen and (min-width: 768px) {
  body.has-navigation-refresh .c-app-viewport {
    margin-left: 48px;
  }
  body.has-navigation-refresh.side-nav--expanded .c-app-viewport {
    margin-left: 224px;
  }
}

.sidenav{
  position: fixed;
  bottom: 0px;
  left: 0px;
  top: 0px;
  z-index: 1032;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media print{
  .sidenav{
    display: none;
  }
}

.sidenav {
  width: 224px;
  box-shadow: 0 0 19.2px 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
  .sidenav {
    visibility: hidden;
    width: 0;
    overflow: hidden;
  }
  .sidenav.sidenav--mobile-open {
    visibility: visible;
    width: 224px;
    overflow: visible;
  }
}

.sidenav__mobile-close{
  display: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}

@media (max-width: 767px) {
  .sidenav__mobile-close {
    display: block;
  }
}

.sidenav__mobile-close-btn{
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #1a0d3f;
  background: none;
  border: none;
  padding: 10px;
}

.sidenav__inner{
  display: flex;
  height: 100%;
  flex-direction: column;
  width: 224px;
}

.sidenav__header{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.75rem;
  padding: 10px 10px 10px 20px;
}

.sidenav__logo-area{
  position: relative;
  flex-shrink: 0;
}

.sidenav__logo-container{
  position: relative;
}

.sidenav__company-logo{
  display: block;
  flex-shrink: 0;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 37px;
  height: 37px;
  -o-object-fit: contain;
     object-fit: contain;
}

.sidenav__ff-logo-badge{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
  --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  width: 17px;
  height: 17px;
  overflow: hidden;
  bottom: -4px;
  right: -4px;
}

.sidenav__ff-logo-badge svg {
  width: 17px;
  height: 17px;
}

.sidenav__header-text{
  display: flex;
  flex: 1 1;
  flex-direction: column;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}

.sidenav__collapse-wrapper{
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
}

.sidenav__collapse-btn{
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
}

.sidenav__collapse-btn img {
  opacity: 0.45;
}

.sidenav__collapse-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

.sidenav__collapse-btn:hover img {
  opacity: 0.7;
}

.sidenav-toggle-group {
  display: none;
  padding: 0 11px;
  margin-bottom: 12px;
}

.sidenav-toggle-group .sidenav-link__icon-img {
  opacity: 0.7;
}

.sidenav__company-name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

.sidenav__app-name{
  font-size: 0.875rem;
}

.sidenav__content{
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 11px;
  min-height: 0;
}

.sidenav-group{
  margin-bottom: 0.75rem;
}

.sidenav-group__label{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-transform: uppercase;
  color: #8C869F;
  line-height: 18px;
  letter-spacing: 0.8px;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
}

.sidenav-link-wrapper{
  padding: 0.25rem;
}

.sidenav-link{
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 4px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #1a0d3f;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.sidenav-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
  text-decoration: none;
}

.sidenav-link--active{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
  text-decoration: none;
}

.sidenav-link--level-1 {
  padding-left: 40px;
}

.sidenav-link__icon{
  margin-right: 0.5rem;
  display: flex;
  flex-shrink: 0;
}

.sidenav-link__icon-img {
  width: 16px;
  height: 16px;
}

.sidenav-link__label{
  flex: 1 1;
  min-width: 0;
}

.sidenav-link__chevron{
  flex-shrink: 0;
  margin-left: auto;
}

.sidenav-link__chevron-img {
  width: 12px;
  height: 12px;
}

.sidenav-children {
  margin: 4px -4px -4px;
}

.sidenav__footer{
  flex-shrink: 0;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 243 245 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: auto;
  padding-left: 11px;
  padding-right: 11px;
}

.sidenav-footer__enable-company {
  padding: 4px 4px 8px;
}

.sidenav-footer__enable-company-btn{
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  border-radius: 4px;
  border-style: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  color: #1a0d3f;
  background: none;
  font-size: inherit;
  font-family: inherit;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
}

.sidenav-footer__enable-company-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

.sidenav-footer__enable-company-icon{
  margin-right: 0.5rem;
  display: flex;
  flex-shrink: 0;
}

.sidenav-footer__user-row{
  display: flex;
  align-items: center;
  padding: 4px 8px;
}

.sidenav-footer__user{
  display: flex;
  flex: 1 1;
  align-items: center;
  gap: 0.5rem;
  color: #1a0d3f;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}

.sidenav-footer__user:hover {
  text-decoration: none;
}

.sidenav-footer__inline-actions{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
}

.sidenav-footer__inline-action{
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: none;
  border: none;
  padding: 0;
  width: 24px;
  height: 24px;
}

.sidenav-footer__inline-action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

.sidenav-footer__avatar{
  flex-shrink: 0;
}

.sidenav-footer__avatar .avatar {
  width: 32px;
  height: 32px;
}

.sidenav-footer__avatar-initials{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-weight: 700;
  width: 32px;
  height: 32px;
  background-color: #d9eaff;
  color: #3b82f6;
  font-size: 14px;
}

.sidenav-footer__user-name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1a0d3f;
  line-height: 24px;
}

.sidenav-footer__actions{
  display: flex;
  flex-direction: column;
}

.sidenav-footer__action{
  display: flex;
  cursor: pointer;
  align-items: center;
  border-radius: 4px;
  color: #1a0d3f;
  background: none;
  border: none;
  padding: 4px 8px;
  margin: 4px 0;
  gap: 8px;
  line-height: 24px;
  text-align: left;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.sidenav-footer__action:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

.sidenav-footer__action--collapsed-only {
  display: none;
}

.sidenav-footer__icon{
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.sidenav--collapsed {
  width: 48px;
}

.sidenav--collapsed .sidenav__inner {
  width: 48px;
}

.sidenav--collapsed .sidenav__header{
  justify-content: center;
  padding-left: 6px;
  padding-right: 6px;
  height: 65px;
}

.sidenav--collapsed .sidenav__content {
  padding: 0 4px;
}

.sidenav--collapsed .sidenav-group__label {
  display: none;
}

.sidenav--collapsed .sidenav-link-wrapper {
  padding: 2px;
}

.sidenav--collapsed .sidenav-link{
  justify-content: center;
  padding: 8px;
}

.sidenav--collapsed .sidenav-link__label,
.sidenav--collapsed .sidenav-link__chevron,
.sidenav--collapsed .sidenav__header-text,
.sidenav--collapsed .sidenav__collapse-wrapper {
  display: none;
}

.sidenav--collapsed .sidenav-toggle-group {
  display: block;
  padding: 0 4px;
}

.sidenav--collapsed .sidenav-toggle-btn{
  justify-content: center;
  padding: 8px;
}

.sidenav--collapsed .sidenav-link__icon {
  margin-right: 0;
}

.sidenav--collapsed .sidenav-children {
  display: none;
}

.sidenav--collapsed .sidenav__footer{
  display: flex;
  flex-direction: column;
  padding-left: 4px;
  padding-right: 4px;
}

.sidenav--collapsed .sidenav-footer__user{
  justify-content: center;
  padding: 4px 8px;
}

.sidenav--collapsed .sidenav-footer__enable-company {
  padding: 2px 2px 4px;
}

.sidenav--collapsed .sidenav-footer__enable-company-btn{
  justify-content: center;
  padding: 8px;
}

.sidenav--collapsed .sidenav-footer__enable-company-icon {
  margin-right: 0;
}

.sidenav--collapsed .sidenav-footer__user-row {
  order: 1;
  padding: 0;
}

.sidenav--collapsed .sidenav-footer__actions {
  order: 0;
}

.sidenav--collapsed .sidenav-footer__user-name {
  display: none;
}

.sidenav--collapsed .sidenav-footer__inline-actions {
  display: none;
}

.sidenav--collapsed .sidenav-footer__action--collapsed-only {
  display: flex;
}

.sidenav--collapsed .sidenav-footer__action{
  justify-content: center;
  padding: 8px;
}

.sidenav--collapsed .sidenav-footer__action span {
  display: none;
}

.sidenav--collapsed .sidenav-footer__action .sidenav-notifications__badge {
  display: flex;
  top: 3px;
  right: 4px;
}

.sidenav--collapsed .sidenav-link--has-active-child{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

body:not(.side-nav--expanded) .sidenav {
  width: 48px;
}

body:not(.side-nav--expanded) .sidenav .sidenav__inner {
  width: 48px;
}

body:not(.side-nav--expanded) .sidenav .sidenav__header{
  justify-content: center;
  padding-left: 6px;
  padding-right: 6px;
  height: 65px;
}

body:not(.side-nav--expanded) .sidenav .sidenav__content {
  padding: 0 4px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-group__label {
  display: none;
}

body:not(.side-nav--expanded) .sidenav .sidenav-link-wrapper {
  padding: 2px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-link{
  justify-content: center;
  padding: 8px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-link__label,
body:not(.side-nav--expanded) .sidenav .sidenav-link__chevron,
body:not(.side-nav--expanded) .sidenav .sidenav__header-text,
body:not(.side-nav--expanded) .sidenav .sidenav__collapse-wrapper {
  display: none;
}

body:not(.side-nav--expanded) .sidenav .sidenav-toggle-group {
  display: block;
  padding: 0 4px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-toggle-btn{
  justify-content: center;
  padding: 8px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-link__icon {
  margin-right: 0;
}

body:not(.side-nav--expanded) .sidenav .sidenav-children {
  display: none;
}

body:not(.side-nav--expanded) .sidenav .sidenav__footer{
  display: flex;
  flex-direction: column;
  padding-left: 4px;
  padding-right: 4px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__user{
  justify-content: center;
  padding: 4px 8px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__enable-company {
  padding: 2px 2px 4px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__enable-company-btn{
  justify-content: center;
  padding: 8px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__enable-company-icon {
  margin-right: 0;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__user-row {
  order: 1;
  padding: 0;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__actions {
  order: 0;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__user-name {
  display: none;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__inline-actions {
  display: none;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__action--collapsed-only {
  display: flex;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__action{
  justify-content: center;
  padding: 8px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__action span {
  display: none;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__action .sidenav-notifications__badge {
  display: flex;
  top: 3px;
  right: 4px;
}

body:not(.side-nav--expanded) .sidenav .sidenav-link--has-active-child{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__icon--expand {
  display: block;
}

body:not(.side-nav--expanded) .sidenav .sidenav-footer__icon--collapse {
  display: none;
}

.sidenav-footer__icon--expand {
  display: none;
}

.sidenav-footer__icon--collapse {
  display: block;
}

.sidenav--animating-expand,
.sidenav--animating-collapse {
  overflow: hidden;
}

.sidenav--animating-expand .sidenav__inner,
.sidenav--animating-collapse .sidenav__inner {
  width: 224px;
}

.sidenav--animating-expand .sidenav__collapse-wrapper,
.sidenav--animating-collapse .sidenav__collapse-wrapper {
  display: none;
}

.sidenav--animating-collapse .sidenav-footer__inline-actions {
  display: none;
}

.sidenav-popover {
  min-width: 160px;
}

.sidenav-popover__header{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 243 245 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
  color: #1a0d3f;
  line-height: 24px;
}

.sidenav-popover__links{
  display: flex;
  flex-direction: column;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.sidenav-popover__link{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #1a0d3f;
  line-height: 24px;
}

.sidenav-popover__link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
  text-decoration: none;
}

.sidenav-popover__link--active{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

.sidenav-settings {
  min-width: 260px;
  max-width: 320px;
  max-height: 80vh;
  overflow-y: auto;
}

.sidenav-settings__group{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 243 245 / var(--tw-border-opacity));
  padding: 6px 0;
}

.sidenav-settings__group:last-child {
  border-bottom: none;
}

.sidenav-settings__group-label{
  text-transform: uppercase;
  color: #8C869F;
  padding: 4px 12px;
  line-height: 16px;
  letter-spacing: 0.8px;
  font-size: 10px;
}

.sidenav-settings__user{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 4px 12px 6px;
}

.sidenav-settings__user-avatar{
  flex-shrink: 0;
}

.sidenav-settings__user-avatar .avatar {
  width: 28px;
  height: 28px;
}

.sidenav-settings__user-email{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1a0d3f;
  font-size: 13px;
  line-height: 18px;
}

.sidenav-settings__items{
  display: flex;
  flex-direction: column;
}

.sidenav-settings__item{
  display: block;
  width: 100%;
  cursor: pointer;
  text-align: left;
  color: #1a0d3f;
  background: none;
  border: none;
  padding: 5px 12px;
  line-height: 22px;
  font-size: inherit;
  font-family: inherit;
}

.sidenav-settings__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
  text-decoration: none;
}

.sidenav-settings__external-icon{
  margin-left: 0.25rem;
  color: #8C869F;
  font-size: 11px;
}

.sidenav-footer__inline-action--notifications,
.sidenav-footer__action--notifications {
  position: relative;
  overflow: visible;
}

.sidenav-notifications__badge{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(219 55 0 / var(--tw-bg-opacity));
  font-weight: 700;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  top: -2px;
  right: -4px;
  pointer-events: none;
}

.sidenav-notifications {
  width: 360px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.sidenav-notifications__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(244 243 245 / var(--tw-border-opacity));
  font-weight: 700;
  color: #1a0d3f;
  padding: 10px 12px;
  flex-shrink: 0;
}

.sidenav-notifications__view-all{
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.sidenav-notifications__view-all:hover {
  text-decoration: none;
}

.sidenav-notifications__list {
  overflow-y: auto;
  max-height: 400px;
}

.sidenav-notifications__item{
  display: flex;
  gap: 0.5rem;
  color: #1a0d3f;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.sidenav-notifications__item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
  text-decoration: none;
}

.sidenav-notifications__item--unread{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity));
}

.sidenav-notifications__item--unread:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity));
}

.sidenav-notifications__avatar{
  flex-shrink: 0;
  border-radius: 9999px;
  width: 36px;
  height: 36px;
  -o-object-fit: cover;
     object-fit: cover;
}

.sidenav-notifications__content{
  flex: 1 1;
  min-width: 0;
}

.sidenav-notifications__text {
  font-size: 13px;
  line-height: 18px;
  max-height: calc(3 * 18px);
  overflow: hidden;
}

.sidenav-notifications__time{
  color: #8C869F;
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
}

.sidenav-notifications__empty{
  text-align: center;
  color: #8C869F;
  padding: 32px 12px;
  font-size: 14px;
}

.sidenav-notifications__loading{
  text-align: center;
  color: #8C869F;
  padding: 12px;
  font-size: 13px;
}

.sidenav-notifications__end{
  text-align: center;
  padding: 10px 12px;
  font-size: 13px;
}

.sidenav-notifications__end a{
  color: #1a0d3f;
}

.sidenav-notifications__end a:hover {
  text-decoration: none;
}

@keyframes key-result-save {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.objective-state--inactive .o-objective-actions__edit, .objective-state--inactive
.o-objective-actions__complete, .objective-state--inactive
.o-objective-actions__deactivate {
  display: none;
}

.o-objective-actions__reactivate {
  display: none;
}

.objective-state--inactive .o-objective-actions__reactivate {
  display: block;
}

.objective-state--inactive .hide-on-inactive {
  display: none !important;
}

.c-objective-status-option {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #d1cfd9;
  border-radius: 50%;
}

:enabled + .c-objective-status-option {
  cursor: pointer;
}

.c-objective-status-option:before {
  width: 8px;
  height: 8px;
  content: '';
  position: absolute;
  background-color: currentColor;
  border-radius: 50%;
  transition: 100ms;
  transition-property: width, height;
}

.c-objective-status-option:hover:before {
  width: 16px;
  height: 16px;
}

:focus + .c-objective-status-option {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .c-objective-status-option,
[data-whatintent="touch"] :focus + .c-objective-status-option {
  outline: 0;
}

:checked + .c-objective-status-option:before, .c-objective-status-option.active:before {
  width: 20px;
  height: 20px;
}

:disabled + .c-objective-status-option:before {
  width: 8px;
  height: 8px;
}

.c-objective-status-option--red {
  color: #db3700;
}

.c-objective-status-option--yellow {
  color: #fea737;
}

.c-objective-status-option--green {
  color: #58d498;
}

.c-objective-status-option--unspecified:before {
  display: none;
}

.c-objective-status-option--sm.active, .c-objective-status-option--sm.active:before {
  width: 10px;
  height: 10px;
}

.c-objective-status-percentage {
  width: 30px;
}

.o-objective-status-bg--red {
  background-color: #db3700;
  border: 1px solid #db3700;
}

.o-objective-status-bg--yellow {
  background-color: #fea737;
  border: 1px solid #fea737;
}

.o-objective-status-bg--green {
  background-color: #58d498;
  border: 1px solid #58d498;
}

.o-objective-status-bg--unspecified {
  background-color: #b9bec3;
  border: 1px solid #b9bec3;
}

.o-objective-status-color--red {
  color: #db3700;
}

.o-objective-status-color--yellow {
  color: #fea737;
}

.o-objective-status-color--green {
  color: #58d498;
}

.o-key-result-input-group[data-type] {
  width: auto;
}

.o-key-result-input-group[data-type]:after {
  height: 34px;
  padding: 7px 15px;
  display: block;
  border-radius: 8px;
  white-space: nowrap;
}

.c-objective-key-results__item:hover .o-key-result-input-group[data-type]:after {
  background-color: #f0e9fb;
  cursor: pointer;
}

.objective-state--inactive .c-objective-key-results__item:hover .o-key-result-input-group[data-type]:after,
.objective-state--future .c-objective-key-results__item:hover .o-key-result-input-group[data-type]:after {
  background-color: #f6f8fa;
  cursor: default;
}

.c-objective-key-results__item:not(.is-editable):hover .o-key-result-input-group[data-type]:after {
  background-color: #f6f8fa;
  cursor: default;
}

.o-key-result-input-group[data-type][data-type="percent"]:after {
  content: attr(data-value) attr(data-symbol);
}

.o-key-result-input-group[data-type][data-type="default_currency"]:after, .o-key-result-input-group[data-type][data-type="currency"]:after {
  content: attr(data-symbol) attr(data-value);
}

.o-key-result-input-group[data-type][data-type="number"]:after, .o-key-result-input-group[data-type][data-type="boolean"]:after {
  content: attr(data-value);
}

.o-key-result-input-group[data-type]:not(.active) .o-key-result-input-group__input,
.o-key-result-input-group[data-type]:not(.active) .o-key-result-input-group__select,
.o-key-result-input-group[data-type]:not(.active) .o-key-result-input-group__addon{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.o-key-result-input-group[data-type].active:after {
  display: none;
}

.o-key-result-input-group__input {
  padding: 5px 10px;
}

.o-key-result-input-group__text {
  padding: 5px;
  min-width: 30px;
  justify-content: center;
}

.o-key-result-input-group__select {
  width: 130px;
}

.o-key-result-input-group__select + .select2 .select2-selection--single {
  height: 34px;
}

.o-key-result-input-group__select + .select2 .select2-selection--single .select2-selection__rendered,
.o-key-result-input-group__select + .select2 .select2-selection--single .select2-selection__arrow {
  height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.o-key-result-input-group__select + .select2 .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
}

.c-objective-key-results__item:hover:after {
  background-color: #dbf1f1;
}

.c-objectives-past-due-modal .modal-body {
  max-height: 185px;
}

.c-objective {
  background-color: #fff;
  border: 1px solid #d5d8db;
  border-radius: 3px;
}

.c-objective + .c-objective {
  margin-top: 20px;
}

.c-objective.error {
  border-color: #c50812;
}

.c-objective .answer-box {
  display: block;
  padding-bottom: 0;
}

.c-objective .answer {
  padding: 0;
}

.c-objective .comments {
  margin: 10px -16px -11px;
}

@media (min-width: 768px) {
  .c-objective .comments {
    margin: 20px 0 0;
  }
}

.c-objective .o-info-tooltip {
  margin-top: 7px;
  line-height: 1;
}

.c-objective__status {
  min-width: 90px;
}

.c-objective__status > :not(:first-child) {
  margin-left: 1px;
}

.c-objective__status-arrow {
  width: 15px;
  height: 11px;
  display: inline-block;
  vertical-align: top;
  margin-top: 4.5px;
  margin-bottom: 4.5px;
}

.c-objective__title {
  line-height: 22px;
}

.c-objective__subtitle {
  font-size: 12px;
  line-height: 22px;
}

.c-objective__keys-label-divider {
  margin: 0 -15px 10px;
}

.c-objective__keys-label {
  font-size: 14px;
  line-height: 24px;
}

.c-objective__keys-label, .c-objective__keys-label:hover, .c-objective__keys-label:focus {
  color: #5e5777;
}

.c-objective__keys-label .fa {
  font-size: 19px;
  line-height: 1;
  padding: 2px 2px 4px;
  vertical-align: top;
  transition: transform 0.35s ease;
}

.c-objective__keys-label:not(.collapsed) .fa {
  transform: rotate(-180deg);
}

.c-objective__keys-list {
  padding: 10px 0 0;
}

@media (min-width: 768px) {
  .c-objective__keys-list {
    padding: 20px 0 0;
  }
}

.c-objective__stats {
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}

@media (min-width: 768px) {
  .c-objective__stats {
    position: static;
  }
}

.c-objective__percentage {
  min-width: 60px;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 1.28px;
}

.c-objective__days-until-due {
  font-size: 12px;
  color: #5e5777;
  line-height: 24px;
  margin-bottom: 0;
  float: right;
  white-space: nowrap;
  margin-top: -5px;
}

.c-objective__state {
  position: absolute;
  top: 0;
  right: 60px;
}

@media (min-width: 768px) {
  .c-objective__state {
    position: static;
  }
}

.c-objective__state-label {
  display: inline-block;
  border: 1px dashed;
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
  text-transform: capitalize;
}

h2 .c-objective__state-label {
  margin: 0 10px;
}

h2 .c-objective__state-label--inactive, h2
.c-objective__state-label--future {
  opacity: 0.5;
}

.c-objective__state-label--inactive {
  display: none;
}

.c-objective__state-label--past-due {
  border-color: currentColor;
  color: #c50812;
}

.c-objective__actions {
  position: absolute;
  bottom: 0;
  right: 10px;
}

@media (min-width: 768px) {
  .c-objective__actions {
    position: static;
  }
}

.objective-state--inactive.c-objective,
.objective-state--future.c-objective,
.c-objective--read-only.c-objective {
  background-color: #f9f9fb;
}

.objective-state--inactive .c-objective__keys-list,
.objective-state--inactive .c-objective__state,
.objective-state--inactive .c-objective__status,
.objective-state--inactive .c-objective__stats,
.objective-state--future .c-objective__keys-list,
.objective-state--future .c-objective__state,
.objective-state--future .c-objective__status,
.objective-state--future .c-objective__stats,
.c-objective--read-only .c-objective__keys-list,
.c-objective--read-only .c-objective__state,
.c-objective--read-only .c-objective__status,
.c-objective--read-only .c-objective__stats {
  opacity: 0.5;
}

.objective-state--inactive .c-objective__state-label--inactive {
  display: inline-block;
}

.objective-state--inactive .c-objective__state-label--past-due,
.objective-state--inactive .c-objective__state-label--future {
  display: none;
}

.objective-state--past-due .c-objective__stats .c-objective__days-until-due {
  display: none;
}

.objective-key {
  margin-top: 10px;
}

.objective-key input[type="number"] {
  -moz-appearance: textfield;
}

.objective-key input[type="number"]::-webkit-inner-spin-button, .objective-key input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.objective-key .fa-check,
.objective-key .fa-circle-o-notch {
  position: absolute;
  top: 11px;
  right: -2px;
  font-size: 18px;
  cursor: pointer;
}

.objective-key .fa-check {
  color: #58d498;
  animation: key-result-save 300ms cubic-bezier(0.3, 1.6, 0.7, 1);
}

.objective-key .fa-circle-o-notch {
  color: #999999;
}

.objective-key .o-key-result-input-group__input {
  height: 40px;
}

.objective-key .o-key-result-input-group__select {
  width: 300px;
}

.objective-key .o-key-result-input-group__select + .select2 {
  max-width: 100%;
}

.objective-key .o-key-result-input-group__select + .select2 .select2-selection--single {
  height: 40px;
}

.objective-key .o-key-result-input-group__select + .select2 .select2-selection--single .select2-selection__rendered,
.objective-key .o-key-result-input-group__select + .select2 .select2-selection--single .select2-selection__arrow {
  height: 38px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 28px;
}

.objective-key .o-key-result-input-group__select + .select2 .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
}

.objective-key-result__description {
  font-size: 14px;
  line-height: 22px;
}

.objective-key-result__percentage {
  min-width: 70px;
  font-size: 14px;
  line-height: 22px;
}

.objective-key-result__percentage--prior {
  font-weight: 600;
}

.objective-key-result__percentage--unchanged {
  color: #5e5777;
}

.objective-key-result__percentage--increased {
  color: #58d498;
}

.objective-key-result__percentage--decreased {
  color: #db3700;
}

.o-objective-due__date {
  display: none;
}

.objective-state--inactive .o-objective-due .o-objective-due__date,
.objective-state--past-due .o-objective-due .o-objective-due__date,
.objective-state--future .o-objective-due .o-objective-due__date {
  display: inline;
}

.objective-state--inactive .o-objective-due .o-objective-due__days,
.objective-state--past-due .o-objective-due .o-objective-due__days,
.objective-state--future .o-objective-due .o-objective-due__days {
  display: none;
}

.objective-state--past-due:not(.objective-state--inactive) .o-objective-due {
  color: #c50812;
}

.o-child-objective .c-objective__status {
  min-width: inherit;
}

.c-custom-report-objectives-table th {
  background-color: #f8f8f9;
  padding: 3px 13px;
}

.c-custom-report-objectives-table td {
  padding: 7px 13px;
}

.c-custom-report-objectives-table td + td {
  max-width: 360px;
}

.c-objective-assessments {
  display: none;
}

.c-objective-assessments.has-assessments {
  display: block;
}

.c-objective-assessments.has-assessments .c-objective-assessment-list-placeholder {
  display: none;
}

.c-objective-assessments:not(.has-assessments) .c-objective-assessment-add,
.is-assessed-by-viewer .c-objective-assessments .c-objective-assessment-add {
  display: none;
}

.objective-state--complete .c-objective-assessments {
  display: block;
}

.c-objective-assessment-modal[data-action="add"] .visible-on--edit:not(.visible-on--add),
.c-objective-assessment-modal[data-action="add"] .visible-on--complete:not(.visible-on--add) {
  display: none;
}

.c-objective-assessment-modal[data-action="edit"] .visible-on--add:not(.visible-on--edit),
.c-objective-assessment-modal[data-action="edit"] .visible-on--complete:not(.visible-on--edit) {
  display: none;
}

.c-objective-assessment-modal[data-action="complete"] .visible-on--add:not(.visible-on--complete),
.c-objective-assessment-modal[data-action="complete"] .visible-on--edit:not(.visible-on--complete) {
  display: none;
}

.c-objective-create {
  margin-top: 30px;
}

.c-objective-create [type="submit"] {
  margin-right: 10px;
}

.c-objective-create .form-group {
  margin-bottom: 30px;
}

.c-objective-create__btn-group .btn {
  border-color: #a49fb2;
  font-size: 14px;
  line-height: 30px;
  height: 44px;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #1a0d3f;
}

.c-objective-create__btn-group .btn.active {
  background-color: #6c00db;
  border-color: #6c00db;
  color: #fff;
}

.c-objective-create__btn-group .btn.disabled {
  background-color: #e7e7eb;
  color: #5e5777;
  border-color: #a49fb2;
  cursor: default;
  opacity: 1;
}

.c-objective-create__btn-group .btn.disabled.active {
  background-color: #d9d9df;
}

.c-objective-key-result {
  color: #1a0d3f;
  background-color: #fff;
  border: 1px solid #a49fb2;
  border-radius: 0.25rem;
}

.c-objective-key-result:focus {
  border-color: #6c00db;
}

.c-objective-key-result .c-objective-key-result__input {
  border-radius: 2px;
}

.c-objective-key-result :not(.has-error) .c-objective-key-result__input {
  border: 0;
  padding-right: 30px;
}

@media (min-width: 768px) {
  .c-objective-key-result :not(.has-error) .c-objective-key-result__input {
    padding-right: 15px;
  }
}

.c-objective-key-result__btn-group-option {
  border-color: #a49fb2;
  font-size: 14px;
  line-height: 30px;
}

.c-objective-key-result__btn-group-option.active {
  background-color: #6c00db;
  border-color: #6c00db;
  color: #fff;
}

.c-objective-key-result__btn-group-option.disabled {
  background-color: #e7e7eb;
  color: #5e5777;
  border-color: #a49fb2;
  cursor: default;
  opacity: 1;
}

.c-objective-key-result__btn-group-option.disabled.active {
  background-color: #d9d9df;
}

.c-objective-key-result__btn-group-option.btn:not(.dropdown-item) {
  height: 40px;
  line-height: 40px;
}

.c-objective-key-result__btn-group-option.dropdown-toggle {
  min-width: 100%;
  line-height: 0;
}

.c-objective-key-result__btn-group-option.dropdown-toggle.has-active-option {
  background-color: #6c00db;
  border-color: #6c00db;
  color: #fff;
}

.c-objective-key-result__btn-group-option.dropdown-item {
  border-radius: 0;
  border: 0;
}

.c-objective-key-result__btn-group-option.dropdown-item input{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.c-key-result-type-field--range {
  display: flex;
}

.c-key-result-type-field {
  vertical-align: top;
}

@media (min-width: 768px) {
  .c-key-result-type-field {
    display: inline-flex;
  }
}

.c-key-result-range-field {
  vertical-align: top;
}

.c-key-result-range-field--min,
.c-key-result-range-field--max {
  display: inline-flex;
  min-width: 50%;
}

@media (min-width: 768px) {
  .c-key-result-range-field--min,
  .c-key-result-range-field--max {
    min-width: 1px;
  }
  .c-key-result-range-field--min .form-control,
  .c-key-result-range-field--max .form-control {
    min-width: 50px;
    width: 50px;
  }
}

.c-key-result-range-field--min.disabled .input-group-text,
.c-key-result-range-field--min.disabled .form-control,
.c-key-result-range-field--max.disabled .input-group-text,
.c-key-result-range-field--max.disabled .form-control {
  background-color: #e7e7eb;
  color: #5e5777;
  border-color: #a49fb2;
  cursor: default;
}

.c-key-result-boolean-field {
  background-color: #eee;
  cursor: auto;
}

.c-key-result-boolean-field.disabled {
  background-color: #e7e7eb;
  color: #5e5777;
  border-color: #a49fb2;
  cursor: default;
}

@media (min-width: 768px) {
  .c-key-result-currency-field {
    min-width: 100px !important;
  }
}

.c-key-result-currency-field + .select2 .select2-selection--single {
  height: 40px;
}

.c-key-result-currency-field + .select2 .select2-selection--single .select2-selection__rendered,
.c-key-result-currency-field + .select2 .select2-selection--single .select2-selection__arrow {
  height: 38px;
  padding-top: calc(19px - 0.5em);
  padding-bottom: calc(19px - 0.5em);
  line-height: 1em;
}

.c-key-result-currency-field + .select2 .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
}

@media (min-width: 768px) {
  .c-key-result-owner-field {
    max-width: 18em;
  }
}

.c-key-result-owner-field.select2-container .select2-selection__rendered {
  padding-left: 5px;
  padding-right: 15px;
}

.c-key-result-owner-field__select2-dropdown {
  max-width: 20rem;
}

.formset-key-result__delete {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #5e5777;
  font-size: 18px;
  line-height: 1;
}

@media (min-width: 768px) {
  .formset-key-result__delete {
    right: auto;
    left: 100%;
    margin-left: 10px;
  }
}

.formset-key-result__delete:hover, .formset-key-result__delete:focus {
  color: #1a0d3f;
}

.c-objective-tip {
  position: absolute;
  padding-left: 30px;
  margin-top: -5px;
  color: #5e5777;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s linear;
}

.form-group.active .c-objective-tip {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.c-objective-tip svg {
  position: absolute;
  top: 0;
  left: 10px;
  width: 12px;
  height: 20px;
}

.c-objective-key-results {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.c-objective-key-results input[type="number"] {
  -moz-appearance: textfield;
}

.c-objective-key-results input[type="number"]::-webkit-inner-spin-button, .c-objective-key-results input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-objective-key-results__item {
  background-color: #fff;
  border: 1px solid #ebe8e8;
  margin-bottom: 10px;
  padding: 16px;
}

.c-objective-key-results__item:hover {
  background-color: #f8f4fd;
}

.c-objective-key-results__item:hover .o-key-result-input-group + .fa-check,
.c-objective-key-results__item:hover .o-key-result-input-group + .fa-circle-o-notch {
  background-color: #f8f4fd;
}

.objective-state--inactive .c-objective-key-results__item,
.objective-state--future .c-objective-key-results__item,
.c-objective--read-only .c-objective-key-results__item:not(.is-editable) {
  background-color: #f6f8fa;
}

.c-objective-key-results__item .fa-check,
.c-objective-key-results__item .fa-circle-o-notch {
  font-size: 18px;
  top: 8px;
  right: 1px;
  position: absolute;
  cursor: pointer;
}

.c-objective-key-results__item .o-key-result-input-group + .fa-check,
.c-objective-key-results__item .o-key-result-input-group + .fa-circle-o-notch {
  left: 100%;
  margin-left: 5px;
  padding: 0 5px;
  background-color: #fff;
  right: auto;
  z-index: 2;
}

.c-objective-key-results__item .fa-check {
  color: #58d498;
  animation: key-result-save 300ms cubic-bezier(0.3, 1.6, 0.7, 1);
}

.c-objective-key-results__item .fa-circle-o-notch {
  color: #999999;
}

.o-objective-weight-value {
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  display: block;
  border-radius: 8px;
  white-space: nowrap;
  cursor: pointer;
}

.c-objective-key-results__item:hover .o-objective-weight-value {
  background-color: #f0e9fb;
  cursor: pointer;
}

.c-objective-key-results__description {
  line-height: 22px;
  margin: 5px 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.objective-state--inactive .c-objective-key-results__description,
.objective-state--future .c-objective-key-results__description,
.c-objective--read-only .c-objective-key-results__item:not(.is-editable) .c-objective-key-results__description {
  color: #8a939b;
}

.o-user-box:after{
  clear: both;
  display: block;
  --tw-content: '';
  content: var(--tw-content);
}

.o-user-box .avatar {
  vertical-align: top;
  margin-right: 15px;
  float: left;
}

.o-user-box__title {
  padding: 0;
  margin: 0 0 0 63px;
  line-height: 19px;
}

a:hover .o-user-box__title {
  text-decoration: underline;
}

.o-user-box__subtitle {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  margin: 0 0 0 63px;
  color: #5e5777;
}

.objective-state--inactive .objective-state__percentage,
.objective-state--future .objective-state__percentage,
.c-objective--read-only .objective-state__percentage {
  color: #8a939b;
}

.o-objective-progress {
  background-color: #f4f4f4;
  height: 6px;
}

.o-key-result-settings-btn {
  border: 0;
  background-color: transparent;
  height: 34px;
  padding: 0 5px;
  color: #8a939b;
  line-height: 0;
}

.o-key-result-settings-btn:hover, .o-key-result-settings-btn:focus, .o-key-result-settings-btn:active {
  background-color: transparent;
}

.c-activity-feed-list > li {
  padding: 10px 0;
}

.o-activity-item__content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 20px;
}

.o-objectives-collapsible-box__list {
  overflow-y: hidden;
  margin: 0;
  padding: 0 20px 20px;
  border-top: 1px solid #fff;
}

.o-objectives-collapsible-box__list.expanded {
  border-color: #ebe8e8;
}

.o-objectives-collapsible-box__item {
  margin: 20px 0 0;
}

.o-objectives-collapsible-box__item + .o-objectives-collapsible-box__item {
  display: none;
}

.expanded .o-objectives-collapsible-box__item + .o-objectives-collapsible-box__item {
  display: block;
}

.o-objectives-collapsible-box-toggle .fa {
  font-size: 19px;
  line-height: 1;
  padding: 0 2px 2px;
  vertical-align: top;
}

.o-objectives-collapsible-box-toggle.active .fa {
  transform: rotate(180deg);
}

.u-top-separator {
  border-top: 1px solid #ebe8e8;
  margin-top: 20px;
  padding-top: 20px;
}

.u-top-separator .icon-arrow-top {
  margin: 0 5px;
  width: 11px;
  height: 12px;
}

.c-linked-goal {
  border-left: 1px solid #f4f4f4;
}

.c-linked-goal:last-child:not(.is-not-last) {
  border-left-color: transparent;
}

.c-linked-goal__status {
  position: relative;
  left: calc(-50% - 0.5px);
  background-color: #fff;
}

.c-login-box {
  width: auto;
  margin: 5px auto;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
  border: 0;
}

@media (min-width: 480px) {
  .c-login-box {
    width: 460px;
    margin: 65px auto 0;
  }
}

.c-login-box .btn-primary {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}

.c-login-box .alert-danger {
  padding: 0;
  border: 0;
  background-color: transparent;
}

.c-login-box__header {
  padding: 0 10px;
  border-bottom: 1px solid #eee;
  line-height: 0;
}

@media (min-width: 480px) {
  .c-login-box__header {
    padding: 0 20px;
  }
}

.c-login-box__content {
  padding: 10px;
}

@media (min-width: 480px) {
  .c-login-box__content {
    padding: 20px;
  }
}

.c-login-box__content .form-control {
  height: 44px;
}

.c-login-box__content-header h1 {
  margin-top: 10px;
  font-size: 36px;
  line-height: 1;
}

@media (min-width: 480px) {
  .c-login-box__footer {
    margin-bottom: 65px;
  }
}

.c-login-box__separator {
  padding: 10px 0;
  color: #5e5777;
  font-size: 14px;
  line-height: 1;
}

@media (min-width: 480px) {
  .c-login-box__remember-me {
    margin-bottom: 20px;
  }
}

.icon {
  fill: currentColor;
}

.icon-reset-password {
  height: 80px;
}

.icon-plane {
  height: 52px;
}

.c-auth-card {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  background-color: #fff;
}

@media (min-width: 480px) {
  .c-auth-card {
    margin-top: 60px;
    width: 460px;
    min-height: 460px;
  }
}

.c-auth-card__content-header {
  min-height: 56px;
}

.c-profile-scrollable-content {
  max-height: 400px;
  overflow-y: auto;
}

.c-todos-type--15five {
  color: #db3700;
}

.c-todos-type--1on1 {
  color: #47afa4;
}

.c-todos-type--objectives {
  color: #0eb639;
}

.c-todos-type--reviews {
  color: #5c2ace;
}

.c-profile-engagement-arc-chart-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 192px;
}

.c-profile-engagement-arc-chart {
  transform: scale(0.6);
}

.c-profile-wc-section-list {
  border: 1px solid #e8ebf0;
  border-radius: 4px;
  padding: 10px;
  background-color: #f4f4f4;
}

.c-profile-wc-section-list__item + .c-profile-wc-section-list__item,
.c-profile-wc-section-list__empty-state:not(:first-child) + .c-profile-wc-section-list__item {
  margin-top: 10px;
}

.c-home-header-avatar {
  top: -3rem;
  margin-bottom: -3rem;
  position: relative;
}

.c-profile-sub-info {
  min-height: 2rem;
}

.c-settings-h3 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 21px;
}

@media (min-width: 768px) {
  .c-settings-h3 {
    margin-top: 30px;
  }
}

.c-settings-fieldset:disabled {
  opacity: 0.5;
}

.c-settings-content .panel-gray {
  background-color: #fafafa;
  padding: 20px;
  border-radius: 2px;
}

.c-settings-content .slack-notifications h3 {
  font-size: 16px;
  line-height: 21px;
}

.c-settings-content .slack-notifications .form-group {
  margin-bottom: 20px;
}

.c-settings-content__password {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -1.6px;
}

.c-settings-empty-state {
  margin-top: 4rem;
  margin-bottom: 8rem;
}

.o-max-users-field {
  width: 105px;
}

.c-filter-list-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.c-filter-list-header__search {
  min-width: 200px;
}

.c-filters-list {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  border-top: 1px solid #d5d8db;
}

.c-filters-list--empty {
  border-bottom: 1px solid #d5d8db;
}

.c-filter-by-dropdown {
  width: 260px;
  padding: 20px;
}

.c-settings-options-section {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}

.c-settings-options-section__item {
  background-color: #f8f8f9;
}

.c-settings-options-section__item + .c-settings-options-section__item {
  border-top: 1px solid #e2e2e2;
}

.c-settings-options-section__item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.c-settings-options-section__item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.c-settings-options-section__item-config {
  background-color: #fff;
  border-top: 1px solid #e2e2e2;
}

.c-vacations-list {
  background-color: #f8f8f9;
  border: 1px solid #e8ebf0;
  border-radius: 3px;
}

.c-vacations-list__item {
  font-size: 14px;
  line-height: 26px;
}

.c-vacations-list__item .c-vacation-form {
  background-color: #fff;
  padding: 20px;
}

.c-vacations-list__item:not(:first-child) .c-vacation-form {
  border-top: 1px solid #e8ebf0;
}

.c-vacations-list__item:not(:last-child) .c-vacation-form {
  border-bottom: 1px solid #e8ebf0;
}

.c-vacations-actions {
  font-size: 0;
}

.c-vacations-actions__item {
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  color: #b9bec3;
}

.c-vacations-actions__item:hover {
  color: #6c00db;
}

.c-vacation-show-add-form:not(.collapsed) {
  display: none;
}

.c-vacation-form.is-editing .c-vacation-form__separator,
.c-vacation-form.is-editing .c-vacation-form__action--add {
  display: none;
}

.c-vacation-form:not(.is-editing) .c-vacation-form__action--save,
.c-vacation-form:not(.is-editing) .c-vacation-form__action--cancel {
  display: none;
}

.c-vacation-form:not(.is-validating) .c-vacation-form__spinner {
  display: none;
}

.c-vacation-form:not(.is-valid) .c-vacation-form__skipped-reports {
  display: none;
}

.c-vacation-form:not(.is-valid):not(.is-editing) .c-vacation-form__action--add {
  display: none;
}

.c-permissions-secondary-nav + .c-permissions-list {
  margin-top: 40px;
}

.c-permissions-list + .c-permissions-list {
  margin-top: 60px;
}

.c-permissions-secondary-nav {
  display: flex;
  flex-flow: column wrap;
}

@media (min-width: 600px) and (max-width: 767px) {
  .c-permissions-secondary-nav {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .c-permissions-secondary-nav {
    flex-direction: row;
  }
}

.c-permissions-secondary-nav-tab {
  border: 2px solid #e7eced;
  padding: 10px;
  text-align: center;
}

.c-permissions-secondary-nav-tab, .c-permissions-secondary-nav-tab:hover, .c-permissions-secondary-nav-tab:focus, .c-permissions-secondary-nav-tab:active {
  color: #5e5777;
  text-decoration: none;
}

.c-permissions-secondary-nav-tab:hover:not(.is-active), .c-permissions-secondary-nav-tab:focus:not(.is-active), .c-permissions-secondary-nav-tab:active:not(.is-active) {
  border-color: #6c00db;
  background-color: #f4f4f4;
  z-index: 2;
}

.c-permissions-secondary-nav-tab.is-active {
  background-color: #f4f4f4;
  z-index: 1;
}

.c-permissions-secondary-nav-tab.is-active > .c-permissions-secondary-nav-tab__count {
  color: #1a0d3f;
  font-weight: 600;
}

.c-permissions-secondary-nav-tab:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.c-permissions-secondary-nav-tab:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.c-permissions-secondary-nav-tab:not(:first-child) {
  margin-top: -2px;
}

@media (min-width: 600px) and (max-width: 767px) {
  .c-permissions-secondary-nav-tab {
    flex: 1 1;
    padding: 20px;
  }
  .c-permissions-secondary-nav-tab:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .c-permissions-secondary-nav-tab:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
  }
  .c-permissions-secondary-nav-tab:not(:first-child) {
    margin-top: 0;
    margin-left: -2px;
  }
}

@media (min-width: 992px) {
  .c-permissions-secondary-nav-tab {
    flex: 1 1;
    padding: 20px;
  }
  .c-permissions-secondary-nav-tab:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .c-permissions-secondary-nav-tab:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
  }
  .c-permissions-secondary-nav-tab:not(:first-child) {
    margin-top: 0;
    margin-left: -2px;
  }
}

.c-permissions-secondary-nav-tab__count {
  position: relative;
  color: #6c00db;
  font-size: 26px;
  line-height: 32px;
}

.c-permissions-secondary-nav-tab__badge {
  position: absolute;
  margin-left: 5px;
  font-size: 12px;
}

.c-permissions-list-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.c-permissions-list-header__col {
  display: flex;
  flex-wrap: wrap;
}

.c-permissions-list-header__search {
  flex-grow: 1;
  min-width: 200px;
}

.c-permissions-followee__notif-icon {
  display: none;
}

.is-notification-enabled .c-permissions-followee__notif-icon {
  display: inline;
}

.is-notification-enabled .c-permissions-followee__notif-toggle-label--enable {
  display: none;
}

.c-permissions-followee__notif-toggle-label--disable {
  display: none;
}

.is-notification-enabled .c-permissions-followee__notif-toggle-label--disable {
  display: block;
}

.c-integration-freemium__item:hover {
  background-color: #edf8f8;
  cursor: pointer;
  text-decoration: none;
}

.o-hris-integrations-table {
  border: solid #d5d8db;
  border-width: 1px 0;
}

.o-hris-integrations-table td {
  padding: 10px;
  border: 0;
}

.o-hris-integrations-table__status {
  border: 1px dashed currentColor;
  padding: 1px 10px;
  display: inline-block;
  border-radius: 4px;
  line-height: 22px;
  margin-top: -4px;
}

.o-hris-integrations-table__status--success {
  color: #5bd59a;
}

.o-hris-integrations-table__status--warning {
  color: #fea737;
}

.o-hris-integrations-table__status--error {
  color: #c50812;
}

.billing-notification {
  margin: 10px 0 35px 0;
}

.billing-notification h3 {
  font-size: 18px;
  line-height: 21px;
  margin-top: 0;
}

.billing-notification p {
  margin-bottom: 0;
}

.trial-days-left__icon {
  height: 60px;
  position: relative;
  float: left;
}

.trial-days-left__icon .icon {
  width: 56px;
  height: 56px;
  margin-left: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
}

.trial-days-left__icon .days {
  width: 30px;
  margin-left: 15px;
  color: #fc5457;
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}

.trial-days-left__content {
  margin-left: 80px;
}

.trial-days-left__content h3,
.trial-days-left__content p {
  font-size: 14px;
  line-height: 20px;
}

.trial-days-left__content h3.color-text-red {
  color: #fc5457;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 600;
}

.trial-days-left__content p {
  color: #5e5777;
}

.billing-selected-plan p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 0;
}

.billing-selected-plan .billing-period {
  text-transform: capitalize;
}

.billing-summary {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.billing-summary tr + tr {
  border-top: 1px solid #e5e5e5;
}

.billing-summary th {
  padding: 10px 10px 10px 0;
  vertical-align: top;
}

.billing-summary td {
  padding: 15px 10px 15px 0;
  vertical-align: top;
}

.billing-summary__table {
  width: 100%;
}

.billing-summary__date {
  min-width: 30%;
}

.billing-summary__description p {
  margin-bottom: 0;
}

.payment-form h3 {
  font-size: 18px;
  line-height: 21px;
  font-weight: 400;
}

.payment-form .form-group {
  margin-bottom: 5px;
}

.payment-form .form-group input[type="text"],
.payment-form .form-group input[type="number"],
.payment-form .form-group input[type="password"] {
  max-width: 500px;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  padding: 6px 12px;
  background-color: #fff;
  font-family: sans-serif;
}

.payment-form .form-group input[type="text"]:disabled,
.payment-form .form-group input[type="number"]:disabled,
.payment-form .form-group input[type="password"]:disabled {
  opacity: 0.5;
  box-shadow: none;
}

.payment-form .form-group input[type="text"]:focus,
.payment-form .form-group input[type="number"]:focus,
.payment-form .form-group input[type="password"]:focus {
  border: 1px solid #6c00db;
}

.payment-form .form-group input[type="text"].invalid,
.payment-form .form-group input[type="number"].invalid,
.payment-form .form-group input[type="password"].invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

.payment-form .form-group input[type="text"].invalid:focus,
.payment-form .form-group input[type="number"].invalid:focus,
.payment-form .form-group input[type="password"].invalid:focus {
  border-color: #e9322d;
  box-shadow: 0 0 6px #f8b9b7;
}

.payment-form .form-group .recurly-hosted-field {
  max-width: 500px;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  padding: 6px 12px;
  background-color: #fff;
}

.payment-form .form-group .recurly-hosted-field-focus {
  border: 1px solid #6c00db;
}

.payment-form .form-group .invalid > .recurly-hosted-field {
  color: #b94a48;
  border-color: #ee5f5b;
}

.payment-form .form-group .invalid > .recurly-hosted-field-focus {
  border-color: #e9322d;
  box-shadow: 0 0 6px #f8b9b7;
}

.payment-form .btn {
  margin-right: 20px;
  width: auto;
}

.payment-form .secure-data {
  color: #868fa2;
  padding: 10px 0;
  font-size: 14px;
  line-height: 32px;
  display: inline-block;
}

.payment-form .secure-data i {
  font-size: 20px;
  line-height: 32px;
  vertical-align: top;
  margin-right: 5px;
  display: inline-block;
}

.payment-form .recurly-hosted-field-number {
  letter-spacing: 0.2em;
}

.billing-coupon {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.responsive-table {
  margin: 0 0 20px;
  min-width: 100%;
}

.responsive-table tr + tr {
  border-top: 2px solid #eee;
}

.responsive-table tr + tr:first-child {
  border-bottom: 0;
}

@media (min-width: 480px) {
  .responsive-table tr + tr:first-child {
    border-bottom: 2px solid #eee;
  }
}

.responsive-table th {
  display: none;
}

.responsive-table td {
  display: block;
}

.responsive-table td:first-child {
  padding-top: 20px;
}

.responsive-table td:last-child {
  padding-bottom: 20px;
}

.responsive-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

@media (min-width: 480px) {
  .responsive-table td:before {
    display: none;
  }
}

.responsive-table th,
.responsive-table td {
  text-align: left;
}

@media (min-width: 480px) {
  .responsive-table th,
  .responsive-table td {
    display: table-cell;
    padding: 20px;
  }
  .responsive-table th:first-child,
  .responsive-table td:first-child {
    padding-left: 0;
  }
  .responsive-table th:last-child,
  .responsive-table td:last-child {
    padding-right: 0;
  }
  .responsive-table th {
    padding: 10px 20px;
  }
}

.billing-tabs .btn {
  color: #5e5777;
  font-size: 16px;
  min-width: 120px;
  text-transform: uppercase;
}

.billing-tabs .btn:first-child {
  border-top-left-radius: 50rem;
  border-bottom-left-radius: 50rem;
}

.billing-tabs .btn:last-child {
  border-top-right-radius: 50rem;
  border-bottom-right-radius: 50rem;
}

.billing-tabs .btn:active, .billing-tabs .btn.active {
  color: #fff;
}

.billing-content.period-monthly .btn-current + .btn-upgrade,
.billing-content.period-monthly .o-billed-annually {
  display: none;
}

.billing-content.period-yearly:not(.only-period-yearly) .billing-plans__item:not(.trial):not(.legacy):not(.free) .btn-current {
  display: none;
}

.billing-content .plan-price {
  height: 140px;
  text-align: center;
}

.billing-content .plan-price .amount {
  font-family: Cornbread, PhantomSans, Georgia, "Times New Roman", Times, serif;
  font-size: 48px;
  line-height: 1;
}

.c-freemium-price .amount:before {
  font-size: 18px;
  vertical-align: super;
  padding-right: 5px;
}

.c-pricing-plan-table {
  margin-bottom: 0;
}

.c-pricing-plan-table thead th,
.c-pricing-plan-table td {
  border-bottom: 0;
}

.c-pricing-plan-table th {
  padding: 24px 16px 0 16px;
  text-align: center;
}

.c-pricing-plan-table td {
  padding: 16px;
  border-top: 0;
}

.c-transform-pricing-plans {
  border: 1px solid #d1cfd9;
  margin-bottom: 40px;
  text-align: center;
}

@media (min-width: 992px) {
  .c-transform-pricing-plans {
    background-color: #d1cfd9;
    display: grid;
    grid-gap: 1px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.billing-content .amount:before {
  content: attr(data-currency);
}

.billing-content .alert-danger {
  background-color: transparent;
}

.billing-content .alert-danger .fa {
  font-size: 22px;
  margin-right: 5px;
}

.billing-content .alert-danger p {
  font-size: 14px;
  line-height: 22px;
  display: inline-block;
  width: 95%;
  vertical-align: top;
}

.billing-content .alert-danger strong {
  display: block;
}

.c-group-questions__item {
  color: #1a0d3f;
  background-color: #fff;
  border: 1px solid #a49fb2;
  border-radius: 0.25rem;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  text-rendering: optimizeLegibility;
  padding: 12px 1em;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.c-group-questions__item:focus {
  border-color: #6c00db;
}

.c-group-history-table {
  background-color: #f6f8fa;
}

.c-group-history-table tr {
  border: 1px solid #d1cfd9;
}

.c-group-history-table td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.c-group-type-search {
  width: 300px;
}

.c-escalated-content {
  margin: 40px 0 30px;
}

.c-escalated-content__header {
  padding: 20px;
  border: 1px solid #d1cfd9;
}

.c-escalated-content__header .fa-share {
  color: #6c00db;
}

.c-escalated-content__item {
  border: 1px solid #d1cfd9;
  margin: 10px 0;
}

.c-escalated-content__item .comments {
  margin: 10px 0 0;
  border: 0;
  border-top: 1px solid #d1cfd9;
}

.c-escalated-content__item .answer-box,
.c-escalated-content__item .metric__box {
  padding-bottom: 10px;
}

.c-escalated-content__item .metric-answer__item {
  padding: 10px 5px;
  width: 102px;
}

.c-escalated-content__item .metric-answer__content {
  padding: 0 20px;
}

.c-escalated-content__item .metric-answer__details .answer-box {
  margin: 0 20px 0 15px;
}

.c-escalated-content__item .metric-answer__details .answer {
  padding-bottom: 0;
}

.c-escalated-content__item .o-linked-object-list {
  margin: 20px;
}

.c-escalated-content__item--question .metric-answer__content {
  padding: 0 5px;
}

.c-escalated-content__item--accomplishment .answer-box {
  padding: 0 20px 10px 15px;
}

.c-escalated-content__item--goal .answer-box {
  padding: 0 20px 10px 30px;
}

.c-escalated-content__item--goal .answer {
  position: relative;
}

.c-escalated-content__item--goal .answer:before {
  width: 6px;
  height: 6px;
  content: '';
  position: absolute;
  left: -7px;
  top: 12px;
  margin-left: -3px;
  margin-top: -3px;
  border: 3px solid #c5d0d6;
  border-radius: 50%;
}

.c-user-header {
  padding: 20px;
}

.c-report-review-table tr.is-disabled,
.c-report-history-table tr.is-disabled {
  background-color: #f8f8f9;
}

.c-report-review-table tbody tr.is-behind-paywall:hover > td,
.c-report-history-table tbody tr.is-behind-paywall:hover > td {
  background-color: #edf8f8;
  cursor: pointer;
}

.c-report-review-table td,
.c-report-history-table td {
  height: 60px;
}

@media (min-width: 768px) {
  .o-custom-report-loading-modal .modal-dialog {
    width: 400px;
  }
}

.o-custom-report-loading-modal .o-custom-report-loading-modal__send-email {
  display: none;
}

.o-custom-report-loading-modal.timeout .o-custom-report-loading-modal__loading {
  display: none;
}

.o-custom-report-loading-modal.timeout .o-custom-report-loading-modal__send-email {
  display: inline;
}

.custom-reports__form h2 {
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 600;
  margin-top: 30px;
}

.custom-reports__form .custom-reports__label {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.375;
  cursor: pointer;
}

.custom-reports__form .for-whom-specific {
  display: none;
}

.custom-reports__form :checked ~ .for-whom-specific {
  display: block;
}

.custom-reports__form .form-group {
  margin-top: 10px;
  margin-bottom: 10px;
}

.custom-reports__item .badge {
  padding: 10px;
  margin-bottom: 5px;
}

.custom-reports-questions {
  margin-top: 15px;
  border: 1px solid #d1cfd9;
}

.custom-reports-questions .custom-reports-questions__input {
  width: 40px;
  padding: 5px 0 0 5px;
  text-align: center;
}

.custom-reports-questions__scrollHead {
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
}

.custom-reports-questions__thead th {
  padding: 10px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #999999;
  border-bottom: 1px solid #d1cfd9;
}

.custom-reports-questions__scrollBody {
  position: relative;
  max-height: 580px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.custom-reports-questions__tbody td {
  border-top: 1px solid #d1cfd9;
  padding: 8px 10px;
}

.custom-reports-questions__tbody label {
  cursor: pointer;
}

.custom-reports-questions__filter label {
  position: relative;
  margin: -5px 0;
}

.custom-reports-questions__filter label:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 16px;
  margin-top: -8px;
  line-height: 1;
  color: #e5e5e5;
  transform: scaleX(-1);
}

.result-item {
  border: 1px solid #e5e5e5;
}

.result-item__header {
  background-color: #fafafa;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 20px;
}

.result-item__content {
  padding: 20px;
}

.result-item__content .metric__box {
  margin-top: 0;
}

.result-item__content .metric-answer__content {
  display: inline-block;
  margin: 4px 4px 0 0;
}

.result-item__content .metric-answer__item {
  font-size: 14px;
  line-height: 21px;
  font-weight: normal;
  width: auto;
  height: auto;
  padding: 5px 15px;
}

.result-item__content .metric-answer__details {
  margin-top: 10px;
  vertical-align: top;
  min-height: 30px;
}

.result-item__content .metric-answer__details ul[class^='list-'] {
  padding-left: 5px;
}

.result-item__content .metric-answer__details ul[class^='list-'] > li {
  padding: 0;
}

.result-item__content .metric-answer__details li:before {
  display: none;
}

.result-item__content .question {
  line-height: 1.25;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (min-width: 480px) {
  .result-item__content .list-bulleted {
    padding-left: 15px;
  }
}

.result-item__content .list-unstyled > li:not(.c-objective) {
  margin: 0;
  padding: 6px 0;
}

.result-item__content .answer__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.result-item__content .answer__date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.result-item__content .markdown-body {
  line-height: 1.25;
}

.result-item__content .c-objective__status {
  min-width: inherit;
}

.o-unreviewed-report-marker {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 9px;
  margin-top: -4.5px;
  color: #db3700;
}

.c-report-review-table__row--inactive, .c-report-review-table__row--inactive:hover {
  background-color: #f8f8f9;
}

.c-report-review-table__drilldown-toggle {
  width: 18px;
  margin-right: 5px;
  padding: 0;
}

.c-reporting-period-list__header {
  position: relative;
  font-weight: 600;
  padding: 8px;
}

.c-reporting-period-list__header:before, .c-reporting-period-list__header:after {
  width: 1px;
  background-color: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.c-reporting-period-list__header:before {
  right: 100%;
}

.c-reporting-period-list__header:after {
  left: 100%;
}

.c-reporting-period-list__content li:hover a {
  background-color: #f4f4f4;
}

.c-reporting-period-list__content li.active a {
  font-weight: 600;
  background-color: #6c00db;
  color: #fff;
}

.c-reporting-period-list__content li.active a .o-unreviewed-report-marker {
  color: #fff;
}

.c-reporting-period-list__content a {
  padding: 15px 30px 15px 20px;
  color: #666666;
  display: block;
  font-size: 13px;
  line-height: 20px;
}

.c-reporting-period-list__content .o-unreviewed-report-marker {
  left: auto;
  right: 10px;
}

.c-reporting-period-list__content,
.c-reporting-period-list__footer {
  border: 1px solid #d8d5d0;
}

@media (min-width: 992px) {
  .c-reporting-period-list__content,
  .c-reporting-period-list__footer {
    border-width: 1px 1px 0 0;
    margin-right: -1px;
  }
}

.c-reporting-period-list__content {
  border-bottom: 0;
}

@media (min-width: 992px) {
  .c-team-history {
    border: 1px solid #d8d5d0;
    border-width: 0 1px;
    box-shadow: 0 -1px 0 0 #d8d5d0 inset;
  }
  .c-team-history__report-list {
    border-left: 1px solid #d8d5d0;
  }
}

.c-team-history__report-list .c-report-review-table th:first-child, .c-team-history__report-list .c-report-review-table th:last-child {
  position: relative;
}

.c-team-history__report-list .c-report-review-table th:first-child:before, .c-team-history__report-list .c-report-review-table th:first-child:after, .c-team-history__report-list .c-report-review-table th:last-child:before, .c-team-history__report-list .c-report-review-table th:last-child:after {
  width: 1px;
  background-color: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  bottom: 0;
}

.c-team-history__report-list .c-report-review-table th:first-child:before, .c-team-history__report-list .c-report-review-table th:last-child:before {
  right: 100%;
}

.c-team-history__report-list .c-report-review-table th:first-child:after, .c-team-history__report-list .c-report-review-table th:last-child:after {
  left: 100%;
}

.o-delete-email-address {
  top: 3px;
  left: 100%;
  font-size: 18px;
  line-height: 1;
  padding: 10px;
}

.c-email-preview-modal-body {
  max-height: 420px;
  overflow-y: scroll;
}

.c-recent-report {
  border-top: 1px solid #eeeeee;
}

.c-recent-report:last-child {
  border-bottom: 1px solid #eeeeee;
}

.c-recent-report__link {
  display: block;
  padding: 8px 15px 8px 24px;
  line-height: 1.25;
  color: #1a0d3f;
  transition: box-shadow 100ms;
}

.c-recent-report__link:hover, .c-recent-report__link:focus {
  box-shadow: inset 4px 0 #d1cfd9;
}

.c-recent-report__link.is-active {
  box-shadow: inset 4px 0 #1a0d3f;
}

.c-recent-report__link.is-late {
  box-shadow: inset 4px 0 #db3700;
}

.c-recent-report__link.is-not-submitted {
  background-color: #f8f8f9;
}

.c-recent-report__link.is-unsubmittable {
  pointer-events: none;
  background-color: #f8f8f9;
  cursor: default;
  box-shadow: none;
}

.c-recent-report__link.is-unsubmittable.o-link-block:hover .o-link-block__target {
  text-decoration: none;
}

.c-recent-report__link.is-active-not-submitted {
  box-shadow: inset 4px 0 #5e5777;
}

.c-recent-report__status--late {
  color: #db3700;
}

.sortable-answer {
  list-style: none;
}

.sortable-answer:hover .sortable-handle__icon {
  opacity: 1;
}

.sortable-answer .sortable-handle {
  display: block;
}

.sortable-answer .report_answer {
  position: relative;
}

.sortable-section {
  list-style: none;
}

.sortable-section:hover .sortable-handle__icon {
  top: 20px;
  opacity: 1;
}

.sortable-section .sortable-handle {
  display: block;
}

.c-answer-add-talking-point {
  position: absolute;
  right: 10px;
  width: 30px;
  height: 30px;
  color: #94979a;
  opacity: 0;
  transition: opacity 100ms;
  top: 9px;
}

.answer-base:hover > .c-answer-add-talking-point,
.answer-base:hover > div > .c-answer-add-talking-point,
.answer-base--hoverable:hover .c-answer-add-talking-point,
.report_answer:focus ~ .c-answer-add-talking-point {
  opacity: 1;
}

.c-answer-add-talking-point.active {
  opacity: 1;
  color: #4c0099;
}

.answer-emoji {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: #94979a;
}

.c-answer-add-talking-point + .answer-emoji,
.answer-lock + .answer-emoji,
.comment-lock + .answer-emoji,
.o-attach + .answer-emoji {
  right: 35px;
}

.c-answer-add-talking-point + .answer-lock + .answer-emoji,
.c-answer-add-talking-point + .o-attach + .answer-emoji,
.answer-lock + .o-attach + .answer-emoji,
.comment-lock + .o-attach + .answer-emoji {
  right: 50px;
}

.c-answer-add-talking-point + .answer-lock + .o-attach + .answer-emoji {
  right: 70px;
}

.answer-emoji .fa-smile-o {
  opacity: 0;
  transition: opacity 100ms;
}

.o-emoji-container:hover .answer-emoji .fa-smile-o,
.o-emoji-container.is-active .answer-emoji .fa-smile-o,
.o-emoji-container__field:hover ~ .answer-emoji .fa-smile-o,
.o-emoji-container__field:focus ~ .answer-emoji .fa-smile-o, .answer-emoji:hover .fa-smile-o, .answer-emoji.active .fa-smile-o, .answer-emoji.is-visible .fa-smile-o {
  opacity: 1;
}

.answer-lock {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: #94979a;
}

.c-answer-add-talking-point + .answer-lock {
  right: 30px;
}

.answer-lock .fa-unlock {
  opacity: 0;
  transition: opacity 100ms;
}

.answer-base:hover > .answer-lock .fa-unlock,
.answer-base:hover > div > .answer-lock .fa-unlock,
.report_answer:focus ~ .answer-lock .fa-unlock,
.answer-base--hoverable:hover .answer-lock .fa-unlock,
.o-high-five-container:hover .answer-lock .fa-unlock {
  opacity: 1;
}

.answer-base .o-attach {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 15px;
  opacity: 0;
  color: #94979a;
  transition: opacity 100ms;
}

.answer-base .o-attach:hover {
  color: #6c00db;
}

.c-answer-add-talking-point + .o-attach,
.answer-lock + .o-attach,
.comment-lock + .o-attach {
  right: 30px;
}

.c-answer-add-talking-point + .answer-lock + .o-attach {
  right: 50px;
}

.answer-base:hover > .o-attach,
.answer-base:hover > div > .o-attach,
.answer-base--hoverable:hover .o-attach,
.report_answer:focus ~ .o-attach {
  opacity: 1;
}

.o-linked-object-list:before {
  content: '';
  display: block;
  margin-bottom: -10px;
}

.o-linked-object-list-item {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 10px;
  border: 1px solid #a49fb2;
  padding: 8px 10px 8px 60px;
}

@media print {
  .o-linked-object-list-item {
    border: 0;
  }
}

.o-linked-object-list-item__thumbnail, .o-linked-object-list-item__icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  max-width: 40px;
  max-height: 40px;
}

.o-linked-object-list-item__thumbnail {
  overflow: hidden;
  font-size: 0;
}

.o-linked-object-list-item__icon {
  font-size: 30px;
  color: #b8c3c9;
}

.o-linked-object-list-item__filename{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.o-linked-object-list-item__filename:disabled, .o-linked-object-list-item__filename:disabled:hover {
  color: #5e5777;
  cursor: default;
}

.o-linked-object-list-item__action, .o-linked-object-list-item__loading-indicator {
  line-height: 40px;
}

.o-linked-object-list-item__action:hover, .o-linked-object-list-item__action:focus {
  text-decoration: none;
}

.o-linked-object-list-item__action--delete, .o-linked-object-list-item__loading-indicator {
  margin-left: auto;
  padding: 0 10px;
  font-size: 18px;
  color: #b8c3c9;
}

.o-linked-object-list-item__loading-indicator {
  display: none;
}

.o-linked-object-list-item.is-loading .o-linked-object-list-item__action--delete {
  display: none;
}

.o-linked-object-list-item.is-loading .o-linked-object-list-item__loading-indicator {
  display: inline;
}

.o-linked-object-list-item--small {
  padding: 0 5px 0 48px;
}

.o-linked-object-list-item--small .o-linked-object-list-item__action,
.o-linked-object-list-item--small .o-linked-object-list-item__loading-indicator {
  line-height: 30px;
}

.o-linked-object-list-item--small .o-linked-object-list-item__icon {
  font-size: 16px;
  left: 16px;
}

.answer-base .o-linked-object-list {
  float: right;
  width: 100%;
}

.answer-base .o-linked-object-list:empty {
  display: none;
}

.answer-base .o-linked-object-list-item {
  margin-top: 0;
  border: 2px solid #eee;
  border-top: 0;
  background-color: #f8f8f9;
}

.answer-base .o-linked-object-list-item:last-child {
  margin-bottom: 20px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.answer-base .report_answer:focus ~ .o-linked-object-list > .o-linked-object-list-item {
  background-color: #fff;
  border-color: #a49fb2;
}

.answer-base .report_answer:disabled ~ .o-linked-object-list > .o-linked-object-list-item {
  background-color: #f8f8f9;
}

.c-one-on-one-attachment-list .o-linked-object-list-item {
  margin-top: 0;
  border-top: 0;
  border-color: #d1cfd9;
}

.c-one-on-one-attachment-list .o-linked-object-list-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.c-add-objective-link {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 30px;
  height: 30px;
}

.answer-emoji + .c-add-objective-link {
  right: 36px;
}

.has-linked-objective .c-add-objective-link {
  display: none;
}

.c-add-objective-link__button {
  width: 100%;
  height: 100%;
  color: #94979a;
  line-height: 1;
  opacity: 0;
  transition: opacity 100ms;
}

.c-add-objective-link__button:hover, .c-add-objective-link__button:focus {
  color: #6c00db;
}

.c-add-objective-link__button .fa-link {
  vertical-align: middle;
}

.c-add-objective-link__button:hover,
.answer-base:hover .c-add-objective-link__button,
.answer-base.is-active .c-add-objective-link__button,
.report_answer:hover ~ .c-add-objective-link .c-add-objective-link__button,
.report_answer:focus ~ .c-add-objective-link .c-add-objective-link__button,
.answer-emoji.active ~ .c-add-objective-link .c-add-objective-link__button {
  opacity: 1;
}

.c-add-objective-link__tooltip {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.answer-base.is-active .c-add-objective-link__tooltip {
  display: none;
}

.c-add-objective-link__dropdown {
  width: 500px;
}

.c-add-objective-link__objectives {
  max-height: 140px;
  overflow-y: auto;
}

.o-objective-link {
  padding: 5px 10px;
  font-size: 14px;
  background-color: #f4f4f4;
}

.comment-lock {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 18px;
  color: #94979a;
}

.metric__box {
  margin-top: 10px;
}

.metric__details {
  margin-top: 20px;
  display: none;
}

.selected + .metric__details {
  display: block;
}

.metric__details .answer-base {
  margin: 0;
}

.metric-answer__prev-list {
  border-radius: 6px;
  border: 1px solid #eee;
  background-color: #fafafa;
  margin-bottom: 6px;
  padding: 0;
}

@media (min-width: 768px) {
  .metric-answer__prev-list {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
  }
}

.metric-answer__item {
  height: 64px;
  color: #868fa2;
  padding: 10px;
  text-align: center;
}

.metric-answer__item + .metric-answer__item {
  border-top: 1px solid #eee;
}

@media (min-width: 768px) {
  .metric-answer__item {
    display: inline-block;
    vertical-align: top;
    width: 110px;
  }
  .metric-answer__item + .metric-answer__item {
    border-top: 0;
    border-left: 1px solid #eee;
  }
}

.metric-answer__item__value{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 22px;
  min-height: 22px;
  font-size: 18px;
}

.metric-answer__item__period {
  margin-top: 5px;
  font-size: 12px;
}

.metric-answer__item--current {
  height: 54px;
  background-color: #6c00db;
  border: 1px solid #6c00db;
  border-radius: 6px;
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 110px;
  max-width: 100%;
  width: auto;
}

.metric-answer__item--current .metric-answer__item__value {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 34px;
}

.metric-answer__prev-list + .metric-answer__item--current {
  height: 66px;
}

.metric-answer__prev-list + .metric-answer__item--current .metric-answer__item__value {
  line-height: 22px;
}

.metric-answer__details {
  margin-top: 20px;
}

.metric-answer__item__like {
  top: 10px;
  right: 10px;
  position: absolute;
  font-size: 12px;
}

.metric-answer__item__like > .btn-like {
  height: auto;
  line-height: 1;
}

.metric-answer__item__like > .btn-like:hover > i,
.metric-answer__item__like > .btn-like.active > i {
  color: #fff;
}

.metric-answer__item__like > .btn-like > i {
  color: rgba(0, 0, 0, 0.2);
  font-size: 12px;
  margin-right: 0;
}

.metric-answer__item__like > .btn-like > i:hover ~ .btn-like__text {
  display: block;
}

.metric-answer__item__like > .btn-like > .btn-like__text {
  display: none;
  position: absolute;
  top: 100%;
  left: 100%;
  background-color: #000;
  color: #fff;
  border-radius: 0.25rem;
  white-space: nowrap;
  padding: 10px;
}

.metric-boolean__label {
  height: 60px;
  padding: 19px 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #6c00db;
  margin-right: 20px;
  margin-bottom: 0;
  line-height: 20px;
  width: 110px;
  border-radius: 6px;
  text-align: right;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
}

.metric-boolean__label:hover {
  background-color: #f0e9fb;
}

.metric-boolean__label i {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  top: 14px;
  left: 14px;
  line-height: 28px;
  border-radius: 50%;
  position: absolute;
  display: block;
  content: '';
  text-align: center;
}

.metric-boolean__label i:before {
  display: none;
}

:checked + .metric-boolean__label i:before {
  display: block;
  color: #fff;
}

:checked + .metric-boolean__label i {
  border-color: #fff;
  box-shadow: 0 0 0 1px #fff;
}

:checked + .metric-boolean__label {
  background-color: #6c00db;
  border-color: #6c00db;
  color: #fff;
  box-shadow: none;
}

:focus + .metric-boolean__label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .metric-boolean__label,
[data-whatintent="touch"] :focus + .metric-boolean__label {
  outline: 0;
}

.metric-number input[type="number"] {
  -moz-appearance: textfield;
}

.metric-number input[type="number"]::-webkit-inner-spin-button, .metric-number input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.metric-number__input {
  height: 60px;
  padding: 14px 20px;
  background-color: #f8f8f9;
  border: 1px solid #ddd;
  margin-right: 20px;
  line-height: 30px;
  width: 110px;
  min-width: 110px;
  max-width: 100%;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-transform: uppercase;
  font-size: 28px;
}

.metric-number__input:focus {
  box-shadow: 0 0 0 1px #ddd;
  border: 1px solid #ddd;
}

.metric-number__label {
  display: inline-block;
  vertical-align: middle;
  padding: 14px 0;
  margin-bottom: 0;
}

.metric-range {
  border-radius: 6px;
  border: 1px solid #ddd;
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}

.metric-range:empty {
  display: none;
}

.metric-range__item {
  height: 50px;
  background-color: #fff;
  display: table-cell;
}

.metric-range__item + .metric-range__item {
  border-left: 1px solid #ddd;
}

.metric-range__item:first-child,
.metric-range__item:first-child label {
  border-radius: 5px 0 0 5px;
}

.metric-range__item:last-child,
.metric-range__item:last-child label {
  border-radius: 0 5px 5px 0;
}

.metric-range__label {
  color: #6c00db;
  font-size: 18px;
  line-height: 30px;
  min-width: 20px;
  padding: 9px 0;
  border: 1px solid transparent;
  text-align: center;
  display: block;
  margin: 0;
}

.metric-range__label:hover {
  background-color: #f0e9fb;
  position: relative;
  z-index: 3;
}

:checked + .metric-range__label {
  border-color: #6c00db;
  background-color: #6c00db;
  color: #fff;
  box-shadow: 0 0 0 1px #6c00db;
  position: relative;
  z-index: 2;
}

:focus + .metric-range__label {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

[data-whatintent="mouse"] :focus + .metric-range__label,
[data-whatintent="touch"] :focus + .metric-range__label {
  outline: 0;
}

.metric-range__legend {
  margin-top: 1em;
  color: #5e5777;
  font-size: 13px;
  line-height: 1;
}

ul.list-unstyled > li:last-child .metric__box {
  margin-bottom: 25px;
}

.report-modal__header {
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 4px 4px 0 0;
}

.report-modal__header h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
}

.report-modal__header h2 i {
  margin-right: 5px;
}

.report-modal__header .close {
  font-size: 40px;
  line-height: 1;
  font-weight: 400;
  color: #999999;
  opacity: 1;
  position: absolute;
  right: 20px;
  top: 13px;
}

.c-share-modal__comment {
  border: 0;
  margin: 0 0 25px;
  padding: 0;
  width: 100%;
  min-height: 50px;
  max-height: 100px;
  background-color: #fff;
}

.c-share-modal__question {
  font-size: 18px;
  line-height: 1.5;
}

.c-share-modal__footer {
  padding: 15px 20px;
  border-radius: 0 0 4px 4px;
}

.c-share-by-email__field {
  padding: 0;
  border: 0;
  width: 100%;
  height: 38px;
}

.c-share-by-email__email:disabled {
  opacity: 0.6;
}

.notification-modal .modal-dialog {
  max-width: 410px;
}

.notification-modal__header {
  background-color: #fcc55f;
  height: 60px;
  position: relative;
  margin-bottom: 28px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.notification-modal__header .close {
  color: white;
  font-size: 25px;
  opacity: 1;
  text-shadow: none;
  line-height: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.notification-modal-header__icon {
  width: 56px;
  height: 56px;
  margin-left: -28px;
  box-shadow: 0 0 0 2px #e7eced;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}

.notification-modal-header__days {
  color: #fc5457;
  position: absolute;
  bottom: -24px;
  left: 50%;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  transform: translateX(-50%);
}

.dashboard-high-fives__list li + li.date-item {
  border-top: 1px solid #eeeeee;
}

.dashboard-high-fives__list .high-fives__action:hover, .dashboard-high-fives__list .high-fives__action:focus {
  text-decoration: none;
}

.dashboard-high-fives__list .high-fives__action .fa {
  color: #d1cfd9;
  transition: color 100ms;
}

.dashboard-high-fives__list .high-fives__action.active .fa {
  color: #6c00db;
}

.dashboard-high-fives__field {
  background-color: #fff;
  min-height: 50px;
}

.dashboard-high-fives__field, .dashboard-high-fives__field:focus {
  border: 1px solid #e5e5e5;
}

.high-fives__delete:hover, .high-fives__delete:focus {
  color: #fc5457;
}

.u-grayscale {
  filter: grayscale(100%) !important;
}

.c-freemium-sidebar__icon {
  font-size: 3.5em;
}

.c-freemium-plans__table th {
  padding: 20px;
  text-align: center;
}

.c-freemium-plans__table td {
  padding: 15px;
}

.c-freemium-plans__table tr:first-child td {
  border-top: none;
}

.c-freemium-plans__table tr td:first-child,
.c-freemium-plans__table tr th:first-child {
  border-left: none;
}

.c-freemium-plans__table tr td:last-child,
.c-freemium-plans__table tr th:last-child {
  border-right: none;
}

td.c-freemium-plans-section-title__table-row {
  padding-top: 50px;
  padding-bottom: 20px;
}

.c-freemium-plan-overview__table tr th,
.c-freemium-plan-overview__table td {
  padding: 15px;
  border-bottom: none;
}

.c-freemium-plan-overview__table tr td {
  border-top: none;
}

.c-upsell-page {
  margin-top: -20px;
}

.c-upsell-page__header {
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-freemium-upsell-page__header {
  padding: 150px 10%;
}

.c-freemium-upsell-page__footer {
  padding: 50px 10%;
}

.c-upsell-page__title {
  color: #0eb639;
}

.c-upgrade-benefits-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

@media (min-width: 768px) {
  .c-upgrade-benefits-item {
    flex-direction: row;
    padding: 50px 0;
  }
}

.c-upgrade-benefits-item__image {
  max-width: 70%;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .c-upgrade-benefits-item__image {
    margin-right: 80px;
    max-width: 380px;
    margin-bottom: 0;
  }
  .c-upgrade-benefits-item__image--right {
    margin-right: 0;
    margin-left: 80px;
  }
}

.c-upgrade-benefits-item__text {
  max-width: 480px;
}

@media (min-width: 768px) {
  .c-upgrade-benefits-item__text {
    margin-right: 80px;
  }
}

.c-upgrade-benefits-item__image + .c-upgrade-benefits-item__text {
  margin-right: 0;
}

.c-upgrade-check-icon {
  color: #16dbdb;
}

.c-reviews-fixed-nav-container {
  position: sticky;
  margin-top: 98px;
  top: 98px;
}

.c-reviews-fixed-nav {
  min-width: 220px;
  min-height: calc(100vh - 356px);
}

.c-reviews-fixed-nav__item {
  position: relative;
}

.c-reviews-fixed-nav__item:after {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid #d1cfd9;
  display: block;
  content: '';
  pointer-events: none;
}

.c-reviews-fixed-nav__item + .c-reviews-fixed-nav__item {
  margin-top: 16px;
}

.c-reviews-fixed-nav__item + .c-reviews-fixed-nav__item:before {
  width: 1px;
  height: 22px;
  position: absolute;
  top: -19px;
  left: 5.5px;
  background-color: #d1cfd9;
  display: block;
  content: '';
}

.c-reviews-fixed-nav__item.is-active .c-reviews-fixed-nav__link {
  color: #db3700;
  font-weight: 600;
}

.c-reviews-fixed-nav__item.is-active:after {
  background-color: #db3700;
  border-color: #db3700;
}

.c-reviews-fixed-nav__link {
  padding-left: 30px;
}

.c-reviews-fixed-nav__link, .c-reviews-fixed-nav__link:hover, .c-reviews-fixed-nav__link:focus {
  color: #5e5777;
  text-decoration: none;
}

.c-reviews-vertical-path__item {
  position: relative;
  padding-left: 24px;
}

.c-reviews-vertical-path__item:before, .c-reviews-vertical-path__item:after {
  content: '';
  position: absolute;
  display: block;
}

.c-reviews-vertical-path__item:before {
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 1px solid #d1cfd9;
  border-radius: 50%;
  left: 0;
  pointer-events: none;
  top: 6px;
}

.c-reviews-vertical-path__item:after {
  background-color: #d1cfd9;
  height: calc(100% - 24px);
  left: 6px;
  top: 24px;
  width: 1px;
}

.o-reviews-dashboard__empty-state {
  background-color: #f8f8f9;
  border: 1px dashed #d5d8db;
}

.o-review-cycle-list-item-progress {
  width: 80px;
  height: 8px;
}

.o-review-cycle-details-progress {
  height: 10px;
  background-color: rgba(91, 213, 154, 0.1);
}

.c-review-search:not(:last-child) .c-review-search__form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-review-search:not(:first-child) .c-review-search__form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-review-search:first-child .c-review-search__form-control {
  padding-left: 20px;
}

.c-review-search .c-review-search__form-control:focus {
  position: relative;
  z-index: 3;
}

.c-review-search__close {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  transform: translateY(-50%);
}

.c-review-search__dropdown-menu {
  max-height: 13rem;
}

.o-review-cycle-dropdown-container .dropdown-toggle {
  min-height: 44px;
  border-color: #a49fb2;
}

.o-review-cycle-dropdown-container .show > .dropdown-toggle {
  background: #fff;
  box-shadow: none;
}

.o-review-cycle-dropdown-container .show > .dropdown-toggle, .o-review-cycle-dropdown-container .show > .dropdown-toggle:hover {
  border-color: #6c00db;
}

.o-review-cycle-dropdown-container .dropdown-toggle i {
  color: #a49fb2;
}

.o-review-cycle-dropdown-container .dropdown-menu {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.o-review-cycle-dropdown-container .form-control {
  min-height: 44px;
}

.o-reviews-template-type__label .icon {
  color: #a49fb2;
}

.o-reviews-template-type__radio:checked + .o-reviews-template-type__label {
  color: #4c0099;
  border-color: currentColor;
}

.o-reviews-template-type__radio:checked + .o-reviews-template-type__label .icon {
  color: currentColor;
}

.c-reviews-template-questions__empty-section {
  margin-top: 10px;
  padding: 20px;
  border: 1px dashed #d5d8db;
  border-radius: 3px;
  text-align: center;
}

.o-reviews-template-questions {
  background-color: #f8f8f9;
  padding: 15px;
}

.o-reviews-template-questions.is-inactive {
  opacity: 0.4;
}

.o-reviews-template-questions:not([hidden]) + .c-reviews-template-questions__empty-section {
  display: none;
}

.o-reviews-template-questions-item + .o-reviews-template-questions-item {
  margin-top: 10px;
}

.o-reviews-template-questions-item .sortable-handle {
  width: 15px;
}

.o-reviews-template-questions-item .sortable-handle__icon {
  top: 40px;
}

.o-reviews-template-questions-item__self,
.o-reviews-template-questions-item__manager {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 10px 15px;
}

.o-reviews-template-questions-item__self {
  border-radius: 3px 3px 0 0;
}

.o-reviews-template-questions-item__self + .o-reviews-template-questions-item__manager {
  border-top: 0;
  border-radius: 0 0 3px 3px;
}

.o-customize-scale-form-label {
  min-width: 50px;
}

.select2-results__option:not(.select2-results__option--highlighted) .u-select2-answer-format-icon {
  color: #5e5777;
}

.o-company-value-delete {
  position: absolute;
  top: 13px;
  left: 100%;
  margin-left: 2.5px;
  color: #5e5777;
  font-size: 18px;
  line-height: 1;
}

@media (min-width: 992px) {
  .o-company-value-delete {
    margin-left: 10px;
  }
}

.o-company-value-delete:hover, .o-company-value-delete:focus {
  color: #1a0d3f;
}

@media (min-width: 768px) {
  .o-review-fillout-metric-choice {
    position: relative;
  }
  .o-review-fillout-metric-choice:before, .o-review-fillout-metric-choice:after {
    border-top: 1px solid #d5d8db;
    width: 50%;
    position: absolute;
    top: 9.5px;
    background-color: #d5d8db;
    display: block;
    z-index: 1;
  }
  .o-review-fillout-metric-choice:not(:last-child):after {
    content: '';
    left: 50%;
  }
  .o-review-fillout-metric-choice:not(:first-child):before {
    content: '';
    right: 50%;
  }
  .o-review-fillout-metric-choice .o-radio-custom-indicator {
    z-index: 2;
  }
  .metric__content.has-error .o-review-fillout-metric-choice:before,
  .metric__content.has-error .o-review-fillout-metric-choice:after {
    border-top-color: #c50812;
  }
  .metric__content.has-error .o-radio-custom-indicator:before,
  .metric__content.has-error .o-radio-custom + label:before {
    border-color: #c50812;
  }
}

.c-reviews-fillout-sidepanel__link--active {
  color: #4c0099;
  font-weight: 600;
  box-shadow: inset 3px 0 #4c0099;
}

.c-reviews-submitted-question {
  padding: 10px 15px 10px 0;
}

@media not print {
  .c-reviews-submitted-question {
    padding-left: 15px;
    background-color: #f8f8f9;
    border: 1px solid #eee;
    border-radius: 4px;
  }
}

@media print {
  .c-reviews-submitted-question {
    display: list-item;
    list-style: disc;
    margin-left: 30px;
  }
}

.c-reviews-others-answers {
  max-height: 350px;
  overflow: auto;
  border: 1px solid #eee;
  border-radius: 4px;
}

.c-reviews-private-opinion-answer {
  background-color: #fffaf7;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 10px 15px;
}

.o-rubric-level.is-active .o-rubric-level__bar {
  background: #16dbdb;
}

.o-rubric-level.is-active .o-rubric-level__label {
  color: #1a0d3f;
  font-weight: 600;
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .o-rubric-level {
    display: flex;
    align-items: center;
  }
  .o-rubric-level .o-rubric-level__bar {
    margin-bottom: 0;
    width: 50%;
  }
  .o-rubric-level .o-rubric-level__label {
    margin-left: 16px;
    text-align: left;
  }
}

.o-rubric-level__bar {
  border-radius: 8px;
  height: 16px;
  margin-bottom: 8px;
  background-image: repeating-linear-gradient(-45deg, #f8f8f9, #f8f8f9 12px, #e7e7eb 12px, #e7e7eb 24px);
}

.o-rubric-level__label {
  color: #5e5777;
  text-align: center;
}

.c-guide-popover {
  border: 0;
}

.c-guide-popover--sm {
  max-width: 12rem;
}

.c-guide-popover__header {
  position: relative;
  height: 60px;
  margin-bottom: 40px;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.c-guide-popover__header-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #e7eced;
  width: 54px;
  height: 54px;
}

.c-guide-popover__body {
  padding: 0 0 20px;
}

.c-guide-popover__content {
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
}

.c-guide-popover--yellow .c-guide-popover__header {
  background-color: #f4ae2a;
}

.c-guide-popover--yellow.bs-popover-bottom .arrow:after, .c-guide-popover--yellow.bs-popover-auto[x-placement^="bottom"] .arrow:after {
  border-bottom-color: #f4ae2a;
}

.c-guide-hint {
  position: relative;
  z-index: 1;
}

.c-guide-hint__marker {
  margin-left: -10px;
  background-color: #f4ae2a;
  border-radius: 50% 50% 50% 0;
  transform: rotate(135deg);
}

.c-guide-hint__marker, .c-guide-hint__marker:before {
  position: absolute;
  width: 20px;
  height: 20px;
}

.c-guide-hint__marker:before {
  content: '';
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(244, 174, 42, 0.5), 0 0 0 6px rgba(244, 174, 42, 0.2);
}

@keyframes c-guide-hint-pulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.c-guide-hint__pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -45px;
  border: 20px solid rgba(244, 174, 42, 0.6);
  border-radius: 50%;
  animation: c-guide-hint-pulse 3s ease-out infinite;
  width: 90px;
  height: 90px;
}

.c-send-reminder-modal .o-collapse-report-reminder-message {
  overflow: hidden;
  transition: 100ms;
  border: 0;
}

.c-send-reminder-modal .o-collapse-report-reminder-message[aria-expanded="true"] {
  height: 0;
}

.c-send-reminder-modal__user-list {
  overflow-y: auto;
  max-height: 215px;
}

.c-send-reminder-modal__user + .c-send-reminder-modal__user {
  border-top: 1px solid #e5e5e5;
}

.o-scroll-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  box-shadow: 0 -13px 6px -6px #fff;
  opacity: 0.7;
  background-color: #fff;
}

.c-user-list-modal .modal-dialog {
  max-width: 400px;
}

.c-user-list-modal .modal-body {
  max-height: 470px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.c-user-list-modal .o-user-box__title {
  margin-top: -4px;
}

.c-user-list-modal .o-user-box__title,
.c-user-list-modal .o-user-box__subtitle {
  margin-left: 45px;
}

.c-user-list-modal__close {
  color: #868fa2;
  font-weight: bold;
  opacity: 1;
  font-size: 25px;
  margin: -4px 2px 0 0;
}

.c-create-question-modal .modal-dialog {
  width: 700px;
}

.is-showing-select2-confirm-modal .modal-backdrop {
  z-index: 1052;
}

.is-showing-select2-confirm-modal .modal {
  z-index: 1053;
}

.u-bg-skewed {
  position: relative;
}

.u-bg-skewed:before {
  content: '';
  position: absolute;
  transform: skew(0, -10deg);
  width: 100%;
  top: -9999em;
  bottom: 50%;
  z-index: -1;
  background-color: #f4f4f4;
}

.u-gutters-4 {
  margin-right: -2px;
  margin-left: -2px;
}

.u-gutters-4 > .col,
.u-gutters-4 > [class*="col-"] {
  padding-right: 2px;
  padding-left: 2px;
}

.u-gutters-8 {
  margin-right: -4px;
  margin-left: -4px;
}

.u-gutters-8 > .col,
.u-gutters-8 > [class*="col-"] {
  padding-right: 4px;
  padding-left: 4px;
}

.u-gutters-10 {
  margin-right: -5px;
  margin-left: -5px;
}

.u-gutters-10 > .col,
.u-gutters-10 > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.u-gutters-16 {
  margin-right: -8px;
  margin-left: -8px;
}

.u-gutters-16 > .col,
.u-gutters-16 > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}

.u-gutters-20 {
  margin-right: -10px;
  margin-left: -10px;
}

.u-gutters-20 > .col,
.u-gutters-20 > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.u-gutters-24 {
  margin-right: -12px;
  margin-left: -12px;
}

.u-gutters-24 > .col,
.u-gutters-24 > [class*="col-"] {
  padding-right: 12px;
  padding-left: 12px;
}

.u-gutters-40 {
  margin-right: -20px;
  margin-left: -20px;
}

.u-gutters-40 > .col,
.u-gutters-40 > [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) {
  .u-gutters-md {
    margin-right: -15px;
    margin-left: -15px;
  }
  .u-gutters-md > .col,
  .u-gutters-md > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.u-gutters-y-4 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.u-gutters-y-4 > .col,
.u-gutters-y-4 > [class*="col-"] {
  margin-top: 2px;
  margin-bottom: 2px;
}

.u-gutters-y-8 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.u-gutters-y-8 > .col,
.u-gutters-y-8 > [class*="col-"] {
  margin-top: 4px;
  margin-bottom: 4px;
}

.u-gutters-y-10 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.u-gutters-y-10 > .col,
.u-gutters-y-10 > [class*="col-"] {
  margin-top: 5px;
  margin-bottom: 5px;
}

.u-gutters-y-16 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.u-gutters-y-16 > .col,
.u-gutters-y-16 > [class*="col-"] {
  margin-top: 8px;
  margin-bottom: 8px;
}

.u-gutters-y-20 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.u-gutters-y-20 > .col,
.u-gutters-y-20 > [class*="col-"] {
  margin-top: 10px;
  margin-bottom: 10px;
}

.u-gutters-y-24 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.u-gutters-y-24 > .col,
.u-gutters-y-24 > [class*="col-"] {
  margin-top: 12px;
  margin-bottom: 12px;
}

.u-gutters-y-32 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.u-gutters-y-32 > .col,
.u-gutters-y-32 > [class*="col-"] {
  margin-top: 16px;
  margin-bottom: 16px;
}

.u-overlay {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.u-column-count-2 {
  -moz-column-count: 2 !important;
       column-count: 2 !important;
}

.u-column-count-3 {
  -moz-column-count: 3 !important;
       column-count: 3 !important;
}

.u-spacing-y-4 {
  display: grid;
  grid-row-gap: 4px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-4 > * + * {
    margin-top: 4px !important;
  }
}

.u-spacing-y-5 {
  display: grid;
  grid-row-gap: 5px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-5 > * + * {
    margin-top: 5px !important;
  }
}

.u-spacing-y-8 {
  display: grid;
  grid-row-gap: 8px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-8 > * + * {
    margin-top: 8px !important;
  }
}

.u-spacing-y-10 {
  display: grid;
  grid-row-gap: 10px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-10 > * + * {
    margin-top: 10px !important;
  }
}

.u-spacing-y-15 {
  display: grid;
  grid-row-gap: 15px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-15 > * + * {
    margin-top: 15px !important;
  }
}

.u-spacing-y-16 {
  display: grid;
  grid-row-gap: 16px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-16 > * + * {
    margin-top: 16px !important;
  }
}

.u-spacing-y-20 {
  display: grid;
  grid-row-gap: 20px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-20 > * + * {
    margin-top: 20px !important;
  }
}

.u-spacing-y-24 {
  display: grid;
  grid-row-gap: 24px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-24 > * + * {
    margin-top: 24px !important;
  }
}

.u-spacing-y-30 {
  display: grid;
  grid-row-gap: 30px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-30 > * + * {
    margin-top: 30px !important;
  }
}

.u-spacing-y-32 {
  display: grid;
  grid-row-gap: 32px !important;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .u-spacing-y-32 > * + * {
    margin-top: 32px !important;
  }
}

.clearfix:after{
  clear: both;
  display: block;
  --tw-content: '';
  content: var(--tw-content);
}

.u-m-5 {
  margin: 5px !important;
}

.u-mt-5,
.u-my-5 {
  margin-top: 5px !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 5px !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 5px !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 5px !important;
}

.u-m-10 {
  margin: 10px !important;
}

.u-mt-10,
.u-my-10 {
  margin-top: 10px !important;
}

.u-mr-10,
.u-mx-10 {
  margin-right: 10px !important;
}

.u-mb-10,
.u-my-10 {
  margin-bottom: 10px !important;
}

.u-ml-10,
.u-mx-10 {
  margin-left: 10px !important;
}

.u-m-15 {
  margin: 15px !important;
}

.u-mt-15,
.u-my-15 {
  margin-top: 15px !important;
}

.u-mr-15,
.u-mx-15 {
  margin-right: 15px !important;
}

.u-mb-15,
.u-my-15 {
  margin-bottom: 15px !important;
}

.u-ml-15,
.u-mx-15 {
  margin-left: 15px !important;
}

.u-m-20 {
  margin: 20px !important;
}

.u-mt-20,
.u-my-20 {
  margin-top: 20px !important;
}

.u-mr-20,
.u-mx-20 {
  margin-right: 20px !important;
}

.u-mb-20,
.u-my-20 {
  margin-bottom: 20px !important;
}

.u-ml-20,
.u-mx-20 {
  margin-left: 20px !important;
}

.u-m-30 {
  margin: 30px !important;
}

.u-mt-30,
.u-my-30 {
  margin-top: 30px !important;
}

.u-mr-30,
.u-mx-30 {
  margin-right: 30px !important;
}

.u-mb-30,
.u-my-30 {
  margin-bottom: 30px !important;
}

.u-ml-30,
.u-mx-30 {
  margin-left: 30px !important;
}

.u-p-5 {
  padding: 5px !important;
}

.u-pt-5,
.u-py-5 {
  padding-top: 5px !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 5px !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 5px !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 5px !important;
}

.u-p-10 {
  padding: 10px !important;
}

.u-pt-10,
.u-py-10 {
  padding-top: 10px !important;
}

.u-pr-10,
.u-px-10 {
  padding-right: 10px !important;
}

.u-pb-10,
.u-py-10 {
  padding-bottom: 10px !important;
}

.u-pl-10,
.u-px-10 {
  padding-left: 10px !important;
}

.u-p-15 {
  padding: 15px !important;
}

.u-pt-15,
.u-py-15 {
  padding-top: 15px !important;
}

.u-pr-15,
.u-px-15 {
  padding-right: 15px !important;
}

.u-pb-15,
.u-py-15 {
  padding-bottom: 15px !important;
}

.u-pl-15,
.u-px-15 {
  padding-left: 15px !important;
}

.u-p-20 {
  padding: 20px !important;
}

.u-pt-20,
.u-py-20 {
  padding-top: 20px !important;
}

.u-pr-20,
.u-px-20 {
  padding-right: 20px !important;
}

.u-pb-20,
.u-py-20 {
  padding-bottom: 20px !important;
}

.u-pl-20,
.u-px-20 {
  padding-left: 20px !important;
}

.u-p-30 {
  padding: 30px !important;
}

.u-pt-30,
.u-py-30 {
  padding-top: 30px !important;
}

.u-pr-30,
.u-px-30 {
  padding-right: 30px !important;
}

.u-pb-30,
.u-py-30 {
  padding-bottom: 30px !important;
}

.u-pl-30,
.u-px-30 {
  padding-left: 30px !important;
}

@media (min-width: 576px) {
  .u-m-sm-5 {
    margin: 5px !important;
  }
  .u-mt-sm-5,
  .u-my-sm-5 {
    margin-top: 5px !important;
  }
  .u-mr-sm-5,
  .u-mx-sm-5 {
    margin-right: 5px !important;
  }
  .u-mb-sm-5,
  .u-my-sm-5 {
    margin-bottom: 5px !important;
  }
  .u-ml-sm-5,
  .u-mx-sm-5 {
    margin-left: 5px !important;
  }
  .u-m-sm-10 {
    margin: 10px !important;
  }
  .u-mt-sm-10,
  .u-my-sm-10 {
    margin-top: 10px !important;
  }
  .u-mr-sm-10,
  .u-mx-sm-10 {
    margin-right: 10px !important;
  }
  .u-mb-sm-10,
  .u-my-sm-10 {
    margin-bottom: 10px !important;
  }
  .u-ml-sm-10,
  .u-mx-sm-10 {
    margin-left: 10px !important;
  }
  .u-m-sm-15 {
    margin: 15px !important;
  }
  .u-mt-sm-15,
  .u-my-sm-15 {
    margin-top: 15px !important;
  }
  .u-mr-sm-15,
  .u-mx-sm-15 {
    margin-right: 15px !important;
  }
  .u-mb-sm-15,
  .u-my-sm-15 {
    margin-bottom: 15px !important;
  }
  .u-ml-sm-15,
  .u-mx-sm-15 {
    margin-left: 15px !important;
  }
  .u-m-sm-20 {
    margin: 20px !important;
  }
  .u-mt-sm-20,
  .u-my-sm-20 {
    margin-top: 20px !important;
  }
  .u-mr-sm-20,
  .u-mx-sm-20 {
    margin-right: 20px !important;
  }
  .u-mb-sm-20,
  .u-my-sm-20 {
    margin-bottom: 20px !important;
  }
  .u-ml-sm-20,
  .u-mx-sm-20 {
    margin-left: 20px !important;
  }
  .u-m-sm-30 {
    margin: 30px !important;
  }
  .u-mt-sm-30,
  .u-my-sm-30 {
    margin-top: 30px !important;
  }
  .u-mr-sm-30,
  .u-mx-sm-30 {
    margin-right: 30px !important;
  }
  .u-mb-sm-30,
  .u-my-sm-30 {
    margin-bottom: 30px !important;
  }
  .u-ml-sm-30,
  .u-mx-sm-30 {
    margin-left: 30px !important;
  }
  .u-p-sm-5 {
    padding: 5px !important;
  }
  .u-pt-sm-5,
  .u-py-sm-5 {
    padding-top: 5px !important;
  }
  .u-pr-sm-5,
  .u-px-sm-5 {
    padding-right: 5px !important;
  }
  .u-pb-sm-5,
  .u-py-sm-5 {
    padding-bottom: 5px !important;
  }
  .u-pl-sm-5,
  .u-px-sm-5 {
    padding-left: 5px !important;
  }
  .u-p-sm-10 {
    padding: 10px !important;
  }
  .u-pt-sm-10,
  .u-py-sm-10 {
    padding-top: 10px !important;
  }
  .u-pr-sm-10,
  .u-px-sm-10 {
    padding-right: 10px !important;
  }
  .u-pb-sm-10,
  .u-py-sm-10 {
    padding-bottom: 10px !important;
  }
  .u-pl-sm-10,
  .u-px-sm-10 {
    padding-left: 10px !important;
  }
  .u-p-sm-15 {
    padding: 15px !important;
  }
  .u-pt-sm-15,
  .u-py-sm-15 {
    padding-top: 15px !important;
  }
  .u-pr-sm-15,
  .u-px-sm-15 {
    padding-right: 15px !important;
  }
  .u-pb-sm-15,
  .u-py-sm-15 {
    padding-bottom: 15px !important;
  }
  .u-pl-sm-15,
  .u-px-sm-15 {
    padding-left: 15px !important;
  }
  .u-p-sm-20 {
    padding: 20px !important;
  }
  .u-pt-sm-20,
  .u-py-sm-20 {
    padding-top: 20px !important;
  }
  .u-pr-sm-20,
  .u-px-sm-20 {
    padding-right: 20px !important;
  }
  .u-pb-sm-20,
  .u-py-sm-20 {
    padding-bottom: 20px !important;
  }
  .u-pl-sm-20,
  .u-px-sm-20 {
    padding-left: 20px !important;
  }
  .u-p-sm-30 {
    padding: 30px !important;
  }
  .u-pt-sm-30,
  .u-py-sm-30 {
    padding-top: 30px !important;
  }
  .u-pr-sm-30,
  .u-px-sm-30 {
    padding-right: 30px !important;
  }
  .u-pb-sm-30,
  .u-py-sm-30 {
    padding-bottom: 30px !important;
  }
  .u-pl-sm-30,
  .u-px-sm-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 768px) {
  .u-m-md-5 {
    margin: 5px !important;
  }
  .u-mt-md-5,
  .u-my-md-5 {
    margin-top: 5px !important;
  }
  .u-mr-md-5,
  .u-mx-md-5 {
    margin-right: 5px !important;
  }
  .u-mb-md-5,
  .u-my-md-5 {
    margin-bottom: 5px !important;
  }
  .u-ml-md-5,
  .u-mx-md-5 {
    margin-left: 5px !important;
  }
  .u-m-md-10 {
    margin: 10px !important;
  }
  .u-mt-md-10,
  .u-my-md-10 {
    margin-top: 10px !important;
  }
  .u-mr-md-10,
  .u-mx-md-10 {
    margin-right: 10px !important;
  }
  .u-mb-md-10,
  .u-my-md-10 {
    margin-bottom: 10px !important;
  }
  .u-ml-md-10,
  .u-mx-md-10 {
    margin-left: 10px !important;
  }
  .u-m-md-15 {
    margin: 15px !important;
  }
  .u-mt-md-15,
  .u-my-md-15 {
    margin-top: 15px !important;
  }
  .u-mr-md-15,
  .u-mx-md-15 {
    margin-right: 15px !important;
  }
  .u-mb-md-15,
  .u-my-md-15 {
    margin-bottom: 15px !important;
  }
  .u-ml-md-15,
  .u-mx-md-15 {
    margin-left: 15px !important;
  }
  .u-m-md-20 {
    margin: 20px !important;
  }
  .u-mt-md-20,
  .u-my-md-20 {
    margin-top: 20px !important;
  }
  .u-mr-md-20,
  .u-mx-md-20 {
    margin-right: 20px !important;
  }
  .u-mb-md-20,
  .u-my-md-20 {
    margin-bottom: 20px !important;
  }
  .u-ml-md-20,
  .u-mx-md-20 {
    margin-left: 20px !important;
  }
  .u-m-md-30 {
    margin: 30px !important;
  }
  .u-mt-md-30,
  .u-my-md-30 {
    margin-top: 30px !important;
  }
  .u-mr-md-30,
  .u-mx-md-30 {
    margin-right: 30px !important;
  }
  .u-mb-md-30,
  .u-my-md-30 {
    margin-bottom: 30px !important;
  }
  .u-ml-md-30,
  .u-mx-md-30 {
    margin-left: 30px !important;
  }
  .u-p-md-5 {
    padding: 5px !important;
  }
  .u-pt-md-5,
  .u-py-md-5 {
    padding-top: 5px !important;
  }
  .u-pr-md-5,
  .u-px-md-5 {
    padding-right: 5px !important;
  }
  .u-pb-md-5,
  .u-py-md-5 {
    padding-bottom: 5px !important;
  }
  .u-pl-md-5,
  .u-px-md-5 {
    padding-left: 5px !important;
  }
  .u-p-md-10 {
    padding: 10px !important;
  }
  .u-pt-md-10,
  .u-py-md-10 {
    padding-top: 10px !important;
  }
  .u-pr-md-10,
  .u-px-md-10 {
    padding-right: 10px !important;
  }
  .u-pb-md-10,
  .u-py-md-10 {
    padding-bottom: 10px !important;
  }
  .u-pl-md-10,
  .u-px-md-10 {
    padding-left: 10px !important;
  }
  .u-p-md-15 {
    padding: 15px !important;
  }
  .u-pt-md-15,
  .u-py-md-15 {
    padding-top: 15px !important;
  }
  .u-pr-md-15,
  .u-px-md-15 {
    padding-right: 15px !important;
  }
  .u-pb-md-15,
  .u-py-md-15 {
    padding-bottom: 15px !important;
  }
  .u-pl-md-15,
  .u-px-md-15 {
    padding-left: 15px !important;
  }
  .u-p-md-20 {
    padding: 20px !important;
  }
  .u-pt-md-20,
  .u-py-md-20 {
    padding-top: 20px !important;
  }
  .u-pr-md-20,
  .u-px-md-20 {
    padding-right: 20px !important;
  }
  .u-pb-md-20,
  .u-py-md-20 {
    padding-bottom: 20px !important;
  }
  .u-pl-md-20,
  .u-px-md-20 {
    padding-left: 20px !important;
  }
  .u-p-md-30 {
    padding: 30px !important;
  }
  .u-pt-md-30,
  .u-py-md-30 {
    padding-top: 30px !important;
  }
  .u-pr-md-30,
  .u-px-md-30 {
    padding-right: 30px !important;
  }
  .u-pb-md-30,
  .u-py-md-30 {
    padding-bottom: 30px !important;
  }
  .u-pl-md-30,
  .u-px-md-30 {
    padding-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .u-m-lg-5 {
    margin: 5px !important;
  }
  .u-mt-lg-5,
  .u-my-lg-5 {
    margin-top: 5px !important;
  }
  .u-mr-lg-5,
  .u-mx-lg-5 {
    margin-right: 5px !important;
  }
  .u-mb-lg-5,
  .u-my-lg-5 {
    margin-bottom: 5px !important;
  }
  .u-ml-lg-5,
  .u-mx-lg-5 {
    margin-left: 5px !important;
  }
  .u-m-lg-10 {
    margin: 10px !important;
  }
  .u-mt-lg-10,
  .u-my-lg-10 {
    margin-top: 10px !important;
  }
  .u-mr-lg-10,
  .u-mx-lg-10 {
    margin-right: 10px !important;
  }
  .u-mb-lg-10,
  .u-my-lg-10 {
    margin-bottom: 10px !important;
  }
  .u-ml-lg-10,
  .u-mx-lg-10 {
    margin-left: 10px !important;
  }
  .u-m-lg-15 {
    margin: 15px !important;
  }
  .u-mt-lg-15,
  .u-my-lg-15 {
    margin-top: 15px !important;
  }
  .u-mr-lg-15,
  .u-mx-lg-15 {
    margin-right: 15px !important;
  }
  .u-mb-lg-15,
  .u-my-lg-15 {
    margin-bottom: 15px !important;
  }
  .u-ml-lg-15,
  .u-mx-lg-15 {
    margin-left: 15px !important;
  }
  .u-m-lg-20 {
    margin: 20px !important;
  }
  .u-mt-lg-20,
  .u-my-lg-20 {
    margin-top: 20px !important;
  }
  .u-mr-lg-20,
  .u-mx-lg-20 {
    margin-right: 20px !important;
  }
  .u-mb-lg-20,
  .u-my-lg-20 {
    margin-bottom: 20px !important;
  }
  .u-ml-lg-20,
  .u-mx-lg-20 {
    margin-left: 20px !important;
  }
  .u-m-lg-30 {
    margin: 30px !important;
  }
  .u-mt-lg-30,
  .u-my-lg-30 {
    margin-top: 30px !important;
  }
  .u-mr-lg-30,
  .u-mx-lg-30 {
    margin-right: 30px !important;
  }
  .u-mb-lg-30,
  .u-my-lg-30 {
    margin-bottom: 30px !important;
  }
  .u-ml-lg-30,
  .u-mx-lg-30 {
    margin-left: 30px !important;
  }
  .u-p-lg-5 {
    padding: 5px !important;
  }
  .u-pt-lg-5,
  .u-py-lg-5 {
    padding-top: 5px !important;
  }
  .u-pr-lg-5,
  .u-px-lg-5 {
    padding-right: 5px !important;
  }
  .u-pb-lg-5,
  .u-py-lg-5 {
    padding-bottom: 5px !important;
  }
  .u-pl-lg-5,
  .u-px-lg-5 {
    padding-left: 5px !important;
  }
  .u-p-lg-10 {
    padding: 10px !important;
  }
  .u-pt-lg-10,
  .u-py-lg-10 {
    padding-top: 10px !important;
  }
  .u-pr-lg-10,
  .u-px-lg-10 {
    padding-right: 10px !important;
  }
  .u-pb-lg-10,
  .u-py-lg-10 {
    padding-bottom: 10px !important;
  }
  .u-pl-lg-10,
  .u-px-lg-10 {
    padding-left: 10px !important;
  }
  .u-p-lg-15 {
    padding: 15px !important;
  }
  .u-pt-lg-15,
  .u-py-lg-15 {
    padding-top: 15px !important;
  }
  .u-pr-lg-15,
  .u-px-lg-15 {
    padding-right: 15px !important;
  }
  .u-pb-lg-15,
  .u-py-lg-15 {
    padding-bottom: 15px !important;
  }
  .u-pl-lg-15,
  .u-px-lg-15 {
    padding-left: 15px !important;
  }
  .u-p-lg-20 {
    padding: 20px !important;
  }
  .u-pt-lg-20,
  .u-py-lg-20 {
    padding-top: 20px !important;
  }
  .u-pr-lg-20,
  .u-px-lg-20 {
    padding-right: 20px !important;
  }
  .u-pb-lg-20,
  .u-py-lg-20 {
    padding-bottom: 20px !important;
  }
  .u-pl-lg-20,
  .u-px-lg-20 {
    padding-left: 20px !important;
  }
  .u-p-lg-30 {
    padding: 30px !important;
  }
  .u-pt-lg-30,
  .u-py-lg-30 {
    padding-top: 30px !important;
  }
  .u-pr-lg-30,
  .u-px-lg-30 {
    padding-right: 30px !important;
  }
  .u-pb-lg-30,
  .u-py-lg-30 {
    padding-bottom: 30px !important;
  }
  .u-pl-lg-30,
  .u-px-lg-30 {
    padding-left: 30px !important;
  }
}

.u-word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.o-drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  background: #fff;
  max-width: 456px;
  bottom: 0;
  z-index: 1035;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  transition: right 0.3s;
}

.o-drawer__header {
  padding: 1.5rem;
  border-bottom: 1px solid #d1cfd9;
}

.o-drawer__content {
  flex: 1 1;
  overflow-y: auto;
  padding: 1rem 1.5rem;
}

.o-drawer__footer {
  padding: 1rem 1.5rem;
  background-color: #f8f8f9;
  border-top: 1px solid #d1cfd9;
}

.o-drawer__backdrop {
  z-index: 1034;
}

.modal-open .o-drawer__backdrop {
  display: none;
}

.o-drawer--is-open {
  right: 0;
  box-shadow: 0 1px 8px 3px rgba(26, 13, 63, 0.04);
}

.drawer-open {
  overflow: hidden;
}

.dual-panel-drawer-open,
.dual-panel-drawer-open .c-topbar {
  margin-right: 456px;
  transition: margin-right 0.3s;
}

.c-unauthenticated-box {
  margin: 5px auto 0;
}

@media (min-width: 480px) {
  .c-unauthenticated-box {
    width: 460px;
    margin: 65px auto 0;
  }
}

.c-unauthenticated-content {
  width: auto;
}

@media (min-width: 480px) {
  .c-unauthenticated-content {
    width: 460px;
  }
}

*, ::before, ::after{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

::backdrop{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.not-sr-only{
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}
.pointer-events-none{
  pointer-events: none !important;
}
.pointer-events-auto{
  pointer-events: auto !important;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible !important;
}
.invisible{
  visibility: hidden !important;
}
.collapse{
  visibility: collapse !important;
}
.collapse.show{
  visibility: unset !important;
}
.collapse.\!show{
  visibility: unset !important;
}
.collapse.show{
  visibility: unset !important;
}
.static{
  position: static !important;
}
.fixed{
  position: fixed !important;
}
.\!absolute{
  position: absolute !important;
}
.absolute{
  position: absolute !important;
}
.relative{
  position: relative !important;
}
.sticky{
  position: sticky !important;
}
.-inset-1{
  inset: -0.25rem !important;
}
.-inset-10{
  inset: -2.5rem !important;
}
.inset-0{
  inset: 0px !important;
}
.inset-\[-27\.27\%\]{
  inset: -27.27% !important;
}
.inset-x-0{
  left: 0px !important;
  right: 0px !important;
}
.-bottom-1{
  bottom: -0.25rem !important;
}
.-bottom-\[2px\]{
  bottom: -2px !important;
}
.-left-1{
  left: -0.25rem !important;
}
.-left-1\/2{
  left: -50% !important;
}
.-left-10{
  left: -2.5rem !important;
}
.-left-2{
  left: -0.5rem !important;
}
.-left-6{
  left: -1.5rem !important;
}
.-left-\[1px\]{
  left: -1px !important;
}
.-right-1{
  right: -0.25rem !important;
}
.-right-1\/2{
  right: -50% !important;
}
.-right-10{
  right: -2.5rem !important;
}
.-right-6{
  right: -1.5rem !important;
}
.-right-\[24px\]{
  right: -24px !important;
}
.-right-\[2px\]{
  right: -2px !important;
}
.-top-1{
  top: -0.25rem !important;
}
.-top-10{
  top: -2.5rem !important;
}
.-top-12{
  top: -3rem !important;
}
.-top-\[1px\]{
  top: -1px !important;
}
.bottom-0{
  bottom: 0px !important;
}
.bottom-1{
  bottom: 0.25rem !important;
}
.bottom-1\/2{
  bottom: 50% !important;
}
.bottom-4{
  bottom: 1rem !important;
}
.bottom-6{
  bottom: 1.5rem !important;
}
.bottom-full{
  bottom: 100% !important;
}
.left-0{
  left: 0px !important;
}
.left-1{
  left: 0.25rem !important;
}
.left-1\/2{
  left: 50% !important;
}
.left-1\/4{
  left: 25% !important;
}
.left-2{
  left: 0.5rem !important;
}
.left-4{
  left: 1rem !important;
}
.left-6{
  left: 1.5rem !important;
}
.left-\[12px\]{
  left: 12px !important;
}
.left-\[4\.17\%\]{
  left: 4.17% !important;
}
.left-\[6px\]{
  left: 6px !important;
}
.left-\[calc\(50\%-9px\)\]{
  left: calc(50% - 9px) !important;
}
.left-full{
  left: 100% !important;
}
.right-0{
  right: 0px !important;
}
.right-1{
  right: 0.25rem !important;
}
.right-1\/2{
  right: 50% !important;
}
.right-2{
  right: 0.5rem !important;
}
.right-4{
  right: 1rem !important;
}
.right-8{
  right: 2rem !important;
}
.right-\[12px\]{
  right: 12px !important;
}
.right-full{
  right: 100% !important;
}
.top-0{
  top: 0px !important;
}
.top-1{
  top: 0.25rem !important;
}
.top-1\/2{
  top: 50% !important;
}
.top-10{
  top: 2.5rem !important;
}
.top-2{
  top: 0.5rem !important;
}
.top-4{
  top: 1rem !important;
}
.top-6{
  top: 1.5rem !important;
}
.top-8{
  top: 2rem !important;
}
.top-\[12px\]{
  top: 12px !important;
}
.top-\[4\.17\%\]{
  top: 4.17% !important;
}
.top-\[70px\]{
  top: 70px !important;
}
.top-full{
  top: 100% !important;
}
.-z-1{
  z-index: -1 !important;
}
.z-0{
  z-index: 0 !important;
}
.z-1{
  z-index: 1 !important;
}
.z-2{
  z-index: 2 !important;
}
.z-\[1000\]{
  z-index: 1000 !important;
}
.z-\[100\]{
  z-index: 100 !important;
}
.z-\[1010\]{
  z-index: 1010 !important;
}
.z-\[1031\]{
  z-index: 1031 !important;
}
.z-\[1032\]{
  z-index: 1032 !important;
}
.z-\[1050\]{
  z-index: 1050 !important;
}
.z-\[1051\]{
  z-index: 1051 !important;
}
.z-\[1070\]{
  z-index: 1070 !important;
}
.z-\[1100\]{
  z-index: 1100 !important;
}
.z-\[15\]{
  z-index: 15 !important;
}
.z-\[30\]{
  z-index: 30 !important;
}
.z-\[3\]{
  z-index: 3 !important;
}
.z-\[4\]{
  z-index: 4 !important;
}
.order-1{
  order: 1 !important;
}
.order-2{
  order: 2 !important;
}
.order-3{
  order: 3 !important;
}
.order-4{
  order: 4 !important;
}
.order-5{
  order: 5 !important;
}
.order-first{
  order: -9999 !important;
}
.order-last{
  order: 9999 !important;
}
.col-auto{
  grid-column: auto !important;
}
.col-span-1{
  grid-column: span 1 / span 1 !important;
}
.col-span-12{
  grid-column: span 12 / span 12 !important;
}
.col-span-2{
  grid-column: span 2 / span 2 !important;
}
.col-span-3{
  grid-column: span 3 / span 3 !important;
}
.col-span-4{
  grid-column: span 4 / span 4 !important;
}
.col-span-5{
  grid-column: span 5 / span 5 !important;
}
.col-span-6{
  grid-column: span 6 / span 6 !important;
}
.col-span-7{
  grid-column: span 7 / span 7 !important;
}
.col-span-9{
  grid-column: span 9 / span 9 !important;
}
.float-right{
  float: right !important;
}
.float-left{
  float: left !important;
}
.-m-2{
  margin: -0.5rem !important;
}
.-m-8{
  margin: -2rem !important;
}
.m-0{
  margin: 0px !important;
}
.m-1{
  margin: 0.25rem !important;
}
.m-10{
  margin: 2.5rem !important;
}
.m-2{
  margin: 0.5rem !important;
}
.m-4{
  margin: 1rem !important;
}
.m-6{
  margin: 1.5rem !important;
}
.m-8{
  margin: 2rem !important;
}
.m-\[1px\]{
  margin: 1px !important;
}
.m-auto{
  margin: auto !important;
}
.-mx-10{
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}
.-mx-2{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-28{
  margin-left: -7rem !important;
  margin-right: -7rem !important;
}
.-mx-4{
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-my-2{
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.-my-4{
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}
.mx-0{
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mx-1{
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-12{
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-16{
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-2{
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-4{
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-40{
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}
.mx-6{
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-8{
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-\[12px\]{
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.my-1{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-10{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-12{
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-14{
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}
.my-16{
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3{
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-6{
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-\[22px\]{
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}
.my-\[2px\]{
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.-mb-2{
  margin-bottom: -0.5rem !important;
}
.-ml-2{
  margin-left: -0.5rem !important;
}
.-ml-4{
  margin-left: -1rem !important;
}
.-ml-8{
  margin-left: -2rem !important;
}
.-ml-\[20px\]{
  margin-left: -20px !important;
}
.-ml-\[5px\]{
  margin-left: -5px !important;
}
.-mr-2{
  margin-right: -0.5rem !important;
}
.-mr-4{
  margin-right: -1rem !important;
}
.-mt-1{
  margin-top: -0.25rem !important;
}
.-mt-2{
  margin-top: -0.5rem !important;
}
.-mt-6{
  margin-top: -1.5rem !important;
}
.-mt-\[1px\]{
  margin-top: -1px !important;
}
.mb-0{
  margin-bottom: 0px !important;
}
.mb-1{
  margin-bottom: 0.25rem !important;
}
.mb-10{
  margin-bottom: 2.5rem !important;
}
.mb-12{
  margin-bottom: 3rem !important;
}
.mb-14{
  margin-bottom: 3.5rem !important;
}
.mb-16{
  margin-bottom: 4rem !important;
}
.mb-2{
  margin-bottom: 0.5rem !important;
}
.mb-28{
  margin-bottom: 7rem !important;
}
.mb-3{
  margin-bottom: 0.75rem !important;
}
.mb-4{
  margin-bottom: 1rem !important;
}
.mb-6{
  margin-bottom: 1.5rem !important;
}
.mb-8{
  margin-bottom: 2rem !important;
}
.mb-\[10px\]{
  margin-bottom: 10px !important;
}
.mb-\[30px\]{
  margin-bottom: 30px !important;
}
.me-1{
  margin-inline-end: 0.25rem !important;
}
.me-2{
  margin-inline-end: 0.5rem !important;
}
.me-3{
  margin-inline-end: 0.75rem !important;
}
.ml-0{
  margin-left: 0px !important;
}
.ml-1{
  margin-left: 0.25rem !important;
}
.ml-10{
  margin-left: 2.5rem !important;
}
.ml-12{
  margin-left: 3rem !important;
}
.ml-16{
  margin-left: 4rem !important;
}
.ml-2{
  margin-left: 0.5rem !important;
}
.ml-3{
  margin-left: 0.75rem !important;
}
.ml-4{
  margin-left: 1rem !important;
}
.ml-6{
  margin-left: 1.5rem !important;
}
.ml-8{
  margin-left: 2rem !important;
}
.ml-\[1px\]{
  margin-left: 1px !important;
}
.ml-\[44px\]{
  margin-left: 44px !important;
}
.ml-auto{
  margin-left: auto !important;
}
.mr-0{
  margin-right: 0px !important;
}
.mr-1{
  margin-right: 0.25rem !important;
}
.mr-10{
  margin-right: 2.5rem !important;
}
.mr-12{
  margin-right: 3rem !important;
}
.mr-14{
  margin-right: 3.5rem !important;
}
.mr-2{
  margin-right: 0.5rem !important;
}
.mr-4{
  margin-right: 1rem !important;
}
.mr-6{
  margin-right: 1.5rem !important;
}
.mr-8{
  margin-right: 2rem !important;
}
.mr-auto{
  margin-right: auto !important;
}
.ms-2{
  margin-inline-start: 0.5rem !important;
}
.mt-0{
  margin-top: 0px !important;
}
.mt-1{
  margin-top: 0.25rem !important;
}
.mt-10{
  margin-top: 2.5rem !important;
}
.mt-12{
  margin-top: 3rem !important;
}
.mt-14{
  margin-top: 3.5rem !important;
}
.mt-16{
  margin-top: 4rem !important;
}
.mt-2{
  margin-top: 0.5rem !important;
}
.mt-20{
  margin-top: 5rem !important;
}
.mt-3{
  margin-top: 0.75rem !important;
}
.mt-32{
  margin-top: 8rem !important;
}
.mt-4{
  margin-top: 1rem !important;
}
.mt-44{
  margin-top: 11rem !important;
}
.mt-6{
  margin-top: 1.5rem !important;
}
.mt-8{
  margin-top: 2rem !important;
}
.mt-\[10px\]{
  margin-top: 10px !important;
}
.mt-\[2px\]{
  margin-top: 2px !important;
}
.mt-\[30px\]{
  margin-top: 30px !important;
}
.mt-\[38px\]{
  margin-top: 38px !important;
}
.mt-\[6px\]{
  margin-top: 6px !important;
}
.mt-auto{
  margin-top: auto !important;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.inline{
  display: inline !important;
}
.flex{
  display: flex !important;
}
.inline-flex{
  display: inline-flex !important;
}
.inline-table{
  display: inline-table !important;
}
.table-caption{
  display: table-caption !important;
}
.table-cell{
  display: table-cell !important;
}
.table-column{
  display: table-column !important;
}
.table-column-group{
  display: table-column-group !important;
}
.table-footer-group{
  display: table-footer-group !important;
}
.table-header-group{
  display: table-header-group !important;
}
.table-row-group{
  display: table-row-group !important;
}
.table-row{
  display: table-row !important;
}
.flow-root{
  display: flow-root !important;
}
.grid{
  display: grid !important;
}
.inline-grid{
  display: inline-grid !important;
}
.contents{
  display: contents !important;
}
.list-item{
  display: list-item !important;
}
.hidden{
  display: none !important;
}
.aspect-video{
  aspect-ratio: 16 / 9 !important;
}
.h-0{
  height: 0px !important;
}
.h-1{
  height: 0.25rem !important;
}
.h-10{
  height: 2.5rem !important;
}
.h-12{
  height: 3rem !important;
}
.h-14{
  height: 3.5rem !important;
}
.h-16{
  height: 4rem !important;
}
.h-2{
  height: 0.5rem !important;
}
.h-20{
  height: 5rem !important;
}
.h-24{
  height: 6rem !important;
}
.h-28{
  height: 7rem !important;
}
.h-3{
  height: 0.75rem !important;
}
.h-3\/4{
  height: 75% !important;
}
.h-32{
  height: 8rem !important;
}
.h-36{
  height: 9rem !important;
}
.h-4{
  height: 1rem !important;
}
.h-40{
  height: 10rem !important;
}
.h-6{
  height: 1.5rem !important;
}
.h-64{
  height: 16rem !important;
}
.h-8{
  height: 2rem !important;
}
.h-\[100px\]{
  height: 100px !important;
}
.h-\[104px\]{
  height: 104px !important;
}
.h-\[105px\]{
  height: 105px !important;
}
.h-\[10px\]{
  height: 10px !important;
}
.h-\[116px\]{
  height: 116px !important;
}
.h-\[128px\]{
  height: 128px !important;
}
.h-\[12px\]{
  height: 12px !important;
}
.h-\[136px\]{
  height: 136px !important;
}
.h-\[14px\]{
  height: 14px !important;
}
.h-\[156px\]{
  height: 156px !important;
}
.h-\[160px\]{
  height: 160px !important;
}
.h-\[165px\]{
  height: 165px !important;
}
.h-\[16px\]{
  height: 16px !important;
}
.h-\[170px\]{
  height: 170px !important;
}
.h-\[175px\]{
  height: 175px !important;
}
.h-\[180px\]{
  height: 180px !important;
}
.h-\[18px\]{
  height: 18px !important;
}
.h-\[190px\]{
  height: 190px !important;
}
.h-\[200px\]{
  height: 200px !important;
}
.h-\[20px\]{
  height: 20px !important;
}
.h-\[22px\]{
  height: 22px !important;
}
.h-\[24px\]{
  height: 24px !important;
}
.h-\[250px\]{
  height: 250px !important;
}
.h-\[268px\]{
  height: 268px !important;
}
.h-\[26px\]{
  height: 26px !important;
}
.h-\[27px\]{
  height: 27px !important;
}
.h-\[28px\]{
  height: 28px !important;
}
.h-\[2px\]{
  height: 2px !important;
}
.h-\[300px\]{
  height: 300px !important;
}
.h-\[305px\]{
  height: 305px !important;
}
.h-\[30px\]{
  height: 30px !important;
}
.h-\[318px\]{
  height: 318px !important;
}
.h-\[320px\]{
  height: 320px !important;
}
.h-\[32px\]{
  height: 32px !important;
}
.h-\[347px\]{
  height: 347px !important;
}
.h-\[34px\]{
  height: 34px !important;
}
.h-\[35px\]{
  height: 35px !important;
}
.h-\[36px\]{
  height: 36px !important;
}
.h-\[37px\]{
  height: 37px !important;
}
.h-\[38px\]{
  height: 38px !important;
}
.h-\[400px\]{
  height: 400px !important;
}
.h-\[40px\]{
  height: 40px !important;
}
.h-\[420px\]{
  height: 420px !important;
}
.h-\[42px\]{
  height: 42px !important;
}
.h-\[44px\]{
  height: 44px !important;
}
.h-\[45px\]{
  height: 45px !important;
}
.h-\[48px\]{
  height: 48px !important;
}
.h-\[4px\]{
  height: 4px !important;
}
.h-\[52px\]{
  height: 52px !important;
}
.h-\[56px\]{
  height: 56px !important;
}
.h-\[64px\]{
  height: 64px !important;
}
.h-\[66px\]{
  height: 66px !important;
}
.h-\[68px\]{
  height: 68px !important;
}
.h-\[6px\]{
  height: 6px !important;
}
.h-\[70vh\]{
  height: 70vh !important;
}
.h-\[72px\]{
  height: 72px !important;
}
.h-\[75px\]{
  height: 75px !important;
}
.h-\[76px\]{
  height: 76px !important;
}
.h-\[78px\]{
  height: 78px !important;
}
.h-\[7px\]{
  height: 7px !important;
}
.h-\[84px\]{
  height: 84px !important;
}
.h-\[85px\]{
  height: 85px !important;
}
.h-\[86px\]{
  height: 86px !important;
}
.h-\[88px\]{
  height: 88px !important;
}
.h-\[8px\]{
  height: 8px !important;
}
.h-\[90px\]{
  height: 90px !important;
}
.h-\[91\.67\%\]{
  height: 91.67% !important;
}
.h-\[92px\]{
  height: 92px !important;
}
.h-\[calc\(100\%\+2px\)\]{
  height: calc(100% + 2px) !important;
}
.h-auto{
  height: auto !important;
}
.h-fit{
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-full{
  height: 100% !important;
}
.h-screen{
  height: 100vh !important;
}
.max-h-24{
  max-height: 6rem !important;
}
.max-h-64{
  max-height: 16rem !important;
}
.max-h-96{
  max-height: 24rem !important;
}
.max-h-\[1100px\]{
  max-height: 1100px !important;
}
.max-h-\[180px\]{
  max-height: 180px !important;
}
.max-h-\[200px\]{
  max-height: 200px !important;
}
.max-h-\[260px\]{
  max-height: 260px !important;
}
.max-h-\[300px\]{
  max-height: 300px !important;
}
.max-h-\[320px\]{
  max-height: 320px !important;
}
.max-h-\[350px\]{
  max-height: 350px !important;
}
.max-h-\[380px\]{
  max-height: 380px !important;
}
.max-h-\[70vh\]{
  max-height: 70vh !important;
}
.max-h-\[800px\]{
  max-height: 800px !important;
}
.max-h-full{
  max-height: 100% !important;
}
.max-h-screen{
  max-height: 100vh !important;
}
.min-h-0{
  min-height: 0px !important;
}
.min-h-64{
  min-height: 16rem !important;
}
.min-h-96{
  min-height: 24rem !important;
}
.min-h-\[107px\]{
  min-height: 107px !important;
}
.min-h-\[120px\]{
  min-height: 120px !important;
}
.min-h-\[152px\]{
  min-height: 152px !important;
}
.min-h-\[156px\]{
  min-height: 156px !important;
}
.min-h-\[180px\]{
  min-height: 180px !important;
}
.min-h-\[210px\]{
  min-height: 210px !important;
}
.min-h-\[216px\]{
  min-height: 216px !important;
}
.min-h-\[220px\]{
  min-height: 220px !important;
}
.min-h-\[246px\]{
  min-height: 246px !important;
}
.min-h-\[24px\]{
  min-height: 24px !important;
}
.min-h-\[326px\]{
  min-height: 326px !important;
}
.min-h-\[334px\]{
  min-height: 334px !important;
}
.min-h-\[34px\]{
  min-height: 34px !important;
}
.min-h-\[400px\]{
  min-height: 400px !important;
}
.min-h-\[40px\]{
  min-height: 40px !important;
}
.min-h-\[42px\]{
  min-height: 42px !important;
}
.min-h-\[450px\]{
  min-height: 450px !important;
}
.min-h-\[456px\]{
  min-height: 456px !important;
}
.min-h-\[48px\]{
  min-height: 48px !important;
}
.min-h-\[560px\]{
  min-height: 560px !important;
}
.min-h-\[56px\]{
  min-height: 56px !important;
}
.min-h-\[60px\]{
  min-height: 60px !important;
}
.min-h-\[72px\]{
  min-height: 72px !important;
}
.min-h-\[75vh\]{
  min-height: 75vh !important;
}
.min-h-\[88px\]{
  min-height: 88px !important;
}
.min-h-auto{
  min-height: auto !important;
}
.min-h-full{
  min-height: 100% !important;
}
.min-h-screen{
  min-height: 100vh !important;
}
.w-0{
  width: 0px !important;
}
.w-1{
  width: 0.25rem !important;
}
.w-1\/12{
  width: 8.333333% !important;
}
.w-1\/2{
  width: 50% !important;
}
.w-1\/3{
  width: 33.333333% !important;
}
.w-1\/4{
  width: 25% !important;
}
.w-10{
  width: 2.5rem !important;
}
.w-10\/12{
  width: 83.333333% !important;
}
.w-11\/12{
  width: 91.666667% !important;
}
.w-12{
  width: 3rem !important;
}
.w-14{
  width: 3.5rem !important;
}
.w-16{
  width: 4rem !important;
}
.w-2{
  width: 0.5rem !important;
}
.w-2\/12{
  width: 16.666667% !important;
}
.w-2\/3{
  width: 66.666667% !important;
}
.w-20{
  width: 5rem !important;
}
.w-24{
  width: 6rem !important;
}
.w-28{
  width: 7rem !important;
}
.w-3{
  width: 0.75rem !important;
}
.w-3\/12{
  width: 25% !important;
}
.w-3\/4{
  width: 75% !important;
}
.w-32{
  width: 8rem !important;
}
.w-4{
  width: 1rem !important;
}
.w-4\/12{
  width: 33.333333% !important;
}
.w-40{
  width: 10rem !important;
}
.w-48{
  width: 12rem !important;
}
.w-5\/12{
  width: 41.666667% !important;
}
.w-56{
  width: 14rem !important;
}
.w-6{
  width: 1.5rem !important;
}
.w-60{
  width: 15rem !important;
}
.w-64{
  width: 16rem !important;
}
.w-7\/12{
  width: 58.333333% !important;
}
.w-72{
  width: 18rem !important;
}
.w-8{
  width: 2rem !important;
}
.w-8\/12{
  width: 66.666667% !important;
}
.w-80{
  width: 20rem !important;
}
.w-9\/12{
  width: 75% !important;
}
.w-96{
  width: 24rem !important;
}
.w-\[10px\]{
  width: 10px !important;
}
.w-\[110px\]{
  width: 110px !important;
}
.w-\[120px\]{
  width: 120px !important;
}
.w-\[12px\]{
  width: 12px !important;
}
.w-\[130px\]{
  width: 130px !important;
}
.w-\[132px\]{
  width: 132px !important;
}
.w-\[141px\]{
  width: 141px !important;
}
.w-\[15\%\]{
  width: 15% !important;
}
.w-\[155px\]{
  width: 155px !important;
}
.w-\[158px\]{
  width: 158px !important;
}
.w-\[168px\]{
  width: 168px !important;
}
.w-\[16px\]{
  width: 16px !important;
}
.w-\[18\%\]{
  width: 18% !important;
}
.w-\[180px\]{
  width: 180px !important;
}
.w-\[18px\]{
  width: 18px !important;
}
.w-\[192px\]{
  width: 192px !important;
}
.w-\[1px\]{
  width: 1px !important;
}
.w-\[200px\]{
  width: 200px !important;
}
.w-\[20px\]{
  width: 20px !important;
}
.w-\[214px\]{
  width: 214px !important;
}
.w-\[220px\]{
  width: 220px !important;
}
.w-\[236px\]{
  width: 236px !important;
}
.w-\[24px\]{
  width: 24px !important;
}
.w-\[25\%\]{
  width: 25% !important;
}
.w-\[250px\]{
  width: 250px !important;
}
.w-\[256px\]{
  width: 256px !important;
}
.w-\[260px\]{
  width: 260px !important;
}
.w-\[280px\]{
  width: 280px !important;
}
.w-\[28px\]{
  width: 28px !important;
}
.w-\[292px\]{
  width: 292px !important;
}
.w-\[2px\]{
  width: 2px !important;
}
.w-\[30\%\]{
  width: 30% !important;
}
.w-\[300px\]{
  width: 300px !important;
}
.w-\[30px\]{
  width: 30px !important;
}
.w-\[315px\]{
  width: 315px !important;
}
.w-\[32px\]{
  width: 32px !important;
}
.w-\[34px\]{
  width: 34px !important;
}
.w-\[352px\]{
  width: 352px !important;
}
.w-\[35px\]{
  width: 35px !important;
}
.w-\[37\%\]{
  width: 37% !important;
}
.w-\[370px\]{
  width: 370px !important;
}
.w-\[375px\]{
  width: 375px !important;
}
.w-\[380px\]{
  width: 380px !important;
}
.w-\[400px\]{
  width: 400px !important;
}
.w-\[42px\]{
  width: 42px !important;
}
.w-\[46px\]{
  width: 46px !important;
}
.w-\[470px\]{
  width: 470px !important;
}
.w-\[4px\]{
  width: 4px !important;
}
.w-\[500px\]{
  width: 500px !important;
}
.w-\[512px\]{
  width: 512px !important;
}
.w-\[520px\]{
  width: 520px !important;
}
.w-\[52px\]{
  width: 52px !important;
}
.w-\[550px\]{
  width: 550px !important;
}
.w-\[5px\]{
  width: 5px !important;
}
.w-\[60px\]{
  width: 60px !important;
}
.w-\[64px\]{
  width: 64px !important;
}
.w-\[65\%\]{
  width: 65% !important;
}
.w-\[66px\]{
  width: 66px !important;
}
.w-\[72px\]{
  width: 72px !important;
}
.w-\[85\%\]{
  width: 85% !important;
}
.w-\[88px\]{
  width: 88px !important;
}
.w-\[8px\]{
  width: 8px !important;
}
.w-\[90\%\]{
  width: 90% !important;
}
.w-\[90px\]{
  width: 90px !important;
}
.w-\[91\.67\%\]{
  width: 91.67% !important;
}
.w-\[95\%\]{
  width: 95% !important;
}
.w-\[calc\(100\%\+2px\)\]{
  width: calc(100% + 2px) !important;
}
.w-\[calc\(50\%\+8px\)\]{
  width: calc(50% + 8px) !important;
}
.w-\[calc\(50\%-8px\)\]{
  width: calc(50% - 8px) !important;
}
.w-auto{
  width: auto !important;
}
.w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-full{
  width: 100% !important;
}
.w-max{
  width: -moz-max-content !important;
  width: max-content !important;
}
.min-w-0{
  min-width: 0px !important;
}
.min-w-\[106px\]{
  min-width: 106px !important;
}
.min-w-\[130px\]{
  min-width: 130px !important;
}
.min-w-\[140px\]{
  min-width: 140px !important;
}
.min-w-\[14px\]{
  min-width: 14px !important;
}
.min-w-\[160px\]{
  min-width: 160px !important;
}
.min-w-\[180px\]{
  min-width: 180px !important;
}
.min-w-\[18px\]{
  min-width: 18px !important;
}
.min-w-\[200px\]{
  min-width: 200px !important;
}
.min-w-\[220px\]{
  min-width: 220px !important;
}
.min-w-\[232px\]{
  min-width: 232px !important;
}
.min-w-\[23px\]{
  min-width: 23px !important;
}
.min-w-\[240px\]{
  min-width: 240px !important;
}
.min-w-\[24px\]{
  min-width: 24px !important;
}
.min-w-\[250px\]{
  min-width: 250px !important;
}
.min-w-\[260px\]{
  min-width: 260px !important;
}
.min-w-\[300px\]{
  min-width: 300px !important;
}
.min-w-\[30px\]{
  min-width: 30px !important;
}
.min-w-\[34px\]{
  min-width: 34px !important;
}
.min-w-\[380px\]{
  min-width: 380px !important;
}
.min-w-\[40px\]{
  min-width: 40px !important;
}
.min-w-\[44px\]{
  min-width: 44px !important;
}
.min-w-\[48px\]{
  min-width: 48px !important;
}
.min-w-\[88px\]{
  min-width: 88px !important;
}
.min-w-auto{
  min-width: auto !important;
}
.min-w-fit{
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}
.min-w-full{
  min-width: 100% !important;
}
.max-w-80{
  max-width: 20rem !important;
}
.max-w-\[1000px\]{
  max-width: 1000px !important;
}
.max-w-\[100px\]{
  max-width: 100px !important;
}
.max-w-\[1024px\]{
  max-width: 1024px !important;
}
.max-w-\[1200px\]{
  max-width: 1200px !important;
}
.max-w-\[120px\]{
  max-width: 120px !important;
}
.max-w-\[1400px\]{
  max-width: 1400px !important;
}
.max-w-\[143px\]{
  max-width: 143px !important;
}
.max-w-\[192px\]{
  max-width: 192px !important;
}
.max-w-\[200px\]{
  max-width: 200px !important;
}
.max-w-\[230px\]{
  max-width: 230px !important;
}
.max-w-\[24px\]{
  max-width: 24px !important;
}
.max-w-\[250px\]{
  max-width: 250px !important;
}
.max-w-\[300px\]{
  max-width: 300px !important;
}
.max-w-\[315px\]{
  max-width: 315px !important;
}
.max-w-\[33\%\]{
  max-width: 33% !important;
}
.max-w-\[340px\]{
  max-width: 340px !important;
}
.max-w-\[350px\]{
  max-width: 350px !important;
}
.max-w-\[370px\]{
  max-width: 370px !important;
}
.max-w-\[380px\]{
  max-width: 380px !important;
}
.max-w-\[400px\]{
  max-width: 400px !important;
}
.max-w-\[40px\]{
  max-width: 40px !important;
}
.max-w-\[418px\]{
  max-width: 418px !important;
}
.max-w-\[440px\]{
  max-width: 440px !important;
}
.max-w-\[450px\]{
  max-width: 450px !important;
}
.max-w-\[50\%\]{
  max-width: 50% !important;
}
.max-w-\[500px\]{
  max-width: 500px !important;
}
.max-w-\[60\%\]{
  max-width: 60% !important;
}
.max-w-\[600px\]{
  max-width: 600px !important;
}
.max-w-\[670px\]{
  max-width: 670px !important;
}
.max-w-\[70\%\]{
  max-width: 70% !important;
}
.max-w-\[710px\]{
  max-width: 710px !important;
}
.max-w-\[724px\]{
  max-width: 724px !important;
}
.max-w-\[760px\]{
  max-width: 760px !important;
}
.max-w-\[800px\]{
  max-width: 800px !important;
}
.max-w-\[838px\]{
  max-width: 838px !important;
}
.max-w-\[900px\]{
  max-width: 900px !important;
}
.max-w-\[950px\]{
  max-width: 950px !important;
}
.max-w-\[none\]{
  max-width: none !important;
}
.max-w-fit{
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}
.max-w-full{
  max-width: 100% !important;
}
.max-w-max{
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-none{
  max-width: none !important;
}
.max-w-prose{
  max-width: 65ch !important;
}
.flex-1{
  flex: 1 1 !important;
}
.flex-\[0_0_auto\]{
  flex: 0 0 auto !important;
}
.flex-auto{
  flex: 1 1 auto !important;
}
.flex-none{
  flex: none !important;
}
.flex-shrink{
  flex-shrink: 1 !important;
}
.flex-shrink-0{
  flex-shrink: 0 !important;
}
.shrink{
  flex-shrink: 1 !important;
}
.shrink-0{
  flex-shrink: 0 !important;
}
.flex-grow{
  flex-grow: 1 !important;
}
.flex-grow-0{
  flex-grow: 0 !important;
}
.grow{
  flex-grow: 1 !important;
}
.basis-0{
  flex-basis: 0px !important;
}
.basis-1\/2{
  flex-basis: 50% !important;
}
.basis-1\/3{
  flex-basis: 33.333333% !important;
}
.basis-1\/4{
  flex-basis: 25% !important;
}
.basis-3\/12{
  flex-basis: 25% !important;
}
.basis-3\/4{
  flex-basis: 75% !important;
}
.basis-9\/12{
  flex-basis: 75% !important;
}
.basis-\[4\%\]{
  flex-basis: 4% !important;
}
.basis-full{
  flex-basis: 100% !important;
}
.table-auto{
  table-layout: auto !important;
}
.table-fixed{
  table-layout: fixed !important;
}
.border-collapse{
  border-collapse: collapse !important;
}
.-translate-x-1\/2{
  --tw-translate-x: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/4{
  --tw-translate-x: -25% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-\[28px\]{
  --tw-translate-x: -28px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-\[6px\]{
  --tw-translate-x: -6px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-full{
  --tw-translate-x: -100% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-1\/2{
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-\[5px\]{
  --tw-translate-y: -5px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-full{
  --tw-translate-x: 100% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[-1px\]{
  --tw-translate-y: -1px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[-2px\]{
  --tw-translate-y: -2px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-\[-50\%\]{
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-rotate-45{
  --tw-rotate: -45deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180{
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-45{
  --tw-rotate: 45deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-90{
  --tw-rotate: 90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-skew-x-\[30deg\]{
  --tw-skew-x: -30deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.skew-x-\[30deg\]{
  --tw-skew-x: 30deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-105{
  --tw-scale-x: 1.05 !important;
  --tw-scale-y: 1.05 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-95{
  --tw-scale-x: .95 !important;
  --tw-scale-y: .95 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.animate-\[typingColor_750ms_infinite_0ms\]{
  animation: typingColor 750ms infinite 0ms !important;
}
.animate-\[typingColor_750ms_infinite_250ms\]{
  animation: typingColor 750ms infinite 250ms !important;
}
.animate-\[typingColor_750ms_infinite_500ms\]{
  animation: typingColor 750ms infinite 500ms !important;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite !important;
}
.cursor-default{
  cursor: default !important;
}
.cursor-grab{
  cursor: grab !important;
}
.cursor-grabbing{
  cursor: grabbing !important;
}
.cursor-help{
  cursor: help !important;
}
.cursor-move{
  cursor: move !important;
}
.cursor-not-allowed{
  cursor: not-allowed !important;
}
.cursor-pointer{
  cursor: pointer !important;
}
.cursor-text{
  cursor: text !important;
}
.select-none{
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.resize-none{
  resize: none !important;
}
.resize{
  resize: both !important;
}
.list-inside{
  list-style-position: inside !important;
}
.list-outside{
  list-style-position: outside !important;
}
.list-decimal{
  list-style-type: decimal !important;
}
.list-disc{
  list-style-type: disc !important;
}
.list-none{
  list-style-type: none !important;
}
.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.grid-cols-\[1fr_1fr_100px\]{
  grid-template-columns: 1fr 1fr 100px !important;
}
.grid-cols-\[1fr_auto\]{
  grid-template-columns: 1fr auto !important;
}
.grid-cols-\[1fr_auto_1fr\]{
  grid-template-columns: 1fr auto 1fr !important;
}
.grid-cols-\[4px_1fr\]{
  grid-template-columns: 4px 1fr !important;
}
.flex-row{
  flex-direction: row !important;
}
.flex-row-reverse{
  flex-direction: row-reverse !important;
}
.flex-col{
  flex-direction: column !important;
}
.flex-col-reverse{
  flex-direction: column-reverse !important;
}
.flex-wrap{
  flex-wrap: wrap !important;
}
.flex-nowrap{
  flex-wrap: nowrap !important;
}
.items-start{
  align-items: flex-start !important;
}
.items-end{
  align-items: flex-end !important;
}
.items-center{
  align-items: center !important;
}
.items-baseline{
  align-items: baseline !important;
}
.items-stretch{
  align-items: stretch !important;
}
.justify-start{
  justify-content: flex-start !important;
}
.justify-end{
  justify-content: flex-end !important;
}
.justify-center{
  justify-content: center !important;
}
.justify-between{
  justify-content: space-between !important;
}
.justify-around{
  justify-content: space-around !important;
}
.justify-evenly{
  justify-content: space-evenly !important;
}
.gap-0{
  gap: 0px !important;
}
.gap-1{
  gap: 0.25rem !important;
}
.gap-10{
  gap: 2.5rem !important;
}
.gap-12{
  gap: 3rem !important;
}
.gap-14{
  gap: 3.5rem !important;
}
.gap-16{
  gap: 4rem !important;
}
.gap-2{
  gap: 0.5rem !important;
}
.gap-3{
  gap: 0.75rem !important;
}
.gap-4{
  gap: 1rem !important;
}
.gap-6{
  gap: 1.5rem !important;
}
.gap-8{
  gap: 2rem !important;
}
.gap-\[2px\]{
  gap: 2px !important;
}
.gap-\[3px\]{
  gap: 3px !important;
}
.gap-\[6px\]{
  gap: 6px !important;
}
.gap-x-1{
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}
.gap-x-2{
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.gap-x-3{
  -moz-column-gap: 0.75rem !important;
       column-gap: 0.75rem !important;
}
.gap-x-4{
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.gap-x-6{
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.gap-y-1{
  row-gap: 0.25rem !important;
}
.gap-y-2{
  row-gap: 0.5rem !important;
}
.gap-y-4{
  row-gap: 1rem !important;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-\[12px\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(12px * var(--tw-space-x-reverse)) !important;
  margin-left: calc(12px * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-16 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(4rem * var(--tw-space-y-reverse)) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
}
.space-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 1 !important;
}
.space-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1 !important;
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
}
.divide-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0 !important;
  border-right-width: calc(2px * var(--tw-divide-x-reverse)) !important;
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-y-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 1 !important;
}
.divide-x-reverse > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 1 !important;
}
.divide-tide-110 > :not([hidden]) ~ :not([hidden]){
  border-color: #e7e7eb !important;
}
.divide-white > :not([hidden]) ~ :not([hidden]){
  border-color: #fff !important;
}
.self-start{
  align-self: flex-start !important;
}
.self-end{
  align-self: flex-end !important;
}
.self-center{
  align-self: center !important;
}
.self-stretch{
  align-self: stretch !important;
}
.overflow-auto{
  overflow: auto !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.overflow-visible{
  overflow: visible !important;
}
.overflow-scroll{
  overflow: scroll !important;
}
.overflow-x-auto{
  overflow-x: auto !important;
}
.overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-x-hidden{
  overflow-x: hidden !important;
}
.overflow-y-visible{
  overflow-y: visible !important;
}
.overflow-y-scroll{
  overflow-y: scroll !important;
}
.truncate{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis{
  text-overflow: ellipsis !important;
}
.text-clip{
  text-overflow: clip !important;
}
.hyphens-auto{
  hyphens: auto !important;
}
.whitespace-normal{
  white-space: normal !important;
}
.whitespace-nowrap{
  white-space: nowrap !important;
}
.whitespace-pre-line{
  white-space: pre-line !important;
}
.whitespace-pre-wrap{
  white-space: pre-wrap !important;
}
.break-normal{
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.break-words{
  overflow-wrap: break-word !important;
}
.break-all{
  word-break: break-all !important;
}
.rounded{
  border-radius: 0.25rem !important;
}
.rounded-16{
  border-radius: 16px !important;
}
.rounded-2xl{
  border-radius: 1rem !important;
}
.rounded-3xl{
  border-radius: 1.5rem !important;
}
.rounded-4{
  border-radius: 4px !important;
}
.rounded-\[10px\]{
  border-radius: 10px !important;
}
.rounded-\[12px\]{
  border-radius: 12px !important;
}
.rounded-\[16px\]{
  border-radius: 16px !important;
}
.rounded-\[17px\]{
  border-radius: 17px !important;
}
.rounded-\[24px\]{
  border-radius: 24px !important;
}
.rounded-\[30px\]{
  border-radius: 30px !important;
}
.rounded-\[3px\]{
  border-radius: 3px !important;
}
.rounded-\[40px\]{
  border-radius: 40px !important;
}
.rounded-\[4px\]{
  border-radius: 4px !important;
}
.rounded-\[7px\]{
  border-radius: 7px !important;
}
.rounded-circle{
  border-radius: 50% !important;
}
.rounded-full{
  border-radius: 9999px !important;
}
.rounded-lg{
  border-radius: 0.5rem !important;
}
.rounded-md{
  border-radius: 0.375rem !important;
}
.rounded-none{
  border-radius: 0px !important;
}
.rounded-sm{
  border-radius: 0.125rem !important;
}
.rounded-xl{
  border-radius: 0.75rem !important;
}
.rounded-b{
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-b-lg{
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-b-md{
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.rounded-b-none{
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-e{
  border-start-end-radius: 0.25rem !important;
  border-end-end-radius: 0.25rem !important;
}
.rounded-l{
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-l-2xl{
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.rounded-l-4{
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.rounded-l-full{
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}
.rounded-l-lg{
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-l-xl{
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-r{
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-r-4{
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.rounded-r-\[10px\]{
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.rounded-r-\[12px\]{
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.rounded-r-\[17px\]{
  border-top-right-radius: 17px !important;
  border-bottom-right-radius: 17px !important;
}
.rounded-r-full{
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}
.rounded-s{
  border-start-start-radius: 0.25rem !important;
  border-end-start-radius: 0.25rem !important;
}
.rounded-t{
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-t-md{
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.rounded-t-none{
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-bl{
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-br{
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-br-none{
  border-bottom-right-radius: 0px !important;
}
.rounded-ee{
  border-end-end-radius: 0.25rem !important;
}
.rounded-es{
  border-end-start-radius: 0.25rem !important;
}
.rounded-se{
  border-start-end-radius: 0.25rem !important;
}
.rounded-ss{
  border-start-start-radius: 0.25rem !important;
}
.rounded-tl{
  border-top-left-radius: 0.25rem !important;
}
.rounded-tl-xl{
  border-top-left-radius: 0.75rem !important;
}
.rounded-tr{
  border-top-right-radius: 0.25rem !important;
}
.rounded-tr-xl{
  border-top-right-radius: 0.75rem !important;
}
.border{
  border-width: 1px !important;
}
.border-0{
  border-width: 0px !important;
}
.border-2{
  border-width: 2px !important;
}
.border-4{
  border-width: 4px !important;
}
.border-x{
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}
.border-x-0{
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.border-y{
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
.border-y-0{
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}
.border-b{
  border-bottom-width: 1px !important;
}
.border-b-0{
  border-bottom-width: 0px !important;
}
.border-b-2{
  border-bottom-width: 2px !important;
}
.border-b-\[4px\]{
  border-bottom-width: 4px !important;
}
.border-e{
  border-inline-end-width: 1px !important;
}
.border-l{
  border-left-width: 1px !important;
}
.border-l-0{
  border-left-width: 0px !important;
}
.border-l-4{
  border-left-width: 4px !important;
}
.border-r{
  border-right-width: 1px !important;
}
.border-r-0{
  border-right-width: 0px !important;
}
.border-r-4{
  border-right-width: 4px !important;
}
.border-s{
  border-inline-start-width: 1px !important;
}
.border-t{
  border-top-width: 1px !important;
}
.border-t-0{
  border-top-width: 0px !important;
}
.border-t-2{
  border-top-width: 2px !important;
}
.border-t-4{
  border-top-width: 4px !important;
}
.border-t-8{
  border-top-width: 8px !important;
}
.border-solid{
  border-style: solid !important;
}
.border-dashed{
  border-style: dashed !important;
}
.border-none{
  border-style: none !important;
}
.border-\[rgb\(59\2c 130\2c 246\)\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important;
}
.border-black{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}
.border-cornbread-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 174 42 / var(--tw-border-opacity)) !important;
}
.border-current{
  border-color: currentColor !important;
}
.border-kin-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 242 232 / var(--tw-border-opacity)) !important;
}
.border-mind-extended-210{
  --tw-border-opacity: 1 !important;
  border-color: rgb(18 175 175 / var(--tw-border-opacity)) !important;
}
.border-motion-100{
  --tw-border-opacity: 1 !important;
  border-color: rgb(240 233 251 / var(--tw-border-opacity)) !important;
}
.border-motion-120{
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 204 248 / var(--tw-border-opacity)) !important;
}
.border-motion-140{
  --tw-border-opacity: 1 !important;
  border-color: rgb(196 153 241 / var(--tw-border-opacity)) !important;
}
.border-motion-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}
.border-motion-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(76 0 153 / var(--tw-border-opacity)) !important;
}
.border-rise-100{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 210 196 / var(--tw-border-opacity)) !important;
}
.border-rise-160{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 147 112 / var(--tw-border-opacity)) !important;
}
.border-rise-190{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 75 17 / var(--tw-border-opacity)) !important;
}
.border-rise-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(219 55 0 / var(--tw-border-opacity)) !important;
}
.border-rise-300{
  --tw-border-opacity: 1 !important;
  border-color: rgb(173 59 28 / var(--tw-border-opacity)) !important;
}
.border-status-danger{
  --tw-border-opacity: 1 !important;
  border-color: rgb(197 8 18 / var(--tw-border-opacity)) !important;
}
.border-status-negative-180{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 57 65 / var(--tw-border-opacity)) !important;
}
.border-status-negative-220{
  --tw-border-opacity: 1 !important;
  border-color: rgb(158 6 14 / var(--tw-border-opacity)) !important;
}
.border-status-positive-20{
  --tw-border-opacity: 1 !important;
  border-color: rgb(88 212 152 / var(--tw-border-opacity)) !important;
}
.border-status-positive-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(45 219 167 / var(--tw-border-opacity)) !important;
}
.border-status-positive-220{
  --tw-border-opacity: 1 !important;
  border-color: rgb(36 175 134 / var(--tw-border-opacity)) !important;
}
.border-tide-110{
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 231 235 / var(--tw-border-opacity)) !important;
}
.border-tide-120{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}
.border-tide-140{
  --tw-border-opacity: 1 !important;
  border-color: rgb(164 159 178 / var(--tw-border-opacity)) !important;
}
.border-tide-150{
  --tw-border-opacity: 1 !important;
  border-color: rgb(140 134 159 / var(--tw-border-opacity)) !important;
}
.border-tide-170{
  --tw-border-opacity: 1 !important;
  border-color: rgb(94 87 119 / var(--tw-border-opacity)) !important;
}
.border-tide-200{
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 13 63 / var(--tw-border-opacity)) !important;
}
.border-tide-30{
  --tw-border-opacity: 1 !important;
  border-color: rgb(248 248 249 / var(--tw-border-opacity)) !important;
}
.border-tide-5{
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 243 245 / var(--tw-border-opacity)) !important;
}
.border-tide-50{
  --tw-border-opacity: 1 !important;
  border-color: rgb(244 243 245 / var(--tw-border-opacity)) !important;
}
.border-transparent{
  border-color: transparent !important;
}
.border-white{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.border-b-status-danger{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(197 8 18 / var(--tw-border-opacity)) !important;
}
.border-b-tide-110{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(231 231 235 / var(--tw-border-opacity)) !important;
}
.border-l-tide-120{
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}
.border-l-transparent{
  border-left-color: transparent !important;
}
.border-r-tide-120{
  --tw-border-opacity: 1 !important;
  border-right-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}
.border-t-tide-110{
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(231 231 235 / var(--tw-border-opacity)) !important;
}
.border-t-tide-120{
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}
.border-opacity-0{
  --tw-border-opacity: 0 !important;
}
.border-opacity-10{
  --tw-border-opacity: 0.1 !important;
}
.border-opacity-100{
  --tw-border-opacity: 1 !important;
}
.border-opacity-30{
  --tw-border-opacity: 0.3 !important;
}
.border-opacity-50{
  --tw-border-opacity: 0.5 !important;
}
.bg-\[\#BAB6C5\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(186 182 197 / var(--tw-bg-opacity)) !important;
}
.bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 247 234 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 239 212 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-140{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 223 170 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-160{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 206 127 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 190 85 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 174 42 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-extended-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 239 212 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-extended-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 190 85 / var(--tw-bg-opacity)) !important;
}
.bg-cornbread-extended-210{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 157 38 / var(--tw-bg-opacity)) !important;
}
.bg-current{
  background-color: currentColor !important;
}
.bg-heart-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 230 242 / var(--tw-bg-opacity)) !important;
}
.bg-heart-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 220 236 / var(--tw-bg-opacity)) !important;
}
.bg-heart-extended-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 108 175 / var(--tw-bg-opacity)) !important;
}
.bg-kin-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 250 247 / var(--tw-bg-opacity)) !important;
}
.bg-kin-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 242 232 / var(--tw-bg-opacity)) !important;
}
.bg-kin-90{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 252 251 / var(--tw-bg-opacity)) !important;
}
.bg-mind-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(232 251 251 / var(--tw-bg-opacity)) !important;
}
.bg-mind-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 248 248 / var(--tw-bg-opacity)) !important;
}
.bg-mind-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(69 226 226 / var(--tw-bg-opacity)) !important;
}
.bg-mind-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(22 219 219 / var(--tw-bg-opacity)) !important;
}
.bg-mind-300{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(15 153 153 / var(--tw-bg-opacity)) !important;
}
.bg-mind-extended-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(208 248 248 / var(--tw-bg-opacity)) !important;
}
.bg-mind-extended-210{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(18 175 175 / var(--tw-bg-opacity)) !important;
}
.bg-motion-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}
.bg-motion-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(226 204 248 / var(--tw-bg-opacity)) !important;
}
.bg-motion-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(108 0 219 / var(--tw-bg-opacity)) !important;
}
.bg-motion-300{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(76 0 153 / var(--tw-bg-opacity)) !important;
}
.bg-motion-90{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 244 253 / var(--tw-bg-opacity)) !important;
}
.bg-motion-extended-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(130 38 224 / var(--tw-bg-opacity)) !important;
}
.bg-pulse-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 131 91 / var(--tw-bg-opacity)) !important;
}
.bg-rise-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 210 196 / var(--tw-bg-opacity)) !important;
}
.bg-rise-160{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 147 112 / var(--tw-bg-opacity)) !important;
}
.bg-rise-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 111 65 / var(--tw-bg-opacity)) !important;
}
.bg-rise-190{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 75 17 / var(--tw-bg-opacity)) !important;
}
.bg-rise-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(219 55 0 / var(--tw-bg-opacity)) !important;
}
.bg-rise-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 237 231 / var(--tw-bg-opacity)) !important;
}
.bg-rise-extended-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 111 65 / var(--tw-bg-opacity)) !important;
}
.bg-rise-extended-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 237 231 / var(--tw-bg-opacity)) !important;
}
.bg-status-danger{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(197 8 18 / var(--tw-bg-opacity)) !important;
}
.bg-status-negative-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 230 230 / var(--tw-bg-opacity)) !important;
}
.bg-status-negative-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 57 65 / var(--tw-bg-opacity)) !important;
}
.bg-status-negative-20-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 230 230 / var(--tw-bg-opacity)) !important;
}
.bg-status-negative-220{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(158 6 14 / var(--tw-bg-opacity)) !important;
}
.bg-status-neutral-0-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 248 237 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(213 248 237 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-160{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(129 233 202 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-180{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(87 226 185 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-20{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(88 212 152 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-20-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(238 250 245 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 219 167 / var(--tw-bg-opacity)) !important;
}
.bg-status-positive-220{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 175 134 / var(--tw-bg-opacity)) !important;
}
.bg-status-success{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 219 167 / var(--tw-bg-opacity)) !important;
}
.bg-success-primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(91 213 154 / var(--tw-bg-opacity)) !important;
}
.bg-tide-1{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity)) !important;
}
.bg-tide-110{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 231 235 / var(--tw-bg-opacity)) !important;
}
.bg-tide-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}
.bg-tide-140{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(164 159 178 / var(--tw-bg-opacity)) !important;
}
.bg-tide-150{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(140 134 159 / var(--tw-bg-opacity)) !important;
}
.bg-tide-170{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(94 87 119 / var(--tw-bg-opacity)) !important;
}
.bg-tide-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(26 13 63 / var(--tw-bg-opacity)) !important;
}
.bg-tide-30{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}
.bg-tide-5{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity)) !important;
}
.bg-tide-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity)) !important;
}
.bg-transparent{
  background-color: transparent !important;
}
.bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5) !important;
}
.bg-white\/\[0\.8\]{
  background-color: rgb(255 255 255 / 0.8) !important;
}
.bg-opacity-30{
  --tw-bg-opacity: 0.3 !important;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5 !important;
}
.bg-opacity-75{
  --tw-bg-opacity: 0.75 !important;
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.bg-spark-gradient{
  background-image: linear-gradient(to right, #16dbdb, #8226e0) !important;
}
.bg-spark-gradient-light{
  background-image: linear-gradient(to right, rgb(232,251,251), rgb(243,233,252)) !important;
}
.from-\[\#16dbdb\]{
  --tw-gradient-from: #16dbdb var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(22 219 219 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#24AF86\]{
  --tw-gradient-from: #24AF86 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(36 175 134 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#BAB6C5\]{
  --tw-gradient-from: #BAB6C5 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(186 182 197 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#F6BE55\]{
  --tw-gradient-from: #F6BE55 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(246 190 85 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#FF6F41\]{
  --tw-gradient-from: #FF6F41 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(255 111 65 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-\[\#3DA687\]{
  --tw-gradient-to: #3DA687 var(--tw-gradient-to-position) !important;
}
.to-\[\#8226e0\]{
  --tw-gradient-to: #8226e0 var(--tw-gradient-to-position) !important;
}
.to-\[\#BAB6C5\]{
  --tw-gradient-to: #BAB6C5 var(--tw-gradient-to-position) !important;
}
.to-\[\#F4AE2A\]{
  --tw-gradient-to: #F4AE2A var(--tw-gradient-to-position) !important;
}
.to-\[\#FF4B11\]{
  --tw-gradient-to: #FF4B11 var(--tw-gradient-to-position) !important;
}
.bg-cover{
  background-size: cover !important;
}
.bg-clip-text{
  -webkit-background-clip: text !important;
          background-clip: text !important;
}
.bg-center{
  background-position: center !important;
}
.bg-repeat{
  background-repeat: repeat !important;
}
.bg-no-repeat{
  background-repeat: no-repeat !important;
}
.fill-current{
  fill: currentColor !important;
}
.fill-motion-300{
  fill: #4c0099 !important;
}
.fill-tide-170{
  fill: #5e5777 !important;
}
.fill-tide-200{
  fill: #1a0d3f !important;
}
.fill-white{
  fill: #fff !important;
}
.object-contain{
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-cover{
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.p-0{
  padding: 0px !important;
}
.p-1{
  padding: 0.25rem !important;
}
.p-10{
  padding: 2.5rem !important;
}
.p-12{
  padding: 3rem !important;
}
.p-2{
  padding: 0.5rem !important;
}
.p-24{
  padding: 6rem !important;
}
.p-3{
  padding: 0.75rem !important;
}
.p-4{
  padding: 1rem !important;
}
.p-6{
  padding: 1.5rem !important;
}
.p-8{
  padding: 2rem !important;
}
.p-\[1px\]{
  padding: 1px !important;
}
.p-\[6px\]{
  padding: 6px !important;
}
.px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.px-14{
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}
.px-16{
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-48{
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}
.px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-\[12px\]{
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.px-\[15px\]{
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.px-\[1px\]{
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.px-\[20px\]{
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.px-\[6px\]{
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.px-\[8px\]{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-10{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-12{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-14{
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.py-16{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-20{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-24{
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-32{
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}
.py-36{
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}
.py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-\[10px\]{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.py-\[11px\]{
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.py-\[12px\]{
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.py-\[150px\]{
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.py-\[1px\]{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.py-\[20px\]{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.py-\[2px\]{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.py-\[6px\]{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.py-\[7px\]{
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.py-\[8px\]{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.py-\[9px\]{
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.pb-0{
  padding-bottom: 0px !important;
}
.pb-1{
  padding-bottom: 0.25rem !important;
}
.pb-10{
  padding-bottom: 2.5rem !important;
}
.pb-14{
  padding-bottom: 3.5rem !important;
}
.pb-16{
  padding-bottom: 4rem !important;
}
.pb-2{
  padding-bottom: 0.5rem !important;
}
.pb-3{
  padding-bottom: 0.75rem !important;
}
.pb-4{
  padding-bottom: 1rem !important;
}
.pb-6{
  padding-bottom: 1.5rem !important;
}
.pb-8{
  padding-bottom: 2rem !important;
}
.pb-\[100px\]{
  padding-bottom: 100px !important;
}
.pb-\[12px\]{
  padding-bottom: 12px !important;
}
.pb-\[1px\]{
  padding-bottom: 1px !important;
}
.pb-\[46px\]{
  padding-bottom: 46px !important;
}
.pb-\[6px\]{
  padding-bottom: 6px !important;
}
.pl-0{
  padding-left: 0px !important;
}
.pl-1{
  padding-left: 0.25rem !important;
}
.pl-10{
  padding-left: 2.5rem !important;
}
.pl-12{
  padding-left: 3rem !important;
}
.pl-14{
  padding-left: 3.5rem !important;
}
.pl-2{
  padding-left: 0.5rem !important;
}
.pl-3{
  padding-left: 0.75rem !important;
}
.pl-4{
  padding-left: 1rem !important;
}
.pl-6{
  padding-left: 1.5rem !important;
}
.pl-8{
  padding-left: 2rem !important;
}
.pl-\[12px\]{
  padding-left: 12px !important;
}
.pl-\[3px\]{
  padding-left: 3px !important;
}
.pl-\[40px\]{
  padding-left: 40px !important;
}
.pl-\[44px\]{
  padding-left: 44px !important;
}
.pl-\[50px\]{
  padding-left: 50px !important;
}
.pl-\[5px\]{
  padding-left: 5px !important;
}
.pr-0{
  padding-right: 0px !important;
}
.pr-1{
  padding-right: 0.25rem !important;
}
.pr-10{
  padding-right: 2.5rem !important;
}
.pr-16{
  padding-right: 4rem !important;
}
.pr-2{
  padding-right: 0.5rem !important;
}
.pr-3{
  padding-right: 0.75rem !important;
}
.pr-4{
  padding-right: 1rem !important;
}
.pr-6{
  padding-right: 1.5rem !important;
}
.pr-8{
  padding-right: 2rem !important;
}
.pr-\[20px\]{
  padding-right: 20px !important;
}
.pr-\[22px\]{
  padding-right: 22px !important;
}
.pr-\[26px\]{
  padding-right: 26px !important;
}
.pr-\[36px\]{
  padding-right: 36px !important;
}
.pt-0{
  padding-top: 0px !important;
}
.pt-1{
  padding-top: 0.25rem !important;
}
.pt-10{
  padding-top: 2.5rem !important;
}
.pt-16{
  padding-top: 4rem !important;
}
.pt-2{
  padding-top: 0.5rem !important;
}
.pt-24{
  padding-top: 6rem !important;
}
.pt-3{
  padding-top: 0.75rem !important;
}
.pt-4{
  padding-top: 1rem !important;
}
.pt-6{
  padding-top: 1.5rem !important;
}
.pt-8{
  padding-top: 2rem !important;
}
.pt-\[12px\]{
  padding-top: 12px !important;
}
.pt-\[6px\]{
  padding-top: 6px !important;
}
.text-left{
  text-align: left !important;
}
.text-center{
  text-align: center !important;
}
.text-right{
  text-align: right !important;
}
.align-baseline{
  vertical-align: baseline !important;
}
.align-top{
  vertical-align: top !important;
}
.align-middle{
  vertical-align: middle !important;
}
.align-bottom{
  vertical-align: bottom !important;
}
.align-text-top{
  vertical-align: text-top !important;
}
.align-text-bottom{
  vertical-align: text-bottom !important;
}
.font-\[\'Phantom_Sans\'\]{
  font-family: 'Phantom Sans' !important;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.font-sans{
  font-family: PhantomSans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
}
.font-serif{
  font-family: Cornbread, PhantomSans, Georgia, 'Times New Roman', Times, serif !important;
}
.\!text-16{
  font-size: 1rem !important;
}
.text-12{
  font-size: 0.75rem !important;
}
.text-13{
  font-size: 0.8125rem !important;
}
.text-14{
  font-size: 0.875rem !important;
}
.text-16{
  font-size: 1rem !important;
}
.text-18{
  font-size: 1.125rem !important;
}
.text-22{
  font-size: 1.375rem !important;
}
.text-40{
  font-size: 2.5rem !important;
}
.text-72{
  font-size: 4.5rem !important;
}
.text-\[0\.625rem\]{
  font-size: 0.625rem !important;
}
.text-\[10px\]{
  font-size: 10px !important;
}
.text-\[15px\]{
  font-size: 15px !important;
}
.text-\[16px\]{
  font-size: 16px !important;
}
.text-\[22px\]{
  font-size: 22px !important;
}
.text-\[26px\]{
  font-size: 26px !important;
}
.text-\[28px\]{
  font-size: 28px !important;
}
.text-\[32px\]{
  font-size: 32px !important;
}
.text-\[48px\]{
  font-size: 48px !important;
}
.text-\[52px\]{
  font-size: 52px !important;
}
.text-\[90\%\]{
  font-size: 90% !important;
}
.font-\[400\]{
  font-weight: 400 !important;
}
.font-\[500\]{
  font-weight: 500 !important;
}
.font-\[600\]{
  font-weight: 600 !important;
}
.font-bold{
  font-weight: 700 !important;
}
.font-normal{
  font-weight: 400 !important;
}
.uppercase{
  text-transform: uppercase !important;
}
.lowercase{
  text-transform: lowercase !important;
}
.capitalize{
  text-transform: capitalize !important;
}
.normal-case{
  text-transform: none !important;
}
.italic{
  font-style: italic !important;
}
.not-italic{
  font-style: normal !important;
}
.leading-0{
  line-height: 0 !important;
}
.leading-\[1\.42857143\]{
  line-height: 1.42857143 !important;
}
.leading-\[1\.5\]{
  line-height: 1.5 !important;
}
.leading-\[14px\]{
  line-height: 14px !important;
}
.leading-\[16px\]{
  line-height: 16px !important;
}
.leading-\[18px\]{
  line-height: 18px !important;
}
.leading-\[20px\]{
  line-height: 20px !important;
}
.leading-\[22px\]{
  line-height: 22px !important;
}
.leading-\[24px\]{
  line-height: 24px !important;
}
.leading-\[28px\]{
  line-height: 28px !important;
}
.leading-\[30px\]{
  line-height: 30px !important;
}
.leading-\[32px\]{
  line-height: 32px !important;
}
.leading-\[36px\]{
  line-height: 36px !important;
}
.leading-none{
  line-height: 1 !important;
}
.leading-normal{
  line-height: 1.5 !important;
}
.leading-tight{
  line-height: 1.25 !important;
}
.text-\[\#BAB6C5\]{
  color: #BAB6C5 !important;
}
.text-body{
  color: #1a0d3f !important;
}
.text-cornbread-180{
  color: #f6be55 !important;
}
.text-cornbread-200{
  color: #f4ae2a !important;
}
.text-cornbread-300{
  color: #AB7A1D !important;
}
.text-heart-200{
  color: #ff52a1 !important;
}
.text-heart-300{
  color: #b33971 !important;
}
.text-kin-200{
  color: #fff2e8 !important;
}
.text-link{
  color: #6c00db !important;
}
.text-mind-180{
  color: #45E2E2 !important;
}
.text-mind-200{
  color: #16dbdb !important;
}
.text-mind-210{
  color: #12afaf !important;
}
.text-mind-300{
  color: #0f9999 !important;
}
.text-motion-200{
  color: #6c00db !important;
}
.text-motion-210{
  color: #5C00BA !important;
}
.text-motion-300{
  color: #4c0099 !important;
}
.text-motion-extended-180{
  color: #8226e0 !important;
}
.text-oslo-gray{
  color: #94979a !important;
}
.text-regent-gray{
  color: #868fa2 !important;
}
.text-rise-160{
  color: #FF9370 !important;
}
.text-rise-180{
  color: #ff6f41 !important;
}
.text-rise-190{
  color: #FF4B11 !important;
}
.text-rise-200{
  color: #db3700 !important;
}
.text-rise-300{
  color: #ad3b1c !important;
}
.text-rise-extended-160{
  color: #FF9370 !important;
}
.text-secondary{
  color: #5e5777 !important;
}
.text-status-danger{
  color: #c50812 !important;
}
.text-status-info{
  color: #31708f !important;
}
.text-status-negative-200{
  color: #C50812 !important;
}
.text-status-negative-220{
  color: #9E060E !important;
}
.text-status-negative-240{
  color: #76050B !important;
}
.text-status-neutral-0-0{
  color: #ffcf00 !important;
}
.text-status-positive-20{
  color: #58d498 !important;
}
.text-status-positive-200{
  color: #2DDBA7 !important;
}
.text-status-positive-220{
  color: #24AF86 !important;
}
.text-status-positive-240{
  color: #1B8364 !important;
}
.text-status-positive-260{
  color: #125843 !important;
}
.text-status-success{
  color: #2ddba7 !important;
}
.text-success-primary{
  color: #5bd59a !important;
}
.text-tide-120{
  color: #d1cfd9 !important;
}
.text-tide-140{
  color: #a49fb2 !important;
}
.text-tide-150{
  color: #8C869F !important;
}
.text-tide-170{
  color: #5e5777 !important;
}
.text-tide-200{
  color: #1a0d3f !important;
}
.text-white{
  color: #fff !important;
}
.underline{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.overline{
  -webkit-text-decoration-line: overline !important;
          text-decoration-line: overline !important;
}
.line-through{
  -webkit-text-decoration-line: line-through !important;
          text-decoration-line: line-through !important;
}
.no-underline{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}
.decoration-tide-140{
  -webkit-text-decoration-color: #a49fb2 !important;
          text-decoration-color: #a49fb2 !important;
}
.decoration-dashed{
  -webkit-text-decoration-style: dashed !important;
          text-decoration-style: dashed !important;
}
.decoration-1{
  text-decoration-thickness: 1px !important;
}
.decoration-2{
  text-decoration-thickness: 2px !important;
}
.underline-offset-2{
  text-underline-offset: 2px !important;
}
.underline-offset-4{
  text-underline-offset: 4px !important;
}
.opacity-0{
  opacity: 0 !important;
}
.opacity-10{
  opacity: 0.1 !important;
}
.opacity-100{
  opacity: 1 !important;
}
.opacity-30{
  opacity: 0.3 !important;
}
.opacity-50{
  opacity: 0.5 !important;
}
.opacity-75{
  opacity: 0.75 !important;
}
.opacity-\[0\.2\]{
  opacity: 0.2 !important;
}
.opacity-\[20\%\]{
  opacity: 20% !important;
}
.shadow{
  --tw-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
  --tw-shadow-colored: 0 0.5rem 1rem var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_6px_6px_rgba\(10\2c 22\2c 70\2c 0\.1\)\2c 0_0_1px_rgba\(10\2c 22\2c 70\2c 0\.06\)\]{
  --tw-shadow: 0 6px 6px rgba(10,22,70,0.1),0 0 1px rgba(10,22,70,0.06) !important;
  --tw-shadow-colored: 0 6px 6px var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-card{
  --tw-shadow: 0 1px 8px 3px rgba(72, 62, 100, 0.04) !important;
  --tw-shadow-colored: 0 1px 8px 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg{
  --tw-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
  --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-link{
  --tw-shadow: 0 1px 8px 3px rgba(26, 13, 63, 0.04) !important;
  --tw-shadow-colored: 0 1px 8px 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm{
  --tw-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
  --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline{
  outline-style: solid !important;
}
.outline-1{
  outline-width: 1px !important;
}
.outline-motion-200{
  outline-color: #6c00db !important;
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-\[border-color\2c box-shadow\]{
  transition-property: border-color,box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-\[border-color\]{
  transition-property: border-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-all{
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-colors{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-max-height{
  transition-property: max-height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-opacity{
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-shadow{
  transition-property: box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.transition-transform{
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 200ms !important;
}
.duration-\[100ms\]{
  transition-duration: 100ms !important;
}
.duration-fast{
  transition-duration: 200ms !important;
}
.duration-normal{
  transition-duration: 400ms !important;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.will-change-transform{
  will-change: transform !important;
}
.\[overflow-wrap\:anywhere\]{
  overflow-wrap: anywhere;
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

*,
*:before,
*:after {
  border-width: 0;
  border-style: solid;
  border-color: #d1cfd9;
}

body {
  font-family: PhantomSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5;
}

@media not print {
  body {
    background-color: #fffcfb;
  }
}

html {
  height: 100%;
}

button {
  padding: 0;
  background-color: transparent;
  color: inherit;
}

ul,
ol {
  padding-left: 20px;
}

hr {
  margin: 0;
}

[data-whatintent="mouse"] :focus,
[data-whatintent="touch"] :focus {
  outline: 0;
}

[hidden] {
  display: none !important;
}

.placeholder\:text-12::-moz-placeholder{
  font-size: 0.75rem !important;
}

.placeholder\:text-12::placeholder{
  font-size: 0.75rem !important;
}

.placeholder\:text-14::-moz-placeholder{
  font-size: 0.875rem !important;
}

.placeholder\:text-14::placeholder{
  font-size: 0.875rem !important;
}

.placeholder\:text-tide-140::-moz-placeholder{
  color: #a49fb2 !important;
}

.placeholder\:text-tide-140::placeholder{
  color: #a49fb2 !important;
}

.placeholder\:text-tide-170::-moz-placeholder{
  color: #5e5777 !important;
}

.placeholder\:text-tide-170::placeholder{
  color: #5e5777 !important;
}

.before\:absolute::before{
  content: var(--tw-content) !important;
  position: absolute !important;
}

.before\:-top-\[6px\]::before{
  content: var(--tw-content) !important;
  top: -6px !important;
}

.before\:-top-\[8px\]::before{
  content: var(--tw-content) !important;
  top: -8px !important;
}

.before\:bottom-0::before{
  content: var(--tw-content) !important;
  bottom: 0px !important;
}

.before\:left-0::before{
  content: var(--tw-content) !important;
  left: 0px !important;
}

.before\:left-12::before{
  content: var(--tw-content) !important;
  left: 3rem !important;
}

.before\:left-\[12px\]::before{
  content: var(--tw-content) !important;
  left: 12px !important;
}

.before\:left-\[2px\]::before{
  content: var(--tw-content) !important;
  left: 2px !important;
}

.before\:right-0::before{
  content: var(--tw-content) !important;
  right: 0px !important;
}

.before\:top-0::before{
  content: var(--tw-content) !important;
  top: 0px !important;
}

.before\:top-1\/2::before{
  content: var(--tw-content) !important;
  top: 50% !important;
}

.before\:mt-\[10px\]::before{
  content: var(--tw-content) !important;
  margin-top: 10px !important;
}

.before\:mt-\[11px\]::before{
  content: var(--tw-content) !important;
  margin-top: 11px !important;
}

.before\:block::before{
  content: var(--tw-content) !important;
  display: block !important;
}

.before\:h-1\/2::before{
  content: var(--tw-content) !important;
  height: 50% !important;
}

.before\:h-4::before{
  content: var(--tw-content) !important;
  height: 1rem !important;
}

.before\:h-\[2px\]::before{
  content: var(--tw-content) !important;
  height: 2px !important;
}

.before\:w-4::before{
  content: var(--tw-content) !important;
  width: 1rem !important;
}

.before\:w-\[1px\]::before{
  content: var(--tw-content) !important;
  width: 1px !important;
}

.before\:w-\[32px\]::before{
  content: var(--tw-content) !important;
  width: 32px !important;
}

.before\:-translate-y-1\/2::before{
  content: var(--tw-content) !important;
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.before\:transform::before{
  content: var(--tw-content) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.before\:cursor-not-allowed::before{
  content: var(--tw-content) !important;
  cursor: not-allowed !important;
}

.before\:cursor-pointer::before{
  content: var(--tw-content) !important;
  cursor: pointer !important;
}

.before\:rounded::before{
  content: var(--tw-content) !important;
  border-radius: 0.25rem !important;
}

.before\:rounded-full::before{
  content: var(--tw-content) !important;
  border-radius: 9999px !important;
}

.before\:border::before{
  content: var(--tw-content) !important;
  border-width: 1px !important;
}

.before\:border-l::before{
  content: var(--tw-content) !important;
  border-left-width: 1px !important;
}

.before\:border-dashed::before{
  content: var(--tw-content) !important;
  border-style: dashed !important;
}

.before\:border-motion-300::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(76 0 153 / var(--tw-border-opacity)) !important;
}

.before\:border-tide-120::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.before\:border-tide-140::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(164 159 178 / var(--tw-border-opacity)) !important;
}

.before\:bg-motion-200::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(108 0 219 / var(--tw-bg-opacity)) !important;
}

.before\:bg-tide-110::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 231 235 / var(--tw-bg-opacity)) !important;
}

.before\:bg-tide-120::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}

.before\:bg-white::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.before\:p-2::before{
  content: var(--tw-content) !important;
  padding: 0.5rem !important;
}

.before\:p-\[10px\]::before{
  content: var(--tw-content) !important;
  padding: 10px !important;
}

.before\:p-\[6px\]::before{
  content: var(--tw-content) !important;
  padding: 6px !important;
}

.before\:text-\[32px\]::before{
  content: var(--tw-content) !important;
  font-size: 32px !important;
}

.before\:leading-0::before{
  content: var(--tw-content) !important;
  line-height: 0 !important;
}

.before\:text-\[\#FF6F41\]::before{
  content: var(--tw-content) !important;
  color: #FF6F41 !important;
}

.before\:shadow-sm::before{
  content: var(--tw-content) !important;
  --tw-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
  --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.before\:duration-fast::before{
  content: var(--tw-content) !important;
  transition-duration: 200ms !important;
}

.before\:content-\[\"\"\]::before{
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}

.before\:content-\[\'\'\]::before{
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.before\:content-\[\'\.\'\]::before{
  --tw-content: '.' !important;
  content: var(--tw-content) !important;
}

.after\:absolute::after{
  content: var(--tw-content) !important;
  position: absolute !important;
}

.after\:-bottom-2::after{
  content: var(--tw-content) !important;
  bottom: -0.5rem !important;
}

.after\:bottom-0::after{
  content: var(--tw-content) !important;
  bottom: 0px !important;
}

.after\:bottom-\[-2px\]::after{
  content: var(--tw-content) !important;
  bottom: -2px !important;
}

.after\:left-0::after{
  content: var(--tw-content) !important;
  left: 0px !important;
}

.after\:left-\[12px\]::after{
  content: var(--tw-content) !important;
  left: 12px !important;
}

.after\:right-\[-4px\]::after{
  content: var(--tw-content) !important;
  right: -4px !important;
}

.after\:top-0::after{
  content: var(--tw-content) !important;
  top: 0px !important;
}

.after\:block::after{
  content: var(--tw-content) !important;
  display: block !important;
}

.after\:h-1\/2::after{
  content: var(--tw-content) !important;
  height: 50% !important;
}

.after\:h-\[4px\]::after{
  content: var(--tw-content) !important;
  height: 4px !important;
}

.after\:h-\[6px\]::after{
  content: var(--tw-content) !important;
  height: 6px !important;
}

.after\:h-full::after{
  content: var(--tw-content) !important;
  height: 100% !important;
}

.after\:w-\[6px\]::after{
  content: var(--tw-content) !important;
  width: 6px !important;
}

.after\:w-full::after{
  content: var(--tw-content) !important;
  width: 100% !important;
}

.after\:rounded-\[24px\]::after{
  content: var(--tw-content) !important;
  border-radius: 24px !important;
}

.after\:rounded-full::after{
  content: var(--tw-content) !important;
  border-radius: 9999px !important;
}

.after\:border-l::after{
  content: var(--tw-content) !important;
  border-left-width: 1px !important;
}

.after\:border-r-4::after{
  content: var(--tw-content) !important;
  border-right-width: 4px !important;
}

.after\:border-dashed::after{
  content: var(--tw-content) !important;
  border-style: dashed !important;
}

.after\:border-motion-300::after{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(76 0 153 / var(--tw-border-opacity)) !important;
}

.after\:border-tide-120::after{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.after\:border-tide-30::after{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(248 248 249 / var(--tw-border-opacity)) !important;
}

.after\:border-white::after{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}

.after\:bg-rise-180::after{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 111 65 / var(--tw-bg-opacity)) !important;
}

.after\:bg-white::after{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.first\:ml-0:first-child{
  margin-left: 0px !important;
}

.first\:mt-0:first-child{
  margin-top: 0px !important;
}

.first\:rounded-l:first-child{
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.first\:rounded-t-4:first-child{
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.first\:border-l:first-child{
  border-left-width: 1px !important;
}

.first\:border-l-0:first-child{
  border-left-width: 0px !important;
}

.first\:border-t:first-child{
  border-top-width: 1px !important;
}

.first\:pt-6:first-child{
  padding-top: 1.5rem !important;
}

.last\:mb-0:last-child{
  margin-bottom: 0px !important;
}

.last\:rounded-b-4:last-child{
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.last\:rounded-r:last-child{
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px !important;
}

.last\:border-r-0:last-child{
  border-right-width: 0px !important;
}

.odd\:bg-tide-30:nth-child(odd){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.even\:bg-tide-30:nth-child(even){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.read-only\:border-tide-120:-moz-read-only{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.read-only\:border-tide-120:read-only{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.read-only\:bg-tide-30:-moz-read-only{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.read-only\:bg-tide-30:read-only{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.empty\:hidden:empty{
  display: none !important;
}

.focus-within\:border-motion-200:focus-within{
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.focus-within\:outline-none:focus-within{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.hover\:-translate-y-0:hover{
  --tw-translate-y: 0 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05 !important;
  --tw-scale-y: 1.05 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:scale-\[1\.02\]:hover{
  --tw-scale-x: 1.02 !important;
  --tw-scale-y: 1.02 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hover\:cursor-pointer:hover{
  cursor: pointer !important;
}

.hover\:border-l-4:hover{
  border-left-width: 4px !important;
}

.hover\:border-\[rgb\(59\2c 130\2c 246\)\]:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important;
}

.hover\:border-motion-200:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.hover\:border-motion-300:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(76 0 153 / var(--tw-border-opacity)) !important;
}

.hover\:border-motion-90:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(248 244 253 / var(--tw-border-opacity)) !important;
}

.hover\:border-rise-300:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(173 59 28 / var(--tw-border-opacity)) !important;
}

.hover\:border-status-positive-20:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(88 212 152 / var(--tw-border-opacity)) !important;
}

.hover\:border-tide-110:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 231 235 / var(--tw-border-opacity)) !important;
}

.hover\:border-tide-120:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.hover\:border-tide-140:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(164 159 178 / var(--tw-border-opacity)) !important;
}

.hover\:border-tide-200:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 13 63 / var(--tw-border-opacity)) !important;
}

.hover\:bg-cornbread-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 247 234 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-heart-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 230 242 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-kin-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 250 247 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-motion-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-motion-160:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(167 102 233 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-motion-300:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(76 0 153 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-motion-90:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 244 253 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-rise-100:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 210 196 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-rise-300:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(173 59 28 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-rise-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 237 231 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-tide-110:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 231 235 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-tide-120:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-tide-30:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-tide-5:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 243 245 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-transparent:hover{
  background-color: transparent !important;
}

.hover\:bg-spark-gradient-light:hover{
  background-image: linear-gradient(to right, rgb(232,251,251), rgb(243,233,252)) !important;
}

.hover\:bg-spark-gradient-medium:hover{
  background-image: linear-gradient(to right, rgb(185,244,244), rgb(218,190,246)) !important;
}

.hover\:pl-\[12px\]:hover{
  padding-left: 12px !important;
}

.hover\:text-body:hover{
  color: #1a0d3f !important;
}

.hover\:text-heart-200:hover{
  color: #ff52a1 !important;
}

.hover\:text-link:hover{
  color: #6c00db !important;
}

.hover\:text-motion-200:hover{
  color: #6c00db !important;
}

.hover\:text-motion-300:hover{
  color: #4c0099 !important;
}

.hover\:text-rise-180:hover{
  color: #ff6f41 !important;
}

.hover\:text-rise-300:hover{
  color: #ad3b1c !important;
}

.hover\:text-secondary:hover{
  color: #5e5777 !important;
}

.hover\:text-status-danger:hover{
  color: #c50812 !important;
}

.hover\:text-status-positive-20:hover{
  color: #58d498 !important;
}

.hover\:text-tide-140:hover{
  color: #a49fb2 !important;
}

.hover\:text-tide-170:hover{
  color: #5e5777 !important;
}

.hover\:text-tide-200:hover{
  color: #1a0d3f !important;
}

.hover\:text-white:hover{
  color: #fff !important;
}

.hover\:underline:hover{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.hover\:no-underline:hover{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}

.hover\:opacity-0:hover{
  opacity: 0 !important;
}

.hover\:opacity-100:hover{
  opacity: 1 !important;
}

.hover\:opacity-50:hover{
  opacity: 0.5 !important;
}

.hover\:shadow-\[0_0_24px_0_rgba\(0\2c 0\2c 0\2c 0\.08\)\]:hover{
  --tw-shadow: 0 0 24px 0 rgba(0,0,0,0.08) !important;
  --tw-shadow-colored: 0 0 24px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-\[0_1px_10\.3px_8px_rgba\(26\2c 13\2c 63\2c 0\.04\)\]:hover{
  --tw-shadow: 0 1px 10.3px 8px rgba(26,13,63,0.04) !important;
  --tw-shadow-colored: 0 1px 10.3px 8px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-\[4px_4px_17\.3px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:hover{
  --tw-shadow: 4px 4px 17.3px 0px rgba(0,0,0,0.15) !important;
  --tw-shadow-colored: 4px 4px 17.3px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
  --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:outline:hover{
  outline-style: solid !important;
}

.focus\:not-sr-only:focus{
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.focus\:border-motion-120:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 204 248 / var(--tw-border-opacity)) !important;
}

.focus\:border-motion-200:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.focus\:border-status-danger:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(197 8 18 / var(--tw-border-opacity)) !important;
}

.focus\:bg-motion-100:focus{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}

.focus\:text-tide-200:focus{
  color: #1a0d3f !important;
}

.focus\:shadow-\[0_1px_8px_3px_rgba\(26\2c 13\2c 63\2c 0\.08\)_inset\]:focus{
  --tw-shadow: 0 1px 8px 3px rgba(26,13,63,0.08) inset !important;
  --tw-shadow-colored: inset 0 1px 8px 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:outline-0:focus{
  outline-width: 0px !important;
}

.read-only\:focus\:border-tide-120:focus:-moz-read-only{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.read-only\:focus\:border-tide-120:focus:read-only{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.focus-visible\:outline:focus-visible{
  outline-style: solid !important;
}

.focus-visible\:outline-2:focus-visible{
  outline-width: 2px !important;
}

.focus-visible\:outline-offset-2:focus-visible{
  outline-offset: 2px !important;
}

.focus-visible\:outline-motion-120:focus-visible{
  outline-color: #E2CCF8 !important;
}

.active\:cursor-grabbing:active{
  cursor: grabbing !important;
}

.active\:border-motion-120:active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 204 248 / var(--tw-border-opacity)) !important;
}

.active\:border-motion-200:active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.active\:border-rise-300:active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(173 59 28 / var(--tw-border-opacity)) !important;
}

.active\:border-tide-110:active{
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 231 235 / var(--tw-border-opacity)) !important;
}

.active\:bg-motion-100:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}

.active\:bg-rise-300:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(173 59 28 / var(--tw-bg-opacity)) !important;
}

.active\:bg-tide-110:active{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 231 235 / var(--tw-bg-opacity)) !important;
}

.active\:text-tide-170:active{
  color: #5e5777 !important;
}

.active\:shadow-\[0_1px_8px_3px_rgba\(26\2c 13\2c 63\2c 0\.08\)_inset\]:active{
  --tw-shadow: 0 1px 8px 3px rgba(26,13,63,0.08) inset !important;
  --tw-shadow-colored: inset 0 1px 8px 3px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.active\:before\:border-motion-300:active::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(76 0 153 / var(--tw-border-opacity)) !important;
}

.hover\:enabled\:bg-motion-300:enabled:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(76 0 153 / var(--tw-bg-opacity)) !important;
}

.disabled\:pointer-events-none:disabled{
  pointer-events: none !important;
}

.disabled\:invisible:disabled{
  visibility: hidden !important;
}

.disabled\:cursor-default:disabled{
  cursor: default !important;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed !important;
}

.disabled\:border-tide-120:disabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.disabled\:bg-tide-110:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(231 231 235 / var(--tw-bg-opacity)) !important;
}

.disabled\:bg-tide-120:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}

.disabled\:bg-tide-140:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(164 159 178 / var(--tw-bg-opacity)) !important;
}

.disabled\:bg-tide-30:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.disabled\:text-tide-140:disabled{
  color: #a49fb2 !important;
}

.disabled\:text-tide-170:disabled{
  color: #5e5777 !important;
}

.disabled\:opacity-30:disabled{
  opacity: 0.3 !important;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5 !important;
}

.group:focus-within .group-focus-within\:h-auto{
  height: auto !important;
}

.group:focus-within .group-focus-within\:bg-motion-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}

.group:focus-within .group-focus-within\:text-motion-200{
  color: #6c00db !important;
}

.group:focus-within .group-focus-within\:text-tide-170{
  color: #5e5777 !important;
}

.group:focus-within .group-focus-within\:text-tide-200{
  color: #1a0d3f !important;
}

.group:focus-within .group-focus-within\:opacity-0{
  opacity: 0 !important;
}

.group:focus-within .group-focus-within\:opacity-100{
  opacity: 1 !important;
}

.group:focus-within .group-focus-within\:shadow-\[0_1px_10\.3px_8px_rgba\(26\2c 13\2c 63\2c 0\.04\)\]{
  --tw-shadow: 0 1px 10.3px 8px rgba(26,13,63,0.04) !important;
  --tw-shadow-colored: 0 1px 10.3px 8px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.group:hover .group-hover\:flex{
  display: flex !important;
}

.group:hover .group-hover\:bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-cornbread-160{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 206 127 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-motion-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-rise-160{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 147 112 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-status-positive-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 219 167 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-tide-120{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-tide-30{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 249 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.group:hover .group-hover\:bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}

.group:hover .group-hover\:from-\[\#2DDBA7\]{
  --tw-gradient-from: #2DDBA7 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(45 219 167 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.group:hover .group-hover\:from-\[\#D1CFD9\]{
  --tw-gradient-from: #D1CFD9 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(209 207 217 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.group:hover .group-hover\:from-\[\#F8CE7F\]{
  --tw-gradient-from: #F8CE7F var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(248 206 127 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.group:hover .group-hover\:from-\[\#FF9370\]{
  --tw-gradient-from: #FF9370 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(255 147 112 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.group:hover .group-hover\:to-\[\#55C4A3\]{
  --tw-gradient-to: #55C4A3 var(--tw-gradient-to-position) !important;
}

.group:hover .group-hover\:to-\[\#D1CFD9\]{
  --tw-gradient-to: #D1CFD9 var(--tw-gradient-to-position) !important;
}

.group:hover .group-hover\:to-\[\#F6BE55\]{
  --tw-gradient-to: #F6BE55 var(--tw-gradient-to-position) !important;
}

.group:hover .group-hover\:to-\[\#FF6F41\]{
  --tw-gradient-to: #FF6F41 var(--tw-gradient-to-position) !important;
}

.group:hover .group-hover\:text-motion-200{
  color: #6c00db !important;
}

.group:hover .group-hover\:text-secondary{
  color: #5e5777 !important;
}

.group:hover .group-hover\:text-tide-170{
  color: #5e5777 !important;
}

.group:hover .group-hover\:text-tide-200{
  color: #1a0d3f !important;
}

.group:hover .group-hover\:no-underline{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}

.group\/section:hover .group-hover\/section\:opacity-100{
  opacity: 1 !important;
}

.group:hover .group-hover\:opacity-0{
  opacity: 0 !important;
}

.group:hover .group-hover\:opacity-100{
  opacity: 1 !important;
}

.group:hover .group-hover\:shadow-\[0_1px_10\.3px_8px_rgba\(26\2c 13\2c 63\2c 0\.04\)\]{
  --tw-shadow: 0 1px 10.3px 8px rgba(26,13,63,0.04) !important;
  --tw-shadow-colored: 0 1px 10.3px 8px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.peer:checked ~ .peer-checked\:before\:border-motion-200::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.peer:checked ~ .peer-checked\:before\:bg-motion-200::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(108 0 219 / var(--tw-bg-opacity)) !important;
}

.peer:checked ~ .peer-checked\:after\:absolute::after{
  content: var(--tw-content) !important;
  position: absolute !important;
}

.peer:checked ~ .peer-checked\:after\:left-0::after{
  content: var(--tw-content) !important;
  left: 0px !important;
}

.peer:checked ~ .peer-checked\:after\:top-1\/2::after{
  content: var(--tw-content) !important;
  top: 50% !important;
}

.peer:checked ~ .peer-checked\:after\:h-4::after{
  content: var(--tw-content) !important;
  height: 1rem !important;
}

.peer:checked ~ .peer-checked\:after\:w-4::after{
  content: var(--tw-content) !important;
  width: 1rem !important;
}

.peer:checked ~ .peer-checked\:after\:-translate-y-1\/2::after{
  content: var(--tw-content) !important;
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.peer:checked ~ .peer-checked\:after\:bg-\[url\(\"data\:image\/svg\+xml\2c \%3Csvg\%20xmlns\=\%27http\:\/\/www\.w3\.org\/2000\/svg\%27\%20viewBox\=\%270\%200\%2011\%209\%27\%3E\%3Cpolyline\%20fill\=\%27none\%27\%20stroke\=\%27\%23fff\%27\%20stroke-width\=\%272\%27\%20stroke-linecap\=\%27round\%27\%20points\=\%271\%203\.86783464\%203\.74074356\%206\.67000008\%209\.41074364\%201\%27\/\%3E\%3C\/svg\%3E\"\)\]::after{
  content: var(--tw-content) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2011%209%27%3E%3Cpolyline%20fill=%27none%27%20stroke=%27%23fff%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%20points=%271%203.86783464%203.74074356%206.67000008%209.41074364%201%27/%3E%3C/svg%3E") !important;
}

.peer:checked ~ .peer-checked\:after\:bg-\[length\:68\.75\%_56\.25\%\]::after{
  content: var(--tw-content) !important;
  background-size: 68.75% 56.25% !important;
}

.peer:checked ~ .peer-checked\:after\:bg-\[center_60\%\]::after{
  content: var(--tw-content) !important;
  background-position: center 60% !important;
}

.peer:checked ~ .peer-checked\:after\:bg-no-repeat::after{
  content: var(--tw-content) !important;
  background-repeat: no-repeat !important;
}

.peer:checked ~ .peer-checked\:after\:content-\[\'\'\]::after{
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.peer:indeterminate ~ .peer-indeterminate\:before\:border-motion-200::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.peer:indeterminate ~ .peer-indeterminate\:before\:bg-motion-200::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(108 0 219 / var(--tw-bg-opacity)) !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:absolute::after{
  content: var(--tw-content) !important;
  position: absolute !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:left-0::after{
  content: var(--tw-content) !important;
  left: 0px !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:top-1\/2::after{
  content: var(--tw-content) !important;
  top: 50% !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:h-4::after{
  content: var(--tw-content) !important;
  height: 1rem !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:w-4::after{
  content: var(--tw-content) !important;
  width: 1rem !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:-translate-y-1\/2::after{
  content: var(--tw-content) !important;
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:bg-\[url\(\"data\:image\/svg\+xml\2c \%3Csvg\%20xmlns\=\%27http\:\/\/www\.w3\.org\/2000\/svg\%27\%20width\=\%274\%27\%20height\=\%274\%27\%20viewBox\=\%270\%200\%204\%204\%27\%3E\%3Cpath\%20stroke\=\%27\%23fff\%27\%20d\=\%27M0\%202h4\%27\/\%3E\%3C\/svg\%3E\"\)\]::after{
  content: var(--tw-content) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20width=%274%27%20height=%274%27%20viewBox=%270%200%204%204%27%3E%3Cpath%20stroke=%27%23fff%27%20d=%27M0%202h4%27/%3E%3C/svg%3E") !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:bg-\[length\:50\%_50\%\]::after{
  content: var(--tw-content) !important;
  background-size: 50% 50% !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:bg-\[center\]::after{
  content: var(--tw-content) !important;
  background-position: center !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:bg-no-repeat::after{
  content: var(--tw-content) !important;
  background-repeat: no-repeat !important;
}

.peer:indeterminate ~ .peer-indeterminate\:after\:content-\[\'\'\]::after{
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.peer:disabled ~ .peer-disabled\:before\:border-tide-120::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.peer:disabled ~ .peer-disabled\:before\:bg-tide-120::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}

.peer:disabled ~ .peer-disabled\:active\:before\:border-tide-120:active::before{
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 207 217 / var(--tw-border-opacity)) !important;
}

.peer:disabled ~ .peer-disabled\:active\:before\:bg-tide-120:active::before{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 207 217 / var(--tw-bg-opacity)) !important;
}

.data-\[state\=active\]\:border-tide-200[data-state=active]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 13 63 / var(--tw-border-opacity)) !important;
}

.data-\[state\=active\]\:bg-motion-100[data-state=active]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 233 251 / var(--tw-bg-opacity)) !important;
}

.data-\[state\=active\]\:bg-white[data-state=active]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.data-\[state\=active\]\:font-\[600\][data-state=active]{
  font-weight: 600 !important;
}

.data-\[state\=checked\]\:font-bold[data-state=checked]{
  font-weight: 700 !important;
}

.data-\[state\=active\]\:text-tide-200[data-state=active]{
  color: #1a0d3f !important;
}

.data-\[state\=active\]\:hover\:border-tide-200:hover[data-state=active]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(26 13 63 / var(--tw-border-opacity)) !important;
}

@media print{
  .print\:block{
    display: block !important;
  }
  .print\:inline{
    display: inline !important;
  }
  .print\:hidden{
    display: none !important;
  }
  .print\:border-0{
    border-width: 0px !important;
  }
  .print\:p-0{
    padding: 0px !important;
  }
}

@media (min-width: 576px){
  .sm\:visible{
    visibility: visible !important;
  }
  .sm\:float-right{
    float: right !important;
  }
  .sm\:float-left{
    float: left !important;
  }
  .sm\:m-1{
    margin: 0.25rem !important;
  }
  .sm\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .sm\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:mb-0{
    margin-bottom: 0px !important;
  }
  .sm\:ml-4{
    margin-left: 1rem !important;
  }
  .sm\:mt-0{
    margin-top: 0px !important;
  }
  .sm\:block{
    display: block !important;
  }
  .sm\:inline-block{
    display: inline-block !important;
  }
  .sm\:inline{
    display: inline !important;
  }
  .sm\:flex{
    display: flex !important;
  }
  .sm\:table-cell{
    display: table-cell !important;
  }
  .sm\:hidden{
    display: none !important;
  }
  .sm\:w-1\/2{
    width: 50% !important;
  }
  .sm\:w-auto{
    width: auto !important;
  }
  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .sm\:flex-row{
    flex-direction: row !important;
  }
  .sm\:flex-wrap{
    flex-wrap: wrap !important;
  }
  .sm\:flex-nowrap{
    flex-wrap: nowrap !important;
  }
  .sm\:items-center{
    align-items: center !important;
  }
  .sm\:justify-start{
    justify-content: flex-start !important;
  }
  .sm\:justify-center{
    justify-content: center !important;
  }
  .sm\:gap-1{
    gap: 0.25rem !important;
  }
  .sm\:gap-4{
    gap: 1rem !important;
  }
  .sm\:pt-12{
    padding-top: 3rem !important;
  }
  .sm\:text-18{
    font-size: 1.125rem !important;
  }
}

@media (min-width: 768px){
  .md\:order-1{
    order: 1 !important;
  }
  .md\:order-2{
    order: 2 !important;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }
  .md\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }
  .md\:float-right{
    float: right !important;
  }
  .md\:m-0{
    margin: 0px !important;
  }
  .md\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .md\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }
  .md\:my-0{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .md\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:mb-0{
    margin-bottom: 0px !important;
  }
  .md\:mb-2{
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-4{
    margin-bottom: 1rem !important;
  }
  .md\:mb-8{
    margin-bottom: 2rem !important;
  }
  .md\:ml-0{
    margin-left: 0px !important;
  }
  .md\:ml-auto{
    margin-left: auto !important;
  }
  .md\:mr-0{
    margin-right: 0px !important;
  }
  .md\:mr-32{
    margin-right: 8rem !important;
  }
  .md\:mt-0{
    margin-top: 0px !important;
  }
  .md\:mt-4{
    margin-top: 1rem !important;
  }
  .md\:block{
    display: block !important;
  }
  .md\:inline-block{
    display: inline-block !important;
  }
  .md\:inline{
    display: inline !important;
  }
  .md\:flex{
    display: flex !important;
  }
  .md\:inline-flex{
    display: inline-flex !important;
  }
  .md\:grid{
    display: grid !important;
  }
  .md\:hidden{
    display: none !important;
  }
  .md\:h-8{
    height: 2rem !important;
  }
  .md\:h-\[20px\]{
    height: 20px !important;
  }
  .md\:w-1\/2{
    width: 50% !important;
  }
  .md\:w-1\/4{
    width: 25% !important;
  }
  .md\:w-8{
    width: 2rem !important;
  }
  .md\:w-\[20px\]{
    width: 20px !important;
  }
  .md\:w-\[216px\]{
    width: 216px !important;
  }
  .md\:w-\[552px\]{
    width: 552px !important;
  }
  .md\:w-\[calc\(100\%-216px\)\]{
    width: calc(100% - 216px) !important;
  }
  .md\:w-auto{
    width: auto !important;
  }
  .md\:max-w-full{
    max-width: 100% !important;
  }
  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .md\:flex-row{
    flex-direction: row !important;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap !important;
  }
  .md\:items-center{
    align-items: center !important;
  }
  .md\:items-baseline{
    align-items: baseline !important;
  }
  .md\:justify-end{
    justify-content: flex-end !important;
  }
  .md\:gap-4{
    gap: 1rem !important;
  }
  .md\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .md\:space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
  }
  .md\:divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
  }
  .md\:divide-tide-110 > :not([hidden]) ~ :not([hidden]){
    border-color: #e7e7eb !important;
  }
  .md\:p-0{
    padding: 0px !important;
  }
  .md\:p-10{
    padding: 2.5rem !important;
  }
  .md\:px-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .md\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-\[20px\]{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .md\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:pb-3{
    padding-bottom: 0.75rem !important;
  }
  .md\:pl-0{
    padding-left: 0px !important;
  }
  .md\:pl-6{
    padding-left: 1.5rem !important;
  }
  .md\:pr-6{
    padding-right: 1.5rem !important;
  }
  .md\:pr-8{
    padding-right: 2rem !important;
  }
  .md\:text-center{
    text-align: center !important;
  }
  .md\:text-right{
    text-align: right !important;
  }
  .md\:text-\[22px\]{
    font-size: 22px !important;
  }
  .md\:text-\[52px\]{
    font-size: 52px !important;
  }
  .md\:leading-\[28px\]{
    line-height: 28px !important;
  }
  .md\:leading-\[58px\]{
    line-height: 58px !important;
  }
}

@media (min-width: 992px){
  .lg\:absolute{
    position: absolute !important;
  }
  .lg\:left-0{
    left: 0px !important;
  }
  .lg\:top-0{
    top: 0px !important;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .lg\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }
  .lg\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }
  .lg\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }
  .lg\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }
  .lg\:m-6{
    margin: 1.5rem !important;
  }
  .lg\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:my-0{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .lg\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:-ml-2{
    margin-left: -0.5rem !important;
  }
  .lg\:mb-0{
    margin-bottom: 0px !important;
  }
  .lg\:mb-8{
    margin-bottom: 2rem !important;
  }
  .lg\:ml-16{
    margin-left: 4rem !important;
  }
  .lg\:ml-2{
    margin-left: 0.5rem !important;
  }
  .lg\:ml-auto{
    margin-left: auto !important;
  }
  .lg\:mr-10{
    margin-right: 2.5rem !important;
  }
  .lg\:mr-16{
    margin-right: 4rem !important;
  }
  .lg\:mr-8{
    margin-right: 2rem !important;
  }
  .lg\:mr-auto{
    margin-right: auto !important;
  }
  .lg\:mt-0{
    margin-top: 0px !important;
  }
  .lg\:mt-10{
    margin-top: 2.5rem !important;
  }
  .lg\:mt-14{
    margin-top: 3.5rem !important;
  }
  .lg\:mt-8{
    margin-top: 2rem !important;
  }
  .lg\:block{
    display: block !important;
  }
  .lg\:inline-block{
    display: inline-block !important;
  }
  .lg\:inline{
    display: inline !important;
  }
  .lg\:flex{
    display: flex !important;
  }
  .lg\:inline-flex{
    display: inline-flex !important;
  }
  .lg\:table-cell{
    display: table-cell !important;
  }
  .lg\:grid{
    display: grid !important;
  }
  .lg\:hidden{
    display: none !important;
  }
  .lg\:h-20{
    height: 5rem !important;
  }
  .lg\:w-1\/2{
    width: 50% !important;
  }
  .lg\:w-1\/4{
    width: 25% !important;
  }
  .lg\:w-10\/12{
    width: 83.333333% !important;
  }
  .lg\:w-20{
    width: 5rem !important;
  }
  .lg\:w-3\/12{
    width: 25% !important;
  }
  .lg\:w-3\/4{
    width: 75% !important;
  }
  .lg\:w-5\/12{
    width: 41.666667% !important;
  }
  .lg\:w-56{
    width: 14rem !important;
  }
  .lg\:w-\[248px\]{
    width: 248px !important;
  }
  .lg\:w-\[258px\]{
    width: 258px !important;
  }
  .lg\:w-\[291px\]{
    width: 291px !important;
  }
  .lg\:w-auto{
    width: auto !important;
  }
  .lg\:max-w-\[315px\]{
    max-width: 315px !important;
  }
  .lg\:max-w-\[80\%\]{
    max-width: 80% !important;
  }
  .lg\:-skew-x-\[30deg\]{
    --tw-skew-x: -30deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .lg\:skew-x-\[30deg\]{
    --tw-skew-x: 30deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-\[1fr_125px\]{
    grid-template-columns: 1fr 125px !important;
  }
  .lg\:flex-row{
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse{
    flex-direction: row-reverse !important;
  }
  .lg\:flex-col{
    flex-direction: column !important;
  }
  .lg\:items-start{
    align-items: flex-start !important;
  }
  .lg\:items-center{
    align-items: center !important;
  }
  .lg\:justify-between{
    justify-content: space-between !important;
  }
  .lg\:gap-0{
    gap: 0px !important;
  }
  .lg\:gap-2{
    gap: 0.5rem !important;
  }
  .lg\:gap-8{
    gap: 2rem !important;
  }
  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
  }
  .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important;
  }
  .lg\:space-y-24 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--tw-space-y-reverse)) !important;
  }
  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
  }
  .lg\:whitespace-nowrap{
    white-space: nowrap !important;
  }
  .lg\:border-l{
    border-left-width: 1px !important;
  }
  .lg\:p-4{
    padding: 1rem !important;
  }
  .lg\:p-6{
    padding: 1.5rem !important;
  }
  .lg\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .lg\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:pb-8{
    padding-bottom: 2rem !important;
  }
  .lg\:pl-4{
    padding-left: 1rem !important;
  }
  .lg\:pl-6{
    padding-left: 1.5rem !important;
  }
  .lg\:pl-8{
    padding-left: 2rem !important;
  }
  .lg\:pr-0{
    padding-right: 0px !important;
  }
  .lg\:pt-10{
    padding-top: 2.5rem !important;
  }
  .lg\:text-left{
    text-align: left !important;
  }
  .lg\:opacity-100{
    opacity: 1 !important;
  }
}

@media (min-width: 1200px){
  .xl\:order-1{
    order: 1 !important;
  }
  .xl\:order-2{
    order: 2 !important;
  }
  .xl\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }
  .xl\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .xl\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:inline{
    display: inline !important;
  }
  .xl\:flex{
    display: flex !important;
  }
  .xl\:hidden{
    display: none !important;
  }
  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .xl\:flex-row{
    flex-direction: row !important;
  }
  .xl\:items-center{
    align-items: center !important;
  }
  .xl\:gap-8{
    gap: 2rem !important;
  }
  .xl\:whitespace-nowrap{
    white-space: nowrap !important;
  }
  .xl\:p-0{
    padding: 0px !important;
  }
  .xl\:pb-6{
    padding-bottom: 1.5rem !important;
  }
}

.\[\&\:first-child\>td\:first-child\]\:rounded-tl-4:first-child>td:first-child{
  border-top-left-radius: 4px !important;
}

.\[\&\:first-child\>td\:last-child\]\:rounded-tr-4:first-child>td:last-child{
  border-top-right-radius: 4px !important;
}

.\[\&\:last-child\>td\:first-child\]\:rounded-bl-4:last-child>td:first-child{
  border-bottom-left-radius: 4px !important;
}

.\[\&\:last-child\>td\:last-child\]\:rounded-br-4:last-child>td:last-child{
  border-bottom-right-radius: 4px !important;
}

.\[\&\>\*\:first-child\]\:mt-0>*:first-child{
  margin-top: 0px !important;
}

.\[\&\>\*\:last-child\]\:mb-0>*:last-child{
  margin-bottom: 0px !important;
}

.\[\&\>\*\]\:w-full>*{
  width: 100% !important;
}

.\[\&\>\*\]\:justify-center>*{
  justify-content: center !important;
}

.last\:\[\&\>\*\]\:mb-0>*:last-child{
  margin-bottom: 0px !important;
}

.\[\&\>a\]\:cursor-auto>a{
  cursor: auto !important;
}

.\[\&\>a\]\:border-motion-200>a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(108 0 219 / var(--tw-border-opacity)) !important;
}

.\[\&\>a\]\:border-tide-110>a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(231 231 235 / var(--tw-border-opacity)) !important;
}

.\[\&\>a\]\:text-tide-170>a{
  color: #5e5777 !important;
}

.\[\&\>ul\]\:mb-0>ul{
  margin-bottom: 0px !important;
}

.\[\&\[data-checked\=\"true\"\]\]\:before\:translate-x-\[12px\][data-checked="true"]::before{
  content: var(--tw-content) !important;
  --tw-translate-x: 12px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\[\&\[data-checked\=\"true\"\]\]\:before\:translate-x-\[22px\][data-checked="true"]::before{
  content: var(--tw-content) !important;
  --tw-translate-x: 22px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\[\&\[data-checked\=\"true\"\]\]\:before\:translate-x-\[42px\][data-checked="true"]::before{
  content: var(--tw-content) !important;
  --tw-translate-x: 42px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\[\&\[data-size\=\"large\"\]\]\:left-\[4px\][data-size="large"]{
  left: 4px !important;
}

.\[\&\[data-size\=\"large\"\]\]\:right-\[6px\][data-size="large"]{
  right: 6px !important;
}

.\[\&\[data-size\=\"small\"\]\]\:left-\[2px\][data-size="small"]{
  left: 2px !important;
}

.\[\&\[data-size\=\"small\"\]\]\:right-\[2px\][data-size="small"]{
  right: 2px !important;
}

.\[\&\[data-size\=\"xlarge\"\]\]\:left-\[10px\][data-size="xlarge"]{
  left: 10px !important;
}

.\[\&\[data-size\=\"xlarge\"\]\]\:right-\[12px\][data-size="xlarge"]{
  right: 12px !important;
}

.\[\&_\*\]\:pointer-events-none *{
  pointer-events: none !important;
}

.\[\&_a\]\:text-tide-200 a{
  color: #1a0d3f !important;
}

.\[\&_a\]\:no-underline a{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}

.\[\&_label_strong\]\:flex-1 label strong{
  flex: 1 1 !important;
}

.\[\&_p\+ul\]\:mt-1 p+ul{
  margin-top: 0.25rem !important;
}

.\[\&_p\:has\(\+ul\)\]\:mb-1 p:has(+ul){
  margin-bottom: 0.25rem !important;
}

.\[\&_p\:has\(strong\)\]\:mb-2 p:has(strong){
  margin-bottom: 0.5rem !important;
}

.\[\&_p\:last-child\]\:mb-0 p:last-child{
  margin-bottom: 0px !important;
}

.\[\&_p\]\:mb-2 p{
  margin-bottom: 0.5rem !important;
}

.\[\&_p\]\:mb-4 p{
  margin-bottom: 1rem !important;
}

.active\:\[\&_span\[data-role\=active\]\]\:opacity-100 span[data-role=active]:active{
  opacity: 1 !important;
}

.active\:\[\&_span\[data-role\=inactive\]\]\:opacity-0 span[data-role=inactive]:active{
  opacity: 0 !important;
}

.active\:\[\&_span\[data-role\=label\]\]\:text-tide-200 span[data-role=label]:active{
  color: #1a0d3f !important;
}

.active\:\[\&_svg\[data-role\=arrow\]\]\:text-tide-200 svg[data-role=arrow]:active{
  color: #1a0d3f !important;
}