@charset "UTF-8";
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
}

.grab-cursor {
  /*cursor:url("grab.png") 8 8, move; */
}

.grabbing-cursor {
  /*cursor:url("grabbing.png") 8 8, move;*/
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  /*background: url("blank.gif");*/
}

:root, :host {
  --cds-border-radius-small: 12px;
  --cds-border-radius-default: 12px;
  --cds-border-radius-large: 48px;
}

:root, :host {
  --cds-font-family-display: "gilbert", sans-serif;
  --cds-font-family-book: "poppins", sans-serif;
  --cds-font-family-demi: "poppins", sans-serif;
  --cds-font-family-heavy: "poppins", sans-serif;
  --cds-font-family-bold: "poppins", sans-serif;
  --cds-font-size-display: 39px;
  --cds-font-size-headline: 31px;
  --cds-font-size-title: 25px;
  --cds-font-size-lead: 20px;
  --cds-font-size-body: 16px;
  --cds-font-size-caption: 12px;
  --cds-font-size-label: 12px;
  --cds-font-weight-book: 400;
  --cds-font-weight-demi: 500;
  --cds-font-weight-heavy: 600;
  --cds-font-weight-bold: 700;
}

.o-icon {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
}
.o-icon--xs {
  height: 20px;
  width: 20px;
}
.o-icon--sm {
  height: 30px;
  width: 30px;
}
.o-icon--lg {
  height: 80px;
  width: 80px;
}
.o-icon--xl {
  height: 100px;
  width: 100px;
}
.o-icon--logo {
  height: 190px;
  width: 140px;
}
.o-icon--center {
  display: block;
  margin: 0 auto;
}
.o-icon--float-left {
  float: left;
}
.o-icon--float-right {
  float: right;
}
.o-icon--90 {
  transform: rotate(90deg);
}
.o-icon--180 {
  transform: rotate(180deg);
}
.o-icon--270 {
  transform: rotate(270deg);
}
.o-icon--m-sm {
  margin: 10px;
}
.o-icon--p-sm {
  padding: 10px;
}

.o-icon--inline {
  height: 1em;
  width: 1em;
  fill: currentColor;
  display: inline-block;
  position: relative;
  top: 0.15em;
}

.o-icon--inline-120 {
  height: 1.2em;
  width: 1.2em;
  fill: currentColor;
  display: inline-block;
  position: relative;
  top: 0.25em;
}

.o-tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.o-tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.o-tooltip--top {
  bottom: auto;
  top: -35px;
}
.o-tooltip--top::before {
  border-bottom: 0;
  border-top: 6px solid #16161d;
  top: auto;
  bottom: -6px;
}
.o-tooltip__activator:hover .o-tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.o-tooltip__activator.is-active .o-tooltip {
  display: none;
}

.w-slice {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.w-slice--no-wrap {
  flex-wrap: nowrap;
}
.w-slice--no-padding {
  padding: 0;
}

.w-card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
}

.w-btn {
  background: transparent;
  border: 0;
  display: inline-block;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  color: inherit;
  position: relative;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid transparent;
  border-bottom-width: 3px;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.w-btn:hover, .w-btn:focus, .w-btn:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.1s;
}
.w-btn:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.w-btn .w-slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.w-btn .w-slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}

.w-input {
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-small);
  margin: 15px 0;
  border: 1px solid transparent;
  border-top-width: 3px;
  background-color: white;
  color: #2b2b3b;
  border-color: #dbccbd;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.w-input:hover {
  border-color: #6c6c93;
}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
}

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

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
}

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

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

button,
input,
select,
textarea {
  font: inherit;
}

optgroup {
  font-weight: bold;
}

button,
input,
select {
  overflow: visible;
}

button,
input,
select,
textarea {
  margin: 0;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

[disabled] {
  cursor: default;
}

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

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

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
}

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

html {
  box-sizing: border-box;
}

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

@-ms-viewport {
  width: device-width;
}
html {
  font-size: 16px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #f6f2ee;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

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] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

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: bold;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #2b2b3b;
  text-decoration: none;
}
a:focus, a:hover {
  color: #0b0b0f;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: none;
}

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

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

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

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0;
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

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

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.container::after {
  content: "";
  display: block;
  clear: both;
}
@media (min-width: 544px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}
.container-fluid::after {
  content: "";
  display: block;
  clear: both;
}

.row {
  margin-left: -16px;
  margin-right: -16px;
}
.row::after {
  content: "";
  display: block;
  clear: both;
}

.col-xs-1 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 8.3333333333%;
}

.col-xs-2 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 16.6666666667%;
}

.col-xs-3 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 25%;
}

.col-xs-4 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 33.3333333333%;
}

.col-xs-5 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 41.6666666667%;
}

.col-xs-6 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 50%;
}

.col-xs-7 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 58.3333333333%;
}

.col-xs-8 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 66.6666666667%;
}

.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 75%;
}

.col-xs-10 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 83.3333333333%;
}

.col-xs-11 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 91.6666666667%;
}

.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 16px;
  padding-left: 16px;
  float: left;
  width: 100%;
}

.pull-xs-0 {
  right: auto;
}

.pull-xs-1 {
  right: 8.3333333333%;
}

.pull-xs-2 {
  right: 16.6666666667%;
}

.pull-xs-3 {
  right: 25%;
}

.pull-xs-4 {
  right: 33.3333333333%;
}

.pull-xs-5 {
  right: 41.6666666667%;
}

.pull-xs-6 {
  right: 50%;
}

.pull-xs-7 {
  right: 58.3333333333%;
}

.pull-xs-8 {
  right: 66.6666666667%;
}

.pull-xs-9 {
  right: 75%;
}

.pull-xs-10 {
  right: 83.3333333333%;
}

.pull-xs-11 {
  right: 91.6666666667%;
}

.pull-xs-12 {
  right: 100%;
}

.push-xs-0 {
  left: auto;
}

.push-xs-1 {
  left: 8.3333333333%;
}

.push-xs-2 {
  left: 16.6666666667%;
}

.push-xs-3 {
  left: 25%;
}

.push-xs-4 {
  left: 33.3333333333%;
}

.push-xs-5 {
  left: 41.6666666667%;
}

.push-xs-6 {
  left: 50%;
}

.push-xs-7 {
  left: 58.3333333333%;
}

.push-xs-8 {
  left: 66.6666666667%;
}

.push-xs-9 {
  left: 75%;
}

.push-xs-10 {
  left: 83.3333333333%;
}

.push-xs-11 {
  left: 91.6666666667%;
}

.push-xs-12 {
  left: 100%;
}

.offset-xs-1 {
  margin-left: 8.3333333333%;
}

.offset-xs-2 {
  margin-left: 16.6666666667%;
}

.offset-xs-3 {
  margin-left: 25%;
}

.offset-xs-4 {
  margin-left: 33.3333333333%;
}

.offset-xs-5 {
  margin-left: 41.6666666667%;
}

.offset-xs-6 {
  margin-left: 50%;
}

.offset-xs-7 {
  margin-left: 58.3333333333%;
}

.offset-xs-8 {
  margin-left: 66.6666666667%;
}

.offset-xs-9 {
  margin-left: 75%;
}

.offset-xs-10 {
  margin-left: 83.3333333333%;
}

.offset-xs-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 544px) {
  .col-sm-1 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 25%;
  }
  .col-sm-4 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 50%;
  }
  .col-sm-7 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 75%;
  }
  .col-sm-10 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 8.3333333333%;
  }
  .col-md-2 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 16.6666666667%;
  }
  .col-md-3 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 25%;
  }
  .col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 33.3333333333%;
  }
  .col-md-5 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 41.6666666667%;
  }
  .col-md-6 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 50%;
  }
  .col-md-7 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 58.3333333333%;
  }
  .col-md-8 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 66.6666666667%;
  }
  .col-md-9 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 75%;
  }
  .col-md-10 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 83.3333333333%;
  }
  .col-md-11 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 91.6666666667%;
  }
  .col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 25%;
  }
  .col-lg-4 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 50%;
  }
  .col-lg-7 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 75%;
  }
  .col-lg-10 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 25%;
  }
  .col-xl-4 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 50%;
  }
  .col-xl-7 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 75%;
  }
  .col-xl-10 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 16px;
    padding-left: 16px;
    float: left;
    width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #55595c;
  background-color: #fff;
  border-color: #66afe9;
  outline: none;
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.form-control:disabled {
  cursor: not-allowed;
}

select.form-control:not([size]):not([multiple]) {
  height: 50px;
}
select.form-control:focus::-ms-value {
  color: #55595c;
  background-color: #fff;
}

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

.col-form-label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}

.col-form-label-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
}

.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
}

.form-control-static {
  min-height: 50px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}
.form-control-static.form-control-sm, .form-control-static.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]) {
  height: 1.8125rem;
}

.form-control-lg {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]) {
  height: 3.1666666667rem;
}

.form-group {
  margin-bottom: 1rem;
}

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

.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}
.form-check + .form-check {
  margin-top: -0.25rem;
}
.form-check.disabled .form-check-label {
  color: #818a91;
  cursor: not-allowed;
}

.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer;
}

.form-check-input {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}
.form-check-input:only-child {
  position: static;
}

.form-check-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
}
.form-check-inline + .form-check-inline {
  margin-left: 0.75rem;
}
.form-check-inline.disabled {
  cursor: not-allowed;
}

.form-control-feedback {
  margin-top: 0.25rem;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 12.5px;
  background-size: 25px 25px;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label,
.has-success .custom-control {
  color: #00e686;
}
.has-success .form-control {
  border-color: #00e686;
}
.has-success .input-group-addon {
  color: #00e686;
  border-color: #00e686;
  background-color: #b3ffdf;
}
.has-success .form-control-feedback {
  color: #00e686;
}
.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label,
.has-warning .custom-control {
  color: #da493e;
}
.has-warning .form-control {
  border-color: #da493e;
}
.has-warning .input-group-addon {
  color: #da493e;
  border-color: #da493e;
  background-color: #fbebea;
}
.has-warning .form-control-feedback {
  color: #da493e;
}
.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label,
.has-danger .custom-control {
  color: #da493e;
}
.has-danger .form-control {
  border-color: #da493e;
}
.has-danger .input-group-addon {
  color: #da493e;
  border-color: #da493e;
  background-color: #fbebea;
}
.has-danger .form-control-feedback {
  color: #da493e;
}
.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

@media (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check-label {
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}
.table tbody + tbody {
  border-top: 2px solid #eceeef;
}
.table .table {
  background-color: #f6f2ee;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

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

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(17, 17, 17, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(17, 17, 17, 0.075);
}

.thead-inverse th {
  color: #f6f2ee;
  background-color: #373a3c;
}

.thead-default th {
  color: #55595c;
  background-color: #eceeef;
}

.table-inverse {
  color: #f6f2ee;
  background-color: #373a3c;
}
.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #f6f2ee;
}
.table-inverse.table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive.table-bordered {
  border: 0;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.pull-xs-left {
  float: left !important;
}

.pull-xs-right {
  float: right !important;
}

.pull-xs-none {
  float: none !important;
}

@media (min-width: 544px) {
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
  .pull-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
  .pull-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
  .pull-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important;
  }
  .pull-xl-right {
    float: right !important;
  }
  .pull-xl-none {
    float: none !important;
  }
}
.invisible {
  visibility: hidden !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

@keyframes smell-o-vision {
  from {
    outline-width: 5px;
  }
  to {
    outline-width: 10px;
  }
}
.clearfix,
.row {
  zoom: 1;
}
.clearfix::before, .clearfix::after,
.row::before,
.row::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix::after,
.row::after {
  clear: both;
}

.charlie-card.charlie-card--compact,
.charlie-card.charlie-card--mini {
  overflow: visible;
  background: white;
}
.charlie-card.charlie-card--compact .charlie-card__avatar,
.charlie-card.charlie-card--mini .charlie-card__avatar {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}
.charlie-card.charlie-card--compact .charlie-card__content,
.charlie-card.charlie-card--mini .charlie-card__content {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.charlie-card.charlie-card--compact .charlie-card__name,
.charlie-card.charlie-card--mini .charlie-card__name {
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  .charlie-card.charlie-card--compact .charlie-card__name,
  .charlie-card.charlie-card--mini .charlie-card__name {
    font-size: 17px;
  }
}
.charlie-card.charlie-card--compact .charlie-card__action,
.charlie-card.charlie-card--mini .charlie-card__action {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  width: 50px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  background: white;
  color: #dbccbd;
}
.charlie-card.charlie-card--compact .charlie-card__action:hover,
.charlie-card.charlie-card--mini .charlie-card__action:hover {
  color: #d63429;
}

.c-switch__input, .c-radio_button__input, .c-progress-bar__indicator, .c-checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.u-text-overflow--ellipsis, .charlie-card__name, .variant--block .o-badge__text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-negative-card-margin {
  margin: 0 -15px;
}
@media screen and (min-width: 768px) {
  .u-negative-card-margin {
    margin: 0 -18px;
  }
}

.svg-tooltip:hover, .checkbox__field[type=checkbox]:hover {
  cursor: pointer;
}

.icon--loading, .icon {
  width: 50px;
  height: 50px;
  fill: currentColor;
  padding: 0;
}

.icon--menu {
  width: 50px;
  height: 50px;
  fill: currentColor;
  padding: 11px;
}

.icon--dropdown, .icon--app, .icon--small {
  width: 30px;
  height: 30px;
  fill: currentColor;
  padding: 0;
}

.icon--search, .icon--full {
  width: 100%;
  height: 100%;
  fill: currentColor;
  padding: 0;
}

.icon--huge {
  width: 220px;
  height: 220px;
  fill: currentColor;
  padding: 0;
}

.icon--line-height {
  width: 1.5em;
  height: 1.5em;
  fill: currentColor;
  padding: 0;
}

.icon--logo {
  width: 120px;
  height: 120px;
  fill: currentColor;
  padding: 0;
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
}

.icon--colored .icon-part--success,
.icon--colored .icon__highlight {
  fill: #00e686;
}

.btn-loading-wrap {
  margin: 0;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.5s, transform 0.5s;
}
.is-loading .btn-loading-wrap {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s, transform 0.5s;
}
.btn-loading-wrap .icon--loading {
  height: 42px;
  width: 42px;
}
.btn-loading-wrap .icon--loading-md {
  height: 50px;
  width: 50px;
  padding: 5px;
}
.btn-loading-wrap .icon--loading .stroke--primary {
  stroke: #fff;
}

.icon-loading-wrap {
  margin: 0;
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 0.5s, transform 0.5s;
}
.is-loading .icon-loading-wrap {
  margin: 15px 0;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s, transform 0.5s;
}
.is-loading .content-card__content .icon-loading-wrap {
  margin: 15px 0 0;
}
.search-label-right .icon-loading-wrap {
  margin: 0;
}
.c-doc-uploader .icon-loading-wrap {
  margin: 25px 0;
}
.c-doc-uploader--small .icon-loading-wrap {
  margin: 0;
}

.icon--loading {
  margin: 0 auto;
  display: block;
  animation: rotate 0.7s infinite;
}
.loading-wrap--big .icon--loading {
  width: 120px;
  height: 120px;
  fill: currentColor;
  padding: 0;
}
.loading-wrap--button .icon--loading {
  height: 42px;
  width: 42px;
}
.loading-wrap--button .icon--loading .stroke--primary {
  stroke: #fff;
}

.icon--loading-sm {
  height: 49px;
  width: 40px;
}

.icon--loading-sm-center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -20px;
}

.icon--loading-coolgray .stroke--primary {
  stroke: #dbccbd;
}

.loading-wrap--wait {
  transition: opacity 0.5s, transform 0.5s;
}
.is-loading .loading-wrap--wait {
  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
}

.icon--in-btn {
  width: 25px;
  height: 42px;
  fill: currentColor;
  padding: 0;
  float: left;
  margin-left: -10px;
  margin-right: 2px;
}

.icon--in-input-btn {
  width: 25px;
  height: 50px;
  fill: currentColor;
  padding: 0;
  float: left;
  margin-left: -10px;
  margin-right: 2px;
}

.icon-fill__current {
  fill: currentColor;
}

.icon-fill__white {
  fill: #fff;
}

.icon-fill__off-white {
  fill: #f6f2ee;
}

.icon-fill__primary {
  fill: #c680ff;
}

.icon-fill__secondary {
  fill: #2e424d;
}

.icon-fill__tertiary {
  fill: #1f2c33;
}

.icon-placeholder {
  opacity: 0;
}

.icon-fill__placeholder {
  fill: #da493e;
  opacity: 0;
}

.icon-fill--muted {
  opacity: 0.25;
}

.icon-fill--weak {
  opacity: 0.15;
}

.anim-reposition__top-gear {
  transform: translate3d(58px, 29.3px, 0);
}

.anim-reposition__bottom-gear {
  transform: translate3d(37.5px, 60px, 0);
}

.anim-reposition__loading {
  transform: translate3d(50px, 47px, 0);
}

.anim-reposition__sun {
  transform: translate3d(64.7px, 32.4px, 0);
}

.anim-reposition__add {
  transform: translate3d(64.5px, 71px, 0);
}

.anim-reposition__history {
  transform: translate3d(25px, 25px, 0);
}

.anim-path__top-gear {
  animation: rotate 60s linear infinite;
}

.anim-path__bottom-gear {
  animation: rotate2 60s linear infinite;
}

.anim-path__loading {
  animation: rotate 60s linear infinite;
}

.anim-path__sun {
  animation: rotate 200s linear infinite;
}

.anim-path__scale {
  transform-origin: center;
  animation: big_pulse 30s linear infinite;
}

.anim-path__scale--2 {
  transform-origin: center;
  animation: small_pulse 30s linear infinite;
}

.anim-path__add {
  animation: click 3s cubic-bezier(0.25, -0.25, 0.75, 1.25) infinite;
}

.anim-path__member-row {
  transform-origin: bottom right;
}

.anim-path__member-row--1 {
  animation: add_member2 9s cubic-bezier(0.25, -0.25, 0.75, 1.25) -3s infinite;
}

.anim-path__member-row--2 {
  animation: add_member 9s cubic-bezier(0.25, -0.25, 0.75, 1.25) infinite;
  opacity: 0;
}

.anim-path__member-row--3 {
  animation: add_member 9s cubic-bezier(0.25, -0.25, 0.75, 1.25) 3s infinite;
  opacity: 0;
}

.anim-path__history {
  transform: rotate(0deg);
  transition: transform 0.15s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.content-card__history-btn.is-active .anim-path__history {
  transform: rotate(-360deg);
  transition: transform 0.6s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.content-card__history-btn.go-back .anim-path__history {
  transform: rotate(0deg);
  transition: transform 0.6s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.content-card__history-btn.go-back .anim-path__history .anim-path__backwards {
  opacity: 0;
  transition: opacity 0.4s;
}
.content-card__history-btn.go-back .anim-path__history .anim-path__forwards {
  opacity: 1;
  transition: opacity 0.4s;
}

.anim-path__backwards {
  opacity: 1;
  transition: opacity 0.4s;
}

.anim-path__forwards {
  opacity: 0;
  transition: opacity 0.4s;
}

.icon--big {
  width: 90px;
  height: 90px;
  fill: currentColor;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .icon--big {
    width: 150px;
    height: 150px;
  }
}

.icon--mobile {
  width: 100%;
  height: 40px;
  fill: currentColor;
  padding: 0;
}

.icon--mobile-small {
  width: 100%;
  height: 30px;
  fill: currentColor;
  padding: 0;
}

.icon--menu .icon__highlight {
  fill: #fff;
}

.icon--dropdown {
  height: 60px;
  float: right;
  display: inline-block;
  margin-left: 5px;
}
.icon--dropdown .icon__highlight {
  fill: #fff;
}

.icon--line-height {
  position: absolute;
  top: 0;
}
.icon--line-height--left {
  left: 0;
}
.icon--line-height--right {
  right: 0;
}

.is-pending .status-icon,
.has-warning .status-icon {
  clip-path: none !important;
}

.welcome .footer,
.welcome .footer__logo,
.welcome .menu-push {
  z-index: 0;
  opacity: 0;
}

.footer__logo,
.menu-push {
  transition: opacity 1s;
}

#onboarding_welcome,
.onboarding__letsgo {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.3s 0.3s, transform 0.4s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.2s;
}
.welcome #onboarding_welcome,
.welcome .onboarding__letsgo {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
}

#quote_slider {
  z-index: 1;
  position: relative;
}

.footer__logo {
  z-index: 10;
}

.footer {
  z-index: 5;
}

label,
.form-control-label {
  z-index: 1;
}

.transition {
  z-index: -1;
}

.page-bg {
  background-color: #2b2b3b;
  color: white;
  background-position: center;
  background-size: cover;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.vertical-align-helper {
  display: table;
  height: 100%;
  width: 100%;
}

.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
}

.page-header {
  padding: 160px 0 30px;
  margin: 0;
  border: 0;
}
@media screen and (min-width: 992px) {
  .page-header {
    padding-top: 200px;
  }
}

.container--nested {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  zoom: 1;
  padding-right: 0;
  padding-left: 0;
}
.container--nested::before, .container--nested::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.container--nested::after {
  clear: both;
}
@media (min-width: 544px) {
  .container--nested {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container--nested {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container--nested {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container--nested {
    max-width: 1140px;
  }
}

.container-fluid--nested {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  zoom: 1;
  padding-right: 0;
  padding-left: 0;
}
.container-fluid--nested::before, .container-fluid--nested::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.container-fluid--nested::after {
  clear: both;
}

.o-list {
  list-style-type: decimal;
  padding-left: 40px;
  display: block;
}

.o-list--no-style {
  list-style: none;
  padding: 0;
}

.o-list--inside {
  list-style-position: inside;
  padding: 0;
}

.o-list--outside {
  list-style-position: outside;
}

.o-list__item {
  margin-bottom: 16px;
}

.o-illustration {
  height: 160px;
  width: 140px;
  padding: 0;
  fill: currentColor;
}

.o-illustration--200 {
  height: 320px;
  width: 280px;
}

.o-illustration--center {
  display: block;
  margin: 0 auto;
}

.o-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  background: rgba(43, 43, 59, 0.95);
  color: white;
  pointer-events: none;
}
.o-overlay.is-showing {
  z-index: 6;
  opacity: 1;
  pointer-events: all;
}

.o-separator {
  display: flex;
  align-items: center;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.o-separator__title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-transform: uppercase;
  color: var(--context-content-color);
  font-weight: 700;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.o-separator__line {
  display: block;
  height: 2px;
  background-color: var(--context-content-muted-color);
  flex-grow: 1;
  flex-shrink: 1;
}

.o-image--wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 100%;
}

.o-image--fill-parent {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.o-image--fill-parent-centered {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  margin: 15px auto;
}

.o-controls {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 20px;
}

@keyframes o-control-porgress-timer {
  0% {
    transform: translateX(-38px);
  }
  100% {
    transform: translateX(0);
  }
}
.o-control {
  height: 5px;
  width: 20px;
  margin: 2px;
  border-radius: 8px;
}
.o-control.is-selected {
  overflow: hidden;
  position: relative;
  width: 40px;
}
.o-control.is-selected::after {
  content: "";
  pointer-events: none;
  border-radius: 8px;
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: 7.5s o-control-porgress-timer linear;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes big_pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes small_pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes click {
  90% {
    transform: scale(1);
  }
  93% {
    transform: scale(0.8);
  }
  96% {
    transform: scale(1);
  }
}
@keyframes add_member {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  2% {
    transform: scale(1);
  }
  4% {
    opacity: 0.15;
    transform: scale(1);
  }
  30% {
    transform: translate3d(0, 0, 0);
  }
  35% {
    transform: translate3d(0, -20px, 0);
  }
  63% {
    opacity: 0.15;
    transform: translate3d(0, -20px, 0);
  }
  65% {
    opacity: 0;
  }
  66% {
    transform: translate3d(0, -40px, 0);
  }
  90% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes add_member2 {
  0% {
    opacity: 0;
    transform: scale(0.7) translate3d(0, 20px, 0);
  }
  2% {
    transform: scale(1) translate3d(0, 20px, 0);
  }
  4% {
    opacity: 0.15;
    transform: scale(1) translate3d(0, 20px, 0);
  }
  30% {
    transform: translate3d(0, 20px, 0);
  }
  35% {
    transform: translate3d(0, 0, 0);
  }
  63% {
    opacity: 0.15;
    transform: translate3d(0, 0, 0);
  }
  65% {
    opacity: 0;
  }
  66% {
    transform: translate3d(0, -20px, 0);
  }
  90% {
    transform: scale(0.7) translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalex {
  0% {
    transform: scalex(0.5);
    opacity: 0;
  }
  100% {
    transform: scalex(1);
    opacity: 1;
  }
}
@keyframes fade-slide-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out-now {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jump {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -10px, 0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes slide_in_2 {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.anim-jump {
  animation: jump 0.3s alternate infinite;
}

@keyframes uploading {
  0% {
    transform: translate3d(0, 5px, 0);
    opacity: 0;
  }
  5% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  95% {
    transform: translate3d(0, -5px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 5px, 0);
    opacity: 0;
  }
}
@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes scale-in-now {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fancy-in-now {
  0% {
    opacity: 0;
    transform: scale3d(0.9, 0.2, 1) rotateX(30deg) translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1) rotateX(0) translate3d(0, 0, 0);
  }
}
@keyframes scale-out-now {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes scale-out {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translate3d(-25px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.slide-right {
  animation: slide-right 0.3s linear;
}

.slide-out-left {
  animation: slide-right 0.3s reverse linear;
}

.slide-in {
  opacity: 0;
  z-index: 9;
  position: relative;
  transform: translate3d(0, 50px, 0);
  transition: opacity 0.3s, transform 0.4s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.slide-in.go {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.3s 1s, transform 0.4s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.9s;
}

.slide-in2 {
  opacity: 0;
}
.slide-in2.go {
  animation: slide_in_2 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.5s forwards;
}

.slide-in-on-trigger {
  opacity: 0;
  overflow: hidden !important;
  height: 0;
  z-index: -1;
}
.slide-in-on-trigger.go {
  overflow: visible !important;
  height: auto;
  z-index: auto;
  animation: slide_in_2 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.5s forwards;
}

.slide-in-on-trigger-fast {
  overflow: hidden !important;
  opacity: 0;
  height: 0;
  z-index: -1;
}
.slide-in-on-trigger-fast.go {
  overflow: visible !important;
  height: auto;
  z-index: auto;
  animation: slide_in_2 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25) forwards;
}

.slide-out-now {
  transform: translate3d(0, 50px, 0);
  opacity: 0;
  overflow: hidden !important;
  width: 0 !important;
  height: 0 !important;
  z-index: -1 !important;
  transition: transform 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s, height 0s 0.3s, width 0s 0.3s, z-index 0s 0.3s, overflow 0s 0.3s;
}

.fast-fade {
  opacity: 0;
  animation: fade 0.5s forwards;
}

.js-type {
  opacity: 0;
  margin: 0;
}
.js-type.is-typed {
  opacity: 1;
  transition: opacity 0.2s;
}
.no-js .js-type {
  opacity: 1;
}

.fade-in-last {
  opacity: 0;
  animation: fade-in 0.3s 1s forwards;
}

.fade-in-home {
  opacity: 0;
  animation: fade-in 0.15s 0.5s forwards;
}

.fade-in {
  opacity: 0;
  animation: fade-slide-in 0.4s 0.1s forwards;
}

.anim--fancy-in-now {
  animation: fancy-in-now 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.2s forwards;
}

@media (prefers-reduced-motion: no-preference) {
  .anim--scale-in-now {
    animation: scale-in-now 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.2s forwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anim--scale-in-now {
    animation: scale-in-now 0s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0s forwards;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .anim--scale-out {
    animation: scale-out-now 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) forwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anim--scale-out {
    animation: scale-out-now 0s cubic-bezier(0.25, -0.25, 0.75, 1.25) forwards;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .anim--opacity-in {
    animation: fade 0.3s forwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anim--opacity-in {
    animation: fade 0s forwards;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .anim--opacity-out {
    animation: fade-out-now 0.2s forwards;
  }
}
@media (prefers-reduced-motion: reduce) {
  .anim--opacity-out {
    animation: fade-out-now 0s forwards;
  }
}

.fade-out {
  animation: fade-out 0.3s forwards;
}

.go-hide {
  opacity: 0 !important;
  transform: scale(0.5);
  transition: opacity 0.4s, transform 0.6s;
}

.btn--lets-go {
  opacity: 0;
  animation: fade-in 0.3s 1.5s forwards;
}
.btn--lets-go.welcome {
  opacity: 0;
  animation: none;
}

@keyframes charlie-jump-in {
  0% {
    opacity: 0;
    transform: rotate3d(0, 1, 0, 85deg) scaleX(6) scaleY(0.1) translateY(100px);
  }
  50% {
    opacity: 1;
    transform: rotate3d(1, 1, 1, 0deg) scaleX(1) scaleY(1) translateY(0);
  }
  100% {
    opacity: 1;
    transform: rotate3d(1, 1, 1, 0deg) scaleX(1) scaleY(1) translateY(0);
  }
}
.charlie-jump-in {
  opacity: 0;
  animation: charlie-jump-in 0.8s 0.5s infinite;
}

@keyframes pop {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.clock-fallback-svg {
  display: none;
}
.no-svg .clock-fallback-svg {
  display: block;
  width: 100%;
}

.cog-top-left {
  transform: translate3d(179.839px, 187.287px, 0);
}

.cog-top-left-bottom {
  transform: translate3d(230.914px, 224.904px, 0);
}

.cog-center {
  transform: translate3d(301.46px, 301.46px, 0);
}

.cogs-bottom-left {
  transform: translate3d(212.633px, 436.957px, 0);
}

.cog-bottom-right {
  transform: translate3d(405.457px, 451.07px, 0);
}

.cogs-top-right {
  transform: translate3d(425.073px, 227.514px, 0);
}

.clock-hands {
  transform: translate3d(301.46px, 301.46px, 0);
}

.charlie-clock {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 0 auto;
}

.charlie-clock-inside .clock-background {
  opacity: 0;
  stroke-dasharray: 851;
  stroke-dashoffset: 851;
  transition: stroke-dashoffset 0.5s ease;
}
.is-animating .charlie-clock-inside .clock-background {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.5s ease;
}
.charlie-clock-inside .clock-inner-circle {
  opacity: 0;
  stroke-dasharray: 1810;
  stroke-dashoffset: 1810;
  transition: stroke-dashoffset 0.5s ease;
}
.is-animating .charlie-clock-inside .clock-inner-circle {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.5s ease;
}
.charlie-clock-inside .clock-outer-circle--top {
  opacity: 0;
  stroke-dasharray: 1810;
  stroke-dashoffset: 1810;
  transition: stroke-dashoffset 1s ease;
}
.is-animating .charlie-clock-inside .clock-outer-circle--top {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s ease;
}
.charlie-clock-inside .clock-outer-circle--bottom {
  opacity: 0;
  stroke-dasharray: 905;
  stroke-dashoffset: 905;
  transition: stroke-dashoffset 0.5s ease;
}
.is-animating .charlie-clock-inside .clock-outer-circle--bottom {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.5s ease;
}
.charlie-clock-inside .cog {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.is-animating .charlie-clock-inside .cog--btm {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.is-animating .charlie-clock-inside .cog--btm.cog--slow {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), rotate2 4s linear 0.2s infinite;
}
.is-animating .charlie-clock-inside .cog--btm.cog--med {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), rotate2 2s linear 0.2s infinite;
}
.is-animating .charlie-clock-inside .cog--btm.cog--fast {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), rotate2 1s linear 0.2s infinite;
}
.is-animating .charlie-clock-inside .cog--top {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s;
}
.is-animating .charlie-clock-inside .cog--top.cog--slow {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s, rotate2 4s linear 0.5s infinite;
}
.is-animating .charlie-clock-inside .cog--top.cog--med {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s, rotate2 2s linear 0.5s infinite;
}
.is-animating .charlie-clock-inside .cog--top.cog--fast {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s, rotate2 1s linear 0.5s infinite;
}
.charlie-clock-inside .cog-reverse {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.is-animating .charlie-clock-inside .cog-reverse--btm {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.is-animating .charlie-clock-inside .cog-reverse--btm.cog--slow {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), rotate 4s linear 0.2s infinite;
}
.is-animating .charlie-clock-inside .cog-reverse--btm.cog--med {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), rotate 2s linear 0.2s infinite;
}
.is-animating .charlie-clock-inside .cog-reverse--btm.cog--fast {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), rotate 1s linear 0.2s infinite;
}
.is-animating .charlie-clock-inside .cog-reverse--top {
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s;
}
.is-animating .charlie-clock-inside .cog-reverse--top.cog--slow {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s, rotate 4s linear 0.5s infinite;
}
.is-animating .charlie-clock-inside .cog-reverse--top.cog--med {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s, rotate 2s linear 0.5s infinite;
}
.is-animating .charlie-clock-inside .cog-reverse--top.cog--fast {
  animation: pop 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25) 0.3s, rotate 1s linear 0.5s infinite;
}

.charlie-clock-back .cog.cog--slow {
  animation: rotate2 4s linear 0.2s infinite;
}
.charlie-clock-back .cog.cog--med {
  animation: rotate2 2s linear 0.2s infinite;
}
.charlie-clock-back .cog.cog--fast {
  animation: rotate2 1s linear 0.2s infinite;
}
.charlie-clock-back .cog-reverse.cog--slow {
  animation: rotate 4s linear 0.2s infinite;
}
.charlie-clock-back .cog-reverse.cog--med {
  animation: rotate 2s linear 0.2s infinite;
}
.charlie-clock-back .cog-reverse.cog--fast {
  animation: rotate 1s linear 0.2s infinite;
}

.charlie-clock-face {
  position: absolute;
  left: 0;
  top: 0;
}
.charlie-clock-face .clock-background {
  opacity: 0;
  stroke-dasharray: 851;
  stroke-dashoffset: 851;
  transition: stroke-dashoffset 0.5s ease;
}
.is-animating .charlie-clock-face .clock-background {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.5s ease;
}
.charlie-clock-face .clock-hide-markings {
  opacity: 0;
  stroke-dasharray: 851;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.5s ease;
}
.is-animating .charlie-clock-face .clock-hide-markings {
  opacity: 1;
  stroke-dashoffset: -851;
  transition: stroke-dashoffset 0.5s ease 0.5s, opacity 0s 0.5s;
}
.charlie-clock-face .clock-markings {
  opacity: 0;
}
.is-animating .charlie-clock-face .clock-markings {
  opacity: 1;
  transition: opacity 0s 0.5s;
}
.is-animating .charlie-clock-face .clock-min-hand {
  animation: rotate2 0.3s linear infinite;
}
.is-animating .charlie-clock-face .clock-hr-hand {
  animation: rotate2 1s linear infinite;
}

.c-navbar + .content-wrap {
  padding-top: 60px;
}

.c-navbar.has-tabs + .content-wrap {
  padding-bottom: 60px;
}
@media (min-width: 992px) {
  .c-navbar.has-tabs + .content-wrap {
    padding-bottom: 0;
  }
}

.blurred-dashboard-background {
  background-image: url("/assets/join/blurred-dashboard-background-8df46f27.jpg");
  background-size: cover;
  min-height: 100vh;
}

.content-wrap {
  position: relative;
  padding-top: 60px;
}

.side-nav-wrapper {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-border-color: var(--cds-color-inverse-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .side-nav-wrapper {
    position: fixed;
    padding-bottom: 60px;
    top: 60px;
    bottom: 60px;
    z-index: 1;
    box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 992px) {
  .side-nav-wrapper {
    width: 25%;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .side-nav-wrapper + .page-wrapper {
    margin-left: 30%;
  }
}
@media (min-width: 992px) {
  .side-nav-wrapper + .page-wrapper {
    margin-left: 25%;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .side-nav-wrapper + .page-wrapper {
    margin-left: 20%;
    width: 80%;
  }
}

.is-application .c-navbar {
  box-shadow: none;
}
.is-application .content-wrap {
  padding-top: 60px;
}
@media (min-width: 992px) {
  .is-application .content-wrap {
    padding-top: 80px;
  }
}
.is-application .page-wrapper {
  position: relative;
  right: 0;
  z-index: 1;
}
@media (min-width: 992px) {
  .is-application .page-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    border-radius: var(--cds-border-radius-default);
    margin-bottom: 128px;
  }
}
.is-application.is-scrolled .page-wrapper::before {
  content: "";
  position: fixed;
  height: 5px;
  width: 100%;
  background-image: linear-gradient(rgba(43, 43, 59, 0.1), rgba(43, 43, 59, 0.00001));
  z-index: 5;
}

.is-flow .content-wrap {
  padding-top: 60px;
}
@media (min-width: 992px) {
  .is-flow .content-wrap {
    padding-top: 110px;
  }
}
.is-flow .page-wrapper {
  position: relative;
  border-radius: 0;
  right: 0;
  z-index: 1;
}
@media (min-width: 992px) {
  .is-flow .page-wrapper {
    margin-left: 16px;
    margin-right: 16px;
    border-radius: var(--cds-border-radius-default);
    margin-bottom: 128px;
  }
}

.page-wrapper__card {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  margin-bottom: 64px;
  border-radius: var(--cds-border-radius-default);
  box-shadow: none;
}
@media (min-width: 992px) {
  .page-wrapper__card {
    margin-bottom: 16px;
  }
  .page-wrapper__card > :last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .page-wrapper__card > :first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .page-wrapper__card > :only-child {
    border-radius: 8px;
  }
}

.new-ia .content-wrap {
  padding-top: 0;
}
@media (min-width: 992px) {
  .new-ia .content-wrap {
    padding-top: 16px;
  }
}
@media (min-width: 992px) {
  .new-ia.is-application .page-wrapper {
    margin-bottom: 16px;
  }
}
.new-ia.is-application.is-scrolled .page-wrapper::before {
  display: none;
}
.new-ia .c-bulk-actions.is-fixed {
  top: 0;
}
.new-ia .header--time-off::before {
  border-radius: 0.25rem;
}

html {
  scroll-behavior: smooth;
}

/**
 * Disable smooth scrolling when users have prefers-reduced-motion enabled
 */
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.o-badge {
  display: inline-block;
  position: relative;
  color: rgba(25, 25, 77, 0.5);
  float: left;
  margin-left: -3px;
  margin-right: 3px;
}
.o-badge.variant--small .o-badge__icon {
  height: 22px;
  width: 22px;
  padding: 0;
  fill: currentColor;
}
.o-badge.variant--weak {
  color: rgba(255, 255, 255, 0.25);
}
.o-badge.variant--white {
  color: white;
}
.o-badge.variant--primary {
  color: #7e00e6;
}
.o-badge.variant--success {
  color: #00ff95;
}
.o-badge.variant--warning {
  color: darkorange;
}
.o-badge.variant--danger {
  color: #d63429;
}
.o-badge.variant--block {
  display: block;
  width: 100%;
}
.o-badge:hover .o-badge__tooltip, .o-badge:focus .o-badge__tooltip, .o-badge:active .o-badge__tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}

.o-badge__link:hover, .o-badge__link:focus, .o-badge__link:active {
  color: #7e00e6;
}

.o-badge__icon {
  height: 40px;
  width: 40px;
  padding: 5px;
  fill: currentColor;
  float: left;
}

.o-badge__tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.o-badge__tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}

.o-badge__text {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  color: inherit;
  display: inline-block;
  float: left;
  height: 40px;
  line-height: 40px;
}
.variant--block .o-badge__text {
  max-width: 80%;
}
.o-badge__text.o-badge__text--long {
  white-space: normal;
  overflow: visible;
  height: auto;
  line-height: inherit;
  margin-top: 6px;
  margin-bottom: 6px;
}

.o-badge__text--large {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;
  line-height: 40px;
}

.o-card {
  position: relative;
  min-height: 50px;
  width: 100%;
  border-radius: 8px;
  margin: 15px 0;
  color: #2b2b3b;
  background: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  transition: background 0.2s, color 0.2s;
}

.o-clock__link {
  display: block;
  text-decoration: none;
}
.o-clock__link:hover, .o-clock__link:focus, .o-clock__link:active {
  text-decoration: none;
}
.o-clock__link:hover .o-clock__wrap, .o-clock__link:focus .o-clock__wrap, .o-clock__link:active .o-clock__wrap {
  color: #7e00e6;
}

.o-clock__wrap {
  position: relative;
  min-height: 50px;
  margin-bottom: 15px;
  color: rgba(40, 40, 62, 0.85);
}
.o-clock__wrap:last-of-type {
  margin-bottom: 0;
}
.o-clock__wrap.variant--white {
  color: rgba(255, 255, 255, 0.85);
}
.o-clock__wrap--50 {
  height: 50px;
  width: 50px;
}

.o-clock__content {
  padding-top: 10px;
}
.o-clock__wrap.variant--analog .o-clock__content {
  margin-left: 56px;
}

.o-clock__title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: inherit;
  font-family: var(--cds-font-family-book);
  margin: 0;
  line-height: 1em;
}
.wf-loading .o-clock__title {
  opacity: 0;
}

.o-clock__text {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  color: inherit;
  margin: 0;
  line-height: 1em;
}
.wf-loading .o-clock__text {
  opacity: 0;
}

.o-clock {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  fill: transparent;
  color: #dbccbd;
}
.o-clock .o-clock__bg {
  fill: #2b2b3b;
  transition: opacity 0.2s, fill 0.2s;
}
.o-clock .o-clock__face {
  fill: currentColor;
  transition: opacity 0.2s;
}
.o-clock .o-clock__handle {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  transition: transform 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.o-clock .o-clock__minute {
  transform-origin: center center;
  stroke: #7e00e6;
  transition: transform 0.6s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.o-clock .o-clock__hour {
  transform-origin: center center;
  stroke-width: 3;
  transform: rotate(-90deg);
}
.o-clock .o-clock__warning {
  opacity: 0;
  fill: currentColor;
}
.is-loading .o-clock {
  color: white;
}
.is-loading .o-clock .o-clock__bg {
  fill: #f6f2ee;
}
.is-loading .o-clock .o-clock__face {
  opacity: 0;
}
.is-loading .o-clock .o-clock__handle {
  opacity: 0;
}
.is-loading .o-clock .o-clock__warning {
  opacity: 0;
}
.is-daytime .o-clock {
  color: #6c6c93;
}
.is-daytime .o-clock .o-clock__bg {
  fill: #f6f2ee;
}
.has-error .o-clock {
  color: rgba(255, 255, 255, 0.5);
}
.has-error .o-clock .o-clock__bg {
  fill: #d63429;
  transition: opacity 0.2s, fill 0.2s;
}
.has-error .o-clock .o-clock__warning {
  opacity: 1;
  transition: opacity 0.2s;
}
.has-error .o-clock .o-clock__handle {
  opacity: 0;
  transition: opacity 0.2s;
}
.has-error .o-clock .o-clock__center {
  opacity: 0;
  transition: opacity 0.2s;
}

.o-media {
  display: block;
  position: relative;
  overflow: visible;
}

.o-media-xs--max-width {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .o-media-lg--absolute {
    height: 620px;
  }
  .o-media-lg--absolute .o-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 620px;
    width: auto;
    float: left;
  }
}

.o-img {
  display: block;
  width: 100%;
}

.o-sidebar {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.o-sidebar__list,
.o-sidebar__sublist {
  padding: 0;
  margin: 0;
  list-style: none;
}

.o-sidebar__title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  padding-left: 15px;
  margin-bottom: 5px;
}

.o-sidebar__item {
  position: relative;
  border-top: 1px solid #252532;
}

.o-sidebar__link {
  color: white;
  text-decoration: none;
  padding: 15px;
  display: block;
  transition: color 0.2s, opacity 0.2s, border-color 0.2s, background 0.2s;
}
.o-sidebar__link:hover, .o-sidebar__link:focus, .o-sidebar__link:active {
  text-decoration: none;
  color: white;
  background: #7e00e6;
  cursor: pointer;
}
.o-sidebar__item.is-open .o-sidebar__link {
  background: #1c1c26;
}
.o-sidebar__item.is-open .o-sidebar__link:hover, .o-sidebar__item.is-open .o-sidebar__link:focus, .o-sidebar__item.is-open .o-sidebar__link:active {
  background: #7e00e6;
}
.o-sidebar__item.is-current .o-sidebar__link {
  background: #16161d;
}
.o-sidebar__item.is-current .o-sidebar__link:hover, .o-sidebar__item.is-current .o-sidebar__link:focus, .o-sidebar__item.is-current .o-sidebar__link:active {
  background: #7e00e6;
}
.o-sidebar__link.is-locked {
  opacity: 0.4;
  pointer-events: none;
}
.o-sidebar__link.is-locked:hover, .o-sidebar__link.is-locked:focus, .o-sidebar__link.is-locked:active {
  background: transparent !important;
}

.o-sidebar__link--compact {
  padding: 8px 15px;
}
.o-sidebar__link--compact .o-sidebar__icon {
  padding: 3px;
}

.o-sidebar__link--no-icon {
  padding-left: 42px;
}

.o-sidebar__link--right-arrow {
  padding-right: 42px;
}

.o-sidebar__link--right-tag {
  padding-right: 65px;
}

.o-sidebar__icon {
  height: 25px;
  width: 25px;
  padding: 0;
  fill: currentColor;
  display: block;
  float: left;
  margin-right: 5px;
}

.o-sidebar__img-wrap {
  position: relative;
  padding: 15px;
}
@media screen and (max-width: 767px) {
  .o-sidebar__img-wrap {
    display: none;
  }
}
.o-sidebar__img-wrap.o-sidebar__logo-wrap {
  padding: 15px;
}

.o-sidebar__dropzone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}

.o-sidebar__img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  height: 200px;
  width: 100%;
}

.o-sidebar__img-content {
  background: rgba(40, 40, 62, 0.85);
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border: 1px solid transparent;
  transition: border-color 0.2s, opacity 0.2s;
}
.o-sidebar__img--present .o-sidebar__img-content {
  opacity: 0;
}
.o-sidebar__img--editable:hover .o-sidebar__img-content, .o-sidebar__img--editable:focus .o-sidebar__img-content, .o-sidebar__img--editable:active .o-sidebar__img-content, .o-sidebar__img--editable.is-dragging .o-sidebar__img-content, .o-sidebar__img--editable.has-error .o-sidebar__img-content, .o-sidebar__img--editable.has-success .o-sidebar__img-content {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.25);
}

.o-sidebar__btn {
  position: absolute;
  pointer-events: none;
  height: 55px;
  width: 50px;
  top: 0;
  right: 0;
  color: white;
}
.o-sidebar__btn .o-icon {
  height: 55px;
  padding: 10px;
}
.o-sidebar__item.is-open .o-sidebar__btn .o-icon {
  transform: rotate(90deg);
}

.o-sidebar__tag {
  position: absolute;
  pointer-events: none;
  height: 55px;
  top: 0;
  right: 0;
}
.o-sidebar__tag .charlie-tag {
  position: relative;
  margin-right: 10px;
  margin-bottom: 0;
  top: 13px;
}
.o-sidebar__link--compact + .o-sidebar__tag {
  height: 41px;
}
.o-sidebar__link--compact + .o-sidebar__tag .charlie-tag {
  top: 7px;
}

.o-sidebar__sublist {
  display: none;
}
.o-sidebar__item.is-open .o-sidebar__sublist {
  display: block;
  background: #252532;
}
.o-sidebar__sublist .o-sidebar__item {
  border-top: 1px solid #1c1c26;
}
.o-sidebar__sublist .o-sidebar__item .o-sidebar__link {
  border-left: 4px solid #16161d;
  background: #252532;
  color: rgba(255, 255, 255, 0.7);
}
.o-sidebar__sublist .o-sidebar__item .o-sidebar__link:hover, .o-sidebar__sublist .o-sidebar__item .o-sidebar__link:focus, .o-sidebar__sublist .o-sidebar__item .o-sidebar__link:active {
  border-left: 4px solid #7e00e6;
  background: #7e00e6;
}
.o-sidebar__sublist .o-sidebar__item .o-sidebar__link .o-sidebar__icon {
  margin-left: -4px;
}
.o-sidebar__sublist .o-sidebar__item.is-current .o-sidebar__link {
  border-left: 4px solid #7e00e6;
  background: #21212c;
  color: white;
}
.o-sidebar__sublist .o-sidebar__item.is-current .o-sidebar__link:hover, .o-sidebar__sublist .o-sidebar__item.is-current .o-sidebar__link:focus, .o-sidebar__sublist .o-sidebar__item.is-current .o-sidebar__link:active {
  background: #7e00e6;
}

.page-background {
  position: relative;
}
.page-background.no-overflow {
  overflow: hidden;
}

.page-background__image {
  background-size: cover;
  background-position: center;
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

.page-background__map {
  opacity: 0.4;
  top: 0;
  left: 0;
  bottom: -30px;
  right: 0;
  position: absolute;
}

.page-background__illustration {
  display: none;
  max-height: 380px;
}
@media screen and (min-width: 768px) {
  .page-background__illustration {
    display: block;
  }
}

.page-background__illustration--mobile {
  max-height: 270px;
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .page-background__illustration--mobile {
    display: none;
  }
}

.page-background__permission {
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
  position: absolute;
  color: rgba(255, 255, 255, 0.85);
  opacity: 0.8;
  transition: opacity 0.2s;
}
@media screen and (min-width: 768px) {
  .page-background__permission {
    height: 50px;
  }
}

.page-background__permission-icon {
  height: 30px;
  width: 30px;
  padding: 0;
  fill: currentColor;
  display: block;
  float: left;
}

.page-background__permission-text {
  display: inline;
  color: inherit;
  margin: 0 0 0 5px;
}
@media screen and (min-width: 768px) {
  .page-background__permission-text {
    line-height: 30px;
  }
}

.range-slider__container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding-top: 105px;
}

.range-slider__fill {
  position: absolute;
  box-sizing: border-box;
  display: inline-block;
  top: auto;
  bottom: 15px;
  left: 1px;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 8%;
  height: 10px;
  background: #7e00e6;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .range-slider__fill {
    display: none;
  }
}

.range-slider__label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 134px;
  height: 40px;
  border-radius: 8px;
  line-height: 1;
  transform: translateX(-50%);
  margin-left: 15px;
}
.range-slider__label span {
  margin-bottom: 2px;
}
.range-slider__label::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 55px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #7e00e6 transparent transparent;
}

.range-slider__input {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-appearance: none;
  width: 100%;
  height: 40px;
  background: transparent;
  border: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
}
.range-slider__input:focus {
  outline: none;
}
.range-slider__input::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.range-slider__input::-moz-focus-outer {
  border: 0;
}
.range-slider__input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.range-slider__input::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 5px solid white;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #7e00e6;
  cursor: pointer;
  margin-top: -11px;
}
.range-slider__input::-moz-range-thumb {
  border: 5px solid white;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  background: #7e00e6;
  cursor: pointer;
}
.range-slider__input::-ms-thumb {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #7e00e6;
  cursor: pointer;
  border: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  margin-top: 2px;
  box-sizing: border-box;
}
.range-slider__input:focus::-ms-thumb {
  border: 0;
}
.range-slider__input::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #ede6de;
}
.range-slider__input::-moz-range-track {
  box-sizing: border-box;
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #ede6de;
}
.range-slider__input::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #ede6de;
  color: transparent;
  box-sizing: border-box;
}
.range-slider__input::-ms-fill-lower {
  background: #7e00e6;
  border-radius: 8px;
  border: 1px solid #ede6de;
}
.range-slider__input::-ms-fill-upper {
  background: transparent;
}
.range-slider__input::-ms-tooltip {
  display: none;
}

.o-illustration--fill {
  max-width: 100%;
  width: 400px;
  height: 300px;
  margin: 0 auto;
  display: block;
}

@media (min-width: 768px) {
  .o-illustration--fill-md-up {
    width: 600px;
    height: 500px;
  }
}

.o-floating-illustration {
  position: absolute;
  z-index: 1;
}
.o-floating-illustration--top {
  top: 0;
}
.o-floating-illustration--offset-top {
  top: -60px;
}
.o-floating-illustration--right {
  right: 0;
}
.o-floating-illustration--offset-right {
  right: 30px;
}
.o-floating-illustration--bottom {
  bottom: 0;
}
.o-floating-illustration--offset-bottom {
  bottom: -60px;
}
.o-floating-illustration--left {
  left: 0;
}
.o-floating-illustration--offset-left {
  left: 30px;
}

.perks-illustration__waiting-for-access {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 8px;
  max-width: 100%;
  width: 300px;
  height: 227px;
}
@media (min-width: 992px) {
  .perks-illustration__waiting-for-access {
    display: block;
    width: 400px;
    height: 303px;
  }
}
@media (min-width: 1200px) {
  .perks-illustration__waiting-for-access {
    width: 520px;
    height: 395px;
  }
}

.perks-illustration__access-perks {
  display: none;
  margin: 0 auto;
  max-width: 100%;
  width: 300px;
  height: 167px;
}
@media (min-width: 992px) {
  .perks-illustration__access-perks {
    display: block;
    width: 400px;
    height: 222px;
  }
}
@media (min-width: 1200px) {
  .perks-illustration__access-perks {
    width: 520px;
    height: 290px;
  }
}

hr {
  border: none;
  border-top: 1px solid var(--context-border-color);
}

.form-group-inline {
  position: relative;
}

.form-group {
  position: relative;
  margin: 30px 0 10px;
}
.form-group + a {
  position: relative;
  top: -10px;
}
.form-group.check::after {
  display: none;
}
.form-group.select::after {
  display: none;
}
.form-group.no-margin, .form-group.u-margin--0, .form-group.u-margin--0.select, .form-group.no-margin.select {
  margin: 0;
}
.form-group.hidden {
  height: 0;
  margin: 0;
  padding: 0;
}

.form-control-label {
  position: absolute;
  text-transform: uppercase;
  color: #aaa;
  font-size: 14px;
  font-weight: 700;
  padding: 0 14px 0 0;
  margin-top: 14px;
  margin-left: 11px;
  cursor: text;
  left: 0;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: scale(1);
  transform-origin: bottom left;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.form-control-label abbr {
  cursor: text;
  border-bottom: 0;
  position: absolute;
  right: 0;
  font-size: 1.4em;
  color: #2e424d;
  transition: color 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.form-control-label.select {
  transform: scale(0.7) translateY(-54px);
  transform-origin: bottom left;
}
.form-control-label.select abbr {
  color: #aaa;
}

textarea.form-control {
  min-height: 200px;
}

.form-control {
  position: relative;
  height: 50px;
  font-size: 20px;
  margin-top: 20px;
  font-family: var(--cds-font-family-book);
  color: #2e424d;
  border-radius: 8px;
  border: 0;
  box-shadow: 0 0 1px rgba(46, 66, 77, 0.15);
  background-color: #fff;
}
.form-control:focus {
  box-shadow: 0 0 1px rgba(46, 66, 77, 0.35);
}
.form-control.select {
  background: #fff;
  height: 50px;
  line-height: 50px;
}
.form-control.select option {
  font-size: 14px;
}
.form-control.select.no-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  line-height: 1em;
}

.form-control:-webkit-autofill {
  background: none;
  color: inherit;
}

.custom-select {
  position: absolute;
  top: 0;
  display: inline-block;
  height: 50px;
  width: 30px;
  transform: rotate(90deg);
  pointer-events: none;
  z-index: 2;
}
.custom-select .btn:hover {
  background-color: var(--context-background-color);
}

.custom-select--left {
  left: -50px;
}

.custom-select--right {
  right: 15px;
}
.hint-wrap .custom-select--right {
  right: 50px;
}

.form-group--inverse .custom-select {
  color: white;
}

.no-anim .form-control-label,
.filled .form-control-label,
.selected .form-control-label,
.no-js .form-control-label {
  transform: scale(0.7) translateY(-54px);
  transform-origin: bottom left;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.no-anim .form-control-label abbr,
.filled .form-control-label abbr,
.selected .form-control-label abbr,
.no-js .form-control-label abbr {
  color: #aaa;
  transition: color 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.no-anim .form-control-label.select,
.filled .form-control-label.select,
.selected .form-control-label.select,
.no-js .form-control-label.select {
  transform: scale(0.7) translateY(-54px);
}
.no-anim .form-control-label.label--white,
.filled .form-control-label.label--white,
.selected .form-control-label.label--white,
.no-js .form-control-label.label--white {
  color: #fff;
  transition: color 0.1s, transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.no-anim .form-control-label.label--white abbr,
.filled .form-control-label.label--white abbr,
.selected .form-control-label.label--white abbr,
.no-js .form-control-label.label--white abbr {
  color: #fff;
  transition: color 0.1s;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

.is-editing .form-control {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-action-background);
  --context-content-color: var(--cds-color-primary-action-text);
  --context-content-muted-color: var(--cds-color-primary-action-muted);
  --context-content-accent-color: var(--cds-color-primary-action-accent);
  --context-border-color: var(--cds-color-primary-action-border);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
}
.is-editing .form-control-label {
  color: rgba(255, 255, 255, 0.85);
}
.is-editing .form-control-label abbr {
  color: rgba(255, 255, 255, 0.85);
}

.form-group--inverse .form-control {
  color: rgba(255, 255, 255, 0.85);
  background: #2b2b3b;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
}
.form-group--inverse .form-control-label {
  color: rgba(255, 255, 255, 0.85);
}
.form-group--inverse .form-control-label abbr {
  color: rgba(255, 255, 255, 0.85);
}

.has-error .help-block {
  color: #da493e;
  margin: -1px 0 20px;
}

.has-error .form-control-label {
  color: #fff;
}
.has-error .form-control-label abbr {
  color: #fff;
}

.has-error.no-anim .form-control-label,
.has-error.filled .form-control-label,
.has-error.selected .form-control-label,
.no-anim .has-error .form-control-label {
  color: #aaa;
}
.has-error.no-anim .form-control-label abbr,
.has-error.filled .form-control-label abbr,
.has-error.selected .form-control-label abbr,
.no-anim .has-error .form-control-label abbr {
  color: #aaa;
}
.has-error.no-anim .form-control-label.label--white,
.has-error.filled .form-control-label.label--white,
.has-error.selected .form-control-label.label--white,
.no-anim .has-error .form-control-label.label--white {
  color: #fff;
  transition: color 0.1s, transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.has-error.no-anim .form-control-label.label--white abbr,
.has-error.filled .form-control-label.label--white abbr,
.has-error.selected .form-control-label.label--white abbr,
.no-anim .has-error .form-control-label.label--white abbr {
  color: #fff;
  transition: color 0.1s;
}

.has-error .form-control {
  color: #fff;
  background: #da493e;
  box-shadow: none;
}
.has-error .form-control:focus {
  box-shadow: none;
}

.textarea__no-resize {
  resize: none;
}

.form-control-icon {
  padding-left: 60px;
}

.form-control-icon-select {
  margin-left: 50px;
  width: calc(100% - 50px);
  -webkit-appearance: none;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-bottom-left-radius: 0 !important;
}

.form-control__icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
  padding: 10px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
}

.input-group-loader {
  position: absolute;
  z-index: 5;
  height: 50px;
  width: 100%;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
}
.is-loading .input-group-loader {
  opacity: 1;
}
.is-loading .input-group-loader .icon-loading-wrap {
  margin: 0;
}

.checkbox__wrap {
  width: 100%;
  height: 50px;
  margin: 20px 0 0;
  position: relative;
}
.checkbox__wrap.checkbox__white {
  color: white;
}
.checkbox__wrap.checkbox__white .fill {
  fill: white;
  stroke: white;
}
.checkbox__wrap.checkbox__white .checkbox__check {
  stroke: #00ff95;
}
.checkbox__wrap.checkbox__white .checkbox__text {
  color: white;
}
.checkbox__wrap.variant--silver-115 {
  color: #2b2b3b;
}
.checkbox__wrap.variant--silver-115 .fill {
  fill: white;
  stroke: white;
}
.checkbox__wrap.variant--silver-115 .checkbox__check {
  stroke: #00ff95;
}
.checkbox__wrap.variant--silver-115 .checkbox__text {
  color: white;
}
.checkbox__wrap.variant--silver-115 .checkbox__label {
  background: #e4d9cd;
}

.checkbox__field[type=checkbox] {
  width: 100%;
  height: 50px;
  margin: 0;
  position: absolute;
  opacity: 0;
}
.checkbox__field[type=checkbox]:hover + .checkbox__label, .checkbox__field[type=checkbox]:focus + .checkbox__label {
  background: rgba(17, 17, 17, 0.1);
}
.company_terms_and_conditions.has-error .checkbox__field[type=checkbox]:hover + .checkbox__label, .company_terms_and_conditions.has-error .checkbox__field[type=checkbox]:focus + .checkbox__label {
  background: rgba(218, 73, 62, 0.5);
}
.variant--silver-115 .checkbox__field[type=checkbox]:hover + .checkbox__label, .variant--silver-115 .checkbox__field[type=checkbox]:focus + .checkbox__label {
  background: #dbccbd;
}
.checkbox__field[type=checkbox]:checked:hover + .checkbox__label, .checkbox__field[type=checkbox]:checked:focus + .checkbox__label {
  background: #00b368;
}
.company_terms_and_conditions.has-error .checkbox__field[type=checkbox]:checked:hover + .checkbox__label, .company_terms_and_conditions.has-error .checkbox__field[type=checkbox]:checked:focus + .checkbox__label {
  background: #00b368;
}
.variant--silver-115 .checkbox__field[type=checkbox]:checked:hover + .checkbox__label, .variant--silver-115 .checkbox__field[type=checkbox]:checked:focus + .checkbox__label {
  background: #00e686;
}
.checkbox__field[type=checkbox]:checked + .checkbox__label {
  color: white;
  background: #00ff95;
  transition: background 0.2s, color 0.2s;
}
.checkbox__field[type=checkbox]:checked + .checkbox__label .checkbox__check {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: opacity 0.1s, stroke-dashoffset 0.25s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.checkbox__field[type=checkbox]:checked + .checkbox__label .checkbox__text {
  color: white;
}
.checkbox__field[type=checkbox]:checked + .checkbox__label .checkbox__text a:hover {
  color: #2b2b3b;
}

.checkbox__label {
  zoom: 1;
  line-height: 50px;
  width: 100%;
  margin: 0;
  border-radius: 8px;
  transition: background 0.2s, color 0.2s;
}
.checkbox__label::before, .checkbox__label::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.checkbox__label::after {
  clear: both;
}
.company_terms_and_conditions.has-error .checkbox__label {
  background: #d63429;
  transition: background 0.2s, color 0.2s;
}

.checkbox__icon {
  width: 50px;
  height: 50px;
  padding: 5px;
  fill: currentColor;
  display: inline-block;
  float: left;
}

.checkbox__check {
  opacity: 0;
  stroke: #00ff95;
  stroke-dasharray: 30 30;
  stroke-dashoffset: -25;
  transition: opacity 0.2s, stroke-dashoffset 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.checkbox__text {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  display: inline-block;
  float: left;
  line-height: 1.2em;
  margin-top: 15px;
  max-width: 220px;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .checkbox__text {
    max-width: none;
  }
}
.company_terms_and_conditions.has-error .checkbox__text {
  color: white;
}
.checkbox__text a {
  color: inherit;
  text-decoration: underline;
  position: relative;
  z-index: 1;
}
.checkbox__text a:hover {
  color: #7e00e6;
}

.block-input {
  background: #2e424d;
  border-radius: 8px;
  height: 200px;
  padding: 15px;
  margin: 15px 0;
  color: #fff;
}
.block-input .o-icon {
  display: block;
  margin: 0 auto;
  height: 80px;
  width: 80px;
  position: relative;
}

.block-input--twitter {
  background: #55acee;
}

.block-input--linkedin {
  background: #0077b5;
}

.form-group.sign_up_subdomain .form-control,
.form-group.subdomain_name .form-control,
.form-group.company_subdomain .form-control {
  text-align: right;
  padding-right: 134px;
}
.form-group.sign_up_subdomain::after,
.form-group.subdomain_name::after,
.form-group.company_subdomain::after {
  content: ".charliehr.com";
  position: absolute;
  top: 10px;
  font-size: 20px;
  font-family: var(--cds-font-family-book);
  color: rgba(46, 66, 77, 0.5);
  right: 15px;
}
.form-group.sign_up_subdomain.has-error::before,
.form-group.subdomain_name.has-error::before,
.form-group.company_subdomain.has-error::before {
  box-shadow: none;
}

.configure__logo {
  z-index: 1;
  border: 3px dashed rgba(255, 255, 255, 0.4);
  height: 220px;
  max-width: 556px;
  margin: 0 auto;
}
.configure__logo.uploader__error {
  border-color: rgba(218, 73, 62, 0.4);
}
.configure__logo.uploader__success {
  border-color: rgba(0, 230, 134, 0.4);
}
.configure__logo .dz-preview {
  display: none !important;
}
.configure__logo:hover {
  cursor: pointer;
  border-color: rgba(198, 128, 255, 0.6);
}

.configure__logo-default {
  display: block;
  margin: 2em 0;
}
.uploader__progress .configure__logo-default, .uploader__error .configure__logo-default,
.configure__logo-default .uploader__success {
  display: none;
}

.configure__logo-progress {
  display: none;
  margin: 2em 0;
}
.uploader__progress .configure__logo-progress {
  display: block;
}

.configure__logo-loader {
  animation: rotate 0.7s infinite;
}

.configure__logo-error {
  display: none;
  margin: 2em 0;
}
.uploader__error .configure__logo-error {
  display: block;
}

.configure__logo-success {
  display: none;
  margin: 2em 0;
}
.uploader__success .configure__logo-success {
  display: block;
}

.configure__logo-container {
  height: 90px;
}

.configure__logo-icon {
  padding-top: 5px;
}

.configure__logo-img {
  max-height: 80px;
  max-width: 90%;
  margin: 10px auto;
  display: block;
}

.configure__sub-title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  margin-bottom: 30px;
  text-align: center;
}

.action-card__item {
  zoom: 1;
  position: relative;
  margin: 0 -15px;
  padding: 15px;
  display: block;
  min-height: 70px;
  color: rgba(40, 40, 62, 0.85);
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.action-card__item::before, .action-card__item::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.action-card__item::after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .action-card__item {
    margin: 0 -18px;
  }
}
.action-card__item + .action-card__item {
  border-top: 1px solid rgba(46, 66, 77, 0.1);
}
.action-card__item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.action-card__item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.action-card__item:hover, .action-card__item:focus {
  background: #c680ff;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.action-card__item.is-disabled {
  color: rgba(25, 25, 77, 0.5);
  opacity: 0.5;
}
.action-card__item.is-disabled:hover, .action-card__item.is-disabled:focus {
  background: initial;
  cursor: not-allowed;
}
.action-card__item.no-hover {
  pointer-events: none;
}
.action-card__item.is-done {
  color: #00e686;
}
.action-card__item.is-done:hover, .action-card__item.is-done:focus {
  color: #fff;
  background: #00e686;
}
.action-card__item.is-done .action--success {
  opacity: 1;
}
.action-card__item.is-done .action--next {
  opacity: 0;
}
.action-card__item .action--success {
  opacity: 0;
}
.action-card__item .action--next {
  opacity: 1;
}
.action-card__item.variant--secondary:active, .action-card__item.variant--secondary:focus, .action-card__item.variant--secondary:hover {
  background: #fff;
  color: #c680ff;
}

.action-card__icon,
.action-card__number {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
  margin: 10px;
}
.action-card__icon ~ .action-card__content,
.action-card__number ~ .action-card__content {
  padding-left: 50px;
}

.action-card__icon {
  fill: currentColor;
}

.action-card__number {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  color: inherit;
  text-align: center;
  top: 3px;
}

.action-card__content {
  width: 100%;
  padding-right: 50px;
  margin-top: 2px;
}

.action-card__title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  color: inherit;
  text-align: left;
}

.action-card__desc {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: inherit;
  text-align: left;
  margin: 0;
  display: none;
}
.is-done .action-card__desc {
  color: rgba(40, 40, 62, 0.85);
  transition: color 0.2s;
}
.is-done:hover .action-card__desc, .is-done:focus .action-card__desc {
  color: #fff;
  transition: color 0.2s;
}
@media screen and (min-width: 480px) {
  .action-card__desc {
    display: block;
  }
}

.action-card__desc--missing {
  color: #da493e;
  transition: color 0.2s;
}
.action-card__item:hover .action-card__desc--missing, .action-card__item:focus .action-card__desc--missing {
  color: #fff;
  transition: color 0.2s;
}

.action-card__action {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  opacity: 0.5;
  padding: 5px;
}
.is-done .action-card__action {
  opacity: 1;
}

.charlie-card-wrap.is-loading .charlie-card {
  transform: translate3d(0, -10px, 0);
}
.charlie-card-wrap.is-loading .charlie-card.charlie-card--loading {
  transform: translate3d(0, 0, 0);
}

.charlie-card {
  display: flex;
  margin: 15px 0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  height: 110px;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25), transform 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.charlie-card.charlie-card--compact {
  height: 40px;
}
.charlie-card.charlie-card--compact .charlie-card__avatar {
  height: 40px;
  width: 40px;
}
.charlie-card.charlie-card--mini {
  height: 60px;
}
.charlie-card.charlie-card--mini .charlie-card__avatar {
  height: 60px;
  width: 60px;
}
.charlie-card.charlie-card--mini .charlie-card__subinfo {
  margin-top: 0;
}
.charlie-card.charlie-card--small {
  height: 84px;
}
@media screen and (min-width: 768px) {
  .charlie-card.charlie-card--small .charlie-card__avatar,
  .charlie-card.charlie-card--small .charlie-card__overlay {
    width: 80px;
    height: 84px;
  }
}
.charlie-card.charlie-card--small .charlie-card__overlay .o-icon {
  padding: 8px 20px 24px;
}
.charlie-card.charlie-card--small .charlie-card__overlay-title {
  margin: -38px 0 0;
}
@media screen and (min-width: 992px) {
  .charlie-card.charlie-card--large {
    height: 140px;
  }
  .charlie-card.charlie-card--large .charlie-card__avatar,
  .charlie-card.charlie-card--large .charlie-card__overlay {
    width: 110px;
    height: 140px;
  }
}
.charlie-card.charlie-card--loading {
  background: white;
}
.charlie-card.charlie-card--loading .charlie-card__content {
  padding-left: 0;
}
.charlie-card.charlie-card--empty {
  pointer-events: none;
  background: white;
  box-shadow: none;
  border: 1px dashed #dbccbd;
}
.charlie-card.charlie-card--empty .charlie-card__content {
  opacity: 0;
  transition: opacity 0.2s;
}
.charlie-card.charlie-card--empty .charlie-card__avatar {
  color: #dbccbd;
}
.charlie-card.charlie-card--empty:hover {
  cursor: default;
}
.charlie-card.charlie-card--empty:hover .charlie-card__avatar {
  color: #dbccbd;
}
.charlie-card.charlie-card--add {
  background: white;
}
.charlie-card.charlie-card--add .o-icon {
  padding: 22px;
}
.charlie-card.charlie-card--add .o-icon path {
  opacity: 0.5;
}
.charlie-card.charlie-card--add .o-icon .icon__highlight {
  opacity: 1;
}
.charlie-card.charlie-card--add .charlie-card__content {
  padding-left: 0;
}
.charlie-card.charlie-card--link {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.charlie-card.charlie-card--link:hover {
  box-shadow: 0 2px 4px rgba(19, 19, 83, 0.25);
  transition: box-shadow 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.charlie-card__content-wrap {
  display: flex;
  width: 100%;
  padding-right: 20%;
}
.charlie-card__content-wrap:last-child {
  padding-right: 0;
}

.charlie-card__link {
  text-decoration: none;
}
.charlie-card__link:hover, .charlie-card__link:focus, .charlie-card__link:active {
  text-decoration: none;
}
.charlie-card__link:hover {
  cursor: pointer;
}

.charlie-card__avatar {
  width: 80px;
  height: 110px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  color: #2b2b3b;
}
@media screen and (min-width: 768px) {
  .charlie-card__avatar {
    width: 90px;
  }
}
.charlie-card__avatar .o-icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
  padding: 15px;
}
.charlie-card__link:hover .charlie-card__avatar {
  color: #7e00e6;
}

.charlie-card__content {
  background: white;
  color: #2b2b3b;
  padding: 15px;
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.charlie-card__name {
  flex-shrink: 0;
  text-align: left;
  font-family: var(--cds-font-family-book);
  line-height: 1.3em;
  font-size: 17px;
}
@media screen and (min-width: 768px) {
  .charlie-card__name {
    font-size: 21px;
  }
}
.charlie-card__link:hover .charlie-card__name {
  color: #7e00e6;
}

.charlie-card__desc-icon {
  height: 1em;
  width: 1em;
  fill: currentColor;
  display: inline-block;
  position: relative;
  top: 0.15em;
}

.charlie-card__desc {
  flex-shrink: 0;
  max-height: 3.9em;
  overflow: hidden;
  text-align: left;
  line-height: 1.3em;
  font-size: 14px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .charlie-card__desc {
    font-size: 15px;
  }
}
.charlie-card__desc.variant--company {
  font-family: var(--cds-font-family-book);
}
.charlie-card__desc.variant--weak {
  color: rgba(25, 25, 77, 0.5);
}
.charlie-card__desc.variant--primary {
  color: #7e00e6;
}
.charlie-card__desc.variant--success {
  color: #00ff95;
}
.charlie-card__desc.variant--danger {
  color: #d63429;
}

.charlie-card__subinfo {
  flex-shrink: 0;
  font-size: 14px;
  margin: 0;
  line-height: 1em;
  margin-top: 6px;
  color: rgba(25, 25, 77, 0.5);
}
.charlie-card__subinfo .o-badge__tooltip {
  bottom: auto;
  top: -35px;
}
.charlie-card__subinfo .o-badge__tooltip::before {
  border-bottom: 0;
  border-top: 6px solid #16161d;
  top: auto;
  bottom: -6px;
}

.charlie-profile {
  position: relative;
}

.charlie-profile__avatar {
  position: absolute;
  background-size: cover;
  top: -6px;
  left: 15px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.charlie-profile__name {
  margin-left: 50px;
  display: inline-block;
  min-height: 30px;
}
.charlie-profile:hover .charlie-profile__name {
  color: #7e00e6;
}

.charlie-svg-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
.charlie-svg-bg.negative-margin {
  margin: 0 -15px;
}
@media screen and (min-width: 768px) {
  .charlie-svg-bg.negative-margin {
    margin: 0 -18px;
  }
}
.variant--beta .charlie-svg-bg .path-variant-70, .charlie-svg-bg.variant--beta .path-variant-70 {
  fill: white;
  transition: fill 0.2s;
}
.variant--beta .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--beta .path-variant-85 {
  fill: #f2d9ec;
  transition: fill 0.2s;
}
.variant--beta .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--beta .path-variant-100 {
  fill: #dea1d0;
  transition: fill 0.2s;
}
.variant--beta .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--beta .path-variant-115 {
  fill: #ca68b3;
  transition: fill 0.2s;
}
.variant--beta .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--beta .path-variant-130 {
  fill: #aa3c90;
  transition: fill 0.2s;
}
.variant--beta .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--beta .path-variant-150 {
  fill: #580e47;
  transition: fill 0.2s;
}
.variant--greyscale .charlie-svg-bg .path-variant-70, .charlie-svg-bg.variant--greyscale .path-variant-70 {
  fill: #f6f2ee;
  transition: fill 0.2s;
}
.variant--greyscale .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--greyscale .path-variant-85 {
  fill: #ede6de;
  transition: fill 0.2s;
}
.variant--greyscale .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--greyscale .path-variant-100 {
  fill: #e4d9cd;
  transition: fill 0.2s;
}
.variant--greyscale .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--greyscale .path-variant-115 {
  fill: #dbccbd;
  transition: fill 0.2s;
}
.variant--greyscale .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--greyscale .path-variant-130 {
  fill: #6c6c93;
  transition: fill 0.2s;
}
.variant--greyscale .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--greyscale .path-variant-150 {
  fill: #2b2b3b;
  transition: fill 0.2s;
}
.variant--primary .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--primary .path-variant-85 {
  fill: #8c00ff;
  transition: fill 0.2s;
}
.variant--primary .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--primary .path-variant-100 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.variant--primary .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--primary .path-variant-115 {
  fill: #7000cc;
  transition: fill 0.2s;
}
.variant--primary .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--primary .path-variant-130 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.variant--primary .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--primary .path-variant-150 {
  fill: #540099;
  transition: fill 0.2s;
}
.variant--primary-115 .charlie-svg-bg .path-variant-70, .charlie-svg-bg.variant--primary-115 .path-variant-70 {
  fill: #981aff;
  transition: fill 0.2s;
}
.variant--primary-115 .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--primary-115 .path-variant-85 {
  fill: #8c00ff;
  transition: fill 0.2s;
}
.variant--primary-115 .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--primary-115 .path-variant-100 {
  fill: #7000cc;
  transition: fill 0.2s;
}
.variant--primary-115 .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--primary-115 .path-variant-115 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.variant--primary-115 .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--primary-115 .path-variant-130 {
  fill: #540099;
  transition: fill 0.2s;
}
.variant--primary-115 .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--primary-115 .path-variant-150 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.variant--success .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--success .path-variant-85 {
  fill: #33ffaa;
  transition: fill 0.2s;
}
.variant--success .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--success .path-variant-100 {
  fill: #00ff95;
  transition: fill 0.2s;
}
.variant--success .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--success .path-variant-115 {
  fill: #00e686;
  transition: fill 0.2s;
}
.variant--success .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--success .path-variant-130 {
  fill: #00cc77;
  transition: fill 0.2s;
}
.variant--success .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--success .path-variant-150 {
  fill: #00b368;
  transition: fill 0.2s;
}
.variant--danger .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--danger .path-variant-85 {
  fill: #de5d54;
  transition: fill 0.2s;
}
.variant--danger .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--danger .path-variant-100 {
  fill: #d63429;
  transition: fill 0.2s;
}
.variant--danger .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--danger .path-variant-115 {
  fill: #c12f25;
  transition: fill 0.2s;
}
.variant--danger .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--danger .path-variant-130 {
  fill: #b0251c;
  transition: fill 0.2s;
}
.variant--danger .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--danger .path-variant-150 {
  fill: #9f1d14;
  transition: fill 0.2s;
}
.variant--charcoal .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--charcoal .path-variant-85 {
  fill: #414158;
  transition: fill 0.2s;
}
.variant--charcoal .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--charcoal .path-variant-100 {
  fill: #2b2b3b;
  transition: fill 0.2s;
}
.variant--charcoal .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--charcoal .path-variant-115 {
  fill: #21212c;
  transition: fill 0.2s;
}
.variant--charcoal .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--charcoal .path-variant-130 {
  fill: #16161d;
  transition: fill 0.2s;
}
.variant--charcoal .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--charcoal .path-variant-150 {
  fill: #0b0b0f;
  transition: fill 0.2s;
}
.variant--white .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--white .path-variant-85 {
  fill: #f6f2ee;
  transition: fill 0.2s;
}
.variant--white .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--white .path-variant-100 {
  fill: #f6f2ee;
  transition: fill 0.2s;
}
.variant--white .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--white .path-variant-115 {
  fill: #ede6de;
  transition: fill 0.2s;
}
.variant--white .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--white .path-variant-130 {
  fill: #e4d9cd;
  transition: fill 0.2s;
}
.variant--white .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--white .path-variant-150 {
  fill: #dbccbd;
  transition: fill 0.2s;
}
.variant--lifecycle .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--lifecycle .path-variant-85 {
  fill: #f6f2ee;
  transition: fill 0.2s;
}
.variant--lifecycle .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--lifecycle .path-variant-100 {
  fill: #d63429;
  transition: fill 0.2s;
}
.variant--lifecycle .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--lifecycle .path-variant-115 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.variant--lifecycle .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--lifecycle .path-variant-130 {
  fill: #00ff95;
  transition: fill 0.2s;
}
.variant--lifecycle .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--lifecycle .path-variant-150 {
  fill: #21212c;
  transition: fill 0.2s;
}
.variant--A50 .charlie-svg-bg, .charlie-svg-bg.variant--A50 {
  opacity: 0.5;
}
.variant--lifecycle-greyscale .charlie-svg-bg .path-variant-85, .charlie-svg-bg.variant--lifecycle-greyscale .path-variant-85 {
  fill: #6c6c93;
  transition: fill 0.2s;
}
.variant--lifecycle-greyscale .charlie-svg-bg .path-variant-100, .charlie-svg-bg.variant--lifecycle-greyscale .path-variant-100 {
  fill: #414158;
  transition: fill 0.2s;
}
.variant--lifecycle-greyscale .charlie-svg-bg .path-variant-115, .charlie-svg-bg.variant--lifecycle-greyscale .path-variant-115 {
  fill: #21212c;
  transition: fill 0.2s;
}
.variant--lifecycle-greyscale .charlie-svg-bg .path-variant-130, .charlie-svg-bg.variant--lifecycle-greyscale .path-variant-130 {
  fill: #16161d;
  transition: fill 0.2s;
}
.variant--lifecycle-greyscale .charlie-svg-bg .path-variant-150, .charlie-svg-bg.variant--lifecycle-greyscale .path-variant-150 {
  fill: #0b0b0f;
  transition: fill 0.2s;
}

.charlie-svg-bg__right, .charlie-svg-bg__left, .charlie-svg-bg__center {
  display: block;
  height: 100%;
  width: auto;
  position: absolute;
}

.charlie-svg-illustration .variant--beta .path-variant-70 {
  fill: white;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--beta .path-variant-85 {
  fill: #f2d9ec;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--beta .path-variant-100 {
  fill: #dea1d0;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--beta .path-variant-115 {
  fill: #ca68b3;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--beta .path-variant-130 {
  fill: #aa3c90;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--beta .path-variant-150 {
  fill: #580e47;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--greyscale .path-variant-70 {
  fill: #d1ccc7;
}
.charlie-svg-illustration .variant--greyscale .path-variant-85 {
  fill: #bab3ab;
}
.charlie-svg-illustration .variant--greyscale .path-variant-100 {
  fill: #a3998f;
}
.charlie-svg-illustration .variant--greyscale .path-variant-115 {
  fill: #8c8073;
}
.charlie-svg-illustration .variant--greyscale .path-variant-130 {
  fill: #70665c;
}
.charlie-svg-illustration .variant--greyscale .path-variant-150 {
  fill: #544d45;
}
.charlie-svg-illustration .variant--primary .path-variant-70 {
  fill: #981aff;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary .path-variant-85 {
  fill: #8c00ff;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary .path-variant-100 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary .path-variant-115 {
  fill: #7000cc;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary .path-variant-130 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary .path-variant-150 {
  fill: #540099;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary-115 .path-variant-70 {
  fill: #981aff;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary-115 .path-variant-85 {
  fill: #8c00ff;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary-115 .path-variant-100 {
  fill: #7000cc;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary-115 .path-variant-115 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary-115 .path-variant-130 {
  fill: #540099;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--primary-115 .path-variant-150 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--success .path-variant-70 {
  fill: #66ffbf;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--success .path-variant-85 {
  fill: #33ffaa;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--success .path-variant-100 {
  fill: #00ff95;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--success .path-variant-115 {
  fill: #00e686;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--success .path-variant-130 {
  fill: #00cc77;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--success .path-variant-150 {
  fill: #00b368;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--premium .path-variant-70 {
  fill: #66ffbf;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--premium .path-variant-85 {
  fill: #00ff95;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--premium .path-variant-100 {
  fill: #00cc77;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--premium .path-variant-115 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--premium .path-variant-130 {
  fill: #7000cc;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--premium .path-variant-150 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--secondary .path-variant-70 {
  fill: #981aff;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--secondary .path-variant-85 {
  fill: #8c00ff;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--secondary .path-variant-100 {
  fill: #7000cc;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--secondary .path-variant-115 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--secondary .path-variant-130 {
  fill: #540099;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--secondary .path-variant-150 {
  fill: #540099;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--danger .path-variant-70 {
  fill: #e7857e;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--danger .path-variant-85 {
  fill: #de5d54;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--danger .path-variant-100 {
  fill: #d63429;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--danger .path-variant-115 {
  fill: #c12f25;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--danger .path-variant-130 {
  fill: #b0251c;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--danger .path-variant-150 {
  fill: #9f1d14;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--charcoal .path-variant-70 {
  fill: #626284;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--charcoal .path-variant-85 {
  fill: #414158;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--charcoal .path-variant-100 {
  fill: #2b2b3b;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--charcoal .path-variant-115 {
  fill: #21212c;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--charcoal .path-variant-130 {
  fill: #16161d;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--charcoal .path-variant-150 {
  fill: #0b0b0f;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle .path-variant-85 {
  fill: #f6f2ee;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle .path-variant-100 {
  fill: #d63429;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle .path-variant-115 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle .path-variant-130 {
  fill: #00ff95;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle .path-variant-150 {
  fill: #21212c;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle-greyscale .path-variant-85 {
  fill: #6c6c93;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle-greyscale .path-variant-100 {
  fill: #414158;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle-greyscale .path-variant-115 {
  fill: #21212c;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle-greyscale .path-variant-130 {
  fill: #16161d;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--lifecycle-greyscale .path-variant-150 {
  fill: #0b0b0f;
  transition: fill 0.2s;
}
.charlie-svg-illustration .variant--A50 {
  opacity: 0.5;
}
.charlie-svg-illustration .accent--primary .path-variant-accent {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration .accent--secondary .path-variant-accent {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration .accent--success .path-variant-accent {
  fill: #00ff95;
  transition: fill 0.2s;
}
.charlie-svg-illustration .accent--warning .path-variant-accent {
  fill: darkorange;
  transition: fill 0.2s;
}
.charlie-svg-illustration .accent--danger .path-variant-accent {
  fill: #d63429;
  transition: fill 0.2s;
}
.charlie-svg-illustration .accent--white .path-variant-accent {
  fill: white;
  transition: fill 0.2s;
}
.charlie-svg-illustration .accent--charcoal .path-variant-accent {
  fill: #2b2b3b;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-greyscale .path-to-variant-70, .charlie-svg-illustration:active .variant--to-greyscale .path-to-variant-70, .charlie-svg-illustration:focus .variant--to-greyscale .path-to-variant-70 {
  fill: white;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-greyscale .path-to-variant-85, .charlie-svg-illustration:active .variant--to-greyscale .path-to-variant-85, .charlie-svg-illustration:focus .variant--to-greyscale .path-to-variant-85 {
  fill: #f6f2ee;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-greyscale .path-to-variant-100, .charlie-svg-illustration:active .variant--to-greyscale .path-to-variant-100, .charlie-svg-illustration:focus .variant--to-greyscale .path-to-variant-100 {
  fill: #ede6de;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-greyscale .path-to-variant-115, .charlie-svg-illustration:active .variant--to-greyscale .path-to-variant-115, .charlie-svg-illustration:focus .variant--to-greyscale .path-to-variant-115 {
  fill: #dbccbd;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-greyscale .path-to-variant-130, .charlie-svg-illustration:active .variant--to-greyscale .path-to-variant-130, .charlie-svg-illustration:focus .variant--to-greyscale .path-to-variant-130 {
  fill: #6c6c93;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-greyscale .path-to-variant-150, .charlie-svg-illustration:active .variant--to-greyscale .path-to-variant-150, .charlie-svg-illustration:focus .variant--to-greyscale .path-to-variant-150 {
  fill: #2b2b3b;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-primary .path-variant-70, .charlie-svg-illustration:active .variant--to-primary .path-variant-70, .charlie-svg-illustration:focus .variant--to-primary .path-variant-70 {
  fill: #981aff;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-primary .path-variant-85, .charlie-svg-illustration:active .variant--to-primary .path-variant-85, .charlie-svg-illustration:focus .variant--to-primary .path-variant-85 {
  fill: #8c00ff;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-primary .path-variant-100, .charlie-svg-illustration:active .variant--to-primary .path-variant-100, .charlie-svg-illustration:focus .variant--to-primary .path-variant-100 {
  fill: #7e00e6;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-primary .path-variant-115, .charlie-svg-illustration:active .variant--to-primary .path-variant-115, .charlie-svg-illustration:focus .variant--to-primary .path-variant-115 {
  fill: #6200b3;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-primary .path-variant-130, .charlie-svg-illustration:active .variant--to-primary .path-variant-130, .charlie-svg-illustration:focus .variant--to-primary .path-variant-130 {
  fill: #540099;
  transition: fill 0.2s;
}
.charlie-svg-illustration:hover .variant--to-primary .path-variant-150, .charlie-svg-illustration:active .variant--to-primary .path-variant-150, .charlie-svg-illustration:focus .variant--to-primary .path-variant-150 {
  fill: #7e00e6;
  transition: fill 0.2s;
}

.charlie-svg-bg__center {
  transform: translate3d(-50%, 0, 0);
  margin-left: 50%;
  top: 0;
  left: 0;
}

.charlie-svg-bg__left {
  bottom: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
}

.charlie-svg-bg__right {
  bottom: 0;
  right: 0;
  transform: translate3d(0, 0, 0);
}

.welcome .alert {
  display: none;
}

.home-page .alert {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

.login-page .alert {
  position: relative;
  z-index: 11;
}

.alert {
  width: 100%;
  background: #00ff95;
  color: white;
}
.alert a {
  color: white;
}

.alert-content {
  padding: 20px;
}

.alert-info {
  background: #7e00e6;
}

.alert-warning,
.alert-danger {
  background: #d63429;
}

.flash--underline {
  text-decoration: underline;
}

.icon-loader {
  animation: rotate 0.7s infinite;
}

.icon-path {
  width: 50px;
  margin-left: 50%;
  left: -25px;
  position: relative;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.icon__leave-types .icon-leave__path {
  opacity: 0;
}
.leave__sickday .icon__leave-types .icon-leave__sickday {
  opacity: 1;
}
.leave__daysoff .icon__leave-types .icon-leave__daysoff {
  opacity: 1;
}
.leave__timeoff .icon__leave-types .icon-leave__timeoff {
  opacity: 1;
}
.leave__parental .icon__leave-types .icon-leave__parental {
  opacity: 1;
}
.leave__compassionate .icon__leave-types .icon-leave__compassionate {
  opacity: 1;
}
.feature__remote_day .icon__leave-types .icon-leave__remote-day {
  opacity: 1;
}

.icon--btn {
  padding: 10px;
  fill: currentColor;
}

.icon--opacity {
  fill: #fff;
  fill-opacity: 0.5;
}

.stroke--opacity {
  stroke: #fff;
  stroke-opacity: 0.5;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stroke--primary {
  stroke: var(--context-content-accent-color);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stroke--white {
  stroke: #fff;
  stroke-width: 4;
  stroke-linecap: round;
}

.stroke--current {
  stroke: currentColor;
  stroke-width: 4;
  stroke-linecap: round;
}

.fill--success {
  fill: #50e3c2;
}

.fill--secondary {
  fill: #2e424d;
}

.onoff__input {
  float: left;
  width: 80%;
  width: calc(100% - 60px);
  height: 50px;
  line-height: 50px;
  margin-left: 5px;
}
.clicked .onoff__input {
  margin-top: 0;
}

.onoff__wrap {
  width: 50px;
  float: left;
}
.onoff__wrap .icon {
  width: 100%;
}
.onoff__wrap:hover {
  cursor: pointer;
}

.onoff_bg {
  fill: #da493e;
  transition: fill 0.15s;
}
.onoff--true .onoff_bg {
  fill: #00e686;
  transition: fill 0.2s;
}

.onoff_check {
  fill: #fff;
  transform: translate3d(-16px, 0, 0);
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.onoff--true .onoff_check {
  transform: translate3d(0, 0, 0);
  transition: transform 0.15s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.onoff_stroke {
  fill: none;
  stroke: #fff;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.onoff__yes {
  opacity: 0;
  transition: opacity 0.1s;
}
.onoff--true .onoff__yes {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}

.onoff__no {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}
.onoff--true .onoff__no {
  opacity: 0;
  transition: opacity 0.1s;
}

.icon-stroke {
  width: 50px;
  height: 50px;
  fill: transparent;
  stroke: currentColor;
}

.icon--path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.logo {
  width: 200px;
  height: 200px;
  margin-left: 50%;
  left: -100px;
  position: relative;
  margin-bottom: 40px;
}

.logo-text--white .st21 {
  fill: #fff;
}

.st15 {
  opacity: 0.4;
  fill: #FFFFFF;
}

.st16 {
  opacity: 0.4;
  fill: #9C27B0;
}

.st17 {
  opacity: 0.4;
  fill: #CDDC39;
}

.st18 {
  opacity: 0.4;
  fill: #3F51B5;
}

.st19 {
  opacity: 0.4;
  fill: #F44336;
}

.st20 {
  fill: #FFFFFF;
}

.st21 {
  fill: #434B4F;
}

.st22 {
  fill: none;
  stroke: #0E7DA8;
  stroke-miterlimit: 10;
}

.st23 {
  fill: none;
  stroke: #E20613;
  stroke-miterlimit: 10;
}

.st24 {
  fill: #E20613;
}

.fill {
  fill: #2E424D;
}

.fill-white {
  fill: white;
}

.fill-offwhite {
  fill: #f2f2f2;
}

.fill-grey {
  fill: #99A8AD;
}

.fill-primary {
  fill: #03A9F4;
}

.fill-success {
  fill: #50E3C2;
}

.fill-warning {
  fill: #E1552D;
}

.fill-none {
  fill: none;
}

.stroke {
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stroke-black {
  stroke: #2E424D;
}

.stroke-white {
  stroke: white;
}

.stroke-grey {
  stroke: #99A8AD;
}

.stroke-offwhite {
  stroke: #f2f2f2;
}

.stroke-primary {
  stroke: #03A9F4;
}

.stroke-success {
  stroke: #50E3C2;
}

.stroke-warning {
  stroke: #E1552D;
}

.stroke-current {
  stroke: currentColor;
}

.not-visible, .is-editing .when-editing.not-editing,
.is-editing-child .when-editing-child.not-editing-child, .is-editing .not-editing,
.is-editing-child .not-editing-child,
.is-locked .not-locked,
.is-loading .not-loading,
.is-sending .not-sending,
.is-previewing .when-previewing,
.has-history .not-history,
.has-upcoming .not-upcoming,
.has-info .not-info,
.has-success .not-success,
.has-error .not-error, .is-editing .when-showing,
.is-editing-child .when-showing,
.is-locked .when-showing,
.is-loading .when-showing,
.is-sending .when-showing,
.is-previewing .when-showing,
.has-history .when-showing,
.has-upcoming .when-showing,
.has-info .when-showing,
.has-success .when-showing,
.has-error .when-showing, .when-editing,
.when-editing-child,
.when-locked,
.when-loading,
.when-sending,
.when-history,
.when-upcoming,
.when-info,
.when-success,
.when-error,
.when-previewing {
  display: block;
  overflow: hidden;
  position: relative;
  opacity: 0;
  height: 0;
  width: 0;
  transition: height 0s, width 0s, transform 0.2s, opacity 0.2s;
}

.is-open--mobile .when-open--mobile, .is-editing .when-editing,
.is-editing-child .when-editing-child,
.is-locked .when-locked,
.is-loading .when-loading,
.is-sending .when-sending,
.is-previewing .when-previewing,
.has-history .when-history,
.has-upcoming .when-upcoming,
.has-info .when-info,
.has-success .when-success,
.has-error .when-error, .when-showing {
  display: block;
  overflow: visible;
  position: relative;
  opacity: 1;
  height: inherit;
  width: auto;
  transition: height 0s, width 0s, transform 0.2s, opacity 0.2s;
}

@media screen and (max-width: 767px) {
  .when-open--mobile {
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    height: 0;
    transition: height 0s 0.2s, transform 0.2s, opacity 0.2s;
  }
}

@media screen and (max-width: 767px) {
  .is-open--mobile .not-open--mobile {
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
    height: 0;
    transition: height 0s 0.2s, transform 0.2s, opacity 0.2s;
  }
}

.mobile-tabs {
  display: none;
}

@media (max-width: 767px) {
  .mobile-tabs {
    display: block;
    height: 60px;
    width: 100%;
    background: #1b272d;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
  }
  .mobile-tabs__link {
    font-family: var(--cds-font-family-heavy);
    font-weight: var(--cds-font-weight-heavy);
    font-size: var(--cds-font-size-label);
    line-height: 1.5;
    text-transform: uppercase;
    color: inherit;
    text-align: center;
    display: block;
    float: left;
    width: 20%;
    height: 100%;
    position: relative;
    transition: opacity 0.2s 0.1s, transform 0.2s 0.1s;
  }
  .mobile-tabs__link:nth-child(2) {
    transition: opacity 0.2s 0.05s, transform 0.2s 0.05s;
  }
  .mobile-tabs__link:nth-child(3) {
    transition: opacity 0.2s, transform 0.2s;
  }
  .mobile-tabs__link.is-active {
    color: #fff;
    background: rgba(17, 17, 17, 0.3);
  }
  .mobile-tabs__link:hover, .mobile-tabs__link:focus, .mobile-tabs__link:active {
    outline: 0;
    text-decoration: none;
  }
  .mobile-tabs__link.on-full {
    transform: translate3d(0, 60px, 0);
    position: absolute;
    opacity: 0;
    transition: opacity 0.2s, transform 0.2s;
  }
  .mobile-tabs.is-active .mobile-tabs__link {
    transform: translate3d(0, 60px, 0);
    opacity: 0;
    transition: opacity 0.2s, transform 0.2s;
  }
  .mobile-tabs.is-active .mobile-tabs__link:nth-child(2) {
    transition: opacity 0.2s 0.05s, transform 0.2s 0.05s;
  }
  .mobile-tabs.is-active .mobile-tabs__link:nth-child(3) {
    transition: opacity 0.2s 0.1s, transform 0.2s 0.1s;
  }
  .mobile-tabs.is-active .mobile-tabs__link.on-full, .mobile-tabs.is-active .mobile-tabs__link.mobile-tabs__mobile-menu {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .mobile-tabs.is-active .mobile-tabs__link.on-full {
    position: absolute;
    top: 0;
    left: 0;
  }
  .mobile-tabs__link.mobile-tabs__mobile-menu {
    float: right;
  }
  .mobile-tabs__link.mobile-tabs__mobile-menu .mobile-tabs__text-close {
    display: none;
  }
  .mobile-tabs__link.mobile-tabs__mobile-menu .mobile-tabs__text-open {
    display: inline-block;
  }
  .mobile-tabs__link .menu__closed {
    opacity: 1;
  }
  .mobile-tabs__link .menu__opened {
    opacity: 0;
  }
  .mobile-tabs.is-active .mobile-tabs__link .menu__closed {
    opacity: 0;
  }
  .mobile-tabs.is-active .mobile-tabs__link .menu__opened {
    opacity: 1;
  }
  .mobile-tabs.is-active .mobile-tabs__link .mobile-tabs__text-close {
    display: inline-block;
  }
  .mobile-tabs.is-active .mobile-tabs__link .mobile-tabs__text-open {
    display: none;
  }
  .mobile-tabs__link.missing {
    color: #da493e;
  }
  .mobile-tabs__link .its-charlie {
    height: 100%;
    width: 100%;
    padding: 10px;
  }
  .mobile-tabs__link.js-mobile-charlie {
    background: #162025;
  }
  .mobile-tabs__link.js-mobile-charlie.is-active {
    background: #fff;
    transition: background 0.3s;
  }
  .mobile-tabs__icon {
    width: 100%;
    height: 30px;
    fill: currentColor;
    padding: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: -5px;
  }
}
.c-access_indicator {
  display: flex;
  align-items: center;
}

.c-access_indicator__pill {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
  width: 7px;
  height: 22px;
  border-radius: 10px;
  margin-left: 3px;
  border-width: 1px;
  border-style: solid;
}
.c-access_indicator--all .c-access_indicator__pill.is-highlighted {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
}
.c-access_indicator--high .c-access_indicator__pill.is-highlighted {
  --context-background-color: var(--cds-color-warning-background-active);
  --context-content-color: var(--cds-color-warning-text-active);
  --context-content-muted-color: var(--cds-color-warning-muted-active);
  --context-content-accent-color: var(--cds-color-warning-accent-active);
  --context-border-color: var(--cds-color-warning-border-active);
}
.c-access_indicator--medium .c-access_indicator__pill.is-highlighted {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-content-accent-color: var(--cds-color-warning-accent);
  --context-border-color: var(--cds-color-warning-border);
}
.c-access_indicator--low .c-access_indicator__pill.is-highlighted {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
}

.c-accordion {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  border: 1px solid var(--context-border-color);
  border-radius: var(--cds-border-radius-small);
  margin-top: 15px;
  margin-bottom: 15px;
}
.c-accordion__bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
  border-radius: var(--cds-border-radius-default);
  border: 0px;
  background-color: transparent;
  text-align: left;
  color: var(--context-content-color);
}
.c-accordion__bar:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-accordion[data-openable=false] .c-accordion__bar {
  cursor: default;
}
.is-compact .c-accordion__bar {
  padding: 6.4px;
}
.c-accordion__bar-content-wrap {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin: -16px;
}
.is-compact .c-accordion__bar-content-wrap {
  margin: -6.4px;
}
.c-accordion__bar-content {
  display: flex;
  flex-grow: 1;
  align-items: center;
  margin: 16px;
}
.is-compact .c-accordion__bar-content {
  margin: 6.4px;
}
.c-accordion__title-components {
  display: flex;
  flex-wrap: wrap;
  margin: -16px;
  padding-right: 16px;
}
.c-accordion__title-components .c-avatar--connected {
  margin-right: 16px;
}
.is-compact .c-accordion__title-components {
  margin: -6.4px;
  padding-right: 6.4px;
}
.is-open .c-accordion__title-components .c-avatar--connected {
  border-bottom-left-radius: 0;
}
.c-accordion__title-component {
  margin: 16px;
}
.is-compact .c-accordion__title-component {
  margin: 6.4px;
}
.c-accordion__tag-wrap {
  display: flex;
  flex-grow: 4;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 16px 16px;
}
@media (min-width: 544px) {
  .c-accordion__tag-wrap {
    margin: 0;
  }
}
.c-accordion__actions {
  display: flex;
  margin: 16px;
  align-items: center;
}
.is-compact .c-accordion__actions {
  margin: 6.4px;
}
.c-accordion__actions-arrow {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  fill: currentColor;
  transform-origin: center;
  transition: transform 0.2s ease;
  margin-left: 8px;
}
.c-accordion[data-openable=false] .c-accordion__actions-arrow {
  display: hidden;
  opacity: 0;
}
.is-open > .c-accordion__bar .c-accordion__actions-arrow {
  transform: rotateZ(90deg);
}
.c-accordion__content {
  display: none;
  padding: 16px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.is-compact .c-accordion__content {
  padding: 6.4px;
}

.c-accordion__inline-description .c-accordion__description {
  margin: 0;
  padding: 1px 0 0 16px;
  line-height: 1;
}

.c-accordion__avatars {
  display: flex;
  justify-content: flex-start;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-alert {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
  padding: 16px;
}

@media (min-width: 544px) {
  .c-alert--flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.c-alert__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-alert__title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  margin-bottom: 8px;
  margin-top: 8px;
  line-height: 1;
  font-weight: 600;
}

.c-alert__message {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin: 0;
}

.c-alert__button-container {
  flex-shrink: 0;
  text-align: left;
}
@media (max-width: 543px) {
  .c-alert__button-container {
    padding-top: 12px;
  }
}

.c-alert--icon {
  display: block;
  padding: 0 16px 0 0;
}
@media (max-width: 543px) {
  .c-alert--icon {
    padding-bottom: 4px;
  }
}

.c-alert--illustration {
  display: none;
}
@media (min-width: 768px) {
  .c-alert--illustration {
    display: block;
    margin: 0 32px 0 0;
    width: 160px;
  }
}

.c-answer-input {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  padding: 16px;
}

.c-answer-input__question-section {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .c-answer-input__question-section {
    flex: 1 0 40%;
  }
}

.c-answer-input__question-number {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  display: block;
}

.c-answer-input__question-text {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}

.c-answer-input__text {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .c-answer-input__text {
    flex: 1 1 calc(60% - 16px);
  }
}

.c-answer-input__scale {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
}
@media (min-width: 544px) {
  .c-answer-input__scale {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .c-answer-input__scale {
    flex: 1 1 calc(60% - 16px);
  }
}

.c-answer-input__answer {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  display: flex;
  flex: 1 1 48px;
  align-items: center;
  padding: 4px 0 8px 0;
  border: 1px solid var(--context-border-color);
  border-bottom-width: 3px;
  border-radius: var(--cds-border-radius-default);
  text-align: center;
  text-decoration: none;
}
.c-answer-input__answer:hover {
  text-decoration: none;
}
@media (min-width: 544px) {
  .c-answer-input__answer {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .c-answer-input__answer {
    padding: 4px;
  }
}

.c-answer-input__answer--enabled__strongly-agree:hover {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-content-accent-color: var(--cds-color-success-surface-accent);
  --context-border-color: var(--cds-color-success-surface-border);
}

.c-answer-input__answer--enabled__agree:hover {
  --context-background-color: var(--cds-color-beta-surface-background);
  --context-content-color: var(--cds-color-beta-surface-text);
  --context-content-muted-color: var(--cds-color-beta-surface-muted);
  --context-content-accent-color: var(--cds-color-beta-surface-accent);
  --context-border-color: var(--cds-color-beta-surface-border);
}

.c-answer-input__answer--enabled__neutral:hover {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
}

.c-answer-input__answer--enabled__disagree:hover {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-content-accent-color: var(--cds-color-warning-surface-accent);
  --context-border-color: var(--cds-color-warning-surface-border);
}

.c-answer-input__answer--enabled__strongly-disagree:hover {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-content-accent-color: var(--cds-color-danger-surface-accent);
  --context-border-color: var(--cds-color-danger-surface-border);
}

.c-answer-input__answer--disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-answer-input__answer--disabled path:first-of-type {
  stroke: var(--context-content-color);
  fill: transparent;
}
.c-answer-input__answer--disabled path:last-of-type {
  stroke: var(--context-content-color);
  fill: var(--context-content-color);
}
.c-answer-input__answer--disabled:hover {
  cursor: not-allowed;
  color: var(--context-content-color);
}
.c-answer-input__answer--disabled:hover path:first-of-type {
  stroke: var(--context-content-color);
  fill: transparent;
}
.c-answer-input__answer--disabled:hover path:last-of-type {
  stroke: var(--context-content-color);
  fill: var(--context-content-color);
}

.c-answer-input__answer--selected__strongly-agree {
  --context-background-color: var(--cds-color-success-surface-background-active);
  --context-content-color: var(--cds-color-success-surface-text-active);
  --context-content-muted-color: var(--cds-color-success-surface-muted-active);
  --context-content-accent-color: var(--cds-color-success-surface-accent-active);
  --context-border-color: var(--cds-color-success-surface-border-active);
}

.c-answer-input__answer--selected__agree {
  --context-background-color: var(--cds-color-beta-surface-background-active);
  --context-content-color: var(--cds-color-beta-surface-text-active);
  --context-content-muted-color: var(--cds-color-beta-surface-muted-active);
  --context-content-accent-color: var(--cds-color-beta-surface-accent-active);
  --context-border-color: var(--cds-color-beta-surface-border-active);
}

.c-answer-input__answer--selected__neutral {
  --context-background-color: var(--cds-color-surface-background-active);
  --context-content-color: var(--cds-color-surface-text-active);
  --context-content-muted-color: var(--cds-color-surface-muted-active);
  --context-content-accent-color: var(--cds-color-surface-accent-active);
  --context-border-color: var(--cds-color-surface-border-active);
}

.c-answer-input__answer--selected__disagree {
  --context-background-color: var(--cds-color-warning-surface-background-active);
  --context-content-color: var(--cds-color-warning-surface-text-active);
  --context-content-muted-color: var(--cds-color-warning-surface-muted-active);
  --context-content-accent-color: var(--cds-color-warning-surface-accent-active);
  --context-border-color: var(--cds-color-warning-surface-border-active);
}

.c-answer-input__answer--selected__strongly-disagree {
  --context-background-color: var(--cds-color-danger-surface-background-active);
  --context-content-color: var(--cds-color-danger-surface-text-active);
  --context-content-muted-color: var(--cds-color-danger-surface-muted-active);
  --context-content-accent-color: var(--cds-color-danger-surface-accent-active);
  --context-border-color: var(--cds-color-danger-surface-border-active);
}

.c-answer-input__answer--unselected {
  opacity: 30%;
  border: transparent;
  background-color: transparent;
}

.c-answer-input__icon {
  width: 50%;
  height: auto;
  flex: 0 0 48px;
}

.c-answer-input__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  display: block;
}

@media (max-width: 767px) {
  .c-answer-input__edit-button {
    width: 100%;
    justify-content: center;
  }
}

.c-answer-input__edit-button__hidden {
  display: none !important;
}
@media (min-width: 768px) {
  .c-answer-input__edit-button__hidden {
    display: initial !important;
    visibility: hidden;
  }
}

.c-avatar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  position: relative;
  flex-shrink: 0;
  float: left;
  background-size: cover;
  margin-right: 5px;
}
.c-avatar--pull {
  margin-top: 2px;
  margin-left: -8px;
  border: 3px solid #d3d9de;
  transition: margin-left 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-avatar--pull.u-size--50 {
  margin-left: -16px;
}
.c-avatar--pull.u-size--75 {
  margin-left: -20px;
}
.c-avatar--pull.u-size--100 {
  margin-left: -24px;
}
.c-avatar--pull.u-size--150 {
  margin-left: -36px;
}
.c-avatar--pull.u-size--200 {
  margin-left: -42px;
}
.c-avatar--pull.u-size--300 {
  margin-left: -60px;
}
.c-avatar--pull:first-of-type {
  margin-left: 0 !important;
}
.c-avatar--circle {
  border-radius: 50% !important;
}
.c-avatar--squircle {
  border-radius: var(--cds-border-radius-default);
}
.c-avatar--connected {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: var(--cds-border-radius-default);
}
.c-avatar--full {
  width: 100%;
  height: 350px;
  background-size: 75%;
  background-repeat: no-repeat;
}
.c-avatar--flexed {
  float: none;
  flex-grow: 0;
  flex-shrink: 0;
}
.c-avatar--contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.c-avatar--circle .c-avatar__fallback-picture {
  border-radius: 50%;
}
.c-avatar--squircle .c-avatar__fallback-picture {
  border-radius: var(--cds-border-radius-default);
}
.c-avatar--connected .c-avatar__fallback-picture {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: var(--cds-border-radius-default);
}

.c-avatar__overlay {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-overlay-background);
  --context-content-color: var(--cds-color-overlay-text);
  --context-content-muted-color: var(--cds-color-overlay-muted);
  --context-content-accent-color: var(--cds-color-overlay-accent);
  --context-border-color: var(--cds-color-overlay-border);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.c-avatar--squircle .c-avatar__overlay {
  border-radius: var(--cds-border-radius-default);
}
.c-avatar--connected .c-avatar__overlay {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--cds-border-radius-default);
}

.c-avatar__tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
  bottom: auto;
  top: -35px;
  pointer-events: none;
}
.c-avatar__tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.c-avatar__tooltip::before {
  border-bottom: 0;
  border-top: 6px solid #16161d;
  top: auto;
  bottom: -6px;
}
.c-avatar:hover .c-avatar__tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}

.c-avatar--container:hover .c-avatar--pull {
  margin-left: -2px;
  transition: margin-left 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.c-avatar-uploader {
  min-height: 0;
  border: 0;
  padding: 0;
  background-color: inherit;
  background-position: center;
  background-size: cover;
  margin: 0 auto;
  border-radius: var(--cds-border-radius-default);
  overflow: hidden;
}
.c-avatar-uploader:hover {
  cursor: pointer;
}

.c-avatar-uploader__overlay {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-inverse-surface-background);
  --context-content-color: var(--cds-color-inverse-surface-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent);
  --context-border-color: var(--cds-color-inverse-surface-border);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 15px;
  border-radius: var(--cds-border-radius-default);
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-avatar-uploader__overlay:hover, .c-avatar-uploader.is-empty .c-avatar-uploader__overlay, .c-avatar-uploader.is-dragging .c-avatar-uploader__overlay {
  opacity: 0.9;
  transition: opacity 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-avatar-uploader__overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 90%;
  width: 90%;
  margin: 0;
  transform: translate3d(5%, 5%, 0);
  border: 1px solid white;
}
.c-avatar-uploader.is-loading .c-avatar-uploader__overlay {
  display: none;
}

.c-avatar-uploader__wrapper {
  background-size: cover;
  background-position: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.c-avatar-uploader__wrapper.c-avatar--full {
  width: 100%;
  height: 350px;
  background-size: 75%;
  background-repeat: no-repeat;
}
.c-avatar-uploader__wrapper--default {
  display: flex;
}
.c-avatar-uploader.is-loading .c-avatar-uploader__wrapper--default, .c-avatar-uploader.has-error .c-avatar-uploader__wrapper--default {
  display: none;
}
.c-avatar-uploader__wrapper.when-loading-state {
  display: none;
  z-index: -1;
}
.c-avatar-uploader.is-loading .c-avatar-uploader__wrapper.when-loading-state {
  display: flex;
  z-index: 3;
}
.c-avatar-uploader__wrapper.when-error-state {
  display: none;
}
.c-avatar-uploader.has-error .c-avatar-uploader__wrapper.when-error-state {
  display: flex;
}

.c-avatar_group__content {
  display: flex;
  align-items: center;
}

.c-breadcrumb__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
}

.c-breadcrumb {
  display: inline-flex;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.c-breadcrumb > :first-child {
  border-top-left-radius: 8px;
}
.c-breadcrumb > :last-child {
  border-bottom-right-radius: 8px;
}

.c-breadcrumb .o-icon {
  fill: var(--context-content-muted-color);
}

.c-breadcrumb__item {
  display: flex;
  flex-grow: 1;
  padding: 0 1px 0 0;
  font-size: 16px;
  line-height: 32px;
  list-style: none;
  color: var(--context-content-muted-color);
  overflow: hidden;
}
.c-breadcrumb__item:last-child {
  padding-right: 8px;
}
.c-breadcrumb__item:after {
  content: "/";
}
.c-breadcrumb__item:last-child:after {
  padding-left: 0;
  content: "";
}

.c-breadcrumb--include-trailing-separator .c-breadcrumb__item:last-child:after {
  content: "/";
}

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

.c-breadcrumb__item-link {
  color: var(--context-content-muted-color);
}
.c-breadcrumb__item-link:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-breadcrumb__item-link:active, .c-breadcrumb__item-link:focus {
  text-decoration: none;
  color: var(--context-content-color);
}
.c-breadcrumb__item-link:hover {
  text-decoration: underline;
  color: var(--context-content-accent-color);
}

.c-breadcrumb__item--dashboard {
  line-height: 1;
}
.c-breadcrumb__item--dashboard:after {
  padding-top: 8px;
}
.c-breadcrumb__item--dashboard .o-icon {
  margin: 5px 6px 0 0;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-bulk-actions {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
  position: relative;
  z-index: 5;
  width: 100%;
  height: auto;
  padding: 16px 0;
  border: 1px solid var(--context-border-color);
}
@media (min-width: 768px) {
  .c-bulk-actions {
    height: 100px;
  }
}
@media (min-width: 768px) {
  .c-bulk-actions.is-fixed {
    box-shadow: inset 0 0 0 1px #d3d9de;
    position: sticky;
    top: 80px;
  }
}
.c-bulk-actions.is-active {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  box-shadow: inset 0 -1px 0 rgba(9, 170, 149, 0.25);
}
.c-bulk-actions.is-active, .c-bulk-actions.is-inactive {
  transition: background-color 0.1s ease;
}

.c-bulk-actions__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .c-bulk-actions__container {
    flex-direction: row;
    align-items: center;
  }
}
.c-bulk-actions__container.when-active, .c-bulk-actions__container.when-inactive {
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
}
.c-bulk-actions__container.when-active {
  transform: translate3d(0, 10px, 0);
}
.is-active .c-bulk-actions__container.when-active {
  position: relative;
  pointer-events: all;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media (min-width: 768px) {
  .is-active .c-bulk-actions__container.when-active {
    position: absolute;
  }
}
.c-bulk-actions__container.when-inactive {
  transform: translate3d(0, -10px, 0);
}
.is-inactive .c-bulk-actions__container.when-inactive {
  position: relative;
  pointer-events: all;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
@media (min-width: 768px) {
  .is-inactive .c-bulk-actions__container.when-inactive {
    position: absolute;
  }
}

.c-bulk-actions__counter {
  display: flex;
  flex-grow: 1;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c-bulk-actions__counter {
    margin-bottom: 0;
  }
}

.c-bulk-actions__actions {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  .c-bulk-actions__actions {
    flex-direction: row;
    width: auto;
  }
}

.c-button {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background: transparent;
  border: 0;
  display: inline-block;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  color: inherit;
  position: relative;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid transparent;
  border-bottom-width: 3px;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  border-radius: var(--cds-border-radius-large);
  padding: 11px 12px 9px 12px;
  min-height: auto;
  opacity: 1;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  text-transform: none;
}
.c-button:hover, .c-button:focus, .c-button:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.1s;
}
.c-button:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.c-button .w-slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.c-button .w-slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}
.c-button:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-button:hover, .c-button:active, .c-button:focus {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}
.c-button .when-collapsing {
  display: none;
}
.c-button .not-collapsing {
  display: inline-flex;
  align-items: center;
}
.c-button.is-collapsing .when-collapsing {
  display: inline-flex;
  align-items: center;
}
.c-button.is-collapsing .not-collapsing {
  display: none;
}

.c-button--link {
  background: none;
  color: inherit;
}

.c-button--as-link {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-decoration: underline;
  background-color: transparent;
  color: var(--context-content-accent-color);
  border: 0;
  padding: 0;
  min-height: 0;
}
.c-button--as-link:hover, .c-button--as-link:active, .c-button--as-link:focus {
  background-color: transparent;
  border-color: transparent;
  color: var(--context-content-color);
  text-decoration: underline;
}

.c-button--as-link--disabled {
  text-decoration: none;
  color: #507395;
}
.c-button--as-link--disabled:hover, .c-button--as-link--disabled:focus {
  text-decoration: none;
  color: #507395;
}

.c-button--ghost, .c-button--ghost:hover, .c-button--ghost:focus, .c-button--ghost:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-button--ghost:hover {
  --context-background-color: var(--cds-color-secondary-background-hover);
  --context-content-color: var(--cds-color-secondary-text-hover);
  --context-content-muted-color: var(--cds-color-secondary-muted-hover);
  --context-content-accent-color: var(--cds-color-secondary-accent-hover);
  --context-border-color: var(--cds-color-secondary-border-hover);
}
.c-button--ghost:focus, .c-button--ghost:active {
  --context-background-color: var(--cds-color-secondary-background-active);
  --context-content-color: var(--cds-color-secondary-text-active);
  --context-content-muted-color: var(--cds-color-secondary-muted-active);
  --context-content-accent-color: var(--cds-color-secondary-accent-active);
  --context-border-color: var(--cds-color-secondary-border-active);
}

.c-button.c-button--disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-button.c-button--disabled, .c-button.c-button--disabled:hover, .c-button.c-button--disabled:focus, .c-button.c-button--disabled:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-button.c-button--disabled:hover {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
}
.c-button.c-button--disabled:focus, .c-button.c-button--disabled:active {
  --context-background-color: var(--cds-color-disabled-background-active);
  --context-content-color: var(--cds-color-disabled-text-active);
  --context-content-muted-color: var(--cds-color-disabled-muted-active);
  --context-content-accent-color: var(--cds-color-disabled-accent-active);
  --context-border-color: var(--cds-color-disabled-border-active);
}
.c-button.c-button--disabled:hover, .c-button.c-button--disabled:active, .c-button.c-button--disabled:focus {
  cursor: not-allowed;
}

.c-button--lg {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  text-transform: none;
  font-weight: 400;
  min-height: 64px;
  padding: 11px 12px 9px 12px;
}

@keyframes c-button-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.c-button__loader {
  height: 30px;
  width: 30px;
  padding: 0;
  fill: currentColor;
  margin: 0 auto;
  display: block;
  transform: scale(0.5);
}
@media (prefers-reduced-motion: no-preference) {
  .c-button__loader {
    animation: c-button-loading 0.7s infinite;
    transition: opacity 0.5s, transform 0.5s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-button__loader {
    animation: c-button-loading 0s infinite;
    transition: opacity 0s, transform 0s;
  }
}
.c-button__loader path {
  stroke: currentColor;
  fill: none;
}

.c-button--block {
  width: 100%;
  justify-content: center;
}

.c-button--icon {
  min-width: 45px;
  padding: 5px 6px;
}

.c-button--icon-right {
  order: 1;
}

.c-button--tooltip:hover {
  z-index: 1;
}

.c-button__tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.c-button__tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.c-button--tooltip:hover .c-button__tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
  z-index: 1;
}

.c-button--multiline {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.c-button_group-wrapper {
  position: relative;
  display: inline-flex;
  vertical-align: top;
}
.c-button_group-wrapper + .c-button_group-wrapper {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .c-button_group-wrapper + .c-button_group-wrapper {
    margin-top: 0;
    margin-left: 5px;
  }
}

.c-button_group {
  display: inline-flex;
  flex-grow: 1;
  vertical-align: top;
}
.c-button_group .e-button--in-group {
  border-radius: 0;
  margin: 0;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.c-button_group > .e-button--in-group:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: var(--cds-border-radius-large);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--cds-border-radius-large);
}
.c-button_group > .e-button--in-group:last-child {
  border-top-right-radius: var(--cds-border-radius-large);
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--cds-border-radius-large);
  border-bottom-left-radius: 0;
}
.c-button_group > .e-button--in-group:only-child {
  border-radius: var(--cds-border-radius-large);
}
.c-button_group > .e-button--in-group.js-button-loader-dummy {
  border-radius: var(--cds-border-radius-large);
}
.c-button_group.c-button--group--vertical {
  flex-direction: column;
  display: flex;
}
.c-button_group.c-button--group--vertical > .e-button--in-group:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.c-button_group.c-button--group--vertical > .e-button--in-group:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}
.c-button_group.c-button--group--vertical > .e-button--in-group:only-child {
  border-radius: var(--cds-border-radius-default);
}

.c-dropdown {
  z-index: 5;
  pointer-events: none;
  position: absolute;
  top: 50px;
  right: 0;
  margin: 0;
  padding: 0;
  height: auto;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  box-shadow: 0 5px 15px 0 rgba(19, 19, 83, 0.25);
  transform: translateY(-10px);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.c-dropdown.is-open {
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.c-dropdown.wide-dropdown {
  width: 115%;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-cabinet {
  width: 100%;
}

.c-cabinet__case {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid var(--context-border-color);
  padding: 32px;
  text-align: center;
  cursor: pointer;
  transition: none;
  position: relative;
  z-index: 1;
}
.c-cabinet__case:hover, .c-cabinet__case:focus {
  transition: border-color 0.2s;
  border-color: var(--context-border-color);
}

.c-cabinet__case-title,
.c-cabinet__case-handle {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  color: var(--context-content-accent-color);
}

.c-cabinet__case-body {
  padding: 8px 0;
  font-weight: 800;
}

.c-cabinet__case-handle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-cabinet__drawer {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  border-radius: 0 0 8px 8px;
  padding: 15px;
  margin: 0 15px 15px;
  position: relative;
  transform: translate3d(0, -15px, 0);
  transition: transform 0.2s;
}
.c-cabinet.is-open .c-cabinet__drawer {
  transform: translate3d(0, 0, 0);
}

.c-cabinet__drawer-content {
  width: 100%;
  opacity: 0;
  overflow: hidden;
  height: 0;
}
.c-cabinet.is-open .c-cabinet__drawer-content {
  opacity: 1;
  height: auto;
}
.c-cabinet__drawer-content :last-child {
  margin-bottom: 0;
}

.c-cabinet__arrow {
  fill: var(--context-content-accent-color);
  padding: 0;
  width: 25px;
  height: 25px;
  transition: transform 0.2s ease;
}
.c-cabinet.is-open .c-cabinet__arrow {
  transform: rotateZ(90deg);
}

.c-card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  border-width: 1px;
  border-style: solid;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.c-card--linked {
  border-bottom-width: 3px;
  text-decoration: none !important;
  overflow: hidden;
}
.c-card--linked:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-card--linked:hover, .c-card--linked:active, .c-card--linked:focus {
  border-color: var(--context-content-accent-color);
}
.c-card--linked:hover .c-card__title,
.c-card--linked:hover .c-card__button-text, .c-card--linked:active .c-card__title,
.c-card--linked:active .c-card__button-text, .c-card--linked:focus .c-card__title,
.c-card--linked:focus .c-card__button-text {
  color: var(--context-content-accent-color);
}

.c-card--dashboard-task {
  display: flex;
  flex-direction: column;
  flex-basis: 240px;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
}
.c-card--dashboard-task .c-card__details {
  padding-bottom: 0;
}
.c-card--dashboard-task .c-card__dashboard-task-title {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 30px;
}
.c-card--dashboard-task .c-card__body {
  border-top: 0;
  display: flex;
  flex-direction: column;
}
.c-card--dashboard-task .c-card__dashboard-task-details {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
}
.c-card--dashboard-task .c-card__dashboard-task-details .o-icon {
  height: 64px;
  width: 64px;
  flex-shrink: 0;
  margin-left: -12px;
  margin-right: -4px;
}
.c-card--dashboard-task.c-card--overdue:hover, .c-card--dashboard-task.c-card--overdue:active, .c-card--dashboard-task.c-card--overdue:focus, .c-card--dashboard-task.c-card--due-soon:hover, .c-card--dashboard-task.c-card--due-soon:active, .c-card--dashboard-task.c-card--due-soon:focus {
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}
.c-card--dashboard-task.c-card--overdue:hover .c-card__title,
.c-card--dashboard-task.c-card--overdue:hover .c-card__button-text, .c-card--dashboard-task.c-card--overdue:active .c-card__title,
.c-card--dashboard-task.c-card--overdue:active .c-card__button-text, .c-card--dashboard-task.c-card--overdue:focus .c-card__title,
.c-card--dashboard-task.c-card--overdue:focus .c-card__button-text, .c-card--dashboard-task.c-card--due-soon:hover .c-card__title,
.c-card--dashboard-task.c-card--due-soon:hover .c-card__button-text, .c-card--dashboard-task.c-card--due-soon:active .c-card__title,
.c-card--dashboard-task.c-card--due-soon:active .c-card__button-text, .c-card--dashboard-task.c-card--due-soon:focus .c-card__title,
.c-card--dashboard-task.c-card--due-soon:focus .c-card__button-text {
  color: var(--context-content-color);
}
.c-card--dashboard-task:hover, .c-card--dashboard-task:active, .c-card--dashboard-task:focus {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}

.c-card--overdue:hover {
  --context-background-color: var(--cds-color-danger-background-hover);
  --context-content-color: var(--cds-color-danger-text-hover);
  --context-content-muted-color: var(--cds-color-danger-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-accent-hover);
  --context-border-color: var(--cds-color-danger-border-hover);
}
.c-card--overdue:active, .c-card--overdue:focus {
  --context-background-color: var(--cds-color-danger-background-active);
  --context-content-color: var(--cds-color-danger-text-active);
  --context-content-muted-color: var(--cds-color-danger-muted-active);
  --context-content-accent-color: var(--cds-color-danger-accent-active);
  --context-border-color: var(--cds-color-danger-border-active);
}

.c-card--due-soon:hover {
  --context-background-color: var(--cds-color-warning-background-hover);
  --context-content-color: var(--cds-color-warning-text-hover);
  --context-content-muted-color: var(--cds-color-warning-muted-hover);
  --context-content-accent-color: var(--cds-color-warning-accent-hover);
  --context-border-color: var(--cds-color-warning-border-hover);
}
.c-card--due-soon:active, .c-card--due-soon:focus {
  --context-background-color: var(--cds-color-warning-background-active);
  --context-content-color: var(--cds-color-warning-text-active);
  --context-content-muted-color: var(--cds-color-warning-muted-active);
  --context-content-accent-color: var(--cds-color-warning-accent-active);
  --context-border-color: var(--cds-color-warning-border-active);
}

.c-card__checkbox {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: block;
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  border-width: 1px 1px 4px 1px;
  border-style: solid;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.c-card__checkbox--linked {
  border-bottom-width: 3px;
  text-decoration: none !important;
}
.c-card__checkbox--linked:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-card__checkbox--linked:hover, .c-card__checkbox--linked:active, .c-card__checkbox--linked:focus {
  border-color: var(--context-content-accent-color);
}
.c-card__checkbox--linked:hover .c-card__title,
.c-card__checkbox--linked:hover .c-card__button-text, .c-card__checkbox--linked:active .c-card__title,
.c-card__checkbox--linked:active .c-card__button-text, .c-card__checkbox--linked:focus .c-card__title,
.c-card__checkbox--linked:focus .c-card__button-text {
  color: var(--context-content-accent-color);
}

.c-card__state {
  width: 100%;
  height: 20px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.c-card__state + .c-card__image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.c-card__state--alt {
  text-align: right;
  padding: 0;
}
.c-card__state .e-tag {
  padding: 4px 7px 0 7px;
}

.c-card__image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.c-card__details {
  padding: 16px;
}

.c-card__title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}

.c-card__description {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-card__body {
  border-top: 1px solid var(--context-border-color);
  padding: 16px;
}
.c-card__body--no-border-top {
  border-top: 0px;
}

.c-card__body--with-title {
  border-top: 1px solid var(--context-border-color);
}

.c-card__body-full-height {
  height: 100%;
}

.c-card__button {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  border-top: 1px solid var(--context-border-color);
}

.c-card__button-text {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  opacity: 1;
  line-height: 40px;
}

.c-card__title_button {
  padding: 5px 0;
}

.empty-state-card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}
.empty-state-card .e-tag__text, .empty-state-card .c-card__description, .empty-state-card .cds-text--body, .empty-state-card .c-card__button-text {
  border-radius: var(--cds-border-radius-default);
  min-height: 28px;
  min-width: 80px;
  background-color: #d3d9de;
}
.empty-state-card .c-card__button {
  padding-top: 4px;
  padding-bottom: 4px;
}
.empty-state-card .c-card__description, .empty-state-card .c-card__button-text {
  width: 180px;
}
.empty-state-card .activity-card--details dd {
  flex: initial;
  width: 100%;
}
.empty-state-card:hover, .empty-state-card:active, .empty-state-card:focus {
  border-color: #d3d9de;
  cursor: initial;
}
.empty-state-card:hover .c-card__title, .empty-state-card:active .c-card__title, .empty-state-card:focus .c-card__title {
  color: #6c8093;
}

.c-card__integration {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}

.c-card__integration_logo {
  width: 35px;
  margin-top: 15px;
  margin-bottom: 8px;
  border-radius: 20%;
}

.c-card__byline {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-card__byline-image {
  height: 32px;
  width: auto;
}

.c-card__integration-title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}

.c-card__description-wrapper {
  display: flex;
  flex-direction: column;
}

.c-card__description-wrapper-integration {
  flex-direction: row;
}
.c-card__description-wrapper-integration .c-card__description {
  margin-bottom: 5px;
  word-break: break-all;
}

.c-card__integration-actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
}

.c-checkbox__checkbox {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  flex-shrink: 0;
}

.c-checkbox__input + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
}
.c-checkbox__input:hover + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-checkbox__input:active + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:focus + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
}
.c-checkbox__input:focus-visible + .c-checkbox__label .c-checkbox__checkbox {
  outline: 4px solid var(--context-content-accent-color);
}

.c-checkbox-card__input:hover + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-card-background-hover);
  --context-content-color: var(--cds-color-card-text-hover);
  --context-content-muted-color: var(--cds-color-card-muted-hover);
  --context-content-accent-color: var(--cds-color-card-accent-hover);
  --context-border-color: var(--cds-color-card-border-hover);
}

.c-checkbox__input:checked + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
}
.c-checkbox__input:checked:hover + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-primary-background-hover);
  --context-content-color: var(--cds-color-primary-text-hover);
  --context-content-muted-color: var(--cds-color-primary-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-accent-hover);
  --context-border-color: var(--cds-color-primary-border-hover);
}
.c-checkbox__input:checked:focus + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:checked:active + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-primary-background-active);
  --context-content-color: var(--cds-color-primary-text-active);
  --context-content-muted-color: var(--cds-color-primary-muted-active);
  --context-content-accent-color: var(--cds-color-primary-accent-active);
  --context-border-color: var(--cds-color-primary-border-active);
}

.c-checkbox-card__input:checked + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
}

.c-checkbox__input:indeterminate + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  color: var(--context-content-accent-color);
}
.c-checkbox__input:indeterminate:hover + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-checkbox__input:indeterminate:focus + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:indeterminate:active + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
}

.c-checkbox__input--with-error + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-checkbox__input--with-error:hover + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-checkbox__input--with-error:focus + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input--with-error:active + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}

.c-checkbox__input--with-error:checked + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
}
.c-checkbox__input--with-error:checked:hover + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-danger-background-hover);
  --context-content-color: var(--cds-color-danger-text-hover);
  --context-content-muted-color: var(--cds-color-danger-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-accent-hover);
  --context-border-color: var(--cds-color-danger-border-hover);
}
.c-checkbox__input--with-error:checked:focus + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input--with-error:checked:active + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-danger-background-active);
  --context-content-color: var(--cds-color-danger-text-active);
  --context-content-muted-color: var(--cds-color-danger-muted-active);
  --context-content-accent-color: var(--cds-color-danger-accent-active);
  --context-border-color: var(--cds-color-danger-border-active);
}

.c-checkbox__input:disabled + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:hover + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:active + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:focus + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:checked + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:checked:hover + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:checked:active + .c-checkbox__label .c-checkbox__checkbox, .c-checkbox__input:disabled:checked:focus + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:hover + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:active + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:focus + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:checked + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:checked:hover + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:checked:active + .c-checkbox__label .c-checkbox__checkbox,
.c-checkbox__input--with-error:disabled:checked:focus + .c-checkbox__label .c-checkbox__checkbox {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-checkbox__input:disabled + .c-checkbox__label:hover, .c-checkbox__input:disabled:hover + .c-checkbox__label:hover, .c-checkbox__input:disabled:active + .c-checkbox__label:hover, .c-checkbox__input:disabled:focus + .c-checkbox__label:hover, .c-checkbox__input:disabled:checked + .c-checkbox__label:hover, .c-checkbox__input:disabled:checked:hover + .c-checkbox__label:hover, .c-checkbox__input:disabled:checked:active + .c-checkbox__label:hover, .c-checkbox__input:disabled:checked:focus + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:hover + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:active + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:focus + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:checked + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:checked:hover + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:checked:active + .c-checkbox__label:hover,
.c-checkbox__input--with-error:disabled:checked:focus + .c-checkbox__label:hover {
  cursor: not-allowed;
}

.c-checkbox {
  position: relative;
  display: flex;
  margin-bottom: 16px;
}
.c-checkbox--multiselect .c-checkbox {
  margin-bottom: 0;
}
.c-checkbox--group .c-checkbox {
  margin-bottom: 0;
}

.c-checkbox-small {
  min-height: 20px;
}

.c-checkbox-medium {
  min-height: 40px;
}

.c-checkbox-large {
  min-height: 60px;
}

.c-checkbox__input {
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.c-checkbox__input:indeterminate + .c-checkbox__label .c-checkbox__checkbox-indeterminate, .c-checkbox__input:checked + .c-checkbox__label .c-checkbox__checkbox-icon {
  opacity: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.2s linear;
}

.c-checkbox__label {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
}
.c-checkbox__label:active, .c-checkbox__label:focus, .c-checkbox__label:hover {
  cursor: pointer;
}
.is-disabled .c-checkbox__label:active, .is-disabled .c-checkbox__label:focus, .is-disabled .c-checkbox__label:hover {
  cursor: not-allowed;
}
.c-checkbox--multiselect .c-checkbox__label {
  padding-left: 15px;
  padding-right: 15px;
}

.c-checkbox__label-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.c-checkbox__label-content__avatar {
  display: flex;
  flex-direction: row;
}

.c-checkbox__label-text {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  color: var(--context-content-color);
  display: block;
  padding-top: 3px;
}

.c-checkbox__required-label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}

.c-checkbox__label-hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
  display: block;
}

.c-checkbox__checkbox-small {
  position: relative;
  border-radius: 2px;
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  height: 15px;
  width: 15px;
  display: flex;
  margin-top: 7px;
}
.c-checkbox__checkbox-small::after {
  content: "";
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -1px;
  right: 0;
  bottom: 0;
  height: 15px;
  width: 15px;
  transform: scale(1);
  background: transparent;
  border-radius: 2px;
  box-shadow: 0 0 0 2px transparent;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-checkbox__checkbox-small:focus-visible {
  outline: 2px solid #66b3ff;
}
.c-checkbox__checkbox-small .c-checkbox__checkbox-icon,
.c-checkbox__checkbox-small .c-checkbox__checkbox-indeterminate {
  top: -5px;
}

.c-checkbox__checkbox-medium {
  position: relative;
  border-radius: 4px;
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  height: 20px;
  width: 20px;
  display: flex;
  margin-top: 3px;
}
.c-checkbox__checkbox-medium::after {
  content: "";
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -1px;
  right: 0;
  bottom: 0;
  height: 20px;
  width: 20px;
  transform: scale(1);
  background: transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 2px transparent;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-checkbox__checkbox-medium:focus-visible {
  outline: 4px solid #66b3ff;
}

.c-checkbox__checkbox-large {
  position: relative;
  border-radius: 8px;
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  height: 30px;
  width: 30px;
  display: flex;
}
.c-checkbox__checkbox-large::after {
  content: "";
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -1px;
  right: 0;
  bottom: 0;
  height: 30px;
  width: 30px;
  transform: scale(1);
  background: transparent;
  border-radius: 8px;
  box-shadow: 0 0 0 2px transparent;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-checkbox__checkbox-large:focus-visible {
  outline: 8px solid #66b3ff;
}

.c-checkbox__checkbox-icon,
.c-checkbox__checkbox-indeterminate {
  position: relative;
  pointer-events: none;
  opacity: 0;
  top: -2px;
  left: -1px;
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  transition: stroke-dashoffset 0.2s linear;
}

.c-checkbox__checkbox-indeterminate {
  position: absolute;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-checkbox--group .c-checkbox__label {
  width: fit-content;
}

.c-checkbox-group__select-all {
  margin-bottom: 8px;
}
.c-checkbox-group__select-all:focus {
  text-decoration: underline;
}

.c-checkbox-group__clear-all {
  margin-left: 12px;
}
.c-checkbox-group__clear-all:focus {
  text-decoration: underline;
}

.c-checkbox-group__select-all-disabled,
.c-checkbox-group__clear-all-disabled {
  text-decoration: none;
  color: #507395;
}
.c-checkbox-group__select-all-disabled:hover, .c-checkbox-group__select-all-disabled:focus,
.c-checkbox-group__clear-all-disabled:hover,
.c-checkbox-group__clear-all-disabled:focus {
  text-decoration: none;
  color: #507395;
}

.c-checklist_task {
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  position: relative;
  padding: 10px;
  min-height: 55px;
  align-items: flex-start;
  flex-wrap: nowrap;
  border-top: 1px solid transparent;
  border-color: #d3d9de;
  transition: background-color 0.2s;
}
.c-checklist_task--no-wrap {
  flex-wrap: nowrap;
}
.c-checklist_task--no-padding {
  padding: 0;
}

.c-checklist_task--checkable {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
}
.c-checklist_task--checkable:hover, .c-checklist_task--checkable:focus, .c-checklist_task--checkable:active {
  --context-background-color: var(--cds-color-background-background-hover);
  --context-content-color: var(--cds-color-background-text-hover);
  --context-content-muted-color: var(--cds-color-background-muted-hover);
  --context-content-accent-color: var(--cds-color-background-accent-hover);
  --context-border-color: var(--cds-color-background-border-hover);
}

.c-checklist_task__input {
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-small);
  margin: 15px 0;
  border: 1px solid transparent;
  border-top-width: 3px;
  background-color: white;
  color: #2b2b3b;
  border-color: #dbccbd;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
  height: 30px;
  width: 30px;
  margin: 3px 10px 3px 5px;
  color: #17334f;
  align-self: flex-start;
  flex-shrink: 0;
}
.c-checklist_task__input:hover {
  border-color: #6c6c93;
}
.c-checklist_task--with-actions .c-checklist_task__input {
  margin-top: 7px;
}
.c-checklist_task--checked .c-checklist_task__input {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
}
.c-checklist_task--checked .c-checklist_task__input:hover {
  --context-background-color: var(--cds-color-success-background-hover);
  --context-content-color: var(--cds-color-success-text-hover);
  --context-content-muted-color: var(--cds-color-success-muted-hover);
  --context-content-accent-color: var(--cds-color-success-accent-hover);
  --context-border-color: var(--cds-color-success-border-hover);
}

.c-checklist_task__icon {
  height: 30px;
  width: 40px;
  padding: 3px;
  fill: currentColor;
  flex-shrink: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  color: #17334f;
}
.c-checklist_task--with-actions .c-checklist_task__icon {
  margin-top: 7px;
}
.c-checklist_task__input .c-checklist_task__icon {
  width: 30px;
  margin-top: -3px;
  margin-left: -1px;
  color: inherit;
}
.c-checklist_task--checked .c-checklist_task__icon {
  color: inherit;
}
.c-checklist_task--checkable .c-checklist_task__icon {
  opacity: 0;
}
.c-checklist_task--checkable.c-checklist_task--checked .c-checklist_task__icon {
  opacity: 1;
}

.c-checklist_task__details {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}

.c-checklist_task__name {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin-top: 11px;
}
.c-checklist_task__name a {
  color: var(--context-content-accent-color);
  text-decoration: underline;
}
.c-checklist_task__name a:hover, .c-checklist_task__name a:focus {
  color: var(--context-content-color);
}
.c-checklist_task--with-actions .c-checklist_task__name {
  margin-top: 11px;
}
.c-checklist_task--checked .c-checklist_task__name {
  color: #6c8093;
  text-decoration: line-through;
}

.c-checklist_task__tags {
  margin-top: 5px;
  margin-bottom: 3px;
  margin-left: 10px;
  opacity: 0.5;
  transition: opacity 0.2s;
}
.c-checklist_task__tags .c-tag {
  border-color: #d3d9de;
}
.c-checklist_task--with-actions .c-checklist_task__tags {
  margin-top: 6px;
}
.c-checklist_task:hover .c-checklist_task__tags {
  opacity: 1;
}

.c-checklist_task__task-links {
  margin-left: 10px;
}

.c-checklist_task__actions {
  display: none;
  flex-shrink: 0;
  transition: opacity 0.2s, transform 0.2s;
}
.m-checklist.is-editing .c-checklist_task__actions {
  display: block;
}
@media (min-width: 768px) {
  .c-checklist_task__actions {
    display: block;
    opacity: 0;
    transform: translate3d(3px, 0, 0);
  }
  .c-checklist_task:hover .c-checklist_task__actions, .c-checklist_task:focus .c-checklist_task__actions, .c-checklist_task:active .c-checklist_task__actions {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.c-checklist_task_group {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  margin-bottom: 30px;
}

.c-checklist_task_group__header {
  min-height: 110px;
  display: flex;
  flex-wrap: nowrap;
}
.c-checklist_task_group.is-editing .c-checklist_task_group__header {
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .c-checklist_task_group.is-editing .c-checklist_task_group__header {
    flex-wrap: nowrap;
  }
}

.c-checklist_task_group__header-info {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
}

.c-checklist_task_group__details {
  padding: 15px 0;
  flex-grow: 1;
  margin-left: 15px;
}
.e-doughnut-chart + .c-checklist_task_group__details {
  margin-left: 0;
}

.c-checklist_task_group__tasks {
  border-bottom: 1px solid #d3d9de;
}

.c-checklist_task_group__header-actions {
  padding: 15px;
  flex-shrink: 0;
}
.c-checklist_task_group.is-editing .c-checklist_task_group__header-actions {
  display: flex;
}
@media (min-width: 768px) {
  .c-checklist_task_group__header-actions {
    display: block;
  }
}

.c-checklist_task_group__header-actions--mobile {
  display: none;
}
.c-checklist_task_group.is-editing .c-checklist_task_group__header-actions--mobile {
  display: block;
}
@media (min-width: 768px) {
  .c-checklist_task_group__header-actions--mobile {
    display: block;
  }
}

.c-checklist_task_group__footer-actions {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.c-citation__content {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cds-border-radius-default);
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.c-citation__content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-bottom: -10px;
  transform: rotate(45deg);
  border: 1px solid transparent;
  border-bottom-color: var(--context-border-color);
  border-right-color: var(--context-border-color);
  background-color: var(--context-background-color);
}

.c-citation__footer {
  margin-top: 21.3333333333px;
  display: flex;
  justify-content: space-between;
}

.c-citation__author-group {
  display: flex;
}

.c-citation__avatar {
  margin-left: 10px;
}

.c-citation__author {
  align-self: center;
  padding-left: 16px;
}

.c-citation__author-title {
  font-style: italic;
}

.c-citation__button {
  margin-right: 1em;
}

.c-collection_layout {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-comment {
  width: 100%;
  display: flex;
}

.c-comment__avatar {
  display: inline-flex;
  flex-grow: 0;
  order: 2;
}
.is-author .c-comment__avatar {
  order: 1;
}

.c-comment__content {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  order: 1;
  margin-right: 5px;
}
.is-author .c-comment__content {
  order: 2;
  margin-right: 0;
}
.c-comment__content .c-input-content {
  margin-bottom: 0px;
}

.c-comment__footer {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px;
  height: auto;
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
  border-style: solid;
  border-width: 0 1px 1px 1px;
  height: 60px;
}
.is-author .c-comment__footer {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
}

.c-comment__text {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
  padding: 16px;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid;
  border-color: var(--context-border-color);
}
.is-author .c-comment__text {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}
.c-comment--footer .c-comment__text {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.c-comment__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-comment--footer .c-input-wrapper {
  margin: 0;
}
.c-comment--footer .c-input {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.c-counter {
  position: relative;
  vertical-align: bottom;
  border-radius: 50%;
  border: 3px solid transparent;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  height: 45px;
  width: 45px;
  min-width: 45px;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: color 0.2s, border-color 0.2s;
}
.c-counter--scroll:active, .c-counter--scroll:focus, .c-counter--scroll:hover {
  cursor: pointer;
}

.c-counter--small {
  border: 1px solid transparent;
  height: 25px;
  width: 25px;
  min-width: 25px;
}
.c-counter--small .c-counter__number {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.c-counter--small.c-counter.is-complete .c-counter__icon {
  display: inline;
}
.c-counter--small .o-icon--sm {
  top: 42%;
  left: 34%;
}

.c-counter,
.c-counter--small {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  background-color: transparent;
  border-color: var(--context-border-color);
  color: var(--context-border-color);
}
.c-counter.is-complete,
.c-counter--small.is-complete {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  border-color: var(--context-background-color);
  color: var(--context-background-color);
}
.c-counter.is-in-progress,
.c-counter--small.is-in-progress {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
  border-color: var(--context-background-color);
  color: var(--context-background-color);
}
.c-counter.is-incomplete, .c-counter.no-state,
.c-counter--small.is-incomplete,
.c-counter--small.no-state {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
}

.c-counter__number {
  font-size: 22px;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.c-counter--show-icon .c-counter__number, .c-counter.is-complete .c-counter__number {
  display: none;
}

.c-counter__icon {
  position: absolute;
  top: 50%;
  left: 49%;
  transform: translate(-50%, -50%);
  display: none;
}
.c-counter--show-icon .c-counter__icon, .c-counter.is-complete .c-counter__icon {
  display: block;
}

.c-counter__tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.c-counter__tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.c-counter:hover .c-counter__tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}

.c-dashboard_card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  margin: 0;
  margin-top: 10px;
  display: flex;
}
@media (min-width: 768px) {
  .c-dashboard_card {
    height: 90px;
  }
}

.c-dashboard_card__container {
  display: flex;
  flex-grow: 1;
  height: auto;
  flex-direction: column;
  padding: 16px 0;
}
@media (min-width: 768px) {
  .c-dashboard_card__container {
    padding: 0;
    flex-direction: row;
  }
}

.c-dashboard_card__icon {
  display: flex;
  align-items: center;
  padding: 0;
  flex-direction: column;
}
@media (min-width: 768px) {
  .c-dashboard_card__icon {
    flex-direction: row;
    padding: 0 16px;
  }
}

.c-dashboard_card__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-dashboard_card__content {
    flex-direction: row;
    padding-left: 0;
    padding-right: 16px;
    text-align: left;
  }
}

.c-dashboard_card__avatars {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 0;
}
@media (min-width: 768px) {
  .c-dashboard_card__avatars {
    justify-content: flex-end;
    padding: 0 16px;
  }
}

.c-dashboard-progress-bar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: var(--cds-border-radius-default);
}

.c-dashboard-progress-bar-item__chevron {
  fill: var(--context-background-color);
  stroke: var(--context-border-color);
}

.c-dashboard-progress-bar-item__chevron-hover:hover {
  --context-background-color: var(--cds-color-secondary-background);
  --context-content-color: var(--cds-color-secondary-text);
  --context-content-muted-color: var(--cds-color-secondary-muted);
  --context-content-accent-color: var(--cds-color-secondary-accent);
  --context-border-color: var(--cds-color-secondary-border);
  fill: var(--context-background-color);
  transition: fill 0.5s;
}
.c-dashboard-progress-bar-item__chevron-hover:focus-visible {
  --context-background-color: var(--cds-color-secondary-background);
  --context-content-color: var(--cds-color-secondary-text);
  --context-content-muted-color: var(--cds-color-secondary-muted);
  --context-content-accent-color: var(--cds-color-secondary-accent);
  --context-border-color: var(--cds-color-secondary-border);
  fill: var(--context-background-color);
  transition: fill 0.5s;
}

.c-dashboard-progress-bar-item__content {
  fill: var(--context-content-color);
}

.c-dashboard-progress-bar-item__chevron-complete {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  fill: var(--context-background-color);
}

.c-dashboard-progress-bar-item__incomplete {
  transform: translate3d(-150px, 0, 0);
}

.c-dashboard-progress-bar-item__completed {
  transform: translate3d(0, 0, 0);
}

.c-dashboard-progress-bar-item__animate {
  animation: slide-in 1500ms forwards;
  animation-timing-function: ease-in;
}

.c-dashboard-progress-bar-item__chevron-tick {
  fill: var(--context-content-color) !important;
}

@keyframes slide-in {
  0% {
    transform: translate3d(-150px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.c-dashboard-progress-bar-item__mobile {
  display: block;
  flex-grow: 1;
  height: 16px;
  --context-background-color: var(--cds-color-secondary-background);
  --context-content-color: var(--cds-color-secondary-text);
  --context-content-muted-color: var(--cds-color-secondary-muted);
  --context-content-accent-color: var(--cds-color-secondary-accent);
  --context-border-color: var(--cds-color-secondary-border);
  background: var(--context-background-color);
  margin: 1px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .c-dashboard-progress-bar-item__mobile {
    display: none;
  }
}

.c-dashboard-progress-bar-item__mobile-card {
  display: block;
  flex-grow: 1;
  height: 16px;
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  background: var(--context-background-color);
  margin: 1px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .c-dashboard-progress-bar-item__mobile-card {
    display: none;
  }
}

.complete {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  background: var(--context-background-color);
}

.c-dashboard-progress-bar-item__desktop {
  display: none;
}
@media (min-width: 768px) {
  .c-dashboard-progress-bar-item__desktop {
    display: block;
  }
}

.progress-bar-delay {
  animation-delay: 4000ms;
}

.c-datepicker__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
}
.c-datepicker__label .c-datepicker__label-info .c-datepicker__label-info--required {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}
.c-datepicker__input-wrapper--required .c-datepicker__label .c-datepicker__label-info--required::after {
  color: var(--context-content-muted-color);
}

.c-datepicker__hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-datepicker__input-field {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-color);
}
.c-datepicker__input-field:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-datepicker__input-field:active, .c-datepicker__input-field:focus {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  outline-color: transparent;
}
.c-datepicker__input-field:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-datepicker__input-field::placeholder {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: italic;
  color: var(--context-content-muted-color);
}
.c-datepicker__input-field:disabled, .c-datepicker__input-field.has-error:disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-datepicker__input-field:disabled:active, .c-datepicker__input-field:disabled:focus, .c-datepicker__input-field.has-error:disabled:active, .c-datepicker__input-field.has-error:disabled:focus {
  --context-background-color: var(--cds-color-disabled-background-active);
  --context-content-color: var(--cds-color-disabled-text-active);
  --context-content-muted-color: var(--cds-color-disabled-muted-active);
  --context-content-accent-color: var(--cds-color-disabled-accent-active);
  --context-border-color: var(--cds-color-disabled-border-active);
}
.c-datepicker__input-field.has-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-datepicker__input-field.has-error:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-datepicker__input-field.has-error:active, .c-datepicker__input-field.has-error:focus {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}

.air-datepicker {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}

.c-datepicker__wrapper .air-datepicker-body--day-name {
  font-weight: bold;
  color: var(--context-content-accent-color);
}

.air-datepicker-cell {
  border-radius: var(--cds-border-radius-default);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

.air-datepicker-cell.-focus- {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
  font-weight: bold;
}

.air-datepicker-cell.-current- {
  font-weight: bold;
  color: var(--cds-color-frame-focus);
  border-color: var(--context-border-color);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
  border-width: 0px;
  background-color: var(--cds-color-card-content);
  font-weight: normal;
}

.air-datepicker-cell.-disabled-.-current- {
  font-weight: bold;
  border-width: 1px;
  color: var(--adp-color-disabled);
  border-color: var(--cds-color-card-border);
}

.air-datepicker-cell.-selected-,
.air-datepicker-cell.-selected-.-current- {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
  border-width: 1px;
  border-style: solid;
}

.air-datepicker-cell.-selected-.-other-month- {
  background-color: var(--context-background-color) !important;
}

.air-datepicker-cell.-selected-.-focus- {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-background-hover);
  --context-content-color: var(--cds-color-primary-text-hover);
  --context-content-muted-color: var(--cds-color-primary-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-accent-hover);
  --context-border-color: var(--cds-color-primary-border-hover);
}

.air-datepicker-cell.-range- {
  color: var(--cds-color-frame-focus);
  font-weight: bold;
  border-color: var(--cds-color-frame-focus);
}

.air-datepicker-cell.-range-.-focus- {
  border-color: var(--cds-color-frame-focus);
  color: var(--adp-color-disabled);
  border-width: 1px;
  font-weight: bold;
}

.c-datepicker__wrapper {
  margin: 15px 0;
  position: relative;
}

.c-datepicker__input-wrapper {
  display: flex;
  align-items: center;
}

.c-datepicker__info {
  display: flex;
  flex-direction: column;
}
.c-datepicker__info .c-datepicker__label {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  opacity: 1;
  z-index: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.c-datepicker__info .c-datepicker__hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-datepicker__input-field {
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  border-radius: 4px;
  width: 100%;
  padding: 8px;
  margin-top: 6px;
  height: 50px;
  padding: 8px 50px 8px 8px;
  background-image: url("/assets/calendar-39109384.svg");
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: bottom 7px right 10px;
}
.c-datepicker__input-field::-ms-expand {
  display: none;
}

.c-description_list {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  padding: 25px;
}

.c-dot_indicator {
  font-size: 0.1em;
}

.c-dot_indicator__indicator {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2em;
  border: 1px solid #1ae6b3;
  border-radius: 50%;
  background: white;
}

.c-dot_indicator__indicator--complete {
  background: #1ae6b3;
}

.c-doughnut_chart__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.c-doughnut_chart__container {
  position: relative;
  flex-shrink: 0;
}
.c-doughnut_chart__container--60 {
  height: 60px;
  width: 60px;
}
.c-doughnut_chart__container--90 {
  height: 110px;
  width: 110px;
  padding: 10px;
}
.c-doughnut_chart__container--120 {
  height: 120px;
  width: 120px;
}
.c-doughnut_chart__container--200 {
  height: 200px;
  width: 200px;
}

.c-doughnut_chart {
  position: relative;
}

.c-doughnut_chart__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-align: center;
  padding: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.c-doughnut_chart__breakdown {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .c-doughnut_chart__breakdown {
    margin-top: 0;
    margin-left: 30px;
  }
}

.c-empty_state {
  background: transparent;
  border: 0;
  display: inline-block;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  color: inherit;
  position: relative;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid transparent;
  border-bottom-width: 3px;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
  display: block;
  width: 100%;
  padding: 15px;
  min-height: 60px;
  opacity: 1;
  color: var(--context-content-muted-color);
}
.c-empty_state:hover, .c-empty_state:focus, .c-empty_state:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.1s;
}
.c-empty_state:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.c-empty_state .w-slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.c-empty_state .w-slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}
.c-empty_state:hover, .c-empty_state:active, .c-empty_state:focus {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
  color: var(--context-content-color);
}
.c-empty_state.is-loading, .c-empty_state:hover.is-loading, .c-empty_state:active.is-loading, .c-empty_state:focus.is-loading {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
}

.c-empty_state__icon {
  height: 80px;
  width: 120px;
  padding: 0;
  fill: currentColor;
  display: block;
  margin: 0 auto;
  height: 110px;
  width: 175px;
}
.c-empty_state__icon .u-path--weak {
  opacity: 0.5;
}
.c-empty_state__icon.o-icon--sm {
  height: 60px;
  width: 60px;
}

.c-empty_state__title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  text-align: center;
}

.c-empty_state__description {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-align: center;
  color: var(--context-content-muted-color);
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-event_card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  display: flex;
  width: 100%;
  margin: 10px 0;
}

.c-event_card__icon-container {
  border-top-left-radius: var(--cds-border-radius-default);
  border-bottom-left-radius: var(--cds-border-radius-default);
}

.c-event_card__icon {
  width: 100%;
  height: 100%;
}

.c-event_card__content {
  margin-bottom: 0;
}

.c-event_card__date {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin-right: 10px;
}

.c-event_card .c-button_group-wrapper {
  position: static;
  display: block;
  align-self: center;
  margin-left: auto;
  padding: 0;
}
.c-event_card .c-button_group-wrapper .c-button_group {
  flex-direction: column;
}
@media (min-width: 768px) {
  .c-event_card .c-button_group-wrapper .c-button_group {
    flex-direction: row;
  }
}
.c-event_card .c-button_group-wrapper .c-button_group > .e-button--in-group:first-child {
  border-top-right-radius: var(--cds-border-radius-large);
  border-top-left-radius: var(--cds-border-radius-large);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .c-event_card .c-button_group-wrapper .c-button_group > .e-button--in-group:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: var(--cds-border-radius-large);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--cds-border-radius-large);
  }
}
.c-event_card .c-button_group-wrapper .c-button_group > .e-button--in-group:last-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--cds-border-radius-large);
  border-bottom-left-radius: var(--cds-border-radius-large);
}
@media (min-width: 768px) {
  .c-event_card .c-button_group-wrapper .c-button_group > .e-button--in-group:last-child {
    border-top-right-radius: var(--cds-border-radius-large);
    border-top-left-radius: 0;
    border-bottom-right-radius: var(--cds-border-radius-large);
    border-bottom-left-radius: 0;
  }
}
.c-event_card .c-button_group-wrapper .c-button_group > .e-button--in-group:only-child {
  border-radius: var(--cds-border-radius-large);
}
@media (min-width: 768px) {
  .c-event_card .c-button_group-wrapper .c-button_group > .e-button--in-group:only-child {
    border-radius: var(--cds-border-radius-large);
  }
}

.c-event_card .e-tag {
  margin-bottom: 0;
  padding: 0 5px;
}

.c-event_card--small {
  flex-wrap: wrap;
  padding: 10px;
}
@media (min-width: 768px) {
  .c-event_card--small {
    flex-wrap: nowrap;
  }
}
.c-event_card--small .c-event_card__icon-container {
  align-self: center;
  max-width: 40px;
  max-height: 40px;
  padding: 0 10px 0 0;
}
.c-event_card--small .c-event_card__icon-container--approved {
  color: #00ff95;
}
.c-event_card--small .c-event_card__icon-container--pending {
  color: darkorange;
}
.c-event_card--small .c-event_card__icon-container--past-deadline, .c-event_card--small .c-event_card__icon-container--denied, .c-event_card--small .c-event_card__icon-container--restricted {
  color: #d63429;
}
.c-event_card--small .c-event_card__icon-container--within-deadline, .c-event_card--small .c-event_card__icon-container--not-deductible {
  color: black;
}
.c-event_card--small .c-event_card__icon {
  display: block;
}
.c-event_card--small .c-event_card__content {
  flex: 1;
  flex-wrap: wrap;
  align-self: center;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .c-event_card--small .c-event_card__content {
    display: flex;
    align-items: center;
  }
}
.c-event_card--small .c-event_card__info {
  display: inline-block;
  white-space: wrap;
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
}
@media (min-width: 768px) {
  .c-event_card--small .c-event_card__info {
    padding: 4px 0 0 0;
  }
}
.c-event_card--small .c-event_card__sub_info {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  min-width: 100%;
}
.c-event_card--small .e-tag {
  align-self: center;
}
.c-event_card--small .c-button_group-wrapper {
  padding-right: 0;
}

.c-event_card--medium .c-event_card__icon-container {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: flex;
  align-items: center;
  flex: 0 0 65px;
}
@media (min-width: 768px) {
  .c-event_card--medium .c-event_card__icon-container {
    flex: 0 0 85px;
  }
}
.c-event_card--medium .c-event_card__icon-container--approved {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-content-accent-color: var(--cds-color-success-surface-accent);
  --context-border-color: var(--cds-color-success-surface-border);
  color: var(--context-content-color);
}
.c-event_card--medium .c-event_card__icon-container--pending {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
  color: var(--context-content-color);
}
.c-event_card--medium .c-event_card__icon-container--denied, .c-event_card--medium .c-event_card__icon-container--restricted {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-content-accent-color: var(--cds-color-danger-surface-accent);
  --context-border-color: var(--cds-color-danger-surface-border);
  color: var(--context-content-color);
}
.c-event_card--medium .c-event_card__icon {
  max-height: 93px;
  padding: 10px 8px;
}
@media (min-width: 768px) {
  .c-event_card--medium .c-event_card__icon {
    padding: 20px 16px;
  }
}
.c-event_card--medium .c-event_card__content {
  align-self: center;
  padding: 10px;
}
.c-event_card--medium .c-event_card__info {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
}
.c-event_card--medium .c-event_card__status {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
}
.c-event_card--medium .c-event_card__sub_info {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
}
.c-event_card--medium .c-button_group-wrapper {
  padding: 10px 10px 10px 0;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-group_card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  border-radius: var(--cds-border-radius-small);
  border-width: 1px 1px 1px var(--cds-border-radius-small);
  border-style: solid;
  border-color: var(--context-border-color);
  position: relative;
  width: 100%;
  margin: 16px 0;
  transition: background-color 0.2s, color 0.2s;
}
.c-group_card.c-group_card--gray {
  border-left-color: #6c6c93;
}
.c-group_card.c-group_card--red {
  border-left-color: hsl(3, 90%, 64%);
}
.c-group_card.c-group_card--orange {
  border-left-color: hsl(25, 100%, 65%);
}
.c-group_card.c-group_card--yellow {
  border-left-color: hsl(42, 100%, 56%);
}
.c-group_card.c-group_card--green {
  border-left-color: hsl(166, 70%, 52%);
}
.c-group_card.c-group_card--blue {
  border-left-color: hsl(194, 77%, 60%);
}
.c-group_card.c-group_card--violet {
  border-left-color: hsl(244, 34%, 53%);
}
.c-group_card.c-group_card--indigo {
  border-left-color: hsl(301, 36%, 53%);
}

.c-group_card__header {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 16px;
}
@media (min-width: 544px) {
  .c-group_card__header {
    flex-wrap: nowrap;
  }
}

.c-group_card__header-content {
  flex-grow: 1;
}

.c-group_card__actions {
  flex-shrink: 0;
  margin-left: 16px;
}

.c-group_card__content {
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
}

.c-group_card__accordion {
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom-left-radius: var(--cds-border-radius-default) !important;
  border-bottom-right-radius: var(--cds-border-radius-default) !important;
  border-width: 0 !important;
  border-top: 1px solid var(--context-border-color) !important;
}

.c-header {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.c-header,
.c-header .c-status_bar {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.c-header .c-breadcrumb__wrapper {
  position: static;
  margin-top: 4px;
}

.c-header .c-breadcrumb {
  display: none;
}
@media (min-width: 544px) {
  .c-header .c-breadcrumb {
    display: inline-flex;
  }
}

.c-header .c-avatar {
  position: static;
  display: block;
  float: none;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .c-header .c-avatar {
    position: relative;
    float: left;
    flex-shrink: 0;
    margin: 0;
  }
}

.c-header .c-avatar + .o-icon {
  display: none;
}

.c-header .o-icon {
  fill: var(--context-content-color);
}
@media (min-width: 768px) {
  .c-header .o-icon {
    display: inline;
  }
}

.c-header__container {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 544px) {
  .c-header__container {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .c-header__container {
    align-items: center;
    flex-wrap: nowrap;
  }
}

.c-header--with-breadcrumb .c-header__container {
  padding-top: 16px;
}

@media (min-width: 544px) {
  .c-header .c-avatar + .c-header__title-content,
  .c-header .o-icon + .c-header__title-content {
    padding: 0 16px;
  }
}

.c-header__title {
  text-align: center;
}
@media (min-width: 544px) {
  .c-header__title {
    text-align: left;
  }
}

.c-header__title-extras {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px 0;
}

.c-header__title-extras .c-tag {
  margin-left: 0;
}

.c-header__meta-information {
  display: flex;
  padding: 16px 0;
}

.c-header__button-group {
  margin-left: auto;
}

.c-header .c-status_bar {
  margin-bottom: 0;
}

.c-header--with-breadcrumb .c-status_bar--with-tags {
  margin-bottom: 24px;
}

.c-header__button-group {
  margin-top: 16px;
}
@media (min-width: 544px) {
  .c-header__button-group {
    flex-shrink: 0;
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .c-header__button-group {
    margin: 0 0 0 auto;
  }
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-illustration {
  text-align: center;
}
.c-illustration svg {
  max-height: 50vh;
}
.c-illustration path {
  fill: var(--context-content-muted-color);
}
.c-illustration .c-illustration__logomark {
  fill: var(--context-content-color);
}
.c-illustration.c-illustration--accent path {
  fill: var(--context-content-color);
}
.c-illustration.c-illustration--accent .c-illustration__logomark {
  fill: var(--context-content-accent-color);
}
.c-illustration.c-illustration__footer svg {
  max-height: 300px;
}

.c-information_slice {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}
.c-information_slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.c-information_slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-input-content {
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
}

.c-input-wrapper {
  width: 100%;
  position: relative;
}
.c-input-wrapper.c-input-wrapper--icon {
  margin-bottom: 0;
}
.c-input-wrapper.is-inline {
  margin: 0;
}
.c-input-wrapper:nth-last-child(2) .c-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-input-wrapper + .e-button,
.c-input-wrapper + .c-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 50px;
  flex-shrink: 0;
}

.c-input {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-color);
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  border-radius: 4px;
  width: 100%;
  padding: 8px;
  margin-top: 6px;
}
.c-input:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-input:active, .c-input:focus {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  outline-color: transparent;
}
.c-input:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-input::placeholder {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: italic;
  color: var(--context-content-muted-color);
}
.c-input:disabled, .c-input.has-error:disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-input:disabled:hover, .c-input.has-error:disabled:hover {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
  cursor: not-allowed;
}
.c-input:disabled:active, .c-input:disabled:focus, .c-input.has-error:disabled:active, .c-input.has-error:disabled:focus {
  --context-background-color: var(--cds-color-disabled-background-active);
  --context-content-color: var(--cds-color-disabled-text-active);
  --context-content-muted-color: var(--cds-color-disabled-muted-active);
  --context-content-accent-color: var(--cds-color-disabled-accent-active);
  --context-border-color: var(--cds-color-disabled-border-active);
}
.c-input.has-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-input.has-error:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-input.has-error:active, .c-input.has-error:focus {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}
.c-input-wrapper--icon .c-input {
  padding-left: 45px;
  height: 45px;
}
.c-input-wrapper--outside .c-input {
  height: 45px;
  padding: 12px 10px 12px 10px;
}
.c-input.o-text--headline {
  font-size: 42px;
  height: 80px;
}
.c-input.o-text--lead {
  font-size: 24px;
  height: 64px;
}

.c-input-wrapper.subdomain_name .c-input__label-info {
  text-align: center;
}
.c-input-wrapper.subdomain_name .c-input {
  text-align: right;
  padding-right: 130px;
}
.c-input-wrapper.subdomain_name::after {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-color);
  content: ".charliehr.com";
  pointer-events: none;
  position: absolute;
  top: 43px;
  right: 15px;
}

.c-input--no-label {
  padding-top: 12px;
  padding-left: 48px;
}

.c-input__icon {
  height: 45px;
  width: 45px;
  margin-top: 6px;
  padding: 4px;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.c-input ~ .c-input__icon {
  fill: currentColor;
}
.c-input:hover ~ .c-input__icon {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
  fill: var(--context-content-color);
}
.c-input:active ~ .c-input__icon, .c-input:focus ~ .c-input__icon {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  fill: var(--context-content-color);
}
.c-input:disabled ~ .c-input__icon, .c-input:disabled:hover ~ .c-input__icon, .c-input:disabled:active ~ .c-input__icon, .c-input:disabled:focus ~ .c-input__icon, .c-input.has-error:disabled ~ .c-input__icon, .c-input.has-error:disabled:hover ~ .c-input__icon, .c-input.has-error:disabled:active ~ .c-input__icon, .c-input.has-error:disabled:focus ~ .c-input__icon {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-input.has-error ~ .c-input__icon {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-input.has-error:hover ~ .c-input__icon {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-input.has-error:active ~ .c-input__icon, .c-input.has-error:focus ~ .c-input__icon {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}

.c-input__info {
  display: flex;
  flex-direction: column;
}
.c-input__info .c-input__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  font-size: var(--cds-font-size-body);
  text-transform: none;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  opacity: 1;
  z-index: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.c-input__info .c-input__label .c-input__label-info .c-input__label-info--required {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}
.c-input-wrapper--outside .c-input__info .c-input__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-transform: none;
  text-align: left;
  font-weight: bold;
  left: auto;
  top: auto;
  position: relative;
}
.c-input-wrapper--icon .c-input__info .c-input__label {
  display: none;
}
.c-input-wrapper--required .c-input__info .c-input__label .c-input__label-info--required::after {
  content: "*";
  color: var(--context-content-muted-color);
}
.c-input__info .c-input__hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-input--type-textarea {
  display: block;
  height: auto;
  min-height: 120px;
  width: 100%;
}

.c-input--type-number {
  -moz-appearance: textfield;
}
.c-input--type-number::-webkit-inner-spin-button, .c-input--type-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-input__copy-icon {
  position: absolute;
  right: 16px;
  top: 58px;
  transform: translateY(-50%);
  width: 2.3em;
  border: none;
  background: none;
  color: #1f3347;
  margin-left: 10px;
  z-index: 2;
}

.c-input__copy-icon .o-icon {
  display: block;
  width: 100%;
  height: auto;
}

.c-input_error {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: italic;
  color: #c32229;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.c-mobile_navbar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 54px;
  z-index: 9;
  padding: 5px;
}
@media (min-width: 992px) {
  .c-mobile_navbar {
    display: none;
  }
}

.c-multilevel_sidebar {
  --context-background-color: var(--cds-color-frame-background);
  --context-content-color: var(--cds-color-frame-text);
  --context-content-muted-color: var(--cds-color-frame-muted);
  --context-content-accent-color: var(--cds-color-frame-accent);
  --context-border-color: var(--cds-color-frame-border);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  pointer-events: none;
  z-index: 0;
  transform: translate3d(-100vw, 0, 0);
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 15px 64px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .c-multilevel_sidebar {
    pointer-events: all;
    position: fixed;
    z-index: 8;
    transform: translate3d(0, 0, 0);
    display: flex;
    top: 16px;
    width: 200px;
    height: auto;
    min-height: auto;
    padding: 0;
    z-index: 1;
  }
}
.c-multilevel_sidebar.is-showing {
  pointer-events: all;
  position: fixed;
  z-index: 8;
  transform: translate3d(0, 0, 0);
}
@media (min-width: 992px) {
  .c-multilevel_sidebar + .page-wrapper {
    margin-left: 200px;
  }
}
.cds-theme--dark .c-multilevel_sidebar {
  color-scheme: dark;
}

.c-multilevel_sidebar__logo-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  height: 60px;
  width: 100%;
  padding: 0 8px 8px 8px;
}
.c-multilevel_sidebar__logo-wrapper:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-multilevel_sidebar__logo-wrapper:hover, .c-multilevel_sidebar__logo-wrapper:focus, .c-multilevel_sidebar__logo-wrapper:active {
  color: var(--context-content-accent-color);
}

.c-multilevel_sidebar__logo {
  background-color: #ede6de;
  border-radius: var(--cds-border-radius-small);
  padding: 4px;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.c-multilevel_sidebar__company-name {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-color);
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-multilevel_sidebar__list {
  list-style: none;
  padding: 0;
}

.c-multilevel_sidebar__list--active {
  --context-background-color: var(--cds-color-frame-background-active);
  --context-content-color: var(--cds-color-frame-text-active);
  --context-content-muted-color: var(--cds-color-frame-muted-active);
  --context-content-accent-color: var(--cds-color-frame-accent-active);
  --context-border-color: var(--cds-color-frame-border-active);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.c-multilevel_sidebar__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.c-multilevel_sidebar__item .c-checkbox {
  display: none;
}

.c-multilevel_sidebar__link {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  text-transform: none;
  position: relative;
  flex-grow: 1;
}
.c-multilevel_sidebar__link:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-multilevel_sidebar__link, .c-multilevel_sidebar__link:hover, .c-multilevel_sidebar__link:focus, .c-multilevel_sidebar__link:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
  text-decoration: none;
  color: var(--context-content-color);
}
.c-multilevel_sidebar__link:hover {
  --context-background-color: var(--cds-color-frame-background-hover);
  --context-content-color: var(--cds-color-frame-text-hover);
  --context-content-muted-color: var(--cds-color-frame-muted-hover);
  --context-content-accent-color: var(--cds-color-frame-accent-hover);
  --context-border-color: var(--cds-color-frame-border-hover);
}
.c-multilevel_sidebar__link:focus {
  outline-color: #bd42a0;
}

.c-multilevel_sidebar__link--content {
  flex-grow: 1;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 4px 0 4px 16px;
}

.c-multilevel_sidebar__link--key-features {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  text-transform: uppercase;
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-style: normal;
  margin: 0 4px;
  padding-left: 6px;
}

.c-multilevel_sidebar__link--highlighted::after {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -6px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
}

.c-multilevel_sidebar__link--active {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-style: normal;
}
.c-multilevel_sidebar__link--active.c-multilevel_sidebar__link--secondary::after {
  background-color: var(--context-content-color);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  width: 8px;
  position: absolute;
  top: 18px;
  left: 46px;
}

.c-multilevel_sidebar__item-expanded {
  --context-background-color: var(--cds-color-frame-background-active);
  --context-content-color: var(--cds-color-frame-text-active);
  --context-content-muted-color: var(--cds-color-frame-muted-active);
  --context-content-accent-color: var(--cds-color-frame-accent-active);
  --context-border-color: var(--cds-color-frame-border-active);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.c-multilevel_sidebar__list--active .c-multilevel_sidebar__list--secondary,
.c-multilevel_sidebar__expander-expanded .c-multilevel_sidebar__button-icon--close {
  display: block;
}

.c-multilevel_sidebar__expander-expanded .c-multilevel_sidebar__button-icon--open {
  display: none;
}

.c-multilevel_sidebar__item--search {
  display: none;
  padding: 0;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .c-multilevel_sidebar__item--search {
    display: block;
  }
}
.c-multilevel_sidebar__item--search .c-input-wrapper {
  padding: 4px 8px 8px 8px;
  border-bottom: 1px solid var(--context-border-color);
}
.c-multilevel_sidebar__item--search .c-input {
  --context-background-color: var(--cds-color-frame-background);
  --context-content-color: var(--cds-color-frame-text);
  --context-content-muted-color: var(--cds-color-frame-muted);
  --context-content-accent-color: var(--cds-color-frame-accent);
  --context-border-color: var(--cds-color-frame-border);
  border-color: transparent;
  padding-left: 40px;
  padding-top: 8px;
}
.c-multilevel_sidebar__item--search .c-input:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
  border-color: var(--context-border-color);
}
.c-multilevel_sidebar__item--search .c-input:active, .c-multilevel_sidebar__item--search .c-input:focus {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  border-color: var(--context-border-color);
}
.c-multilevel_sidebar__item--search .c-input::placeholder {
  font-style: normal;
  color: var(--context-content-color);
}
.c-multilevel_sidebar__item--search .c-input__icon {
  margin: 10px 8px 8px 8px;
  padding: 10px;
}

.c-multilevel_sidebar__list--secondary {
  --context-background-color: var(--cds-color-frame-background-active);
  --context-content-color: var(--cds-color-frame-text-active);
  --context-content-muted-color: var(--cds-color-frame-muted-active);
  --context-content-accent-color: var(--cds-color-frame-accent-active);
  --context-border-color: var(--cds-color-frame-border-active);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: none;
  flex: 0 0 100%;
}

.c-multilevel_sidebar__link--secondary {
  padding-left: 46px;
}

.c-multilevel_sidebar__button-icon {
  width: 24px;
  height: 24px;
  margin-left: 2px;
  margin-top: -4px;
  padding: 2px;
}

.c-multilevel_sidebar__button-icon--open,
.c-multilevel_sidebar__button-icon--close {
  color: var(--context-content-muted-color);
  margin-left: 0;
  padding: 4px 2px 0 2px;
  width: 26px;
  height: 26px;
}

.c-multilevel_sidebar__button-icon--close {
  display: none;
}

.c-multilevel_sidebar__button-image {
  width: 24px;
  height: 24px;
  margin: 0 4px 0 2px;
  border-radius: var(--cds-border-radius-large);
  border: 1px solid var(--context-border-color);
}

.c-multilevel_sidebar__expander {
  min-height: 48px;
  font-size: 0;
  margin: 0 0 0 auto;
  padding: 0 8px;
  cursor: pointer;
}
.c-multilevel_sidebar__expander:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}

.c-multilevel_sidebar__expander .c-multilevel_sidebar__button-icon {
  margin-top: 9px;
}

.menu-extension {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  flex-direction: column;
}
@media (min-width: 992px) {
  .menu-extension {
    width: 360px;
    height: fit-content;
    top: 250px;
    left: 200px;
    box-shadow: 5px 5px 15px 0 rgba(17, 17, 17, 0.2);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
.menu-extension.is-hidden {
  pointer-events: none;
  z-index: 0;
  transform: translate3d(-100vw, 0, 0);
}
.menu-extension.is-showing {
  pointer-events: all;
  position: fixed;
  z-index: 8;
  transform: translate3d(0, 0, 0);
}

.menu-extension-header {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .menu-extension-header {
    flex-direction: row;
  }
}
.menu-extension-header img {
  max-height: 50px;
}

.menu-extension-title-wrapper {
  display: flex;
  justify-content: center;
  padding: 0 32px 32px;
}
@media (min-width: 992px) {
  .menu-extension-title-wrapper {
    padding: 12.8px;
  }
}

.menu-extension-icon {
  min-width: 30px;
}

.menu-extension-close-icon {
  text-align: right;
}

.menu-extension-title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-style: normal;
  text-align: center;
  margin-left: 8px;
}
@media (min-width: 992px) {
  .menu-extension-title {
    font-family: var(--cds-font-family-book);
    font-weight: var(--cds-font-weight-book);
    font-size: var(--cds-font-size-body);
    line-height: 1.5;
    color: inherit;
    text-align: left;
  }
}

.menu-extension-links {
  list-style-type: none;
  padding: 64px 32px;
}
@media (min-width: 992px) {
  .menu-extension-links {
    padding-top: 16px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 5px;
    margin: 0;
  }
}
.menu-extension-links .menu-extension-link {
  color: #1f3347;
}
.menu-extension-links .menu-extension-link:hover, .menu-extension-links .menu-extension-link:focus, .menu-extension-links .menu-extension-link:active {
  background-color: initial;
  color: #7e00e6;
  border-color: #6c6c93;
}
.menu-extension-links .menu-extension-link-completed {
  background-color: #e6fff4;
  color: #1f3347;
  border-color: #66ffbf;
}
.menu-extension-links .menu-extension-link-completed:hover, .menu-extension-links .menu-extension-link-completed:focus {
  background-color: #33ffaa;
  color: #1f3347;
  border-color: #00e686;
}

.roadmap-link-container {
  display: flex;
  justify-content: center;
  padding: 5px 15px;
}

.c-multilevel_sidebar__progress-bar {
  flex-grow: 1;
  padding: 0 16px 16px 16px;
  display: flex;
}

.bar-item {
  flex-grow: 1;
  height: 10px;
  background: #D3D9DE;
  margin: 1px;
  border-radius: 2px;
}

.bar-item.complete {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  background: var(--context-background-color);
}

.c-multiple_select {
  position: relative;
  margin-bottom: 16px;
}
.c-multiple_select .c-mulitple_select__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c-multiple_select .c-multiple_select__input-label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  margin: 0;
}
.c-multiple_select.is-focused .c-multiple_select__input {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  outline: 4px solid var(--context-content-accent-color);
}
.c-multiple_select.is-focused .c-multiple_select__input .c-multiple_select__search {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.c-multiple_select__input {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-top-width: 3px;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: auto;
  padding: 10px 60px 5px 10px;
  margin-top: 8px;
}
.c-multiple_select__input:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-multiple_select__input:hover .c-multiple_select__search {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-multiple_select__input.is-disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-multiple_select__input.is-disabled .c-multiple_select__search {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-multiple_select__input.is-disabled:hover {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
  cursor: not-allowed;
}
.c-multiple_select__input.is-disabled:hover .c-multiple_select__search {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
  cursor: not-allowed;
}
.c-multiple_select__input.has-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-multiple_select__input.has-error .c-multiple_select__search {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-multiple_select__input.has-error:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-multiple_select__input.has-error:hover .c-multiple_select__search {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-multiple_select__input .c-multiple_select__search {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  display: inline-flex;
  height: 30px;
  margin-bottom: 5px;
  outline: none;
  border: 0;
  max-width: 100%;
  flex-grow: 1;
}

.c-multiple_select__dropdown-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.6em;
  right: 0;
  height: 75px;
  width: 50px;
  z-index: 1;
}
.c-multiple_select__dropdown-icon:hover {
  color: #0080ff;
}
.c-multiple_select__dropdown-icon .c-multiple_select__dropdown-arrow {
  cursor: pointer;
  transform-origin: center center;
  transform: rotate(90deg);
  transition: transform 0.1s ease;
}
.is-focused .c-multiple_select__dropdown-icon .c-multiple_select__dropdown-arrow {
  transform: rotate(270deg);
  transition: transform 0.1s ease;
  color: #0080ff;
}

.c-multiple_select__dropdown-wrapper {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 5px 10px 0 rgba(19, 19, 83, 0.25);
  pointer-events: none;
  position: absolute;
  margin: 0;
  z-index: 5;
  top: 100%;
  opacity: 0;
  transform: translate3d(0, -5px, 0);
  transition: transform 0.1s ease;
}
.c-multiple_select__dropdown-wrapper.is-open {
  pointer-events: all;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.1s ease;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.c-multiple_select__dropdown-wrapper > :first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 16px;
}

.c-multiple_select__dropdown {
  max-height: 350px;
  padding-bottom: 75px;
  overflow-y: auto;
}

.c-multiple_select__dropdown-actions {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: flex;
  border-top-width: 1px;
  border-top-style: solid;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 15px;
  z-index: 5;
}

.c-multiple_select__input-selected-options {
  display: inline-flex;
  flex-wrap: wrap;
}

.c-navbar {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 1px 3px var(--context-border-color);
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-content-accent-color: var(--cds-color-inverse-card-accent);
  --context-border-color: var(--cds-color-inverse-card-border);
}
.is-scrolled .c-navbar {
  background: var(--context-background-color);
}
.c-navbar .c-navbar__link,
.c-navbar .c-navbar__dropdown-trigger .c-navbar__item-text {
  color: var(--context-background-color);
}
.c-navbar.theme-white {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}
.is-scrolled .c-navbar.theme-white {
  background: var(--context-background-color);
}
.c-navbar.theme-white .c-navbar__link,
.c-navbar.theme-white .c-navbar__dropdown-trigger .c-navbar__item-text {
  color: var(--context-content-color);
}
.is-application .c-navbar {
  box-shadow: 0 2px 5px var(--context-border-color);
}
@media (min-width: 992px) {
  .is-application .c-navbar {
    align-items: center;
    height: 80px;
    box-shadow: none;
  }
}

.c-navbar-logo {
  display: flex;
  align-items: center;
  position: relative;
  color: inherit;
  width: auto;
  height: 60px;
  padding: 0 4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  min-width: 50px;
}
@media screen and (min-width: 768px) {
  .c-navbar-logo {
    max-width: 25%;
  }
}
.c-navbar-logo.is-linked:hover, .c-navbar-logo.is-linked:focus, .c-navbar-logo.is-linked:active {
  cursor: pointer;
  border-bottom-color: var(--context-content-accent-color);
}
.c-navbar-logo.is-active {
  text-decoration: none;
  border-bottom-color: var(--context-content-accent-color);
}
.is-disabled .c-navbar-logo {
  opacity: 0.5;
  pointer-events: none;
}
.is-application .c-navbar-logo {
  padding: 5px;
  border-top: 0;
  border-bottom: 0;
}
@media (min-width: 992px) {
  .is-application .c-navbar-logo {
    width: 200px;
    height: 80px;
    padding: 16px;
  }
}

.c-navbar-logo__image {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.c-navbar-logo__name {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-navbar__main-links-wrapper {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  position: fixed;
  display: flex;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  box-shadow: 0 -1px 3px var(--context-border-color);
  overflow-x: scroll;
}
@media (min-width: 992px) {
  .c-navbar__main-links-wrapper {
    box-shadow: none;
    background-color: transparent;
    position: relative;
    flex-grow: 2;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

.c-navbar__actions-wrapper {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 992px) {
  .c-navbar__actions-wrapper {
    flex-grow: 0;
  }
}
.c-navbar__actions-wrapper .c-navbar__action-button {
  margin-right: 4px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.c-navbar__user-wrapper {
  display: flex;
  margin-right: 10px;
}

.c-navbar__item {
  flex-grow: 1;
}
@media (min-width: 992px) {
  .c-navbar__item {
    flex-grow: 0;
  }
}

.c-navbar__link {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 4px 8px 0;
  background-color: transparent;
  border-top: 0;
  border-right: 0;
  border-bottom: 4px solid transparent;
  border-left: 0;
}
@media (min-width: 992px) {
  .c-navbar__link {
    padding: 4px 16px 0;
  }
}
.c-navbar__dropdown .c-navbar__link {
  height: 48px;
  border-left: 0;
  justify-content: initial;
}
@media (min-width: 992px) {
  .c-navbar__dropdown .c-navbar__link {
    height: auto;
  }
}
.c-navbar__link.is-disabled {
  color: #a7b3be;
  opacity: 0.5;
}
.c-navbar__link.is-disabled:hover, .c-navbar__link.is-disabled:focus, .c-navbar__link.is-disabled:active {
  cursor: not-allowed;
  color: #a7b3be;
  border-bottom-color: transparent;
}
.c-navbar__link.is-active {
  border-bottom-color: var(--context-content-accent-color);
}
.c-navbar__dropdown .c-navbar__link.is-active {
  border-bottom-color: transparent;
}
.is-application .c-navbar__link.is-active {
  border-bottom-color: transparent;
}
.c-navbar__link:hover, .c-navbar__link:focus, .c-navbar__link:active {
  cursor: pointer;
  text-decoration: none;
  color: var(--context-content-accent-color);
  border-bottom-color: var(--context-content-accent-color);
}
.is-application .c-navbar__link:hover, .is-application .c-navbar__link:focus, .is-application .c-navbar__link:active {
  border-bottom-color: transparent;
}
.c-navbar__dropdown .c-navbar__link:hover, .c-navbar__dropdown .c-navbar__link:focus, .c-navbar__dropdown .c-navbar__link:active {
  border-bottom-color: transparent;
  background-color: var(--context-content-accent-color);
  color: white;
}
.is-application .c-navbar__dropdown .c-navbar__link:hover, .is-application .c-navbar__dropdown .c-navbar__link:focus, .is-application .c-navbar__dropdown .c-navbar__link:active {
  border-bottom-color: transparent;
}

.c-navbar__dropdown-trigger:hover, .c-navbar__dropdown-trigger:focus, .c-navbar__dropdown-trigger:active {
  cursor: context-menu;
  border-bottom-color: transparent;
}

.c-navbar__item-icon {
  margin-left: -8px;
  fill: currentColor;
}

.c-navbar__item-text {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin-bottom: 2px;
}

.c-navbar__item-image {
  height: 40px;
  width: 40px;
  border-radius: var(--cds-border-radius-default);
  background-size: cover;
  background-position: center center;
}

.c-navbar__dropdown-arrow {
  margin-top: 2px;
  margin-right: -8px;
  margin-left: 4px;
  transform: rotate(90deg);
  opacity: 0.5;
}

.c-navbar__dropdown {
  display: none;
}
.c-navbar__dropdown:hover, .c-navbar__link:hover + .c-navbar__dropdown, .c-navbar__link:focus + .c-navbar__dropdown, .c-navbar__item.is-open .c-navbar__dropdown {
  z-index: 11;
  display: block;
  position: fixed;
  width: 90%;
  bottom: 60px;
  left: 4px;
  right: 0;
  border-radius: var(--cds-border-radius-default);
  box-shadow: 0 -1px 6px 1px var(--context-border-color);
}
@media (min-width: 992px) {
  .c-navbar__dropdown:hover, .c-navbar__link:hover + .c-navbar__dropdown, .c-navbar__link:focus + .c-navbar__dropdown, .c-navbar__item.is-open .c-navbar__dropdown {
    width: 240px;
    top: 60px;
    bottom: auto;
    left: auto;
    right: auto;
    box-shadow: 0 1px 6px 1px var(--context-border-color);
  }
}
.c-navbar__user-wrapper .c-navbar__dropdown:hover, .c-navbar__user-wrapper .c-navbar__link:hover + .c-navbar__dropdown, .c-navbar__user-wrapper .c-navbar__link:focus + .c-navbar__dropdown, .c-navbar__user-wrapper .c-navbar__item.is-open .c-navbar__dropdown {
  left: auto;
  right: 4px;
  top: 60px;
  bottom: auto;
  box-shadow: 0 1px 6px 1px var(--context-border-color);
}
.c-navbar__dropdown::before, .c-navbar__dropdown::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  z-index: 12;
}
.c-navbar__dropdown::before {
  bottom: -9px;
  left: 15px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--context-border-color);
}
@media (min-width: 992px) {
  .c-navbar__dropdown::before {
    bottom: auto;
    top: -9px;
    border-top: 0;
    border-bottom: 9px solid var(--context-border-color);
  }
}
.c-navbar__user-wrapper .c-navbar__dropdown::before {
  bottom: auto;
  top: -9px;
  left: auto;
  right: 15px;
  border-top: 0;
  border-bottom: 9px solid var(--context-border-color);
}
.c-navbar__dropdown::after {
  bottom: -8px;
  left: 16px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white;
}
@media (min-width: 992px) {
  .c-navbar__dropdown::after {
    bottom: auto;
    top: -8px;
    border-top: 0;
    border-bottom: 8px solid white;
  }
}
.c-navbar__user-wrapper .c-navbar__dropdown::after {
  bottom: auto;
  top: -8px;
  left: auto;
  right: 16px;
  border-top: 0;
  border-bottom: 9px solid white;
}

.c-navbar__dropdown-wrapper {
  position: relative;
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
}

.c-navbar__dropdown-section {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  padding-top: 8px;
  padding-bottom: 8px;
}
.c-navbar__dropdown-section:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.c-navbar__dropdown-section:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.c-navbar__dropdown-section .c-navbar__link {
  color: var(--context-content-color);
}

.c-one_column_layout {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.c-one_column_layout__header {
  padding-bottom: 32px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c-panel {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  visibility: hidden;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid var(--cds-color-inverse-surface-text);
  z-index: 10;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
}
@media (min-width: 768px) {
  .c-panel {
    width: 40%;
    max-width: 25rem;
    box-shadow: 15px 0px 15px -10px rgba(6, 51, 96, 0.25);
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .c-panel {
    transform: translate(-100%, 0);
    transition: visibility 0.3s, transform 0.3s;
  }
}

.c-panel__left {
  left: 0;
}
@media (min-width: 768px) {
  .c-panel__left {
    width: 40%;
    max-width: 25rem;
    box-shadow: 15px 0px 15px -10px rgba(6, 51, 96, 0.25);
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .c-panel__left {
    transform: translate(-100%, 0);
    transition: visibility 0.3s, transform 0.3s;
  }
}

.c-panel__right {
  right: 0;
}
@media (min-width: 768px) {
  .c-panel__right {
    width: 40%;
    max-width: 25rem;
    box-shadow: -15px 0px 15px -10px rgba(6, 51, 96, 0.25);
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .c-panel__right {
    transform: translate(100%, 0);
    transition: visibility 0.3s, transform 0.3s;
  }
}

.c-panel__meta {
  display: flex;
  width: 100%;
  padding: 32px 32px 0 32px;
}

.c-panel__body {
  height: 100vh;
}

.c-panel__content {
  overflow: auto;
  padding: 0 32px;
  margin-bottom: 86px;
}
.c-panel__content:has(+ .c-panel__bottom) {
  margin-bottom: 175px;
}

.c-panel__bottom {
  padding: 0 32px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .c-panel__bottom {
    max-width: 25rem;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .c-panel__bottom {
    width: 100%;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .c-panel__bottom {
    width: 40%;
  }
}

.c-panel__title {
  color: #152637;
}

.c-panel__control {
  margin-left: auto;
  color: #152637;
}

.c-panel[data-show] {
  display: block;
}
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .c-panel[data-show] {
    transform: translate(0, 0);
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .c-panel[data-show] {
    animation: fadeIn 0.6s;
    -webkit-animation: fadeIn 0.6s;
    -moz-animation: fadeIn 0.6s;
    -o-animation: fadeIn 0.6s;
    -ms-animation: fadeIn 0.6s;
  }
}

@media (max-width: 991px) {
  .c-panel__content {
    margin-bottom: 225px;
  }
  .c-panel__bottom {
    bottom: 50px;
  }
}
.c-profile_card__wrapper {
  width: 100%;
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
}

.c-profile_card {
  flex-grow: 1;
  display: flex;
  height: 96px;
  margin: 0;
  min-width: 0; /* Flex + nowrap ellipsis fix */
}
.c-profile_card--small .c-profile_card {
  height: 64px;
}
.c-profile_card.c-profile_card--action {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-profile_card--no-link {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  border-radius: var(--cds-border-radius-default);
}

.c-profile_card--link {
  background: transparent;
  border: 0;
  display: inline-block;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  color: inherit;
  position: relative;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid transparent;
  border-bottom-width: 3px;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  border-radius: var(--cds-border-radius-default);
  border-color: #ede6de;
}
.c-profile_card--link:hover, .c-profile_card--link:focus, .c-profile_card--link:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.1s;
}
.c-profile_card--link:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.c-profile_card--link .w-slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.c-profile_card--link .w-slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}
.c-profile_card--link:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-profile_card--link:hover, .c-profile_card--link:focus {
  text-decoration: none;
  color: var(--context-content-accent-color);
  border-color: var(--context-content-accent-color);
}

.c-profile_card__avatar {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 0 !important;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.c-profile_card--link .c-profile_card__avatar {
  margin-top: -1px;
  margin-left: -1px;
  border-style: solid;
  border-color: #ede6de;
  border-width: 1px;
  border-right-width: 0;
  border-bottom-width: 3px;
}
.c-profile_card--link:hover .c-profile_card__avatar, .c-profile_card--link:focus .c-profile_card__avatar {
  border-color: var(--context-content-accent-color);
}

.c-profile_card__icon-container {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  align-self: center;
  margin-right: 0 !important;
}

.c-profile_card__icon-container {
  float: left;
  width: 96px;
  height: 96px;
}

.c-profile_card__icon {
  flex-grow: 1;
}

.c-profile_card__content {
  padding: 8px;
  flex-grow: 1;
  min-width: 0; /* Flex + nowrap ellipsis fix */
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-profile_card__badges, .c-profile_card__description.c-profile_card__description-limit, .c-profile_card__title {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.c-profile_card__title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  line-height: 1.2em;
  max-height: 1.2em;
}
.c-profile_card--small .c-profile_card__title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  line-height: 1.2em;
}

.c-profile_card__description {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  line-height: 1em;
  color: var(--context-content-color);
  opacity: 1;
}
.c-profile_card--small .c-profile_card__description {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  line-height: 1em;
  color: var(--context-content-color);
}

.c-profile_card__badges {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  font-family: sans-serif;
  letter-spacing: 1px;
  color: var(--context-content-color);
  opacity: 1;
  margin-top: 4px;
  max-height: 1.5em;
}

.c-profile_card__action {
  height: 96px;
  flex-shrink: 0;
  flex-grow: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.c-profile_card--small .c-profile_card__action {
  height: 64px;
}

.c-progress-bar {
  position: relative;
  width: 100%;
}

.c-progress-bar__label {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  opacity: 1;
  margin-bottom: 5px;
}

.c-progress-bar__range-wrapper {
  display: flex;
  align-items: center;
}

.c-progress-bar__range {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  display: flex;
  flex-grow: 1;
  border-radius: 4px;
  width: 100%;
  height: 12px;
  box-shadow: 0 0 0 1px #c4ccd4;
}
.c-progress-bar__range > :first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.c-progress-bar__range.has-reached-limit > :last-child,
.c-progress-bar__range.has-reached-limit > :only-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.c-progress-bar__range-label {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  margin-left: 8px;
}

.c-progress-bar__value {
  height: 12px;
}

.c-progress-bar__indicator {
  pointer-events: none;
  opacity: 0;
}

.c-progress-bar__stats-divider {
  margin-top: 16px;
}

.c-progress-bar__key-identifier {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-progress-navbar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  box-shadow: 0 1px 3px var(--context-border-color);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  overflow: hidden;
}
@media (min-width: 992px) {
  .c-progress-navbar {
    height: 90px;
  }
}

.c-progress-navbar__header {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  position: relative;
  width: auto;
  min-width: 50px;
  max-width: 240px;
  height: 60px;
  padding: 10px;
}
@media (min-width: 992px) {
  .c-progress-navbar__header {
    max-width: 25%;
    height: 90px;
    border-bottom: 10px solid #1ae6b3;
  }
}

.c-progress-navbar__logo {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.c-progress-navbar__title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-weight: 700;
  line-height: 60px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .c-progress-navbar__title {
    line-height: 90px;
  }
}

.c-progress-navbar__steps {
  display: flex;
  position: fixed;
  height: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  box-shadow: 0 -1px 3px #c4ccd4;
}
@media (min-width: 992px) {
  .c-progress-navbar__steps {
    height: 90px;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    flex-grow: 1;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

.c-progress-navbar__step {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  display: flex;
  position: relative;
  align-items: center;
  flex-grow: 1;
  padding: 0 8px;
  border-top: 10px solid #e2e6e9;
  box-shadow: inset 1px 0 0 #e2e6e9;
  transition: background-color 0.1s;
}
@media (min-width: 992px) {
  .c-progress-navbar__step {
    border-top: none;
    border-bottom: 10px solid #e2e6e9;
  }
}
.c-progress-navbar__step.is-incomplete:not(.is-link) {
  color: #7b8c9d !important;
}
.c-progress-navbar__step.is-progressing-to::after, .c-progress-navbar__step.is-completing::after {
  transition: transform 0.2s;
}
.c-progress-navbar__step.is-progressing-to::after {
  transform: scale3d(0.5, 1, 1);
}
.c-progress-navbar__step.is-complete::after, .c-progress-navbar__step.is-completing::after {
  transform: scale3d(1, 1, 1);
}
.c-progress-navbar__step:active, .c-progress-navbar__step:focus, .c-progress-navbar__step:hover {
  text-decoration: none;
}
.c-progress-navbar__step:active.is-link, .c-progress-navbar__step:focus.is-link, .c-progress-navbar__step:hover.is-link {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-content-accent-color: var(--cds-color-success-surface-accent);
  --context-border-color: var(--cds-color-success-surface-border);
}
.c-progress-navbar__step::after {
  background-color: #1ae6b3;
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 11;
  transform: scale3d(0, 1, 1);
  transform-origin: top left;
}
@media (min-width: 992px) {
  .c-progress-navbar__step::after {
    top: auto;
    bottom: -10px;
  }
}

.c-counter.c-progress-navbar__step-counter {
  flex-shrink: 0;
  margin-bottom: 0;
  margin-right: 0;
}
@media (min-width: 992px) {
  .c-counter.c-progress-navbar__step-counter {
    margin-right: 5px;
  }
}
.c-progress-navbar__step.is-incomplete .c-counter.c-progress-navbar__step-counter {
  border-color: #7b8c9d;
  color: #7b8c9d;
}
.c-progress-navbar__step.is-in-progress .c-counter.c-progress-navbar__step-counter, .c-progress-navbar__step.is-incomplete.is-link .c-counter.c-progress-navbar__step-counter {
  border-color: #52667a;
  color: #52667a;
}
.c-progress-navbar__step.is-link:hover .c-counter.c-progress-navbar__step-counter {
  border-color: #049589;
  color: #049589;
}

.c-progress-navbar__step-content {
  display: none;
}
@media (min-width: 992px) {
  .c-progress-navbar__step-content {
    display: block;
    flex: 1 1 50px;
    width: 50px;
  }
}

.c-progress-navbar__step-title {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-progress-navbar__step-description {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-progress-navbar__actions {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  padding: 10px;
}
@media (min-width: 992px) {
  .c-progress-navbar__actions {
    border-bottom: 10px solid #e2e6e9;
  }
}

.c-question-input {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  width: 100%;
  margin: 15px 0;
  position: relative;
}
.c-question-input .c-radio_group__legend-text {
  margin-bottom: 0;
}
.c-question-input .c-button--as-link {
  align-items: flex-start;
  color: inherit;
  margin-left: 8px;
}
.c-question-input .c-button--as-link:hover, .c-question-input .c-button--as-link:active, .c-question-input .c-button--as-link:focus {
  color: var(--context-content-accent-color);
}
.c-question-input .drag-icon {
  cursor: grab;
}

.c-question-input__border {
  border-width: 1px;
  border-style: solid;
  border-radius: var(--cds-border-radius-default);
}

.c-question-input__padding {
  padding: 16px;
}

.c-question-input__top-bar {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.c-question-input__action-buttons {
  color: var(--context-content-muted-color);
}

.js-sortable-container {
  position: relative;
}

.c-radio_button__input + .c-radio_button__label--card, .c-radio_button__input + .c-radio_button__label--bordered {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
}
.c-radio_button__input:hover + .c-radio_button__label--card, .c-radio_button__input:hover + .c-radio_button__label--bordered {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-radio_button__input:focus + .c-radio_button__label--card, .c-radio_button__input:focus + .c-radio_button__label--bordered, .c-radio_button__input:active + .c-radio_button__label--card, .c-radio_button__input:active + .c-radio_button__label--bordered {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
}

.c-radio_button__input:checked + .c-radio_button__label--card, .c-radio_button__input:checked + .c-radio_button__label--bordered {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
}

.c-radio_button__input--with-error + .c-radio_button__label--card, .c-radio_button__input--with-error + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:checked + .c-radio_button__label--card,
.c-radio_button__input--with-error:checked + .c-radio_button__label--bordered {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-content-accent-color: var(--cds-color-danger-surface-accent);
  --context-border-color: var(--cds-color-danger-surface-border);
}

.c-radio_button__input:disabled + .c-radio_button__label--card, .c-radio_button__input:disabled + .c-radio_button__label--bordered, .c-radio_button__input:disabled:hover + .c-radio_button__label--card, .c-radio_button__input:disabled:hover + .c-radio_button__label--bordered, .c-radio_button__input:disabled:active + .c-radio_button__label--card, .c-radio_button__input:disabled:active + .c-radio_button__label--bordered, .c-radio_button__input:disabled:focus + .c-radio_button__label--card, .c-radio_button__input:disabled:focus + .c-radio_button__label--bordered, .c-radio_button__input:disabled:checked + .c-radio_button__label--card, .c-radio_button__input:disabled:checked + .c-radio_button__label--bordered, .c-radio_button__input:disabled:checked:hover + .c-radio_button__label--card, .c-radio_button__input:disabled:checked:hover + .c-radio_button__label--bordered, .c-radio_button__input:disabled:checked:active + .c-radio_button__label--card, .c-radio_button__input:disabled:checked:active + .c-radio_button__label--bordered, .c-radio_button__input:disabled:checked:focus + .c-radio_button__label--card, .c-radio_button__input:disabled:checked:focus + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:hover + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:hover + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:active + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:active + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:focus + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:focus + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:checked + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:checked + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:checked:hover + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:checked:hover + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:checked:active + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:checked:active + .c-radio_button__label--bordered,
.c-radio_button__input--with-error:disabled:checked:focus + .c-radio_button__label--card,
.c-radio_button__input--with-error:disabled:checked:focus + .c-radio_button__label--bordered {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}

.c-radio_button__input + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
}
.c-radio_button__input:hover + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-radio_button__input:focus + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:active + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
}

.c-radio_button__input:checked + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
}
.c-radio_button__input:checked:hover + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-primary-background-hover);
  --context-content-color: var(--cds-color-primary-text-hover);
  --context-content-muted-color: var(--cds-color-primary-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-accent-hover);
  --context-border-color: var(--cds-color-primary-border-hover);
}
.c-radio_button__input:checked:focus + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:checked:active + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-primary-background-active);
  --context-content-color: var(--cds-color-primary-text-active);
  --context-content-muted-color: var(--cds-color-primary-muted-active);
  --context-content-accent-color: var(--cds-color-primary-accent-active);
  --context-border-color: var(--cds-color-primary-border-active);
}

.c-radio_button__input--with-error + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-radio_button__input--with-error:hover + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-radio_button__input--with-error:focus + .c-radio_button__label .c-radio_button__control, .c-radio_button__input--with-error:active + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}

.c-radio_button__input--with-error:checked + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
}
.c-radio_button__input--with-error:checked:hover + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-danger-background-hover);
  --context-content-color: var(--cds-color-danger-text-hover);
  --context-content-muted-color: var(--cds-color-danger-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-accent-hover);
  --context-border-color: var(--cds-color-danger-border-hover);
}
.c-radio_button__input--with-error:checked:focus + .c-radio_button__label .c-radio_button__control, .c-radio_button__input--with-error:checked:active + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-danger-background-active);
  --context-content-color: var(--cds-color-danger-text-active);
  --context-content-muted-color: var(--cds-color-danger-muted-active);
  --context-content-accent-color: var(--cds-color-danger-accent-active);
  --context-border-color: var(--cds-color-danger-border-active);
}

.c-radio_button__input:disabled + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:hover + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:active + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:focus + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:checked + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:checked:hover + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:checked:active + .c-radio_button__label .c-radio_button__control, .c-radio_button__input:disabled:checked:focus + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:hover + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:active + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:focus + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:checked + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:checked:hover + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:checked:active + .c-radio_button__label .c-radio_button__control,
.c-radio_button__input--with-error:disabled:checked:focus + .c-radio_button__label .c-radio_button__control {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-radio_button__input:disabled + .c-radio_button__label:hover, .c-radio_button__input:disabled:hover + .c-radio_button__label:hover, .c-radio_button__input:disabled:active + .c-radio_button__label:hover, .c-radio_button__input:disabled:focus + .c-radio_button__label:hover, .c-radio_button__input:disabled:checked + .c-radio_button__label:hover, .c-radio_button__input:disabled:checked:hover + .c-radio_button__label:hover, .c-radio_button__input:disabled:checked:active + .c-radio_button__label:hover, .c-radio_button__input:disabled:checked:focus + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:hover + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:active + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:focus + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:checked + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:checked:hover + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:checked:active + .c-radio_button__label:hover,
.c-radio_button__input--with-error:disabled:checked:focus + .c-radio_button__label:hover {
  cursor: not-allowed;
}

.c-radio_button__input {
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}
.c-radio_button__input:checked + .c-radio_button__label .c-radio_button__control::after {
  display: block;
}
.c-radio_button__input:active, .c-radio_button__input:focus {
  outline-color: transparent;
}
.c-radio_button__input:focus-visible + .c-radio_button__label .c-radio_button__control {
  outline: 4px solid var(--context-content-accent-color);
}

.c-radio_button__label {
  display: flex;
  align-items: center;
  margin-bottom: -16px;
  position: relative;
  text-align: left;
  z-index: 1;
}
.c-radio_button__label:hover {
  cursor: pointer;
}
.c-radio_group__button:last-of-type .c-radio_button__label {
  margin-bottom: 0;
}

.c-radio_button__label--card,
.c-radio_button__label--bordered {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  margin-bottom: 0;
}

.c-radio_button__label--card {
  text-align: center;
  min-height: 230px;
}
.c-radio_button__label--card .c-radio_button__control {
  margin: 8px auto;
}
.c-radio_button__label--card .c-radio_button__label-text {
  margin-top: 0;
}

.c-radio_button__label--bordered .c-radio_button__control {
  margin: 8px;
}
.c-radio_button__label--bordered .c-radio_button__label-content {
  padding: 4px 0;
}
.c-radio_button__label--bordered .c-radio_button__label-text {
  margin-top: 4px;
}

.c-radio_button__control {
  flex-shrink: 0;
  height: 32px;
  width: 32px;
  background-color: var(--context-background-color);
  border-radius: 50%;
  border: 1px solid var(--context-border-color);
  border-top-width: 2px;
  margin: 8px 8px 8px 0;
}
.c-radio_button__control, .c-radio_button__control:hover, .c-radio_button__control:focus, .c-radio_button__control:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-radio_button__control::after {
  background-color: var(--context-content-color);
  content: "";
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 7px;
  margin-top: 6px;
  border-radius: 50%;
}

.c-radio_button__control--small {
  height: 20px;
  width: 20px;
}
.c-radio_button__control--small + .c-radio_button__label-content .c-radio_button__label-text {
  margin-top: 5px;
}
.c-radio_button__control--small::after {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  margin-top: 3px;
}

.c-radio_button__label-content {
  flex-grow: 1;
}

.c-radio_button__label-text {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  color: var(--context-content-color);
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

.c-radio_button__required-label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}

.c-radio_button__label-hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
  display: block;
}

.c-radio_button__drawer {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  position: relative;
  background-color: var(--context-background-color);
  border: 1px solid var(--context-border-color);
  color: var(--context-content-color);
  padding: 15px;
  margin: 0 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transform: translate3d(0, -15px, 0);
  transition: transform 0.2s;
}
.c-radio_button__drawer.is-open {
  transform: translate3d(0, 0, 0);
}

.c-radio-button__drawer-content {
  display: none;
}
.c-radio_button__drawer.is-open .c-radio-button__drawer-content {
  display: block;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-radio_group__legend {
  flex-grow: 1;
}

.c-radio_group__legend-text {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-style: normal;
  color: var(--context-content-color);
  display: block;
}

.c-radio_group__required-label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}

.c-radio_group__legend-hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
  display: block;
}

.c-radio_group__button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.c-radio_group__button-wrapper--horizontal {
  flex-direction: row;
}

.c-radio_group__button {
  flex: 1;
  z-index: 2;
}

trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%;
}

trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E);
}

trix-toolbar {
  position: sticky;
  top: 60px;
  z-index: 1;
  padding: 10px 0 0;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.6);
}
@media (min-width: 992px) {
  trix-toolbar {
    top: 80px;
  }
}
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 0;
}
@media (min-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw;
  }
}
trix-toolbar .trix-button-group-spacer {
  display: none;
}
@media (min-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: block;
    flex-grow: 1;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: #2b2b3b;
  font-size: 0.75em;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: -0.01em;
  padding: 0 0.3em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}
trix-toolbar .trix-button[data-trix-attribute=code] {
  display: none;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-toolbar .trix-button.trix-active {
  background-color: #ffd199;
  border-color: darkorange;
  color: #2b2b3b;
}
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-toolbar .trix-button:disabled {
  color: #ede6de;
}
trix-toolbar .trix-button:disabled:hover {
  cursor: not-allowed;
}
@media (min-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: initial;
    padding: 0 0.5em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 2em;
  max-width: calc(0.8em + 3.5vw);
  text-indent: -9999px;
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 6%;
  bottom: 0;
  left: 6%;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}
@media (min-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 1.6em;
    max-width: calc(0.8em + 4vw);
  }
  trix-toolbar .trix-button--icon::before {
    right: 0;
    left: 0;
  }
}
trix-toolbar .trix-dialogs {
  position: relative;
}
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #d63429 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  user-select: none;
}
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection,
trix-editor [data-trix-mutable] ::selection {
  background: none;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}
trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}
trix-editor .attachment {
  position: relative;
}
trix-editor .attachment:hover {
  cursor: default;
}
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}
trix-editor .trix-button-group {
  display: inline-flex;
}
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #888;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-editor .trix-button.trix-active {
  background: #f4e6ff;
}
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}
trix-editor .trix-button--remove:hover {
  border-color: #333;
}
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}
trix-editor .attachment__metadata-container {
  position: relative;
}
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

.trix-content {
  line-height: 1.5;
}
.trix-content.theme--handbook h1,
.trix-content.theme--handbook h2,
.trix-content.theme--handbook p,
.trix-content.theme--handbook div,
.trix-content.theme--handbook span,
.trix-content.theme--handbook a,
.trix-content.theme--handbook li,
.trix-content.theme--handbook blockquote {
  font-family: var(--cds-font-family-book);
}
.trix-content.theme--larger p,
.trix-content.theme--larger div,
.trix-content.theme--larger span,
.trix-content.theme--larger li {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}
.trix-content h1,
.trix-content h2 {
  font-weight: 700;
  line-height: 1.2;
}
.trix-content h1 {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-title);
  line-height: 1.5;
  color: inherit;
}
.trix-content h2 {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}
.trix-content p,
.trix-content div,
.trix-content span,
.trix-content li {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}
.trix-content blockquote {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  font-style: italic;
  line-height: 1.2;
  border-left: 5px solid #00ff95;
  margin: 8px 0;
  padding: 8px 0 8px 10px;
}
.trix-content ul,
.trix-content ol,
.trix-content li {
  margin: 0;
  padding: 0;
}
.trix-content ul li,
.trix-content ol li,
.trix-content li li {
  margin-left: 1em;
}
.trix-content a {
  text-decoration: underline;
  color: #7e00e6;
}
.trix-content a:hover, .trix-content a:focus, .trix-content a:active {
  cursor: pointer;
  color: #981aff;
}

.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em;
  white-space: pre;
  background-color: #ccc;
  overflow-x: auto;
}

.trix-content img {
  max-width: 100%;
  height: auto;
}

.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.trix-content .attachment a {
  color: inherit;
  text-decoration: underline;
}

.trix-content .attachment a:hover,
.trix-content .attachment a:visited:hover {
  color: inherit;
}

.trix-content .attachment__caption {
  padding: 0;
  text-align: center;
}

.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " · ";
}

.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

.trix-content .attachment--preview .attachment__caption {
  color: #333;
  font-size: 0.9em;
  line-height: 1.2;
}

.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 0;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0;
  padding: 0;
}

.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 .attachment,
.trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

.c-rich_text {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: transparent;
  position: relative;
  width: 100%;
}

.c-rich_text__wrapper {
  display: flex;
  flex-direction: column;
}
.c-rich_text__wrapper.has-error .c-rich_text__field {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
  color: inherit;
}
.c-rich_text__wrapper.has-error .c-rich_text__field:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-rich_text__wrapper.has-error .c-rich_text__field:active, .c-rich_text__wrapper.has-error .c-rich_text__field:focus {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}

.c-rich_text__info {
  display: flex;
  flex-direction: column;
}
.c-rich_text__info .c-rich_text__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  font-size: var(--cds-font-size-body);
  text-transform: none;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  opacity: 1;
  z-index: 1;
  margin-left: 0;
  margin-bottom: 0;
}
.c-rich_text__info .c-rich_text__label .c-rich_text__label-info .c-rich_text__label-info--required {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}
.c-rich_text__wrapper--required .c-rich_text__info .c-rich_text__label .c-rich-text__label-info--required::after {
  content: "*";
  color: var(--context-content-muted-color);
}
.c-rich_text__info .c-rich_text__hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-rich_text__field {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-color);
  min-height: 120px;
  padding: 8px;
  margin: 16px 0;
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  border-radius: 4px;
}
.c-rich_text__field:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-rich_text__field:active, .c-rich_text__field:focus {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  outline-color: transparent;
}
.c-rich_text__field:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-rich_text__field::placeholder {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: italic;
  color: var(--context-content-muted-color);
}

.c-rich_text__field[contenteditable=false] {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}

.c-rich_text__view {
  padding: 16px;
}

.c-select__wrapper {
  display: flex;
}
.c-select__wrapper.is-inline {
  margin: 0;
}

.c-select__input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c-select__input-wrapper .c-select__input-content-wrapper {
  display: flex;
  align-items: center;
}
.c-select__input-wrapper .c-select__input-content {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  height: 45px;
  margin: 8px 0 0 0;
}
.c-select__input-wrapper .c-select__input-content:nth-last-child(2) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-select__input-wrapper .c-select__input-content + .e-button,
.c-select__input-wrapper .c-select__input-content + .c-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 50px;
  margin-top: 8px;
  flex-shrink: 0;
}
.c-select__input-wrapper .c-select__input-content .c-select__arrow {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  padding-right: 8px;
  z-index: 1;
  fill: var(--context-content-color);
  pointer-events: none;
}
.c-select__input-wrapper .c-select__input-content .c-select__arrow.is-disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-select__input-wrapper .c-select__input-content .c-select__arrow.has-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}

.c-select__label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  font-size: var(--cds-font-size-body);
  opacity: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  margin-bottom: 0;
}
.c-select__label .c-select__label-info .c-input__label-info--required {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}

.c-select__hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
}

.c-select__input-field {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  border-width: 1px;
  border-top-width: 2px;
  border-style: solid;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  height: 50px;
  width: 100%;
  position: absolute;
  top: -3px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 8px;
}
.c-select__input-field:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-select__input-field:active, .c-select__input-field:focus {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  outline-color: transparent;
}
.c-select__input-field:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-select__input-field::placeholder, .c-select__input-field:invalid {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: italic;
  color: var(--context-content-muted-color);
}
.c-select__input-field:disabled, .c-select__input-field.is-disabled {
  opacity: 1;
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-select__input-field:disabled:hover, .c-select__input-field.is-disabled:hover {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
  cursor: not-allowed;
}
.c-select__input-field:disabled:active, .c-select__input-field:disabled:focus, .c-select__input-field.is-disabled:active, .c-select__input-field.is-disabled:focus {
  --context-background-color: var(--cds-color-disabled-background-active);
  --context-content-color: var(--cds-color-disabled-text-active);
  --context-content-muted-color: var(--cds-color-disabled-muted-active);
  --context-content-accent-color: var(--cds-color-disabled-accent-active);
  --context-border-color: var(--cds-color-disabled-border-active);
}
.c-select__input-field.has-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-select__input-field.has-error:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-select__input-field.has-error:active, .c-select__input-field.has-error:focus {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}
.c-select__input-field::-ms-expand {
  display: none;
}

.c-select__error {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: italic;
  color: #c32229;
}

.c-sidebar_layout__container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.c-sidebar_layout__body {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  flex-grow: 1;
  padding-bottom: 64px;
}
.c-sidebar_layout--narrow .c-sidebar_layout__body {
  max-width: 840px;
}

.c-sidebar_layout__sidebar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  flex-grow: 1;
  flex-basis: 260px;
}

.c-sidebar_layout__sidebar-content {
  padding: 16px;
}
.c-sidebar_layout--narrow .c-sidebar_layout__sidebar-content {
  max-width: 390px;
}

.c-skeleton-block {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
  width: 100%;
  border-radius: 8px;
  margin: 16px 0;
  color: var(--context-content-muted-color);
}

.c-skeleton-block__animated {
  --bg: var(--context-background-color);
  --glare-bg: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.4), transparent);
  position: relative;
  background-color: var(--bg);
  overflow: hidden;
}

.c-skeleton-block__animated::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: var(--glare-bg);
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .c-skeleton-block__animated::before {
    transform: translateX(-100%);
    animation: skeleton-glare 1.75s infinite ease-out;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-skeleton-block__animated::before {
    animation: none;
  }
}

@keyframes skeleton-glare {
  to {
    transform: translateX(100%);
  }
}
.c-skeleton-block svg {
  position: absolute;
  left: 50%;
  top: 50%;
}
@media (prefers-reduced-motion: no-preference) {
  .c-skeleton-block svg {
    transform: translate(-50%, -50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-skeleton-block svg {
    animation: none;
  }
}

.c-stat {
  margin-right: 24px;
}

.c-stat__non-button {
  padding: 5px 15px;
  margin-right: 24px;
  margin-bottom: 12px;
  min-height: 45px;
  min-width: 150px;
  opacity: 1;
}

.c-stat__half-wrapper {
  width: 50%;
  display: flex;
}

.c-stat__button {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background: transparent;
  border: 0;
  display: inline-block;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  color: inherit;
  position: relative;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid transparent;
  border-bottom-width: 3px;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  padding: 5px 15px;
  margin-right: 24px;
  margin-bottom: 12px;
  min-height: 45px;
  min-width: 150px;
  opacity: 1;
}
.c-stat__button:hover, .c-stat__button:focus, .c-stat__button:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.1s;
}
.c-stat__button:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.c-stat__button .w-slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.c-stat__button .w-slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}
.c-stat__button:hover, .c-stat__button:active, .c-stat__button:focus {
  background-color: transparent;
  border-color: transparent;
  background-color: var(--context-content-accent-color);
  border-bottom-color: var(--context-content-accent-color);
  text-decoration: none;
  color: rgba(0, 0, 0, 0.3);
}
@media (prefers-reduced-motion: no-preference) {
  .c-stat__button:hover, .c-stat__button:active, .c-stat__button:focus {
    transition: 0.3s ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-stat__button:hover, .c-stat__button:active, .c-stat__button:focus {
    animation: none;
  }
}
.c-stat__button:hover .overlay, .c-stat__button:active .overlay, .c-stat__button:focus .overlay {
  opacity: 1;
}

.overlay {
  color: white;
  text-decoration: underline;
  opacity: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media (prefers-reduced-motion: no-preference) {
  .overlay {
    transition: 0.3s ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  .overlay {
    animation: none;
  }
}

.c-stat__wrapper {
  display: flex;
  margin-top: 16px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c-stat__wrapper {
    margin-bottom: 0;
  }
}

.c-stat__numbers-trend svg {
  width: 15px;
}

.c-stat__numbers-trend-positive {
  color: #09aa95;
}
@media (prefers-reduced-motion: no-preference) {
  .c-stat__numbers-trend-positive svg {
    transform: rotate(180deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .c-stat__numbers-trend-positive svg {
    animation: none;
  }
}

.c-stat__numbers-trend-negative {
  color: #d92f26;
}

.c-status_bar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: block;
  width: 100%;
  height: 7px;
  border-top-width: 7px;
  border-top-style: solid;
  border-color: var(--context-background-color);
  background-color: transparent;
}

.c-status_bar--with-tags {
  position: relative;
}

.c-status_bar--rounded {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.c-status_bar__tags {
  position: absolute;
  top: -7px;
}

.c-status_bar__tag.c-tag {
  border-color: var(--context-background-color);
}

.c-switch__input + .c-switch__toggle {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
}
.c-switch__input:hover + .c-switch__toggle {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.c-switch__input:focus + .c-switch__toggle, .c-switch__input:active + .c-switch__toggle {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
}
.c-switch__input:focus-visible + .c-switch__toggle {
  outline: 4px solid var(--context-content-accent-color);
}

.c-switch__input:checked + .c-switch__toggle {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
}
.c-switch__input:checked:hover + .c-switch__toggle {
  --context-background-color: var(--cds-color-primary-background-hover);
  --context-content-color: var(--cds-color-primary-text-hover);
  --context-content-muted-color: var(--cds-color-primary-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-accent-hover);
  --context-border-color: var(--cds-color-primary-border-hover);
}
.c-switch__input:checked:focus + .c-switch__toggle, .c-switch__input:checked:active + .c-switch__toggle {
  --context-background-color: var(--cds-color-primary-background-active);
  --context-content-color: var(--cds-color-primary-text-active);
  --context-content-muted-color: var(--cds-color-primary-muted-active);
  --context-content-accent-color: var(--cds-color-primary-accent-active);
  --context-border-color: var(--cds-color-primary-border-active);
}

.c-switch__input--with-error + .c-switch__toggle {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.c-switch__input--with-error:hover + .c-switch__toggle {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.c-switch__input--with-error:focus + .c-switch__toggle, .c-switch__input--with-error:active + .c-switch__toggle {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}

.c-switch__input--with-error:checked + .c-switch__toggle {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
}
.c-switch__input--with-error:checked:hover + .c-switch__toggle {
  --context-background-color: var(--cds-color-danger-background-hover);
  --context-content-color: var(--cds-color-danger-text-hover);
  --context-content-muted-color: var(--cds-color-danger-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-accent-hover);
  --context-border-color: var(--cds-color-danger-border-hover);
}
.c-switch__input--with-error:checked:focus + .c-switch__toggle, .c-switch__input--with-error:checked:active + .c-switch__toggle {
  --context-background-color: var(--cds-color-danger-background-active);
  --context-content-color: var(--cds-color-danger-text-active);
  --context-content-muted-color: var(--cds-color-danger-muted-active);
  --context-content-accent-color: var(--cds-color-danger-accent-active);
  --context-border-color: var(--cds-color-danger-border-active);
}

.c-switch__input:disabled, .c-switch__input:disabled:hover, .c-switch__input:disabled:active, .c-switch__input:disabled:focus,
.c-switch__input--with-error:disabled,
.c-switch__input--with-error:disabled:hover,
.c-switch__input--with-error:disabled:active,
.c-switch__input--with-error:disabled:focus {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.c-switch__input:disabled + .c-switch__toggle, .c-switch__input:disabled:hover + .c-switch__toggle, .c-switch__input:disabled:active + .c-switch__toggle, .c-switch__input:disabled:focus + .c-switch__toggle,
.c-switch__input--with-error:disabled + .c-switch__toggle,
.c-switch__input--with-error:disabled:hover + .c-switch__toggle,
.c-switch__input--with-error:disabled:active + .c-switch__toggle,
.c-switch__input--with-error:disabled:focus + .c-switch__toggle {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
  background-color: var(--context-background-color);
  border-color: var(--context-content-muted-color);
}
.c-switch__input:disabled + .c-switch__toggle .c-switch__toggle-state, .c-switch__input:disabled:hover + .c-switch__toggle .c-switch__toggle-state, .c-switch__input:disabled:active + .c-switch__toggle .c-switch__toggle-state, .c-switch__input:disabled:focus + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:hover + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:active + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:focus + .c-switch__toggle .c-switch__toggle-state {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
  background-color: var(--context-content-muted-color);
  border-color: var(--context-content-muted-color);
}
.c-switch__input:disabled:checked + .c-switch__toggle, .c-switch__input:disabled:checked:hover + .c-switch__toggle, .c-switch__input:disabled:checked:active + .c-switch__toggle, .c-switch__input:disabled:checked:focus + .c-switch__toggle,
.c-switch__input--with-error:disabled:checked + .c-switch__toggle,
.c-switch__input--with-error:disabled:checked:hover + .c-switch__toggle,
.c-switch__input--with-error:disabled:checked:active + .c-switch__toggle,
.c-switch__input--with-error:disabled:checked:focus + .c-switch__toggle {
  background-color: var(--context-content-muted-color);
  border-color: var(--context-content-muted-color);
  color: var(--context-background-color);
}
.c-switch__input:disabled:checked + .c-switch__toggle .c-switch__toggle-state, .c-switch__input:disabled:checked:hover + .c-switch__toggle .c-switch__toggle-state, .c-switch__input:disabled:checked:active + .c-switch__toggle .c-switch__toggle-state, .c-switch__input:disabled:checked:focus + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:checked + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:checked:hover + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:checked:active + .c-switch__toggle .c-switch__toggle-state,
.c-switch__input--with-error:disabled:checked:focus + .c-switch__toggle .c-switch__toggle-state {
  background-color: var(--context-background-color);
  border-color: var(--context-background-color);
}

.c-switch__toggle-state {
  border-color: var(--context-border-color);
  background-color: var(--context-background-color);
}
.c-switch__input:checked + .c-switch__toggle .c-switch__toggle-state {
  background-color: var(--context-content-color);
}

.c-switch__wrapper {
  display: inline-flex;
  margin-bottom: 16px;
}
.c-switch__wrapper.c-switch--inline {
  margin-bottom: 0;
  position: relative;
  top: 10px;
}

.c-switch {
  position: relative;
  display: inline-flex;
  margin-bottom: 0;
  padding: 8px;
}

.c-switch__input {
  opacity: 0;
  z-index: 1;
}
.c-switch__input:hover {
  cursor: pointer;
}

.c-switch__toggle {
  position: relative;
  height: 32px;
  width: 54px;
  display: inline-flex;
  padding: 4px;
  margin: 8px;
  border-style: solid;
  border-width: 2px 1px 1px 1px;
  border-radius: 8px;
}
.c-switch__toggle::after {
  content: "";
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  transform: scale(1);
  background: transparent;
  border-radius: 8px;
  box-shadow: 0 0 0 2px transparent;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.c-switch__toggle-state {
  pointer-events: none;
  position: absolute;
  display: block;
  z-index: 1;
  top: 2px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  transition: all 0.1s ease;
  border-style: solid;
  border-width: 1px 1px 2px 1px;
}
.c-switch__input:checked + .c-switch__toggle .c-switch__toggle-state {
  left: calc(100% - 27px);
  transition: all 0.1s ease;
}

.c-switch__toggle-label {
  display: flex;
  min-width: 24px;
  max-width: auto;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: opacity 0.1s ease;
}
.c-switch__toggle-label.c-switch-label--on {
  opacity: 0;
  padding-right: 4px;
  padding-left: 2px;
  width: 24px;
}
.c-switch__toggle-label.c-switch-label--off {
  opacity: 1;
  padding-left: 4px;
  padding-right: 2px;
  width: auto;
}
.c-switch__input:checked + .c-switch__toggle .c-switch__toggle-label {
  transition: opacity 0.1s ease;
}
.c-switch__input:checked + .c-switch__toggle .c-switch__toggle-label.c-switch-label--on {
  opacity: 1;
  width: auto;
}
.c-switch__input:checked + .c-switch__toggle .c-switch__toggle-label.c-switch-label--off {
  opacity: 0;
  width: 24px;
}
.c-switch--fixed .c-switch__toggle-label {
  max-width: 32px;
}

.c-switch__label {
  display: flex;
  height: 32px;
}

.c-switch__label-content {
  flex-grow: 1;
}

.c-switch__label-text {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
  color: var(--context-content-color);
  display: block;
  margin-top: 8px;
  margin-bottom: 0px;
  padding-top: 3px;
}

.c-switch__required-label {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
  color: var(--context-content-muted-color);
}

.c-switch__label-hint {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: var(--context-content-muted-color);
  display: block;
}

.c-tabbed_content__tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}

.c-tabbed_content__tab {
  flex-grow: 1;
  flex-basis: 0px;
}
.c-tabbed_content__tab a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-tabbed_content__tab--active {
  border-bottom: 3px solid var(--context-content-accent-color);
}
.c-tabbed_content__tab--active a:focus {
  outline: none;
}

.c-tabbed_content__content {
  display: none;
}

.c-tabbed_content__content--active {
  display: block;
}

.c-table {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  border: 1px solid var(--context-border-color);
  position: relative;
  width: 100%;
  margin: 15px 0 0;
}

.c-table--not-empty {
  margin-bottom: 15px;
}

.c-table__head {
  height: 60px;
  border-bottom: 1px solid var(--context-border-color);
}

.c-table__empty {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  border: 1px solid var(--context-border-color);
  border-top-width: 0;
  margin-bottom: 15px;
}

@keyframes change-row {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.c-table__header,
.c-table_row {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  border-bottom: 1px solid var(--context-border-color);
  min-height: 60px;
  transition: background-color 0.3s ease;
}

.c-table__header .c-table_cell p {
  margin: 0;
}

.c-table_row:last-of-type {
  border-bottom: 0;
}
.c-table_row:nth-child(odd) {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
}
.c-table_row.is-changing {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  animation: change-row 0.3s ease;
  transition: background-color 0.3s ease;
}

.c-table_row--danger {
  background-color: #fbeae9;
}
.c-table_row--danger:nth-child(odd) {
  background-color: #fbeae9;
}

.c-table_cell {
  padding: 16px;
  max-width: 200px;
  vertical-align: middle;
}
.c-table_cell:focus {
  outline: none;
}
.c-table_cell:first-of-type {
  padding-left: 15px;
}
.c-table_cell:last-of-type {
  padding-right: 15px;
}
.c-table_cell.tablesorter-headerAsc, .c-table_cell.tablesorter-headerDesc {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-surface-raised-background);
  --context-content-color: var(--cds-color-surface-raised-text);
  --context-content-muted-color: var(--cds-color-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-surface-raised-accent);
  --context-border-color: var(--cds-color-surface-raised-border);
}
.c-table--compact .c-table_cell {
  padding: 4px;
}
.c-table--compact .c-table_cell:first-of-type {
  padding-left: 15px;
}
.c-table--compact .c-table_cell:last-of-type {
  padding-right: 15px;
}
.c-table_cell .c-checkbox__label {
  display: block;
}
.c-table_cell .c-checkbox-large,
.c-table_cell .c-checkbox-medium,
.c-table_cell .c-checkbox-small {
  min-height: auto;
}
.c-table_cell .c-tag {
  margin: 0;
}
.c-table_cell .tag-with-tooltip {
  padding: 0 3px;
  margin-left: 10px;
}

.c-table_row .c-table_cell p,
.c-table_row .c-table_cell a {
  margin-top: 6px;
}
.c-table_row .c-table_cell a.c-button {
  margin-top: 0;
}

.c-table_cell--sorted-desc .o-icon {
  transform: rotateZ(180deg);
}

.report-dot {
  height: 13px;
  width: 13px;
  background-color: #1ae6b3;
  border-radius: 50%;
  display: inline-block;
}

.c-tabs {
  width: 100%;
  border-bottom: 1px solid var(--context-content-muted-color);
  background-color: var(--context-background-color);
}

.c-tabs__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-tabs__tab-item {
  white-space: nowrap;
  line-height: normal;
}
.c-tabs__tab-item--active {
  border-bottom: 4px solid var(--context-content-color);
}

.c-tabs__tab {
  padding: 0 1em;
  line-height: 35px;
  text-transform: capitalize;
  text-decoration: none;
  color: var(--context-content-muted-color);
}
.c-tabs__tab:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.c-tabs__tab--active {
  color: var(--context-content-color);
  font-weight: bold;
}
.c-tabs__tab--highlighted::after {
  content: "";
  display: block;
  background: #1ae6b3;
  position: relative;
  bottom: 15%;
  margin-top: -6px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 1px solid #1ae6b3;
}
.c-tabs__tab:hover, .c-tabs__tab:focus, .c-tabs__tab:active {
  color: var(--context-content-color);
}

.c-tag {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  border-radius: var(--cds-border-radius-large);
  border-width: 1px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  height: 30px;
  width: fit-content;
  box-sizing: border-box;
  vertical-align: top;
  margin-left: 1px;
  margin-bottom: 5px;
  max-width: 100%;
}
.c-tag:active, .c-tag:focus, .c-tag:hover {
  text-decoration: none;
}
.c-tag--no-icon {
  padding-left: 7px;
  padding-bottom: 2px;
}
.c-tag--lg {
  padding: 6px 9px 6px 5px;
}
.c-tag--lg--no-icon {
  padding-left: 9px;
}
.c-tag--top-right {
  position: absolute;
  top: 10px;
  right: 10px;
}
.c-tag--tooltip:hover {
  cursor: help;
}
.c-tag--avatar {
  padding-left: 0;
}
.c-tag--normal {
  height: 45px;
  line-height: 45px;
  padding-right: 15px;
  padding-left: 55px;
}
.c-tag--normal .e-tag__avatar {
  height: 45px;
  width: 45px;
}

.c-tag__avatar {
  flex-shrink: 0;
  margin-top: -1px;
  margin-left: -1px;
}

.c-tag__tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
  bottom: auto;
  top: -35px;
}
.c-tag__tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.c-tag__tooltip::before {
  border-bottom: 0;
  border-top: 6px solid #16161d;
  top: auto;
  bottom: -6px;
}
.c-tag:hover .c-tag__tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}

.c-tag__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--context-content-color);
}

.c-tag__filter {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  cursor: pointer;
  text-transform: initial;
}

.c-tag__filter-employment {
  --context-background-color: var(--cds-color-green-tag-background);
  --context-content-color: var(--cds-color-green-tag-text);
  --context-content-muted-color: var(--cds-color-green-tag-muted);
  --context-content-accent-color: var(--cds-color-green-tag-accent);
  --context-border-color: var(--cds-color-green-tag-border);
}
.c-tag__filter-employment, .c-tag__filter-employment:hover, .c-tag__filter-employment:focus, .c-tag__filter-employment:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-tag__filter-employment:hover {
  --context-background-color: var(--cds-color-green-tag-background-hover);
  --context-content-color: var(--cds-color-green-tag-text-hover);
  --context-content-muted-color: var(--cds-color-green-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-green-tag-accent-hover);
  --context-border-color: var(--cds-color-green-tag-border-hover);
}
.c-tag__filter-employment:focus, .c-tag__filter-employment:active {
  --context-background-color: var(--cds-color-green-tag-background-active);
  --context-content-color: var(--cds-color-green-tag-text-active);
  --context-content-muted-color: var(--cds-color-green-tag-muted-active);
  --context-content-accent-color: var(--cds-color-green-tag-accent-active);
  --context-border-color: var(--cds-color-green-tag-border-active);
}

.c-tag__filter-teams, .c-tag__filter-no_team {
  --context-background-color: var(--cds-color-blue-tag-background);
  --context-content-color: var(--cds-color-blue-tag-text);
  --context-content-muted-color: var(--cds-color-blue-tag-muted);
  --context-content-accent-color: var(--cds-color-blue-tag-accent);
  --context-border-color: var(--cds-color-blue-tag-border);
}
.c-tag__filter-teams, .c-tag__filter-teams:hover, .c-tag__filter-teams:focus, .c-tag__filter-teams:active, .c-tag__filter-no_team, .c-tag__filter-no_team:hover, .c-tag__filter-no_team:focus, .c-tag__filter-no_team:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-tag__filter-teams:hover, .c-tag__filter-no_team:hover {
  --context-background-color: var(--cds-color-blue-tag-background-hover);
  --context-content-color: var(--cds-color-blue-tag-text-hover);
  --context-content-muted-color: var(--cds-color-blue-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-blue-tag-accent-hover);
  --context-border-color: var(--cds-color-blue-tag-border-hover);
}
.c-tag__filter-teams:focus, .c-tag__filter-teams:active, .c-tag__filter-no_team:focus, .c-tag__filter-no_team:active {
  --context-background-color: var(--cds-color-blue-tag-background-active);
  --context-content-color: var(--cds-color-blue-tag-text-active);
  --context-content-muted-color: var(--cds-color-blue-tag-muted-active);
  --context-content-accent-color: var(--cds-color-blue-tag-accent-active);
  --context-border-color: var(--cds-color-blue-tag-border-active);
}

.c-tag__filter-offices {
  --context-background-color: var(--cds-color-purple-tag-background);
  --context-content-color: var(--cds-color-purple-tag-text);
  --context-content-muted-color: var(--cds-color-purple-tag-muted);
  --context-content-accent-color: var(--cds-color-purple-tag-accent);
  --context-border-color: var(--cds-color-purple-tag-border);
}
.c-tag__filter-offices, .c-tag__filter-offices:hover, .c-tag__filter-offices:focus, .c-tag__filter-offices:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-tag__filter-offices:hover {
  --context-background-color: var(--cds-color-purple-tag-background-hover);
  --context-content-color: var(--cds-color-purple-tag-text-hover);
  --context-content-muted-color: var(--cds-color-purple-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-purple-tag-accent-hover);
  --context-border-color: var(--cds-color-purple-tag-border-hover);
}
.c-tag__filter-offices:focus, .c-tag__filter-offices:active {
  --context-background-color: var(--cds-color-purple-tag-background-active);
  --context-content-color: var(--cds-color-purple-tag-text-active);
  --context-content-muted-color: var(--cds-color-purple-tag-muted-active);
  --context-content-accent-color: var(--cds-color-purple-tag-accent-active);
  --context-border-color: var(--cds-color-purple-tag-border-active);
}

.c-tag__green {
  --context-background-color: var(--cds-color-green-tag-background);
  --context-content-color: var(--cds-color-green-tag-text);
  --context-content-muted-color: var(--cds-color-green-tag-muted);
  --context-content-accent-color: var(--cds-color-green-tag-accent);
  --context-border-color: var(--cds-color-green-tag-border);
}
.c-tag__green, .c-tag__green:hover, .c-tag__green:focus, .c-tag__green:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.c-tag__green:hover {
  --context-background-color: var(--cds-color-green-tag-background-hover);
  --context-content-color: var(--cds-color-green-tag-text-hover);
  --context-content-muted-color: var(--cds-color-green-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-green-tag-accent-hover);
  --context-border-color: var(--cds-color-green-tag-border-hover);
}
.c-tag__green:focus, .c-tag__green:active {
  --context-background-color: var(--cds-color-green-tag-background-active);
  --context-content-color: var(--cds-color-green-tag-text-active);
  --context-content-muted-color: var(--cds-color-green-tag-muted-active);
  --context-content-accent-color: var(--cds-color-green-tag-accent-active);
  --context-border-color: var(--cds-color-green-tag-border-active);
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-timeline {
  width: 100%;
  overflow-x: scroll;
}

.c-timeline__event-list {
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .c-timeline__event-list {
    display: flex;
    text-align: center;
  }
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-timeline_event {
  display: flex;
}
@media (min-width: 768px) {
  .c-timeline_event {
    display: block;
    flex-basis: 100%;
    min-width: 25%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .c-timeline_event:nth-of-type(2n) .c-timeline_event__progress-bar {
    transform: rotate(180deg) scaleX(-1);
    top: 70%;
    bottom: auto;
  }
  .c-timeline_event:nth-of-type(2n) .c-timeline_event__progress-bar.c-timeline_event__progress-bar--3-events {
    top: 100%;
  }
}
.c-timeline_event__progress {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 20%;
}

.c-timeline_event__progress-point {
  margin: 0 auto;
}

.c-timeline_event__progress-point .c-counter {
  margin: 0 auto;
}

.c-timeline_event__progress-bar {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
  display: block;
  width: 1px;
  height: 90%;
  max-height: 100%;
  margin: 10% auto;
  border-left: 3px dashed var(--context-content-accent-color);
  background-color: transparent;
}
.c-timeline_event__progress-bar svg {
  display: none;
}
@media (min-width: 768px) {
  .c-timeline_event__progress-bar {
    position: absolute;
    bottom: 60%;
    left: 60%;
    width: 80%;
    height: 100%;
    margin: 0;
    border: none;
    fill: var(--context-content-accent-color);
  }
  .c-timeline_event__progress-bar svg {
    display: block;
    width: 100%;
    height: auto;
  }
}

.c-timeline_event__progress-bar--2-events {
  top: -150%;
}

.c-timeline_event__progress-bar--3-events {
  top: -90%;
}

.c-timeline_event__progress-bar--in-progress {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: transparent;
  border-color: var(--context-content-accent-color);
  fill: var(--context-content-accent-color);
}

.c-timeline_event__progress-bar--complete {
  border-color: #1ae6b3;
  fill: #1ae6b3;
}

.c-timeline_event__progress-marker {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 27px;
  height: 27px;
  z-index: 9;
  border-radius: 50%;
  border: 3px solid cvar(--context-content-accent-color);
  background: var(--context-content-accent-color);
}
@media (min-width: 768px) {
  .c-timeline_event__progress-marker {
    display: none;
  }
}

.c-timeline_event__progress-marker--25 {
  top: 34%;
}

.c-timeline_event__progress-marker--50 {
  top: 59%;
}

.c-timeline_event__progress-marker--75 {
  top: 84%;
}

.c-timeline_event__detail {
  padding-bottom: 32px;
  padding-left: 16px;
}
@media (min-width: 768px) {
  .c-timeline_event__detail {
    padding: 32px 0 0;
  }
}

.c-timeline_event__title {
  line-height: 40px;
}
.c-timeline_event__title.cds-text--body {
  color: var(--context-content-muted-color);
}

@media (min-width: 768px) {
  .c-timeline_event__content {
    width: 80%;
    margin: 0 auto;
  }
}

.c-tooltip {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  display: none;
  padding: 8px 16px;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid var(--context-border-color);
}

.c-tooltip[data-show] {
  display: block;
}

.c-tooltip__arrow,
.c-tooltip__arrow::before {
  position: absolute;
  width: 16px;
  height: 16px;
  background: inherit;
}

.c-tooltip__arrow {
  visibility: hidden;
}

.c-tooltip__arrow::before {
  visibility: visible;
  content: "";
  transform: rotate(45deg);
  border: 0 solid var(--context-border-color);
}

.c-tooltip[data-popper-placement^=top] > .c-tooltip__arrow {
  bottom: -9px;
}
.c-tooltip[data-popper-placement^=top] > .c-tooltip__arrow:before {
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.c-tooltip[data-popper-placement^=bottom] > .c-tooltip__arrow {
  top: -7px;
}
.c-tooltip[data-popper-placement^=bottom] > .c-tooltip__arrow:before {
  border-top-width: 1px;
  border-left-width: 1px;
}

.c-tooltip[data-popper-placement^=left] > .c-tooltip__arrow {
  right: -7px;
}
.c-tooltip[data-popper-placement^=left] > .c-tooltip__arrow:before {
  border-top-width: 1px;
  border-right-width: 1px;
}

.c-tooltip[data-popper-placement^=right] > .c-tooltip__arrow {
  left: -7px;
}
.c-tooltip[data-popper-placement^=right] > .c-tooltip__arrow:before {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.c-two_column_layout {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.c-two_column_wrap-reverse {
  display: flex;
  flex-wrap: wrap-reverse;
}

@media (max-width: 767px) {
  .c-two_column_wrap-reverse-col-2 {
    padding-bottom: 32px;
  }
}

.c-two_column_layout-border_radius {
  border-radius: var(--cds-border-radius-default);
}

.c-working_week_card {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  position: relative;
  width: 100%;
  border-radius: var(--cds-border-radius-default);
  margin: 15px 0;
  box-shadow: none;
  border: 1px solid var(--context-border-color);
  transition: background-color 0.2s, color 0.2s;
  display: flex;
  padding: 15px;
}

.c-working_week_card__content {
  flex-grow: 2;
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.c-working_week_card__content .c-tag {
  margin-right: 4px;
}

.c-working_week_card__action-group {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.c-working_week_card__action {
  background: transparent;
  border: 0;
  display: inline-block;
  outline: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  color: inherit;
  position: relative;
  border-radius: var(--cds-border-radius-default);
  border: 1px solid transparent;
  border-bottom-width: 3px;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  height: 45px;
  width: 45px;
  color: #364d63;
  align-self: flex-end;
}
.c-working_week_card__action:hover, .c-working_week_card__action:focus, .c-working_week_card__action:active {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, color 0.1s;
}
.c-working_week_card__action:active {
  background-color: rgba(0, 0, 0, 0.05);
}
.c-working_week_card__action .w-slice:first-child {
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
.c-working_week_card__action .w-slice:last-child {
  border-bottom-left-radius: var(--cds-border-radius-default);
  border-bottom-right-radius: var(--cds-border-radius-default);
}
.c-working_week_card__action + .c-working_week_card__action {
  margin-top: 5px;
}

.o-icon.c-working_week_card__action-icon {
  height: 45px;
  width: 45px;
  padding: 6px;
  fill: currentColor;
}

/* Use component-local class names and add them to HTML via #class_for(name) helper */
.c-calendar_event {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
  border-radius: var(--cds-border-radius-large);
  border-width: 0px;
  border-style: solid;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  height: 24px;
  width: 100%;
  gap: 2px;
}

.c-calendar_event__name {
  font-size: 12px;
  color: var(--context-content-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden !important;
  flex-grow: 1;
}

.c-calendar_event--icon {
  height: 16px;
  width: 16px;
  flex-shrink: 0;
}

.c-calendar_event--info {
  font-size: 10px;
  color: var(--context-content-muted-color);
  margin: 0 0 0 0;
  align-self: end;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.c-calendar_event--span-previous-week {
  margin-bottom: 0;
  margin-top: 2px;
}

.c-calendar_event--span-next-week {
  margin-bottom: 0;
  margin-left: 4px;
  margin-top: 2px;
}

.c-calendar_event--border {
  border: 1px solid var(--context-border-color);
}

.c-calendar_event--start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-calendar_event--end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.c-calendar_event--middle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
}

.building-illustration {
  display: none;
  width: 300px;
  height: 300px;
  margin-bottom: -10px;
}
@media screen and (min-width: 768px) {
  .building-illustration {
    display: block;
  }
}

.blog-link {
  display: block;
  position: relative;
  background-color: #2b2b3b;
  background-position: center;
  background-size: cover;
}
.blog-link:hover, .blog-link:focus, .blog-link:active {
  opacity: 0.9;
}

.blog-link__image {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  opacity: 0.2;
}

.marketing-emotional-illustration {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 256px;
  width: 142px;
}
@media (min-width: 768px) {
  .marketing-emotional-illustration {
    height: 343px;
    width: 190px;
  }
}
@media (min-width: 1200px) {
  .marketing-emotional-illustration {
    height: 460px;
    width: 255px;
  }
}
.marketing-emotional-illustration--right {
  left: auto;
  right: 0;
}

.marketing-emotional-illustration--big {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 256px;
  width: 142px;
}
@media (min-width: 768px) {
  .marketing-emotional-illustration--big {
    height: 600px;
    width: 333px;
  }
}

.marketing-emotional-illustration__wrapper {
  position: relative;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .marketing-emotional-illustration__wrapper {
    height: 600px;
  }
}

.marketing-emotional-illustration__image {
  height: 210px;
  width: 280px;
}
@media (min-width: 544px) {
  .marketing-emotional-illustration__image {
    height: 300px;
    width: 480px;
  }
}
@media (min-width: 768px) {
  .marketing-emotional-illustration__image {
    height: 600px;
    width: 800px;
    position: absolute;
    top: 0;
    left: 60px;
  }
}

@media (min-width: 768px) {
  .marketing-emotional-illustration__image--right {
    right: 60px;
    left: auto;
  }
}

@keyframes pulse-object {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  50% {
    transform: scale3d(0.96, 0.96, 0.96);
    opacity: 0.8;
  }
  100% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes animate-object-in {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes animate-object-slide-in {
  0% {
    transform: translate3d(-20px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.path-animate--pulse,
.path-animate--in,
.path-animate--slide-in,
.path-animate--slide-up {
  opacity: 0;
}
.no-cssanimations .path-animate--pulse, .no-csstransforms .path-animate--pulse,
.no-cssanimations .path-animate--in,
.no-csstransforms .path-animate--in,
.no-cssanimations .path-animate--slide-in,
.no-csstransforms .path-animate--slide-in,
.no-cssanimations .path-animate--slide-up,
.no-csstransforms .path-animate--slide-up {
  opacity: 1;
}

.page-ready .path-animate--pulse {
  animation: animate-object-in 0.5s, pulse-object 1s infinite;
  animation-delay: 1s, 1.5s;
  transform-origin: center;
}

.page-ready .path-animate--in {
  animation: animate-object-in 3s, pulse-object 5s infinite;
  animation-delay: 2s, 5s;
}

.page-ready .path-animate--slide-in {
  animation: animate-object-slide-in 0.5s forwards;
  animation-delay: 1s, 1.5s;
}

.page-ready .path-animate--slide-up {
  animation: animate-object-in 0.5s forwards;
  animation-delay: 1s, 1.5s;
}

.transform-origin--80-20 {
  transform-origin: 80% 20% !important;
}

.path-animation-delay--0 {
  animation-delay: 1s, 1.5s !important;
}

.path-animation-delay--1 {
  animation-delay: 1.5s, 2s !important;
}

.path-animation-delay--2 {
  animation-delay: 2s, 2.5s !important;
}

.path-animation-delay--3 {
  animation-delay: 2.5s, 3s !important;
}

.path-animation-delay--4 {
  animation-delay: 3s, 3.5s !important;
}

.path-animation-delay--5 {
  animation-delay: 3.5s, 4s !important;
}

.path-animation-delay--6 {
  animation-delay: 4s, 4.5s !important;
}

.c-arrow--wrapper {
  position: absolute;
  pointer-events: none;
  z-index: 5;
  opacity: 0.8;
}

.c-arrow__head {
  fill: #6c6c93;
  max-height: 20px;
}

.c-arrow__line {
  fill: none;
  stroke: #6c6c93;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1px;
}

.u-arrow--is-down .u-arrow--when-up {
  display: none;
}
.u-arrow--is-down .u-arrow--when-down {
  display: block;
}

.u-arrow--is-up .u-arrow--when-up {
  display: block;
}
.u-arrow--is-up .u-arrow--when-down {
  display: none;
}

.marketing-customer-slice {
  display: flex;
  height: auto;
}

.marketing-customer__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  order: 1;
  width: 50%;
}
.marketing-customer__content.first {
  order: 0;
}
.marketing-customer__content.second {
  order: 2;
}

.marketing-customer__content-text {
  justify-content: center;
  padding: 32px;
}

.marketing-customer__content-image {
  justify-content: flex-end;
}
.marketing-customer__content-image.first {
  align-items: flex-start;
}
.marketing-customer__content-image.second {
  align-items: flex-end;
}

.marketing-customer__logo {
  max-height: 200px;
  max-width: 75%;
  opacity: 0.5;
}

.marketing-customer__image {
  max-height: 300px;
  max-width: 100%;
}

.job-features__menu-item {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  display: block;
  width: 100%;
  color: #6c6c93;
  line-height: 2;
}
@media (min-width: 768px) {
  .job-features__menu-item {
    line-height: 1.4;
  }
}
.job-features__menu-item.is-active {
  color: #2b2b3b;
}

.job-features__feature {
  padding-top: 64px;
  padding-bottom: 64px;
  border-bottom: 1px solid #ede6de;
}

.job-features__image {
  width: 100%;
}

.footer-link {
  padding: 5px 5px 5px 0px;
  transition: color 0.2s;
}
.footer-link:hover, .footer-link:focus {
  text-decoration: none;
}

.footer-link--main {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  color: rgba(255, 255, 255, 0.7);
  display: block;
}

.footer-link--social {
  display: inline-block;
}

.footer-link--social__icon {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
  color: white;
  padding: 5px 5px 5px 0px;
  transition: color 0.2s;
}
.footer-link--social:hover .footer-link--social__icon, .footer-link--social:focus .footer-link--social__icon {
  color: #7e00e6;
}

.signup-form-fields .form-group {
  margin-top: 16px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.signup-form-fields .form-control-label {
  transform: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  font-weight: 700;
  text-transform: none;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 0;
  color: #2b2b3b;
}
.signup-form-fields .form-control {
  margin-top: 0;
  height: 60px;
}
.signup-form-fields .form-control::placeholder {
  font-style: italic;
}
.signup-form-fields .has-error .form-control-label {
  color: #2b2b3b;
}
.signup-form-fields .has-error .form-control::placeholder {
  color: white;
  opacity: 0.7;
}
.signup-form-fields .form-group.sign_up_subdomain::after, .signup-form-fields .form-group.subdomain_name::after, .signup-form-fields .form-group.company_subdomain::after {
  top: 50px;
}

.free-badge {
  display: none;
}
@media (min-width: 992px) {
  .free-badge {
    font-family: var(--cds-font-family-heavy);
    font-weight: var(--cds-font-weight-heavy);
    font-size: var(--cds-font-size-label);
    line-height: 1.5;
    text-transform: uppercase;
    color: inherit;
    display: inline-block;
    background-color: #00ff95;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 10px;
    right: 45px;
    opacity: 1;
    transform: rotate(22deg);
    border-radius: 100%;
    line-height: 75px;
    color: #2b2b3b;
  }
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}

.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.PresetDateRangePicker_button:active {
  outline: 0;
}

.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699;
}

.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff;
}

.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput__block {
  display: block;
}

.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker__block {
  display: block;
}

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px;
}

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}

.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.CalendarDay:active {
  outline: 0;
}

.CalendarDay__defaultCursor {
  cursor: default;
}

.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff;
}

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit;
}

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848;
}

.CalendarDay__outside:hover {
  border: 0;
}

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848;
}

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}

.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid__vertical {
  margin: 0 auto;
}

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}

.DayPickerNavigation {
  position: relative;
  z-index: 2;
}

.DayPickerNavigation__horizontal {
  height: 0;
}

.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}

.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}

.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: 0.78;
  border-radius: 3px;
  padding: 6px 9px;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}

.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block;
}

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle;
}

.DateInput__small {
  width: 97px;
}

.DateInput__block {
  width: 100%;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
}

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.2px;
  padding: 7px 7px 5px;
}

.DateInput_input__regular {
  font-weight: auto;
}

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

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2;
}

.DateInput_fangShape {
  fill: #fff;
}

.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput__block {
  display: block;
}

.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}

.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}

.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.DateRangePickerInput_clearDates__small {
  padding: 6px;
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker__block {
  display: block;
}

.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.SingleDatePickerInput {
  border-radius: 8px;
  border: none;
  margin-left: 15px;
}

.DateInput {
  border-radius: 8px;
}

.DateInput_input {
  font-family: "chaparral-pro", serif;
  color: #2e424d;
  border-radius: 8px;
}

.DateInput_input__focused {
  background: #e0e7eb;
  color: #2e424d;
  box-shadow: 0 0 1px rgba(46, 66, 77, 0.35);
}

.holiday-calculator-link a {
  color: white;
  text-decoration: underline;
}

.e-input {
  height: 50px;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 0.75rem;
  font-family: "chaparral-pro", serif;
  color: #2e424d;
}

.e-radio-input {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  opacity: 0;
  cursor: pointer;
}

.e-radio-input:checked + .o-icon .onoff__yes {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}
.e-radio-input:checked + .o-icon .onoff__no {
  opacity: 0;
  transition: opacity 0.1s;
}
.e-radio-input:checked + .o-icon .onoff_check {
  transform: translate3d(0, 0, 0);
  transition: transform 0.15s;
}
.e-radio-input:checked + .o-icon .onoff_bg {
  fill: #50e2c3;
  transition: fill 0.2s;
}

.marketing-supporting-illustration {
  max-width: 100%;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) {
  .marketing-supporting-illustration {
    width: 600px;
    height: 500px;
  }
}

.marketing-security-section__icon {
  height: 260px;
  width: 300px;
  display: block;
  fill: currentColor;
  margin: 0 auto;
  margin-top: -180px;
}

.policies-banner-image {
  display: none;
  height: 125px;
}
@media (min-width: 768px) {
  .policies-banner-image {
    display: block;
  }
}

.hr-consultants__tick {
  max-width: 35px;
}

.hr-consultants__imageluula {
  max-width: 100%;
}

.hr-consultants__textluula {
  position: absolute;
  top: 110px;
  right: -30px;
}

.hr-consultants__quotelist {
  display: grid;
  column-gap: 30px;
  row-gap: 25px;
}
@media (min-width: 768px) {
  .hr-consultants__quotelist {
    grid-template-columns: 1fr 1fr;
  }
}

.hr-consultants__quotetext {
  font-family: var(--cds-font-family-book);
  font-style: italic;
}

.hr-consultants__blueillustration {
  position: absolute;
  bottom: 0;
  left: 60%;
  height: 45%;
}

.usp-list {
  display: block;
}
@media (min-width: 544px) {
  .usp-list {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .usp-list {
    justify-content: flex-start;
  }
}

.onboarding-image {
  max-width: 100%;
  max-height: 489px;
  display: block;
}

.onboarding-image--centered {
  margin: 16px auto 0;
}

@media (min-width: 768px) {
  .onboarding-image--mobile {
    display: none;
  }
}

.onboarding-image--desktop {
  display: none;
}
@media (min-width: 768px) {
  .onboarding-image--desktop {
    display: block;
  }
}

.onboarding-background-desktop h1 {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-headline);
  line-height: 1.5;
  color: inherit;
  line-height: 48px;
}
@media (min-width: 768px) {
  .onboarding-background-desktop h1 {
    font-size: 55px;
    line-height: 64px;
  }
}

.testimonial--mobile {
  display: block;
}
@media (min-width: 768px) {
  .testimonial--mobile {
    display: none;
  }
}

.testimonial--desktop {
  display: none;
}
@media (min-width: 768px) {
  .testimonial--desktop {
    display: flex;
  }
}

.testimonial-quote blockquote {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}
.testimonial-quote p {
  font-size: 16px;
}

.signup-form {
  border-radius: 8px;
  width: 100%;
  padding: 16px;
}
@media (min-width: 544px) {
  .signup-form {
    max-width: 355px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .signup-form {
    min-width: 335px;
    max-width: 445px;
    margin-right: 64px;
    padding: 32px;
  }
}
@media (min-width: 992px) {
  .signup-form {
    margin-right: 96px;
  }
}

.signup-form--variant {
  border-radius: 8px;
  width: 100%;
  padding: 16px;
}
@media (min-width: 544px) {
  .signup-form--variant {
    max-width: 355px;
  }
}
@media (min-width: 768px) {
  .signup-form--variant {
    min-width: 335px;
    max-width: 445px;
    padding: 32px;
  }
}

.signup-form--centred {
  border-radius: 8px;
  width: 100%;
  padding: 16px;
}
@media (min-width: 544px) {
  .signup-form--centred {
    max-width: 355px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .signup-form--centred {
    min-width: 335px;
    max-width: 445px;
    padding: 32px;
  }
}

.onboarding-logo-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .onboarding-logo-wrapper {
    padding: 0 64px;
    margin-bottom: initial;
    flex-wrap: initial;
    align-items: baseline;
    justify-content: space-between;
  }
}
.onboarding-logo-wrapper li {
  width: 50%;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .onboarding-logo-wrapper li {
    width: initial;
  }
}

.onboarding-logo {
  flex-basis: 50%;
  width: 100%;
  text-align: center;
  margin: 16px 0;
}
@media (min-width: 768px) {
  .onboarding-logo {
    flex-basis: initial;
    display: flex;
    justify-content: center;
    width: 75%;
  }
}

.onboarding-logo--bulb {
  max-width: 150px;
}
@media (min-width: 768px) {
  .onboarding-logo--bulb {
    width: initial;
  }
}

.onboarding-cta {
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .onboarding-cta {
    width: 40%;
  }
}

.ratings--desktop {
  display: none;
}
@media (min-width: 768px) {
  .ratings--desktop {
    display: initial;
  }
}

.ratings--mobile {
  display: block;
}
@media (min-width: 768px) {
  .ratings--mobile {
    display: none;
  }
}

.ratings-section {
  max-width: 720px;
  display: grid;
  row-gap: 16px;
}
@media (min-width: 544px) {
  .ratings-section {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .ratings-section {
    grid-template-columns: repeat(3, 1fr);
  }
}

.ratings-1 {
  order: 1;
}

.ratings-2 {
  order: 2;
}
@media (min-width: 544px) {
  .ratings-2 {
    order: 3;
  }
}
@media (min-width: 1200px) {
  .ratings-2 {
    order: 4;
  }
}

.ratings-3 {
  order: 3;
}
@media (min-width: 544px) {
  .ratings-3 {
    order: 2;
  }
}

.ratings-4 {
  order: 4;
}

.ratings-5 {
  order: 5;
}
@media (min-width: 544px) {
  .ratings-5 {
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .ratings-5 {
    order: 3;
    grid-column: span 1;
  }
}

.ratings-6 {
  order: 6;
}
@media (min-width: 544px) {
  .ratings-6 {
    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .ratings-6 {
    grid-column: span 1;
  }
}

.signup-form-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .signup-form-wrapper {
    flex-direction: row;
    align-items: unset;
    justify-content: center;
  }
}

.signup-form__social-proof {
  width: 100%;
  height: max-content;
  margin-bottom: -0.4rem;
  text-align: center;
  border-top-left-radius: var(--cds-border-radius-default);
  border-top-right-radius: var(--cds-border-radius-default);
}
@media (min-width: 544px) {
  .signup-form__social-proof {
    max-width: 355px;
  }
}
@media (min-width: 768px) {
  .signup-form__social-proof {
    max-width: 24rem;
    margin-top: 2rem;
    margin-bottom: unset;
    text-align: unset;
    border-top-right-radius: unset;
    border-bottom-left-radius: var(--cds-border-radius-default);
  }
}
.signup-form__social-proof h1 {
  font-size: 2.25rem;
}
@media (max-width: 991px) {
  .signup-form__social-proof h1 {
    font-size: 2rem;
  }
}
.signup-form__social-proof h1 span {
  background-image: url("https://static.charliehr.com/webflow/variants/demo/images/Underline-2_1Underline-2.webp");
  background-position: 50% 75%;
  background-repeat: no-repeat;
  background-size: contain;
}
.signup-form__social-proof hr {
  margin: 1.25rem 0;
}
.signup-form__social-proof img#rachel-carrell {
  height: 5rem;
  width: 5rem;
  border: 1px solid var(--context-border-color);
  border-radius: 100%;
}
.signup-form__social-proof blockquote {
  margin: 0.75rem 0;
}
.signup-form__social-proof cite {
  font-style: normal;
}
.signup-form__social-proof img#koru-kids {
  height: 2rem;
}

.marketing-blog-post {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  display: flex;
  flex-direction: column;
  margin: 15px 0;
}
@media (min-width: 544px) {
  .marketing-blog-post {
    flex-direction: row;
  }
}

.marketing-blog-post__image {
  width: 100%;
  height: 100px;
  flex-shrink: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
@media (min-width: 544px) {
  .marketing-blog-post__image {
    width: 180px;
    height: auto;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 8px;
  }
}

.marketing-blog-post__content {
  flex-grow: 1;
  padding: 15px;
}
@media (min-width: 544px) {
  .marketing-blog-post__content {
    padding: 30px 15px;
  }
}

.u-stroke--success-130 {
  stroke: #00b368;
}

.u-stroke--success {
  stroke: #00ff95;
}

.u-fill-charcoal {
  fill: #2b2b3b;
}

.u-fill--success-130 {
  fill: #00b368;
}

.u-fill--success {
  fill: #00ff95;
}

.when-thriving {
  display: none;
}
.is-thriving .when-thriving {
  display: block;
}

.when-rewarding {
  display: none;
}
.is-rewarding .when-rewarding {
  display: block;
}

.when-developing {
  display: none;
}
.is-developing .when-developing {
  display: block;
}

.when-managing {
  display: none;
}
.is-managing .when-managing {
  display: block;
}

.when-protecting {
  display: none;
}
.is-protecting .when-protecting {
  display: block;
}

.when-onboarding {
  display: none;
}
.is-onboarding .when-onboarding {
  display: block;
}

.svg-coord-for-onboarding {
  display: block;
}

.svg-coord-for-protecting {
  display: none;
}
.is-protecting .svg-coord-for-protecting, .is-managing .svg-coord-for-protecting, .is-developing .svg-coord-for-protecting, .is-rewarding .svg-coord-for-protecting, .is-thriving .svg-coord-for-protecting {
  display: block;
}

.svg-coord-for-managing {
  display: none;
}
.is-managing .svg-coord-for-managing, .is-developing .svg-coord-for-managing, .is-rewarding .svg-coord-for-managing, .is-thriving .svg-coord-for-managing {
  display: block;
}

.svg-coord-for-developing {
  display: none;
}
.is-developing .svg-coord-for-developing, .is-rewarding .svg-coord-for-developing, .is-thriving .svg-coord-for-developing {
  display: block;
}

.svg-coord-for-rewarding {
  display: none;
}
.is-rewarding .svg-coord-for-rewarding, .is-thriving .svg-coord-for-rewarding {
  display: block;
}

.svg-coord-for-thriving {
  display: none;
}
.is-thriving .svg-coord-for-thriving {
  display: block;
}

.svg-placeholder-coord-for-protecting {
  display: block;
}
.is-protecting .svg-placeholder-coord-for-protecting, .is-managing .svg-placeholder-coord-for-protecting, .is-developing .svg-placeholder-coord-for-protecting, .is-rewarding .svg-placeholder-coord-for-protecting, .is-thriving .svg-placeholder-coord-for-protecting {
  display: none;
}

.svg-placeholder-coord-for-managing {
  display: block;
}
.is-managing .svg-placeholder-coord-for-managing, .is-developing .svg-placeholder-coord-for-managing, .is-rewarding .svg-placeholder-coord-for-managing, .is-thriving .svg-placeholder-coord-for-managing {
  display: none;
}

.svg-placeholder-coord-for-developing {
  display: block;
}
.is-developing .svg-placeholder-coord-for-developing, .is-rewarding .svg-placeholder-coord-for-developing, .is-thriving .svg-placeholder-coord-for-developing {
  display: none;
}

.svg-placeholder-coord-for-rewarding {
  display: block;
}
.is-rewarding .svg-placeholder-coord-for-rewarding, .is-thriving .svg-placeholder-coord-for-rewarding {
  display: none;
}

.svg-placeholder-coord-for-thriving {
  display: block;
}
.is-thriving .svg-placeholder-coord-for-thriving {
  display: none;
}

.svg-tooltip {
  fill: white;
  stroke-width: 2;
  stroke: #ede6de;
}
.svg-tooltip .svg-tooltip__text {
  stroke-width: 0;
  font-family: var(--cds-font-family-book);
  font-weight: 600;
  font-size: 22px;
  fill: #2b2b3b;
}

.is-onboarding .svg-tooltip.for-onboarding,
.is-protecting .svg-tooltip.for-protecting,
.is-managing .svg-tooltip.for-managing,
.is-developing .svg-tooltip.for-developing,
.is-rewarding .svg-tooltip.for-rewarding,
.is-thriving .svg-tooltip.for-thriving {
  stroke: #00b368;
  fill: #00b368;
}
.is-onboarding .svg-tooltip.for-onboarding .svg-tooltip__text,
.is-protecting .svg-tooltip.for-protecting .svg-tooltip__text,
.is-managing .svg-tooltip.for-managing .svg-tooltip__text,
.is-developing .svg-tooltip.for-developing .svg-tooltip__text,
.is-rewarding .svg-tooltip.for-rewarding .svg-tooltip__text,
.is-thriving .svg-tooltip.for-thriving .svg-tooltip__text {
  fill: white;
}

.svg-comment {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.svg-comment .svg-comment__text {
  stroke-width: 0;
  font-family: var(--cds-font-family-book);
  font-weight: 600;
  font-size: 46px;
  fill: #00b368;
}

.is-onboarding .svg-comment.for-onboarding,
.is-protecting .svg-comment.for-protecting,
.is-managing .svg-comment.for-managing,
.is-developing .svg-comment.for-developing,
.is-rewarding .svg-comment.for-rewarding,
.is-thriving .svg-comment.for-thriving {
  pointer-events: all;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.logo-wall__link {
  display: inline-block;
  height: auto;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.logo-wall__link:hover, .logo-wall__link:focus, .logo-wall__link:active {
  opacity: 1;
}
.logo-wall__link.logo-wall__link--no-hover {
  opacity: 1;
}

.logo-wall__image {
  height: 100px;
  margin: 30px auto;
}

.logo-wall__security-badge {
  height: 150px;
  margin: 10px auto;
  padding: 0 15px;
}

.marketing-integration__logo {
  height: 60px;
  margin: 16px 32px;
  display: inline-block;
}
@media (min-width: 768px) {
  .marketing-integration__logo {
    height: 100px;
  }
}

.marketing-integration__laptop-illustration {
  position: absolute;
  bottom: -60px;
  left: 0;
}

.marketing-integration__email-illustration {
  position: absolute;
  top: -60px;
  right: 30px;
}

@media (min-width: 768px) {
  .price-cards {
    display: flex;
  }
}
@media (min-width: 768px) {
  .price-cards__col {
    display: flex;
  }
}
.price-cards .price-card {
  position: relative;
  box-shadow: 0 15px 36px 0 rgba(43, 43, 59, 0.34);
  border-radius: 8px;
  border: 2px solid transparent;
  width: 100%;
}
.price-cards .price-card--border {
  box-shadow: none;
  border: 2px solid #7e00e6;
}
@media (min-width: 768px) {
  .price-cards .price-card__header {
    min-height: 232px;
  }
}
@media (min-width: 992px) {
  .price-cards .price-card__header {
    min-height: 220px;
  }
}
.price-cards .price-card .e-tag {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.dash {
  height: 0;
  border-top: 2px dashed #ede6de;
}

.section--calculator {
  overflow: hidden;
}

.js-price-display-container,
.js-price-display-error {
  position: absolute;
  z-index: 0;
  display: block;
  opacity: 0;
  transform: translate3d(0, 15px, 0);
}
.js-price-display-container.js-visible,
.js-price-display-error.js-visible {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.privacy-policy__style-wrapper p {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin-bottom: 15px;
}
.privacy-policy__style-wrapper p + ul,
.privacy-policy__style-wrapper p + ol {
  margin-top: -15px;
}
.privacy-policy__style-wrapper li {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}
.privacy-policy__style-wrapper h1 {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-headline);
  line-height: 1.5;
  color: inherit;
  font-weight: 700;
}
.privacy-policy__style-wrapper h2 {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  font-weight: 700;
}
.privacy-policy__style-wrapper h3 {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}
.privacy-policy__style-wrapper h2,
.privacy-policy__style-wrapper h3 {
  margin-top: 30px;
  margin-bottom: 5px;
}
.privacy-policy__style-wrapper a {
  color: #7e00e6;
  text-decoration: underline;
}
.privacy-policy__style-wrapper a:hover, .privacy-policy__style-wrapper a:focus {
  color: #ba66ff;
}

.top-features-list {
  padding-top: 16px;
  padding-bottom: 32px;
  padding-left: 18px;
  margin-bottom: 0;
}

.marketing-link {
  display: block;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 992px) {
  .marketing-link {
    display: inline;
  }
}
.marketing-link:hover, .marketing-link:focus, .marketing-link:active {
  color: white;
}

.security-banner {
  background: #00b368;
  position: relative;
}

.lamp-image {
  display: none;
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 40px;
}
@media screen and (min-width: 768px) {
  .lamp-image {
    display: block;
  }
}

.home-product {
  zoom: 1;
  height: auto;
  overflow: hidden;
}
.home-product::before, .home-product::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.home-product::after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .home-product {
    height: 750px;
  }
}
@media screen and (min-width: 768px) {
  .home-product.home-product--compressed {
    height: 600px;
  }
}

.home-product__image {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}
@media screen and (min-width: 768px) {
  .home-product__image {
    display: block;
    height: 760px;
    width: 1400px;
  }
}
.home-product__image.home-product__image--right {
  background-position: top right;
  position: absolute;
  top: 0;
  right: 0;
}
.home-product__image.home-product__image--mobile {
  width: 400px;
}

.home-product__mobile-image {
  margin: 0 auto 25px;
  width: 100%;
  display: block;
}
@media screen and (min-width: 768px) {
  .home-product__mobile-image {
    display: none;
  }
}

.home-product__image--center {
  height: 340px;
  width: auto;
  margin-bottom: 0;
}

.icon--security-measures {
  width: 25px;
  height: 25px;
  fill: currentColor;
  padding: 0;
}

.security-measures-icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.security-measures-text {
  margin: 0 0 0 30px;
}

.o-sidebar--security {
  padding: 10px 0 0 0;
}

.marketing-display-text {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-headline);
  line-height: 1.5;
  color: inherit;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .marketing-display-text {
    font-family: var(--cds-font-family-bold);
    font-weight: var(--cds-font-weight-bold);
    font-size: var(--cds-font-size-headline);
    line-height: 1.5;
    color: inherit;
    line-height: 1.2;
  }
}
@media (min-width: 992px) {
  .marketing-display-text {
    font-family: var(--cds-font-family-bold);
    font-weight: var(--cds-font-weight-bold);
    font-size: var(--cds-font-size-headline);
    line-height: 1.5;
    color: inherit;
    font-size: var(--cds-font-size-display);
    line-height: 1.2;
  }
}

.marketing-image-link {
  display: block;
}
.marketing-image-link:hover, .marketing-image-link:focus, .marketing-image-link:active {
  color: #7e00e6;
  text-decoration: none;
}

.marketing-image {
  width: 100%;
}

.marketing-image__caption {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin-bottom: 1em;
  margin-bottom: 30px;
  font-family: var(--cds-font-family-book);
  font-style: italic;
}

.bg-split--left {
  position: absolute;
  width: 50%;
  height: 100%;
}

.row--centered-in-fluid-container {
  max-width: 1140px;
}
@media (min-width: 768px) {
  .row--centered-in-fluid-container {
    margin-left: auto;
    margin-right: auto;
  }
}

.charlie-is-best-arrow::after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  left: 40px;
  border-top: 100px solid #7e00e6;
  border-right: 140px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 140px solid transparent;
  z-index: 1;
}

.accordion-button {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.faq-q {
  color: #fff;
  text-align: left;
  object-fit: fill;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  position: static;
  cursor: default;
}

.white-button {
  max-width: 100%;
  float: none;
  clear: none;
  color: #2e424d;
  text-align: center;
  text-transform: none;
  object-fit: fill;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding: 20px 30px;
  font-family: futura-pt, sans-serif;
  font-size: 22px;
  font-weight: 400;
  display: inline-block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.white-button:hover {
  color: #fff;
  background-color: #00a3f5;
}

.green-button-1 {
  max-width: 100%;
  float: none;
  clear: none;
  color: #111128;
  text-align: center;
  text-transform: none;
  object-fit: fill;
  background-color: #4fd384;
  border: 1px solid #fff;
  border-radius: 200px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 17px 30px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.green-button-1:hover {
  box-shadow: 1px 1px 0 1px #fff;
}

.div-block-3 {
  height: 1px;
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.terms-and-conditions {
  max-height: 400px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 30px;
  background: white;
  border-radius: 8px;
  box-shadow: inset 0 1px 4px rgba(19, 19, 83, 0.25);
  margin-bottom: 60px;
}

.company-setup__right-image {
  height: 70%;
  width: 95%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  top: 160px;
  right: 0;
}
@media (min-width: 992px) {
  .company-setup__right-image {
    top: 120px;
  }
}

.company-setup__right-image-text {
  position: absolute;
  top: 15px;
  right: 60px;
  padding: 12px;
  max-width: 285px;
  height: 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto 63px;
}

.u-header--md {
  padding: 150px 0 100px;
}

.company-setup__permission-item {
  zoom: 1;
  margin-bottom: 7px;
  color: #2b2b3b;
}
.company-setup__permission-item::before, .company-setup__permission-item::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.company-setup__permission-item::after {
  clear: both;
}

.company-setup__permission-icon {
  position: absolute;
  height: 30px;
  width: 30px;
  padding: 3px;
  margin-left: -3px;
  margin-top: -2px;
  fill: currentColor;
}

.company-setup__permission-text {
  display: inline-block;
  margin-left: 28px;
  margin-bottom: 0;
  min-height: 30px;
  color: #2b2b3b;
}

.configure__link {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-align: center;
}
.configure__link:hover, .configure__link:focus {
  text-decoration: none;
  color: white;
}

.configure__icon {
  width: 50px;
  height: 50px;
  fill: currentColor;
  padding: 0;
  display: block;
  margin: 10px auto;
}

.configure__welcome path {
  opacity: 0.5;
}
.configure__welcome .icon__highlight {
  opacity: 1;
  fill: #00ff95;
}

.configure__title {
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  margin-bottom: 10px;
}

.c-logo-uploader--sm .c-logo-uploader__state, .c-logo-uploader--sm .c-logo-uploader__message, .c-logo-uploader.c-logo-uploader--sm {
  height: 200px;
  max-width: 200px;
}
@media screen and (min-width: 1200px) {
  .c-logo-uploader--sm .c-logo-uploader__state, .c-logo-uploader--sm .c-logo-uploader__message, .c-logo-uploader.c-logo-uploader--sm {
    height: 200px;
    max-width: 200px;
  }
}

.c-logo-uploader--lg .c-logo-uploader__state, .c-logo-uploader--lg .c-logo-uploader__message, .c-logo-uploader.c-logo-uploader--lg {
  height: 240px;
  max-width: 400px;
}
@media screen and (min-width: 1200px) {
  .c-logo-uploader--lg .c-logo-uploader__state, .c-logo-uploader--lg .c-logo-uploader__message, .c-logo-uploader.c-logo-uploader--lg {
    height: 310px;
  }
}

.c-logo-uploader--fluid .c-logo-uploader__state, .c-logo-uploader--fluid .c-logo-uploader__message, .c-logo-uploader.c-logo-uploader--fluid {
  height: 200px;
  width: 100%;
  border-radius: 8px;
}
@media screen and (min-width: 1200px) {
  .c-logo-uploader--fluid .c-logo-uploader__state, .c-logo-uploader--fluid .c-logo-uploader__message, .c-logo-uploader.c-logo-uploader--fluid {
    height: 200px;
    width: 100%;
  }
}

.c-logo-uploader {
  min-height: 0;
  border: 0;
  padding: 0;
  background-color: #2b2b3b;
  background-position: center;
  background-size: cover;
  margin: 0 auto;
  border-radius: 8px;
  overflow: hidden;
}
.c-logo-uploader.c-logo-uploader--editable:hover {
  cursor: pointer;
}

.c-logo-uploader__wrapper {
  position: relative;
}

.c-logo-uploader__content {
  margin-top: -10px;
  width: 100%;
}

.c-logo-uploader__message {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 15px;
  border-radius: 8px;
  z-index: 2;
  opacity: 0;
  background-color: #2b2b3b;
  transition: opacity 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-logo-uploader--editable .c-logo-uploader__message:hover, .c-logo-uploader--editable.is-dragging .c-logo-uploader__message {
  opacity: 0.9;
  transition: opacity 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.c-logo-uploader__message::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 90%;
  width: 90%;
  margin: 0;
  transform: translate3d(5%, 5%, 0);
  border: 1px solid #fff;
}
.c-logo-uploader.is-loading .c-logo-uploader__message {
  display: none;
}

.c-logo-uploader__title,
.c-logo-uploader__sub-title {
  margin: 0;
}

.c-logo-uploader__title {
  font-size: 16px;
  color: white;
}

.c-logo-uploader__sub-title {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  color: #ede6de;
  width: 100%;
}

.c-logo-uploader__icon {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
  display: block;
  margin: 0 auto;
}
.c-logo-uploader__icon .o-icon {
  height: 50px;
  width: 50px;
  padding: 0;
  fill: currentColor;
  display: block;
  margin: 10px auto;
}

.c-logo-uploader__loader {
  height: 80px;
  width: 80px;
  padding: 0;
  fill: currentColor;
  fill: none;
  padding: 0;
  display: block;
  margin: 0 auto;
  animation: rotate 0.7s infinite;
}

.c-logo-uploader__preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 8px;
  overflow: hidden;
}
.c-logo-uploader__uploaded .c-logo-uploader__preview {
  background: #2b2b3b;
}

.c-logo-uploader__state {
  background-size: cover;
  background-position: center;
}
.c-logo-uploader__state--default {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 15px;
  text-align: center;
}
.c-logo-uploader.is-loading .c-logo-uploader__state--default, .c-logo-uploader.has-error .c-logo-uploader__state--default {
  display: none;
}
.c-logo-uploader__state--progress {
  display: none;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.2s, z-index 0s 0.2s;
}
.c-logo-uploader.is-loading .c-logo-uploader__state--progress {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 15px;
  text-align: center;
  opacity: 1;
  z-index: 3;
  transition: opacity 0.2s;
}
.c-logo-uploader__state--error {
  display: none;
}
.c-logo-uploader.has-error .c-logo-uploader__state--error {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 15px;
  text-align: center;
}
.c-logo-uploader__state---success {
  display: none;
}
.c-logo-uploader.has-success .c-logo-uploader__state---success {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 15px;
  text-align: center;
}

.c-logo-uploader-img {
  max-height: 80px;
  max-width: 90%;
  margin: 10px auto;
  display: block;
}

.edit-company__slack {
  width: 100%;
  padding: 0 20px;
  margin: 15px 0;
  max-height: 54px;
}

.slack_disconnect {
  margin-top: 15px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
}
.slack_disconnect:hover {
  color: #d63429;
}

.team-list,
.document__collections-list,
.key__date__types-list {
  zoom: 1;
}
.team-list::before, .team-list::after,
.document__collections-list::before,
.document__collections-list::after,
.key__date__types-list::before,
.key__date__types-list::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.team-list::after,
.document__collections-list::after,
.key__date__types-list::after {
  clear: both;
}

.team-list__labels,
.document__collections-list__labels,
.key__date__types-list__labels {
  zoom: 1;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
.team-list__labels::before, .team-list__labels::after,
.document__collections-list__labels::before,
.document__collections-list__labels::after,
.key__date__types-list__labels::before,
.key__date__types-list__labels::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.team-list__labels::after,
.document__collections-list__labels::after,
.key__date__types-list__labels::after {
  clear: both;
}

.team-list__delete,
.document__collections-list__delete,
.key__date__types-list__delete {
  color: white;
  text-align: right;
}
.team-list__delete:hover,
.document__collections-list__delete:hover,
.key__date__types-list__delete:hover {
  color: #d63429;
}
.team-list__delete span,
.document__collections-list__delete span,
.key__date__types-list__delete span {
  display: none;
}
.team-list__delete .o-icon,
.document__collections-list__delete .o-icon,
.key__date__types-list__delete .o-icon {
  height: 30px;
  widows: 30px;
}

.team-table__permissions {
  position: relative;
  display: inline-block;
}
.team-table__permissions:hover {
  cursor: help;
}

.team-table__tooltip {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translate3d(-50%, 5px, 0);
  width: auto;
  text-align: center;
  white-space: nowrap;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  margin: 0;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}
.team-table__tooltip::before {
  content: "";
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #16161d;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.team-table__permissions:hover .team-table__tooltip {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  z-index: 6;
  transition: transform 0.1s cubic-bezier(0.25, -0.25, 0.75, 1.25), opacity 0.2s;
}

.time-off__switch {
  width: 100%;
}
.content-table__accordion .time-off__switch {
  margin: -6px 0;
}
.time-off__switch input {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  margin-top: 0;
  margin-bottom: -10px;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.time-off__switch input:hover {
  cursor: pointer;
}
.time-off__switch input.switch--disabled:hover {
  cursor: not-allowed;
}
.time-off__switch input:checked + .o-icon .onoff__yes {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}
.time-off__switch input:checked + .o-icon .onoff__no {
  opacity: 0;
  transition: opacity 0.1s;
}
.time-off__switch input:checked + .o-icon .onoff_check {
  transform: translate3d(0, 0, 0);
  transition: transform 0.15s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.time-off__switch input:checked + .o-icon .onoff_bg {
  fill: #00ff95;
  transition: fill 0.2s;
}
.time-off__switch .o-icon {
  width: auto;
  margin: -4px 0 -15px;
}
.time-off__switch .o-icon .onoff_bg {
  fill: #d63429;
}

#quote__index.sorting {
  padding: 18px;
  border: 2px dashed rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
}

.quote__preview {
  position: relative;
  height: 150px;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.quote__text {
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 0 20%;
  top: 50%;
  font-size: 22px;
  font-family: var(--cds-font-family-book);
  transform: translateY(-50%);
}

.overlay__fileupload {
  background: white;
  border-radius: 8px;
  width: 100%;
  height: 50px;
  position: relative;
  margin: 20px 0;
  z-index: 4;
}
.overlay__fileupload:hover {
  background: #7e00e6;
  color: white;
}
.overlay__fileupload p {
  padding-top: 14px;
}
.overlay__fileupload .form-group {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0;
}
.overlay__fileupload input {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 5;
}
.overlay__fileupload input:hover {
  cursor: pointer;
}

.form-group .minicolors.minicolors-theme-bootstrap .minicolors-swatch {
  top: 10px;
  left: 9px;
  height: 28px;
  width: 28px;
  border-radius: 8px;
  border: 0;
}

@media screen and (max-width: 768px) {
  .u-enable-mobile-tabs .sidebar-wrapper .section-wrap {
    padding-bottom: 80px;
  }
}

.u-disable-top-nav .content-wrap {
  padding-top: 0;
}

.u-box-shadow--silver-25 {
  box-shadow: 0 2px 5px 0 #e4d9cd;
}

.u-box-shadow--silver-50 {
  box-shadow: 0 5px 15px 0 #e4d9cd;
}

.u-box-inset--success-50 {
  box-shadow: inset 0 0 1px 0 rgba(0, 255, 149, 0.5);
}

.u-box-inset--danger-50 {
  box-shadow: inset 0 0 1px 0 rgba(214, 52, 41, 0.5);
}

.u-box-inset--warning-50 {
  box-shadow: inset 0 0 1px 0 rgba(255, 140, 0, 0.5);
}

.u-bg--indigo-05 {
  background-color: #ebd5eb;
}

.u-bg--rainbow-blue-05 {
  background-color: #d2f0f9;
  color: #2b2b3b;
  border-color: hsl(194, 77%, 60%);
}

.u-bg--rainbow-blue-50 {
  background-color: #9cdef2;
  color: #2b2b3b;
  border-color: hsl(194, 77%, 60%);
}

.u-bg--rainbow-green-05 {
  background-color: #c7f5ea;
  color: #2b2b3b;
  border-color: hsl(166, 70%, 52%);
}

.u-bg--rainbow-green-50 {
  background-color: #7de8cf;
  color: #2b2b3b;
  border-color: hsl(166, 70%, 52%);
}

.u-bg--rainbow-orange-05 {
  background-color: #fff0e6;
  color: #2b2b3b;
  border-color: hsl(25, 100%, 65%);
}

.u-bg--rainbow-orange-50 {
  background-color: #ffcca8;
  color: #2b2b3b;
  border-color: hsl(25, 100%, 65%);
}

.u-bg--rainbow-yellow-05 {
  background-color: #fff9eb;
  color: #2b2b3b;
  border-color: hsl(42, 100%, 56%);
}

.u-bg--rainbow-yellow-50 {
  background-color: #ffd77a;
  color: #2b2b3b;
  border-color: hsl(42, 100%, 56%);
}

.u-bg--silver-50 {
  background-color: #f6f2ee;
  color: #2b2b3b;
}

.u-bg--thistle {
  background-color: #c355aa;
  color: white;
}

.u-bg--thistle-95 {
  background-color: #f8ecf6;
  border: 1px solid #c355aa;
}

.u-bg--to-success-130:hover, .u-bg--to-success-130:focus {
  background-color: #00cc77;
  border-color: #00b368;
}

.u-bg--with-stripes {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 4px, rgba(0, 0, 0, 0.1) 4px, rgba(0, 0, 0, 0.1) 8px);
}

.u-bg-zebra--charcoal-85:nth-child(odd) {
  background-color: #414158;
  color: white;
  border-color: #21212c;
}
.u-bg-zebra--charcoal-85:nth-child(even) {
  background-color: #2b2b3b;
  color: white;
  border-color: #21212c;
}

.u-bg-zebra--charcoal-115:nth-child(odd) {
  background-color: #21212c;
  color: white;
  border-color: #0b0b0f;
}
.u-bg-zebra--charcoal-115:nth-child(even) {
  background-color: #16161d;
  color: white;
  border-color: #0b0b0f;
}

.u-bg-zebra--silver-50:nth-child(odd) {
  color: #2b2b3b;
  background-color: #f6f2ee;
  border-color: #ede6de;
}
.u-bg-zebra--silver-50:nth-child(even) {
  color: #2b2b3b;
  background-color: #f6f2ee;
  border-color: #ede6de;
}

.u-bg-zebra--white:nth-child(odd) {
  color: #2b2b3b;
  background-color: white;
  border-color: #ede6de;
}
.u-bg-zebra--white:nth-child(even) {
  color: #2b2b3b;
  background-color: #f6f2ee;
  border-color: #ede6de;
}

.u-bg-zebra--secondary:nth-child(odd) {
  color: white;
  background-color: #7e00e6;
  background-image: radial-gradient(ellipse at top, #981aff, #7e00e6);
  border-color: #7000cc;
}
.u-bg-zebra--secondary:nth-child(even) {
  color: #2b2b3b;
  background-color: #f6f2ee;
  border-color: #ede6de;
}

.u-bg--thistle-light {
  background-color: #f2d9ec;
  color: #2b2b3b;
}

.u-bg--thistle-dark {
  color: white;
  background-color: #bd42a0;
}

.u-color--thistle {
  color: #bd42a0;
}

.u-color--warning-dark {
  color: #b34c00;
}

.u-bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.u-color--beta-dark {
  color: #9c3083;
}

.u-bg-spacer {
  position: relative;
}
.u-bg-spacer .u-bg--fill-space {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .u-bg-image--hidden-sm-down {
    background-image: none !important;
  }
}

@media (max-width: 991px) {
  .u-bg-image--hidden-md-down {
    background-image: none !important;
  }
}

.u-to--no-decoration:active, .u-to--no-decoration:focus, .u-to--no-decoration:hover {
  text-decoration: none !important;
}

.u-to--underline:active, .u-to--underline:focus, .u-to--underline:hover {
  cursor: pointer;
  text-decoration: underline !important;
}

.u-border-radius {
  border-radius: 8px;
}

.u-border-radius--0 {
  border-radius: 0 !important;
}

.u-border-radius--t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.u-border-radius--left {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.u-border-radius--top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.u-border-radius--bottom {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.u-border-radius--top-left {
  border-top-left-radius: 8px;
}

.u-border-radius--top-right {
  border-top-right-radius: 8px;
}

.u-border-radius--bottom-left {
  border-bottom-left-radius: 8px;
}

.u-border-radius--bottom-right {
  border-bottom-right-radius: 8px;
}

.u-border-radius--100 {
  border-radius: 100%;
}

.u-border--top-0 {
  border-top: 0;
}

.u-border--top-1 {
  border-top-width: 1px;
  border-top-style: solid;
}

.u-border--top-5 {
  border-top-width: 5px;
  border-top-style: solid;
}

.u-border--top-10 {
  border-top-width: 10px;
  border-top-style: solid;
}

.u-border--left-4 {
  border-left-width: 4px;
  border-left-style: solid;
}

.u-border--bottom-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.u-border--bottom-3 {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.u-border--right-1 {
  border-right-width: 1px;
  border-right-style: solid;
}

.u-border--left-1 {
  border-left-width: 1px;
  border-left-style: solid;
}

.u-border-top--1-silver {
  border-top: 1px solid #ede6de;
}

.u-border-top--2-secondary {
  border-top: 2px solid #7e00e6;
}

.u-border-bottom--1-coolgray {
  border-bottom: 1px solid #dbccbd;
}

.u-border-bottom--1-silver {
  border-bottom: 1px solid #ede6de;
}

.u-border-bottom--1-success {
  border-bottom: 1px solid #00ff95;
}

.u-border--1-coolgray {
  border: 1px solid #dbccbd;
}

.u-border--1-silver {
  border: 1px solid #ede6de;
}

.u-border--1-success {
  border: 1px solid #00ff95;
}

.u-border--1-thistle {
  border: 1px solid #bd42a0;
}

.u-border--2-thistle {
  border: 2px solid #bd42a0;
}

.u-border-color--primary-50 {
  border-color: #ba66ff;
}

.u-border-color--coolgray {
  border-color: #dbccbd;
}

.u-border-bottom--3-coolgray-115 {
  border-bottom: 3px solid #c9b39c;
}

.u-box-shadow--none {
  box-shadow: none !important;
}

.u-border--none {
  border: none;
}

.u-border-width--1 {
  border-width: 1px;
  border-style: solid;
}

.u-border-width--2 {
  border-width: 2px;
  border-style: solid;
}

.u-border-width--4 {
  border-width: 4px;
  border-style: solid;
}

.u-border-width--5 {
  border-width: 5px;
  border-style: solid;
}

.u-border--blue-dashed {
  border: none;
  border-radius: 4px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%230055CCFF' stroke-width='4' stroke-dasharray='12%2c 10' stroke-dashoffset='24' stroke-linecap='round'/%3e%3c/svg%3e");
}

.u-opacity--25 {
  opacity: 0.25;
}

.u-opacity--100 {
  opacity: 1;
}

.u-index--0 {
  z-index: 0;
}

.u-index--1 {
  z-index: 1;
}

.u-index--2 {
  z-index: 2;
}

.u-index--3 {
  z-index: 3;
}

.u-index--4 {
  z-index: 4;
}

.u-index--5 {
  z-index: 5;
}

.u-scale--100 {
  transform: scale(1);
}

.u-text--shadow {
  text-shadow: 0 1px 2px rgba(19, 19, 83, 0.25);
}

.u-text--uppercase {
  text-transform: uppercase;
}

.u-text--underline {
  text-decoration: underline;
}

.u-text--line-through {
  text-decoration: line-through;
}

.u-text--italic {
  font-style: italic;
}

.u-text--nowrap {
  white-space: nowrap;
}

.u-text--break-word {
  word-wrap: break-word;
}

.u-text-transform--none {
  text-transform: none;
}

.u-text--highlight {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-border-color: var(--cds-color-warning-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
  padding-left: 5px;
  padding-right: 5px;
}

.u-text-overflow--ellipsis {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .u-text--md-left {
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .u-text--md-right {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .u-text--md-center {
    text-align: center;
  }
}

.u-text--center {
  text-align: center;
}

.u-pos--relative {
  position: relative;
}

.u-pos--absolute {
  position: absolute;
}

.u-pos--sticky {
  position: sticky;
}

.u-pos--top {
  top: 0;
  left: 0;
  right: 0;
}

.u-pos--top-100 {
  top: 100px;
}

.u-pos--bottom {
  bottom: 0;
  left: 0;
  right: 0;
}

.u-pos--top-left {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}

.u-pos--top-right {
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
}

.u-pos--bottom-left {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}

.u-pos--bottom-right {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}

.u-pos--pull-top-left {
  top: -50px;
  left: 0;
  right: auto;
  bottom: auto;
}

.u-overflow--hidden {
  overflow: hidden;
}

.u-overflow--visible {
  overflow: visible;
}

.u-overflow--y-auto {
  overflow-y: auto;
}

.u-overflow--y-scroll {
  overflow-y: scroll;
}

.u-overflow--x-scroll {
  overflow-x: scroll;
}

.u-body--overlay-open {
  overflow: hidden;
}

body.u-body--overlay-open {
  overflow: hidden;
}
body.u-body--overlay-open .c-navbar {
  right: 15px;
}
body.u-body--overlay-open .c-navbar__main-links-wrapper {
  right: 15px;
}
@media (min-width: 992px) {
  body.u-body--overlay-open .c-navbar__main-links-wrapper {
    right: auto;
  }
}

.u-float--none {
  float: none !important;
}

.u-float--left {
  float: left;
}

.u-float--right {
  float: right;
}

@media (min-width: 992px) {
  .u-float--lg-right {
    float: right;
  }
}

.u-display--flex-sm-up {
  display: block;
}
@media (min-width: 544px) {
  .u-display--flex-sm-up {
    display: flex;
  }
}

.u-display--flex-md-up {
  display: block;
}
@media (min-width: 768px) {
  .u-display--flex-md-up {
    display: flex;
  }
}

.u-display--flex-lg-up {
  display: block;
}
@media (min-width: 992px) {
  .u-display--flex-lg-up {
    display: flex;
  }
}

.u-display--inline-flex {
  display: inline-flex;
}

.u-flex--col {
  flex-direction: column !important;
}

.u-flex--row {
  flex-direction: row !important;
}

.u-flex--start {
  align-items: flex-start !important;
}

.u-flex--center {
  align-items: center !important;
}

.u-flex--stretch {
  align-items: stretch !important;
}

.u-flex--end {
  align-items: flex-end !important;
}

.u-flex--wrap {
  flex-wrap: wrap !important;
}

.u-flex--nowrap {
  flex-wrap: nowrap !important;
}

@media (min-width: 768px) {
  .u-flex--nowrap-desktop {
    flex-wrap: nowrap !important;
  }
}

.u-flex-justify--start {
  justify-content: flex-start !important;
}

.u-flex-justify--center {
  justify-content: center !important;
}

.u-flex-justify--space-between {
  justify-content: space-between !important;
}

.u-flex-justify--end {
  justify-content: flex-end !important;
}

.u-flex-justify--space-evenly {
  justify-content: space-evenly;
}

.u-flex-self--start {
  align-self: flex-start !important;
}

.u-flex-self--center {
  align-self: center !important;
}

.u-flex-self--end {
  align-self: flex-end !important;
}

.u-flex-self--stretch {
  align-self: stretch !important;
}

.u-flex-shrink--0 {
  flex-shrink: 0;
}

.u-flex-grow--1 {
  flex-grow: 1;
}

.u-flex-grow--0 {
  flex-grow: 0;
}

.u-flex-basis--95 {
  flex-basis: 95%;
}

.u-flex-basis--66 {
  flex-basis: 66%;
}

.u-flex-basis--50 {
  flex-basis: 50%;
}

.u-flex-basis--33 {
  flex-basis: 33%;
}

.u-flex-basis--25 {
  flex-basis: 25%;
}

.u-flex-basis--13 {
  flex-basis: 13%;
}

.u-flex-basis--10 {
  flex-basis: 10%;
}

.u-flex-basis--0 {
  flex-basis: 0%;
}

.u-gap--25 {
  gap: 16px;
}

.u-flex-align--stretch {
  flex-direction: column;
  align-items: stretch;
}

.u-order--1 {
  order: 1;
}

.u-order--2 {
  order: 2;
}

.u-order--3 {
  order: 3;
}

.u-min-height--75vh {
  min-height: 75vh;
}

.u-min-height--stretch {
  min-height: 100%;
}

.u-min-height--120 {
  min-height: 120px;
}

.u-min-height--150 {
  min-height: 150px;
}

.u-min-width--150 {
  min-width: 150px;
}

.u-min-height--200 {
  min-height: 200px;
}

.u-min-height--500 {
  min-height: 500px;
}

.u-min-height--full {
  min-height: 100%;
}

.u-min-height--md-250 {
  min-height: auto;
}
@media screen and (min-width: 768px) {
  .u-min-height--md-250 {
    min-height: 250px;
  }
}

.u-min-height--xl-250 {
  min-height: auto;
}
@media screen and (min-width: 1200px) {
  .u-min-height--xl-250 {
    min-height: 250px;
  }
}

.u-max-width--60 {
  max-width: 60%;
}

.u-max-width--80 {
  max-width: 80%;
}

.u-max-height--25 {
  max-height: 25px;
}

.u-max-height--40 {
  max-height: 40px;
}

.u-max-height--150 {
  max-height: 150px;
}

.u-max-height--200 {
  max-height: 200px;
}

.u-max-height--md-350 {
  max-height: auto;
}
@media screen and (min-width: 768px) {
  .u-max-height--md-350 {
    max-height: 350px;
  }
}

.u-max-height--md-500 {
  max-height: auto;
}
@media screen and (min-width: 768px) {
  .u-max-height--md-500 {
    max-height: 500px;
  }
}

.u-max-width--1400 {
  max-width: 1400px;
}

.u-max-width--sm {
  max-width: 576px;
}

.u-max-width--md {
  max-width: 720px;
}

.u-max-width--lg {
  max-width: 940px;
}

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

.u-max-width--3em {
  max-width: 3em;
}

.u-max-width--8em {
  max-width: 8em;
}

.u-max-width--16em {
  max-width: 16em;
}

@media (min-width: 768px) {
  .u-max-width--md-25 {
    max-width: 25%;
  }
}

@media (min-width: 768px) {
  .u-max-width--md-50 {
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .u-max-width--md-75 {
    max-width: 75%;
  }
}

.u-width--double {
  width: 200%;
}

.u-width--full {
  width: 100%;
}

.u-width--half {
  width: 50%;
}

.u-width--third {
  width: 33.3333333333%;
}

.u-width--two-thirds {
  width: 66.6666666667%;
}

.u-width--vw-full {
  width: 100vw;
}

.u-width--vw-half {
  width: 50vw;
}

.u-height--auto {
  height: auto;
}

.u-height--vh-full {
  height: 100vh;
}

.u-height--vh-half {
  height: 50vh;
}

.u-image-width--full {
  width: 100%;
  height: auto;
}

.u-line-height--normal {
  line-height: normal !important;
}

.u-line-height--25 {
  line-height: 15px !important;
}

.u-line-height--50 {
  line-height: 30px !important;
}

.u-line-height--75 {
  line-height: 45px !important;
}

.u-line-height--100 {
  line-height: 60px !important;
}

.u-line-height--200 {
  line-height: 120px !important;
}

.u-line-height--120 {
  line-height: 1.2 !important;
}

.u-margin--t--auto {
  margin-top: auto;
}

.u-margin--t-inline-with-input {
  margin-top: 44px;
}

.tick-bullet {
  list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 50 50"><title>check</title><path d="M23.7 35.85l-9.56-9.56a.68.68 0 0 1 0-.95l3.77-3.77a.66.66 0 0 1 .94 0l4.85 4.85a.66.66 0 0 0 .94 0L40 11a.66.66 0 0 1 1 0l3.77 3.77a.66.66 0 0 1 0 .94L24.64 35.85a.66.66 0 0 1-.94 0z M39.67 25.81V39a.67.67 0 0 1-.67.67H11a.67.67 0 0 1-.67-.67V11a.67.67 0 0 1 .67-.66h24.75a.63.63 0 0 0 .47-.2l4-4A.67.67 0 0 0 39.75 5H5.67a.67.67 0 0 0-.67.65v38.67a.66.66 0 0 0 .67.66h38.66a.66.66 0 0 0 .67-.66V21.81a.67.67 0 0 0-1.14-.47l-4 4a.67.67 0 0 0-.19.47z"/></svg>');
}

.preview-bullet {
  list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 50 50"><title>check</title><path d="M30.9 31.2c-8.7 6.5-18.5-3.3-12.1-12l.2-.2c8.7-6.5 18.6 3.3 12.1 12l-.2.2zm-5.9-20c-12.1 0-19.9 10.6-21.6 13.2-.2.3-.2.8 0 1.1C5.1 28.1 13 38.7 25 38.7s19.9-10.6 21.6-13.2c.2-.3.2-.8 0-1.1-1.7-2.5-9.5-13.2-21.6-13.2z M25 19.2c-.4 0-.7 0-1.1.1 1.2.6 2 1.9 2 3.3 0 2.1-1.7 3.7-3.7 3.7-1.4 0-2.6-.8-3.2-1.9 0 .3-.1.5-.1.8 0 3.4 2.7 6.1 6.1 6.1 3.4 0 6.1-2.7 6.1-6.1 0-3.2-2.7-6-6.1-6z"/></svg>');
}

.info-bullet {
  list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 50 50"><title>check</title><path d="M28 6.9c2.5 0 3.8 1.7 3.8 3.7 0 2.5-2.2 4.8-5.1 4.8-2.4 0-3.8-1.4-3.8-3.8.1-1.9 1.7-4.7 5.1-4.7zm-7.3 35.6c-2 0-3.5-1.2-2.1-6.7l2.3-9.7c.4-1.6.5-2.2 0-2.2-.6 0-3.2 1.1-4.8 2.1l-1-1.7c4.9-4.2 10.5-6.6 12.9-6.6 2 0 2.3 2.4 1.3 6.1L26.7 34c-.5 1.8-.3 2.4.2 2.4.6 0 2.6-.7 4.5-2.3l1.1 1.6c-4.6 5-9.8 6.8-11.8 6.8z"/></svg>');
}

.u-bg--cover {
  background-size: cover;
}

.u-bg--center {
  background-position: center;
}

.u-bg--contain {
  background-size: contain;
}

.u-bg--fill {
  background-size: fill;
}

.u-bg--no-repeat {
  background-repeat: no-repeat;
}

.u-rotate--90 {
  transform: rotate(90deg);
}

.u-rotate--180 {
  transform: rotate(180deg);
}

.u-rotate--270 {
  transform: rotate(270deg);
}

.u-list-style--none {
  list-style: none;
}

.u-emoji-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.u-emoji-list__item {
  position: relative;
  padding-left: 32px;
}
.u-emoji-list__item::before {
  position: absolute;
  left: 0;
}
.u-emoji-list__item--chart-with-upwards-trend::before {
  content: "📈";
}
.u-emoji-list__item--gear::before {
  content: "⚙️";
}
.u-emoji-list__item--locked::before {
  content: "🔒";
}
.u-emoji-list__item--palm-tree::before {
  content: "🌴";
}
.u-emoji-list__item--rocket::before {
  content: "🚀";
}
.u-emoji-list__item--wrapped-present::before {
  content: "🎁";
}
.u-emoji-list__item--home::before {
  content: "🏠";
}
.u-emoji-list__item--blue-heart::before {
  content: "💙";
}
.u-emoji-list__item--safety-helmet::before {
  content: "⛑️";
}
.u-emoji-list__item--point-right::before {
  content: "👉";
}
.u-emoji-list__item--notes::before {
  content: "📝";
}
.u-emoji-list__item--crane::before {
  content: "🏗️";
}
.u-emoji-list__item--mountain::before {
  content: "🏔";
}
.u-emoji-list__item--envelope::before {
  content: "✉️";
}
.u-emoji-list__item--hand-shake::before {
  content: "🤝";
}
.u-emoji-list__item--bulb::before {
  content: "💡";
}
.u-emoji-list__item--email::before {
  content: "📧";
}
.u-emoji-list__item--calendar::before {
  content: "📅";
}
.u-emoji-list__item--writing-hand::before {
  content: "✍️";
}
.u-emoji-list__item--pin::before {
  content: "📌";
}
.u-emoji-list__item--eyes::before {
  content: "👀";
}
.u-emoji-list__item--alarm-clock::before {
  content: "⏰";
}
.u-emoji-list__item--runner::before {
  content: "🏃";
}
.u-emoji-list__item--target::before {
  content: "🎯";
}

.u-image--offscreen {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}
@media screen and (min-width: 768px) {
  .u-image--offscreen {
    display: block;
    height: 500px;
    width: 50vw;
  }
}

.u-descendants-contain-paragraphs p {
  margin-bottom: 10px;
}

.u-descendants-contain-images img {
  max-width: 100%;
  max-height: 500px;
  margin: 40px auto;
  display: block;
}

.u-descendants-show-standard-links a {
  color: var(--context-content-accent-color);
  text-decoration: none;
}
.u-descendants-show-standard-links a:hover {
  text-decoration: underline;
}

.u-hand-on--hover:hover {
  cursor: pointer;
}

.u-input--hide-number-controls::-webkit-inner-spin-button, .u-input--hide-number-controls::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (min-width: 768px) {
  .u-left-navigation--fixed-on-scroll.is-fixed {
    position: fixed;
    top: 90px;
  }
}

@keyframes slow-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.u-slow-scroll {
  animation: slow-scroll 30s linear alternate infinite;
}

.u-animate--visibility {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transform: translate3d(15px, 0, 0);
}
.u-animate--visibility.show {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.u-section-expandable--225 {
  position: relative;
  max-height: auto;
}
.u-section-expandable--225.is-collapsed {
  max-height: 144px;
  overflow: hidden;
}
.u-section-expandable--225::after {
  content: "";
}
.u-section-expandable--225.is-collapsed::after {
  content: "";
  background: linear-gradient(transparent, var(--context-background-color));
  position: absolute;
  height: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.u-section-expandable--400 {
  position: relative;
  max-height: auto;
}
.u-section-expandable--400.is-collapsed {
  max-height: 256px;
  overflow: hidden;
}
.u-section-expandable--400::after {
  content: "";
}
.u-section-expandable--400.is-collapsed::after {
  content: "";
  background: linear-gradient(transparent, var(--context-background-color));
  position: absolute;
  height: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.u-section-expandable--600 {
  position: relative;
  max-height: auto;
}
.u-section-expandable--600.is-collapsed {
  max-height: 384px;
  overflow: hidden;
}
.u-section-expandable--600::after {
  content: "";
}
.u-section-expandable--600.is-collapsed::after {
  content: "";
  background: linear-gradient(transparent, var(--context-background-color));
  position: absolute;
  height: 50px;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

.icon--day-1 {
  display: none;
}

.is-1 .icon--day-1 {
  display: block;
}

.icon--day-2 {
  display: none;
}

.is-2 .icon--day-2 {
  display: block;
}

.icon--day-3 {
  display: none;
}

.is-3 .icon--day-3 {
  display: block;
}

.icon--day-4 {
  display: none;
}

.is-4 .icon--day-4 {
  display: block;
}

.icon--day-5 {
  display: none;
}

.is-5 .icon--day-5 {
  display: block;
}

.icon--day-6 {
  display: none;
}

.is-6 .icon--day-6 {
  display: block;
}

.icon--day-7 {
  display: none;
}

.is-7 .icon--day-7 {
  display: block;
}

.icon--day-8 {
  display: none;
}

.is-8 .icon--day-8 {
  display: block;
}

.icon--day-9 {
  display: none;
}

.is-9 .icon--day-9 {
  display: block;
}

.icon--day-10 {
  display: none;
}

.is-10 .icon--day-10 {
  display: block;
}

.icon--day-11 {
  display: none;
}

.is-11 .icon--day-11 {
  display: block;
}

.icon--day-12 {
  display: none;
}

.is-12 .icon--day-12 {
  display: block;
}

.icon--day-13 {
  display: none;
}

.is-13 .icon--day-13 {
  display: block;
}

.icon--day-14 {
  display: none;
}

.is-14 .icon--day-14 {
  display: block;
}

.icon--day-15 {
  display: none;
}

.is-15 .icon--day-15 {
  display: block;
}

.icon--day-16 {
  display: none;
}

.is-16 .icon--day-16 {
  display: block;
}

.icon--day-17 {
  display: none;
}

.is-17 .icon--day-17 {
  display: block;
}

.icon--day-18 {
  display: none;
}

.is-18 .icon--day-18 {
  display: block;
}

.icon--day-19 {
  display: none;
}

.is-19 .icon--day-19 {
  display: block;
}

.icon--day-20 {
  display: none;
}

.is-20 .icon--day-20 {
  display: block;
}

.icon--day-21 {
  display: none;
}

.is-21 .icon--day-21 {
  display: block;
}

.icon--day-22 {
  display: none;
}

.is-22 .icon--day-22 {
  display: block;
}

.icon--day-23 {
  display: none;
}

.is-23 .icon--day-23 {
  display: block;
}

.icon--day-24 {
  display: none;
}

.is-24 .icon--day-24 {
  display: block;
}

.icon--day-25 {
  display: none;
}

.is-25 .icon--day-25 {
  display: block;
}

.icon--day-26 {
  display: none;
}

.is-26 .icon--day-26 {
  display: block;
}

.icon--day-27 {
  display: none;
}

.is-27 .icon--day-27 {
  display: block;
}

.icon--day-28 {
  display: none;
}

.is-28 .icon--day-28 {
  display: block;
}

.icon--day-29 {
  display: none;
}

.is-29 .icon--day-29 {
  display: block;
}

.icon--day-30 {
  display: none;
}

.is-30 .icon--day-30 {
  display: block;
}

.icon--day-31 {
  display: none;
}

.is-31 .icon--day-31 {
  display: block;
}

.icon--day-default {
  display: block;
}
.icon--hide-day-default .icon--day-default {
  display: none;
}

.u-vertical-align--top {
  vertical-align: top !important;
}

.u-vertical-align--middle {
  vertical-align: middle !important;
}

.u-vertical-align--bottom {
  vertical-align: bottom !important;
}

.u-theme--primary-05 .u-fill--themed {
  fill: #f4e6ff;
}
.u-theme--primary-05 .u-color--themed {
  color: #7e00e6;
}
.u-theme--primary-05 .u-bg--themed {
  background-color: #f4e6ff;
  border-color: #7e00e6;
}
.u-theme--primary-05 .u-bg--themed:active, .u-theme--primary-05 .u-bg--themed:focus, .u-theme--primary-05 .u-bg--themed:hover {
  background-color: #ba66ff;
  border-color: #7e00e6;
  color: #2b2b3b;
}
.u-theme--primary-05 .u-bg--themed-50 {
  background-color: #ba66ff;
}
.u-theme--primary-05 .is-selected::after {
  background-color: #6200b3;
}
.u-theme--primary-05 .u-text-block--themed {
  background-color: #f4e6ff;
  color: #7e00e6;
  padding: 0 10px;
  border-radius: 8px;
}

.u-theme--secondary {
  color: white;
}
.u-theme--secondary .u-fill--themed {
  fill: #7e00e6;
}

.u-theme--warning-05 .u-fill--themed {
  fill: #fff4e6;
}
.u-theme--warning-05 .u-color--themed {
  color: #995400;
}
.u-theme--warning-05 .u-bg--themed {
  background-color: #ffe8cc;
  border-color: #cc7000;
}
.u-theme--warning-05 .u-bg--themed:active, .u-theme--warning-05 .u-bg--themed:focus, .u-theme--warning-05 .u-bg--themed:hover {
  background-color: #ffd199;
  border-color: darkorange;
  color: #2b2b3b;
}
.u-theme--warning-05 .u-bg--themed-50 {
  background-color: #ffd199;
}
.u-theme--warning-05 .is-selected::after {
  background-color: #cc7000;
}
.u-theme--warning-05 .u-text-block--themed {
  background-color: #ffe8cc;
  color: #995400;
  padding: 0 10px;
  border-radius: 8px;
}

.u-theme--success-05 .u-fill--themed {
  fill: #e6fff4;
}
.u-theme--success-05 .u-color--themed {
  color: #00b368;
}
.u-theme--success-05 .u-bg--themed {
  background-color: #ccffea;
  border-color: #00e68e;
}
.u-theme--success-05 .u-bg--themed:active, .u-theme--success-05 .u-bg--themed:focus, .u-theme--success-05 .u-bg--themed:hover {
  background-color: #99ffd5;
  border-color: #00ff95;
  color: #2b2b3b;
}
.u-theme--success-05 .u-bg--themed-50 {
  background-color: #99ffd5;
}
.u-theme--success-05 .is-selected::after {
  background-color: #00b368;
}
.u-theme--success-05 .u-text-block--themed {
  background-color: #ccffea;
  color: #00b368;
  padding: 0 10px;
  border-radius: 8px;
}

.u-theme--rainbow-indigo-05 .u-fill--themed {
  fill: #f4e7f3;
}
.u-theme--rainbow-indigo-05 .u-color--themed {
  color: hsl(301, 36%, 53%);
}
.u-theme--rainbow-indigo-05 .u-bg--themed {
  background-color: #ebd5eb;
  border-color: hsl(301, 36%, 53%);
}
.u-theme--rainbow-indigo-05 .u-bg--themed:active, .u-theme--rainbow-indigo-05 .u-bg--themed:focus, .u-theme--rainbow-indigo-05 .u-bg--themed:hover {
  background-color: #d09acf;
  border-color: hsl(301, 36%, 53%);
  color: #2b2b3b;
}
.u-theme--rainbow-indigo-05 .u-bg--themed-50 {
  background-color: #d09acf;
}
.u-theme--rainbow-indigo-05 .is-selected::after {
  background-color: #843e83;
}
.u-theme--rainbow-indigo-05 .u-text-block--themed {
  background-color: #ebd5eb;
  color: #843e83;
  padding: 0 10px;
  border-radius: 8px;
}

.u-markdown-content p,
.u-markdown-content li {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
  margin-bottom: 1em;
}
.u-markdown-content li {
  margin-bottom: 0;
}

.u-markdown-content--bold p {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
  font-weight: bold;
}

.u-fill--warning {
  border-color: darkorange;
  fill: darkorange;
}

.drag-icon {
  cursor: grab;
}

.u-display--grid {
  display: grid;
}

.u-filter--desaturate {
  filter: saturate(0);
}

.u-display--block {
  display: block !important;
}

.u-display--inline-block {
  display: inline-block !important;
}

.u-display--inline {
  display: inline !important;
}

.u-display--flex {
  display: flex !important;
}

.u-size--y-auto {
  height: auto;
}

.u-size--x-auto {
  width: auto;
}

.u-size--auto {
  height: auto;
  width: auto;
}

.u-size--y-0 {
  height: 0;
}

.u-size--x-0 {
  width: 0;
}

.u-size--0 {
  height: 0;
  width: 0;
}

.u-size--y-25 {
  height: 16px;
}

.u-size--x-25 {
  width: 16px;
}

.u-size--25 {
  height: 16px;
  width: 16px;
}

.u-size--y-47 {
  height: 30.08px;
}

.u-size--x-47 {
  width: 30.08px;
}

.u-size--47 {
  height: 30.08px;
  width: 30.08px;
}

.u-size--y-50 {
  height: 32px;
}

.u-size--x-50 {
  width: 32px;
}

.u-size--50 {
  height: 32px;
  width: 32px;
}

.u-size--y-75 {
  height: 48px;
}

.u-size--x-75 {
  width: 48px;
}

.u-size--75 {
  height: 48px;
  width: 48px;
}

.u-size--y-100 {
  height: 64px;
}

.u-size--x-100 {
  width: 64px;
}

.u-size--100 {
  height: 64px;
  width: 64px;
}

.u-size--y-150 {
  height: 96px;
}

.u-size--x-150 {
  width: 96px;
}

.u-size--150 {
  height: 96px;
  width: 96px;
}

.u-size--y-200 {
  height: 128px;
}

.u-size--x-200 {
  width: 128px;
}

.u-size--200 {
  height: 128px;
  width: 128px;
}

.u-size--y-300 {
  height: 192px;
}

.u-size--x-300 {
  width: 192px;
}

.u-size--300 {
  height: 192px;
  width: 192px;
}

.o-text--display-300,
.o-text--display-200 {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-headline);
  line-height: 1.5;
  color: inherit;
  font-size: var(--cds-font-size-display);
}

.o-text--display,
.o-text--headline,
.page-title,
.page-title--white {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-headline);
  line-height: 1.5;
  color: inherit;
}

.o-text--title,
.section-title,
.section-title--white {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-title);
  line-height: 1.5;
  color: inherit;
}

.text-title,
.text-title--white {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}

.text-subtitle,
.text-subtitle--white {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}

.o-text--lead,
.text-lead,
.text-lead--white {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}

.o-text--body,
.text-body,
.text--margin,
.text-body--white,
.text-company,
.text-company--white {
  margin-bottom: 1em;
}

.o-text--body,
.o-text--product,
.page-header__link,
.page-subtitle,
.section-subtitle,
.page-subtitle--white,
.section-subtitle--white,
.text-body,
.text-body--white,
.text-company,
.text-company--white {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}

.o-text--note,
.text-note--white,
.text-note--white {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
}

.o-text--label,
.o-text--caption,
.text-label,
.text-label--white,
.text-caption,
.text-caption--white,
.text-caption-colourless {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
}

.text--left,
.u-text--left {
  text-align: left;
}

.text--center,
.u-text--center {
  text-align: center;
}

.text--right,
.u-text--right {
  text-align: right;
}

.text--normal,
.u-text--normal {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
}

.text--bold,
.u-text--bold {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-style: normal;
}

.text--break-all {
  word-break: break-all;
}

.emoji,
.o-emoji {
  font-family: sans-serif !important;
  color: black !important;
}

.c-plus {
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 80px;
  width: 80px;
  font-size: 60px;
  line-height: 60px;
  margin-top: 15px;
}

.hidden-link,
.hidden-link--white {
  text-decoration: none;
  color: inherit;
}
.hidden-link:hover,
.hidden-link--white:hover {
  text-decoration: underline;
  color: #7e00e6;
  cursor: pointer;
}

.link--primary {
  color: #7e00e6;
  transition: color 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}
.link--primary:active, .link--primary:focus, .link--primary:hover {
  color: #7000cc;
  transition: color 0.3s cubic-bezier(0.25, -0.25, 0.75, 1.25);
}

.u-bg--transparent {
  --context-background-color: transparent;
  --context-content-color: inherit;
  --context-content-muted-color: inherit;
  --context-border-color: transparent;
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-transparent:hover, .u-bg--to-transparent:focus, .u-bg--to-transparent:active {
  --context-background-color: transparent;
  --context-content-color: inherit;
  --context-content-muted-color: inherit;
  --context-border-color: transparent;
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--link {
  --context-background-color: transparent;
  --context-content-color: #7e00e6;
  --context-content-muted-color: #7e00e6;
  --context-border-color: transparent;
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-link:hover, .u-bg--to-link:focus, .u-bg--to-link:active {
  --context-background-color: transparent;
  --context-content-color: #7e00e6;
  --context-content-muted-color: #7e00e6;
  --context-border-color: transparent;
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--primary-05 {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-primary-05:hover, .u-bg--to-primary-05:focus, .u-bg--to-primary-05:active {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--primary-50 {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-primary-50:hover, .u-bg--to-primary-50:focus, .u-bg--to-primary-50:active {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--rainbow-blue {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-rainbow-blue:hover, .u-bg--to-rainbow-blue:focus, .u-bg--to-rainbow-blue:active {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--secondary-50 {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-secondary-50:hover, .u-bg--to-secondary-50:focus, .u-bg--to-secondary-50:active {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--primary {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-primary:hover, .u-bg--to-primary:focus, .u-bg--to-primary:active {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--secondary {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-secondary:hover, .u-bg--to-secondary:focus, .u-bg--to-secondary:active {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--primary-115 {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-primary-115:hover, .u-bg--to-primary-115:focus, .u-bg--to-primary-115:active {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--primary-130 {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-primary-130:hover, .u-bg--to-primary-130:focus, .u-bg--to-primary-130:active {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--secondary-130 {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-secondary-130:hover, .u-bg--to-secondary-130:focus, .u-bg--to-secondary-130:active {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--success-05 {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-border-color: var(--cds-color-success-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-success-05:hover, .u-bg--to-success-05:focus, .u-bg--to-success-05:active {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-border-color: var(--cds-color-success-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--success-50 {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-border-color: var(--cds-color-success-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-success-50:hover, .u-bg--to-success-50:focus, .u-bg--to-success-50:active {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-border-color: var(--cds-color-success-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--success {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-border-color: var(--cds-color-success-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-success:hover, .u-bg--to-success:focus, .u-bg--to-success:active {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-border-color: var(--cds-color-success-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--success-130 {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-border-color: var(--cds-color-success-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-success-130:hover, .u-bg--to-success-130:focus, .u-bg--to-success-130:active {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-border-color: var(--cds-color-success-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--warning-05 {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-border-color: var(--cds-color-warning-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-warning-05:hover, .u-bg--to-warning-05:focus, .u-bg--to-warning-05:active {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-border-color: var(--cds-color-warning-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--warning-50 {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-border-color: var(--cds-color-warning-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-warning-50:hover, .u-bg--to-warning-50:focus, .u-bg--to-warning-50:active {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-border-color: var(--cds-color-warning-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--warning {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-border-color: var(--cds-color-warning-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-warning:hover, .u-bg--to-warning:focus, .u-bg--to-warning:active {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-border-color: var(--cds-color-warning-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--beta {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-border-color: var(--cds-color-warning-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-beta:hover, .u-bg--to-beta:focus, .u-bg--to-beta:active {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-border-color: var(--cds-color-warning-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--danger-05 {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-border-color: var(--cds-color-danger-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-danger-05:hover, .u-bg--to-danger-05:focus, .u-bg--to-danger-05:active {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-border-color: var(--cds-color-danger-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--danger-50 {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-border-color: var(--cds-color-danger-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-danger-50:hover, .u-bg--to-danger-50:focus, .u-bg--to-danger-50:active {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-border-color: var(--cds-color-danger-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--danger {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-border-color: var(--cds-color-danger-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-danger:hover, .u-bg--to-danger:focus, .u-bg--to-danger:active {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-border-color: var(--cds-color-danger-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--white {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-white:hover, .u-bg--to-white:focus, .u-bg--to-white:active {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--white-05 {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-white-05:hover, .u-bg--to-white-05:focus, .u-bg--to-white-05:active {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--secondary-outline {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-secondary-outline:hover, .u-bg--to-secondary-outline:focus, .u-bg--to-secondary-outline:active {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--coolgray-outline {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-coolgray-outline:hover, .u-bg--to-coolgray-outline:focus, .u-bg--to-coolgray-outline:active {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--white-115 {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-border-color: var(--cds-color-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-white-115:hover, .u-bg--to-white-115:focus, .u-bg--to-white-115:active {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-border-color: var(--cds-color-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--silver-10 {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-border-color: var(--cds-color-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-silver-10:hover, .u-bg--to-silver-10:focus, .u-bg--to-silver-10:active {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-border-color: var(--cds-color-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--silver {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-silver:hover, .u-bg--to-silver:focus, .u-bg--to-silver:active {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--silver-50 {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-silver-50:hover, .u-bg--to-silver-50:focus, .u-bg--to-silver-50:active {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--silver-70 {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-silver-70:hover, .u-bg--to-silver-70:focus, .u-bg--to-silver-70:active {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--coolgray {
  --context-background-color: var(--cds-color-surface-raised-background);
  --context-content-color: var(--cds-color-surface-raised-text);
  --context-content-muted-color: var(--cds-color-surface-raised-muted);
  --context-border-color: var(--cds-color-surface-raised-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-coolgray:hover, .u-bg--to-coolgray:focus, .u-bg--to-coolgray:active {
  --context-background-color: var(--cds-color-surface-raised-background);
  --context-content-color: var(--cds-color-surface-raised-text);
  --context-content-muted-color: var(--cds-color-surface-raised-muted);
  --context-border-color: var(--cds-color-surface-raised-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--gray {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-border-color: var(--cds-color-inverse-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-gray:hover, .u-bg--to-gray:focus, .u-bg--to-gray:active {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-border-color: var(--cds-color-inverse-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--charcoal {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-border-color: var(--cds-color-inverse-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-charcoal:hover, .u-bg--to-charcoal:focus, .u-bg--to-charcoal:active {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-border-color: var(--cds-color-inverse-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--charcoal-115 {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-charcoal-115:hover, .u-bg--to-charcoal-115:focus, .u-bg--to-charcoal-115:active {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--charcoal-130 {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-charcoal-130:hover, .u-bg--to-charcoal-130:focus, .u-bg--to-charcoal-130:active {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--charcoal-150 {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.u-bg--to-charcoal-150:hover, .u-bg--to-charcoal-150:focus, .u-bg--to-charcoal-150:active {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}

.text--primary,
.u-color--primary {
  color: #7e00e6;
}
.text--secondary,
.u-color--secondary {
  color: #7e00e6;
}
.text--beta,
.u-color--beta {
  color: darkorange;
}
.text--warning,
.u-color--warning {
  color: darkorange;
}
.text--warning-130,
.u-color--warning-130 {
  color: #cc7000;
}
.text--success,
.u-color--success {
  color: #00ff95;
}
.text--success-130,
.u-color--success-130 {
  color: #00cc77;
}
.text--danger,
.u-color--danger {
  color: #d63429;
}
.text--danger-130,
.u-color--danger-130 {
  color: #b0251c;
}
.text--agree-strongly,
.u-color--agree-strongly {
  color: hsl(159, 72%, 46%);
}
.text--disagree-strongly,
.u-color--disagree-strongly {
  color: hsl(28, 96%, 46%);
}
.text--clean,
.u-color--clean {
  color: white;
}
.text--white,
.u-color--white {
  color: #f6f2ee;
}
.text--silver,
.u-color--silver {
  color: #ede6de;
}
.text--silver-70,
.u-color--silver-70 {
  color: #f6f2ee;
}
.text--silver-weak,
.u-color--silver-weak {
  color: #f6f2ee;
}
.text--coolgray,
.u-color--coolgray {
  color: #dbccbd;
}
.text--gray,
.u-color--gray {
  color: #626284;
}
.text--charcoal-A10,
.u-color--charcoal-A10 {
  color: rgba(18, 18, 84, 0.1);
}
.text--charcoal,
.u-color--charcoal {
  color: #2b2b3b;
}
.text--charcoal-115,
.u-color--charcoal-115 {
  color: #21212c;
}
.text--charcoal-130,
.u-color--charcoal-130 {
  color: #16161d;
}
.text--charcoal-150,
.u-color--charcoal-150 {
  color: #0b0b0f;
}
.text--muted,
.u-color--muted {
  color: rgba(25, 25, 77, 0.5);
}
.text--inherit,
.u-color--inherit {
  color: inherit;
}

.u-color--to-primary:hover, .u-color--to-primary:focus, .u-color--to-primary:active {
  color: #7e00e6;
}
.u-color--to-secondary:hover, .u-color--to-secondary:focus, .u-color--to-secondary:active {
  color: #7e00e6;
}
.u-color--to-beta:hover, .u-color--to-beta:focus, .u-color--to-beta:active {
  color: darkorange;
}
.u-color--to-warning:hover, .u-color--to-warning:focus, .u-color--to-warning:active {
  color: darkorange;
}
.u-color--to-warning-130:hover, .u-color--to-warning-130:focus, .u-color--to-warning-130:active {
  color: #cc7000;
}
.u-color--to-success:hover, .u-color--to-success:focus, .u-color--to-success:active {
  color: #00ff95;
}
.u-color--to-success-130:hover, .u-color--to-success-130:focus, .u-color--to-success-130:active {
  color: #00cc77;
}
.u-color--to-danger:hover, .u-color--to-danger:focus, .u-color--to-danger:active {
  color: #d63429;
}
.u-color--to-danger-130:hover, .u-color--to-danger-130:focus, .u-color--to-danger-130:active {
  color: #b0251c;
}
.u-color--to-agree-strongly:hover, .u-color--to-agree-strongly:focus, .u-color--to-agree-strongly:active {
  color: hsl(159, 72%, 46%);
}
.u-color--to-disagree-strongly:hover, .u-color--to-disagree-strongly:focus, .u-color--to-disagree-strongly:active {
  color: hsl(28, 96%, 46%);
}
.u-color--to-clean:hover, .u-color--to-clean:focus, .u-color--to-clean:active {
  color: white;
}
.u-color--to-white:hover, .u-color--to-white:focus, .u-color--to-white:active {
  color: #f6f2ee;
}
.u-color--to-silver:hover, .u-color--to-silver:focus, .u-color--to-silver:active {
  color: #ede6de;
}
.u-color--to-silver-70:hover, .u-color--to-silver-70:focus, .u-color--to-silver-70:active {
  color: #f6f2ee;
}
.u-color--to-silver-weak:hover, .u-color--to-silver-weak:focus, .u-color--to-silver-weak:active {
  color: #f6f2ee;
}
.u-color--to-coolgray:hover, .u-color--to-coolgray:focus, .u-color--to-coolgray:active {
  color: #dbccbd;
}
.u-color--to-gray:hover, .u-color--to-gray:focus, .u-color--to-gray:active {
  color: #626284;
}
.u-color--to-charcoal-A10:hover, .u-color--to-charcoal-A10:focus, .u-color--to-charcoal-A10:active {
  color: rgba(18, 18, 84, 0.1);
}
.u-color--to-charcoal:hover, .u-color--to-charcoal:focus, .u-color--to-charcoal:active {
  color: #2b2b3b;
}
.u-color--to-charcoal-115:hover, .u-color--to-charcoal-115:focus, .u-color--to-charcoal-115:active {
  color: #21212c;
}
.u-color--to-charcoal-130:hover, .u-color--to-charcoal-130:focus, .u-color--to-charcoal-130:active {
  color: #16161d;
}
.u-color--to-charcoal-150:hover, .u-color--to-charcoal-150:focus, .u-color--to-charcoal-150:active {
  color: #0b0b0f;
}
.u-color--to-muted:hover, .u-color--to-muted:focus, .u-color--to-muted:active {
  color: rgba(25, 25, 77, 0.5);
}
.u-color--to-inherit:hover, .u-color--to-inherit:focus, .u-color--to-inherit:active {
  color: inherit;
}

.u-border-color--primary {
  border-color: #7e00e6;
}
.u-border-color--secondary {
  border-color: #7e00e6;
}
.u-border-color--beta {
  border-color: darkorange;
}
.u-border-color--warning {
  border-color: darkorange;
}
.u-border-color--warning-130 {
  border-color: #cc7000;
}
.u-border-color--success {
  border-color: #00ff95;
}
.u-border-color--success-130 {
  border-color: #00cc77;
}
.u-border-color--danger {
  border-color: #d63429;
}
.u-border-color--danger-130 {
  border-color: #b0251c;
}
.u-border-color--agree-strongly {
  border-color: hsl(159, 72%, 46%);
}
.u-border-color--disagree-strongly {
  border-color: hsl(28, 96%, 46%);
}
.u-border-color--clean {
  border-color: white;
}
.u-border-color--white {
  border-color: #f6f2ee;
}
.u-border-color--silver {
  border-color: #ede6de;
}
.u-border-color--silver-70 {
  border-color: #f6f2ee;
}
.u-border-color--silver-weak {
  border-color: #f6f2ee;
}
.u-border-color--coolgray {
  border-color: #dbccbd;
}
.u-border-color--gray {
  border-color: #626284;
}
.u-border-color--charcoal-A10 {
  border-color: rgba(18, 18, 84, 0.1);
}
.u-border-color--charcoal {
  border-color: #2b2b3b;
}
.u-border-color--charcoal-115 {
  border-color: #21212c;
}
.u-border-color--charcoal-130 {
  border-color: #16161d;
}
.u-border-color--charcoal-150 {
  border-color: #0b0b0f;
}
.u-border-color--muted {
  border-color: rgba(25, 25, 77, 0.5);
}
.u-border-color--inherit {
  border-color: inherit;
}
.u-border-color--to-secondary:hover, .u-border-color--to-secondary:focus, .u-border-color--to-secondary:active {
  border-color: #7e00e6;
}

.u-opacity--100 {
  opacity: 1;
}

.u-opacity--85 {
  opacity: 0.85;
}

.u-opacity--70 {
  opacity: 0.7;
}

.u-opacity--50 {
  opacity: 0.5;
}

.u-bg-zebra--surface:nth-child(n+0),
.u-bg-zebra--inverse-surface:nth-child(n+0),
.u-bg-zebra--silver-50:nth-child(n+0),
.u-bg-zebra--charcoal-85:nth-child(n+0),
.u-bg-zebra--charcoal-115:nth-child(n+0) {
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}

.u-bg-zebra--inverse-surface:nth-child(n+0),
.u-bg-zebra--charcoal-85:nth-child(n+0),
.u-bg-zebra--charcoal-115:nth-child(n+0) {
  --context-background-color: var(--cds-color-inverse-surface-background);
  --context-content-color: var(--cds-color-inverse-surface-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent);
  --context-border-color: var(--cds-color-inverse-surface-border);
}
.u-bg-zebra--inverse-surface:nth-child(even),
.u-bg-zebra--charcoal-85:nth-child(even),
.u-bg-zebra--charcoal-115:nth-child(even) {
  --context-background-color: var(--cds-color-inverse-background-background);
}

.u-bg-zebra--surface:nth-child(n+0),
.u-bg-zebra--silver-50:nth-child(n+0) {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
}
.u-bg-zebra--surface:nth-child(even),
.u-bg-zebra--silver-50:nth-child(even) {
  --context-background-color: var(--cds-color-background-background);
}

@keyframes smell-o-vision {
  from {
    outline-width: 5px;
  }
  to {
    outline-width: 10px;
  }
}
body {
  --context-background-color: var(--cds-color-frame-background);
  --context-content-color: var(--cds-color-frame-text);
  --context-content-muted-color: var(--cds-color-frame-muted);
  --context-content-accent-color: var(--cds-color-frame-accent);
  --context-border-color: var(--cds-color-frame-border);
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.cds-color--primary {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
}
.cds-color--secondary {
  --context-background-color: var(--cds-color-secondary-background);
  --context-content-color: var(--cds-color-secondary-text);
  --context-content-muted-color: var(--cds-color-secondary-muted);
  --context-content-accent-color: var(--cds-color-secondary-accent);
  --context-border-color: var(--cds-color-secondary-border);
}
.cds-color--success {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
}
.cds-color--warning {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-content-accent-color: var(--cds-color-warning-accent);
  --context-border-color: var(--cds-color-warning-border);
}
.cds-color--danger {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
}
.cds-color--beta {
  --context-background-color: var(--cds-color-beta-background);
  --context-content-color: var(--cds-color-beta-text);
  --context-content-muted-color: var(--cds-color-beta-muted);
  --context-content-accent-color: var(--cds-color-beta-accent);
  --context-border-color: var(--cds-color-beta-border);
}
.cds-color--card {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}
.cds-color--background {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
}
.cds-color--surface {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
}
.cds-color--surface-raised {
  --context-background-color: var(--cds-color-surface-raised-background);
  --context-content-color: var(--cds-color-surface-raised-text);
  --context-content-muted-color: var(--cds-color-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-surface-raised-accent);
  --context-border-color: var(--cds-color-surface-raised-border);
}
.cds-color--inverse-card {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-content-accent-color: var(--cds-color-inverse-card-accent);
  --context-border-color: var(--cds-color-inverse-card-border);
}
.cds-color--inverse-background {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-content-accent-color: var(--cds-color-inverse-background-accent);
  --context-border-color: var(--cds-color-inverse-background-border);
}
.cds-color--inverse-surface {
  --context-background-color: var(--cds-color-inverse-surface-background);
  --context-content-color: var(--cds-color-inverse-surface-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent);
  --context-border-color: var(--cds-color-inverse-surface-border);
}
.cds-color--inverse-surface-raised {
  --context-background-color: var(--cds-color-inverse-surface-raised-background);
  --context-content-color: var(--cds-color-inverse-surface-raised-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent);
  --context-border-color: var(--cds-color-inverse-surface-raised-border);
}
.cds-color--primary-action {
  --context-background-color: var(--cds-color-primary-action-background);
  --context-content-color: var(--cds-color-primary-action-text);
  --context-content-muted-color: var(--cds-color-primary-action-muted);
  --context-content-accent-color: var(--cds-color-primary-action-accent);
  --context-border-color: var(--cds-color-primary-action-border);
}
.cds-color--primary-surface {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
}
.cds-color--success-surface {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-content-accent-color: var(--cds-color-success-surface-accent);
  --context-border-color: var(--cds-color-success-surface-border);
}
.cds-color--warning-surface {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-content-accent-color: var(--cds-color-warning-surface-accent);
  --context-border-color: var(--cds-color-warning-surface-border);
}
.cds-color--danger-surface {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-content-accent-color: var(--cds-color-danger-surface-accent);
  --context-border-color: var(--cds-color-danger-surface-border);
}
.cds-color--beta-surface {
  --context-background-color: var(--cds-color-beta-surface-background);
  --context-content-color: var(--cds-color-beta-surface-text);
  --context-content-muted-color: var(--cds-color-beta-surface-muted);
  --context-content-accent-color: var(--cds-color-beta-surface-accent);
  --context-border-color: var(--cds-color-beta-surface-border);
}
.cds-color--frame {
  --context-background-color: var(--cds-color-frame-background);
  --context-content-color: var(--cds-color-frame-text);
  --context-content-muted-color: var(--cds-color-frame-muted);
  --context-content-accent-color: var(--cds-color-frame-accent);
  --context-border-color: var(--cds-color-frame-border);
}
.cds-color--overlay {
  --context-background-color: var(--cds-color-overlay-background);
  --context-content-color: var(--cds-color-overlay-text);
  --context-content-muted-color: var(--cds-color-overlay-muted);
  --context-content-accent-color: var(--cds-color-overlay-accent);
  --context-border-color: var(--cds-color-overlay-border);
}
.cds-color--disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.cds-color--input {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
}
.cds-color--input-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.cds-color--green-tag {
  --context-background-color: var(--cds-color-green-tag-background);
  --context-content-color: var(--cds-color-green-tag-text);
  --context-content-muted-color: var(--cds-color-green-tag-muted);
  --context-content-accent-color: var(--cds-color-green-tag-accent);
  --context-border-color: var(--cds-color-green-tag-border);
}
.cds-color--purple-tag {
  --context-background-color: var(--cds-color-purple-tag-background);
  --context-content-color: var(--cds-color-purple-tag-text);
  --context-content-muted-color: var(--cds-color-purple-tag-muted);
  --context-content-accent-color: var(--cds-color-purple-tag-accent);
  --context-border-color: var(--cds-color-purple-tag-border);
}
.cds-color--blue-tag {
  --context-background-color: var(--cds-color-blue-tag-background);
  --context-content-color: var(--cds-color-blue-tag-text);
  --context-content-muted-color: var(--cds-color-blue-tag-muted);
  --context-content-accent-color: var(--cds-color-blue-tag-accent);
  --context-border-color: var(--cds-color-blue-tag-border);
}

.cds-color-interaction--primary {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
}
.cds-color-interaction--primary, .cds-color-interaction--primary:hover, .cds-color-interaction--primary:focus, .cds-color-interaction--primary:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--primary:hover {
  --context-background-color: var(--cds-color-primary-background-hover);
  --context-content-color: var(--cds-color-primary-text-hover);
  --context-content-muted-color: var(--cds-color-primary-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-accent-hover);
  --context-border-color: var(--cds-color-primary-border-hover);
}
.cds-color-interaction--primary:focus, .cds-color-interaction--primary:active {
  --context-background-color: var(--cds-color-primary-background-active);
  --context-content-color: var(--cds-color-primary-text-active);
  --context-content-muted-color: var(--cds-color-primary-muted-active);
  --context-content-accent-color: var(--cds-color-primary-accent-active);
  --context-border-color: var(--cds-color-primary-border-active);
}
.cds-color-interaction--secondary {
  --context-background-color: var(--cds-color-secondary-background);
  --context-content-color: var(--cds-color-secondary-text);
  --context-content-muted-color: var(--cds-color-secondary-muted);
  --context-content-accent-color: var(--cds-color-secondary-accent);
  --context-border-color: var(--cds-color-secondary-border);
}
.cds-color-interaction--secondary, .cds-color-interaction--secondary:hover, .cds-color-interaction--secondary:focus, .cds-color-interaction--secondary:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--secondary:hover {
  --context-background-color: var(--cds-color-secondary-background-hover);
  --context-content-color: var(--cds-color-secondary-text-hover);
  --context-content-muted-color: var(--cds-color-secondary-muted-hover);
  --context-content-accent-color: var(--cds-color-secondary-accent-hover);
  --context-border-color: var(--cds-color-secondary-border-hover);
}
.cds-color-interaction--secondary:focus, .cds-color-interaction--secondary:active {
  --context-background-color: var(--cds-color-secondary-background-active);
  --context-content-color: var(--cds-color-secondary-text-active);
  --context-content-muted-color: var(--cds-color-secondary-muted-active);
  --context-content-accent-color: var(--cds-color-secondary-accent-active);
  --context-border-color: var(--cds-color-secondary-border-active);
}
.cds-color-interaction--success {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
}
.cds-color-interaction--success, .cds-color-interaction--success:hover, .cds-color-interaction--success:focus, .cds-color-interaction--success:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--success:hover {
  --context-background-color: var(--cds-color-success-background-hover);
  --context-content-color: var(--cds-color-success-text-hover);
  --context-content-muted-color: var(--cds-color-success-muted-hover);
  --context-content-accent-color: var(--cds-color-success-accent-hover);
  --context-border-color: var(--cds-color-success-border-hover);
}
.cds-color-interaction--success:focus, .cds-color-interaction--success:active {
  --context-background-color: var(--cds-color-success-background-active);
  --context-content-color: var(--cds-color-success-text-active);
  --context-content-muted-color: var(--cds-color-success-muted-active);
  --context-content-accent-color: var(--cds-color-success-accent-active);
  --context-border-color: var(--cds-color-success-border-active);
}
.cds-color-interaction--warning {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-content-accent-color: var(--cds-color-warning-accent);
  --context-border-color: var(--cds-color-warning-border);
}
.cds-color-interaction--warning, .cds-color-interaction--warning:hover, .cds-color-interaction--warning:focus, .cds-color-interaction--warning:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--warning:hover {
  --context-background-color: var(--cds-color-warning-background-hover);
  --context-content-color: var(--cds-color-warning-text-hover);
  --context-content-muted-color: var(--cds-color-warning-muted-hover);
  --context-content-accent-color: var(--cds-color-warning-accent-hover);
  --context-border-color: var(--cds-color-warning-border-hover);
}
.cds-color-interaction--warning:focus, .cds-color-interaction--warning:active {
  --context-background-color: var(--cds-color-warning-background-active);
  --context-content-color: var(--cds-color-warning-text-active);
  --context-content-muted-color: var(--cds-color-warning-muted-active);
  --context-content-accent-color: var(--cds-color-warning-accent-active);
  --context-border-color: var(--cds-color-warning-border-active);
}
.cds-color-interaction--danger {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
}
.cds-color-interaction--danger, .cds-color-interaction--danger:hover, .cds-color-interaction--danger:focus, .cds-color-interaction--danger:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--danger:hover {
  --context-background-color: var(--cds-color-danger-background-hover);
  --context-content-color: var(--cds-color-danger-text-hover);
  --context-content-muted-color: var(--cds-color-danger-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-accent-hover);
  --context-border-color: var(--cds-color-danger-border-hover);
}
.cds-color-interaction--danger:focus, .cds-color-interaction--danger:active {
  --context-background-color: var(--cds-color-danger-background-active);
  --context-content-color: var(--cds-color-danger-text-active);
  --context-content-muted-color: var(--cds-color-danger-muted-active);
  --context-content-accent-color: var(--cds-color-danger-accent-active);
  --context-border-color: var(--cds-color-danger-border-active);
}
.cds-color-interaction--beta {
  --context-background-color: var(--cds-color-beta-background);
  --context-content-color: var(--cds-color-beta-text);
  --context-content-muted-color: var(--cds-color-beta-muted);
  --context-content-accent-color: var(--cds-color-beta-accent);
  --context-border-color: var(--cds-color-beta-border);
}
.cds-color-interaction--beta, .cds-color-interaction--beta:hover, .cds-color-interaction--beta:focus, .cds-color-interaction--beta:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--beta:hover {
  --context-background-color: var(--cds-color-beta-background-hover);
  --context-content-color: var(--cds-color-beta-text-hover);
  --context-content-muted-color: var(--cds-color-beta-muted-hover);
  --context-content-accent-color: var(--cds-color-beta-accent-hover);
  --context-border-color: var(--cds-color-beta-border-hover);
}
.cds-color-interaction--beta:focus, .cds-color-interaction--beta:active {
  --context-background-color: var(--cds-color-beta-background-active);
  --context-content-color: var(--cds-color-beta-text-active);
  --context-content-muted-color: var(--cds-color-beta-muted-active);
  --context-content-accent-color: var(--cds-color-beta-accent-active);
  --context-border-color: var(--cds-color-beta-border-active);
}
.cds-color-interaction--card {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
}
.cds-color-interaction--card, .cds-color-interaction--card:hover, .cds-color-interaction--card:focus, .cds-color-interaction--card:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--card:hover {
  --context-background-color: var(--cds-color-card-background-hover);
  --context-content-color: var(--cds-color-card-text-hover);
  --context-content-muted-color: var(--cds-color-card-muted-hover);
  --context-content-accent-color: var(--cds-color-card-accent-hover);
  --context-border-color: var(--cds-color-card-border-hover);
}
.cds-color-interaction--card:focus, .cds-color-interaction--card:active {
  --context-background-color: var(--cds-color-card-background-active);
  --context-content-color: var(--cds-color-card-text-active);
  --context-content-muted-color: var(--cds-color-card-muted-active);
  --context-content-accent-color: var(--cds-color-card-accent-active);
  --context-border-color: var(--cds-color-card-border-active);
}
.cds-color-interaction--background {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
}
.cds-color-interaction--background, .cds-color-interaction--background:hover, .cds-color-interaction--background:focus, .cds-color-interaction--background:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--background:hover {
  --context-background-color: var(--cds-color-background-background-hover);
  --context-content-color: var(--cds-color-background-text-hover);
  --context-content-muted-color: var(--cds-color-background-muted-hover);
  --context-content-accent-color: var(--cds-color-background-accent-hover);
  --context-border-color: var(--cds-color-background-border-hover);
}
.cds-color-interaction--background:focus, .cds-color-interaction--background:active {
  --context-background-color: var(--cds-color-background-background-active);
  --context-content-color: var(--cds-color-background-text-active);
  --context-content-muted-color: var(--cds-color-background-muted-active);
  --context-content-accent-color: var(--cds-color-background-accent-active);
  --context-border-color: var(--cds-color-background-border-active);
}
.cds-color-interaction--surface {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
}
.cds-color-interaction--surface, .cds-color-interaction--surface:hover, .cds-color-interaction--surface:focus, .cds-color-interaction--surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--surface:hover {
  --context-background-color: var(--cds-color-surface-background-hover);
  --context-content-color: var(--cds-color-surface-text-hover);
  --context-content-muted-color: var(--cds-color-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-surface-accent-hover);
  --context-border-color: var(--cds-color-surface-border-hover);
}
.cds-color-interaction--surface:focus, .cds-color-interaction--surface:active {
  --context-background-color: var(--cds-color-surface-background-active);
  --context-content-color: var(--cds-color-surface-text-active);
  --context-content-muted-color: var(--cds-color-surface-muted-active);
  --context-content-accent-color: var(--cds-color-surface-accent-active);
  --context-border-color: var(--cds-color-surface-border-active);
}
.cds-color-interaction--surface-raised {
  --context-background-color: var(--cds-color-surface-raised-background);
  --context-content-color: var(--cds-color-surface-raised-text);
  --context-content-muted-color: var(--cds-color-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-surface-raised-accent);
  --context-border-color: var(--cds-color-surface-raised-border);
}
.cds-color-interaction--surface-raised, .cds-color-interaction--surface-raised:hover, .cds-color-interaction--surface-raised:focus, .cds-color-interaction--surface-raised:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--surface-raised:hover {
  --context-background-color: var(--cds-color-surface-raised-background-hover);
  --context-content-color: var(--cds-color-surface-raised-text-hover);
  --context-content-muted-color: var(--cds-color-surface-raised-muted-hover);
  --context-content-accent-color: var(--cds-color-surface-raised-accent-hover);
  --context-border-color: var(--cds-color-surface-raised-border-hover);
}
.cds-color-interaction--surface-raised:focus, .cds-color-interaction--surface-raised:active {
  --context-background-color: var(--cds-color-surface-raised-background-active);
  --context-content-color: var(--cds-color-surface-raised-text-active);
  --context-content-muted-color: var(--cds-color-surface-raised-muted-active);
  --context-content-accent-color: var(--cds-color-surface-raised-accent-active);
  --context-border-color: var(--cds-color-surface-raised-border-active);
}
.cds-color-interaction--inverse-card {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-content-accent-color: var(--cds-color-inverse-card-accent);
  --context-border-color: var(--cds-color-inverse-card-border);
}
.cds-color-interaction--inverse-card, .cds-color-interaction--inverse-card:hover, .cds-color-interaction--inverse-card:focus, .cds-color-interaction--inverse-card:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--inverse-card:hover {
  --context-background-color: var(--cds-color-inverse-card-background-hover);
  --context-content-color: var(--cds-color-inverse-card-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-card-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-card-accent-hover);
  --context-border-color: var(--cds-color-inverse-card-border-hover);
}
.cds-color-interaction--inverse-card:focus, .cds-color-interaction--inverse-card:active {
  --context-background-color: var(--cds-color-inverse-card-background-active);
  --context-content-color: var(--cds-color-inverse-card-text-active);
  --context-content-muted-color: var(--cds-color-inverse-card-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-card-accent-active);
  --context-border-color: var(--cds-color-inverse-card-border-active);
}
.cds-color-interaction--inverse-background {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-content-accent-color: var(--cds-color-inverse-background-accent);
  --context-border-color: var(--cds-color-inverse-background-border);
}
.cds-color-interaction--inverse-background, .cds-color-interaction--inverse-background:hover, .cds-color-interaction--inverse-background:focus, .cds-color-interaction--inverse-background:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--inverse-background:hover {
  --context-background-color: var(--cds-color-inverse-background-background-hover);
  --context-content-color: var(--cds-color-inverse-background-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-background-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-background-accent-hover);
  --context-border-color: var(--cds-color-inverse-background-border-hover);
}
.cds-color-interaction--inverse-background:focus, .cds-color-interaction--inverse-background:active {
  --context-background-color: var(--cds-color-inverse-background-background-active);
  --context-content-color: var(--cds-color-inverse-background-text-active);
  --context-content-muted-color: var(--cds-color-inverse-background-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-background-accent-active);
  --context-border-color: var(--cds-color-inverse-background-border-active);
}
.cds-color-interaction--inverse-surface {
  --context-background-color: var(--cds-color-inverse-surface-background);
  --context-content-color: var(--cds-color-inverse-surface-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent);
  --context-border-color: var(--cds-color-inverse-surface-border);
}
.cds-color-interaction--inverse-surface, .cds-color-interaction--inverse-surface:hover, .cds-color-interaction--inverse-surface:focus, .cds-color-interaction--inverse-surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--inverse-surface:hover {
  --context-background-color: var(--cds-color-inverse-surface-background-hover);
  --context-content-color: var(--cds-color-inverse-surface-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent-hover);
  --context-border-color: var(--cds-color-inverse-surface-border-hover);
}
.cds-color-interaction--inverse-surface:focus, .cds-color-interaction--inverse-surface:active {
  --context-background-color: var(--cds-color-inverse-surface-background-active);
  --context-content-color: var(--cds-color-inverse-surface-text-active);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent-active);
  --context-border-color: var(--cds-color-inverse-surface-border-active);
}
.cds-color-interaction--inverse-surface-raised {
  --context-background-color: var(--cds-color-inverse-surface-raised-background);
  --context-content-color: var(--cds-color-inverse-surface-raised-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent);
  --context-border-color: var(--cds-color-inverse-surface-raised-border);
}
.cds-color-interaction--inverse-surface-raised, .cds-color-interaction--inverse-surface-raised:hover, .cds-color-interaction--inverse-surface-raised:focus, .cds-color-interaction--inverse-surface-raised:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--inverse-surface-raised:hover {
  --context-background-color: var(--cds-color-inverse-surface-raised-background-hover);
  --context-content-color: var(--cds-color-inverse-surface-raised-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent-hover);
  --context-border-color: var(--cds-color-inverse-surface-raised-border-hover);
}
.cds-color-interaction--inverse-surface-raised:focus, .cds-color-interaction--inverse-surface-raised:active {
  --context-background-color: var(--cds-color-inverse-surface-raised-background-active);
  --context-content-color: var(--cds-color-inverse-surface-raised-text-active);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent-active);
  --context-border-color: var(--cds-color-inverse-surface-raised-border-active);
}
.cds-color-interaction--primary-action {
  --context-background-color: var(--cds-color-primary-action-background);
  --context-content-color: var(--cds-color-primary-action-text);
  --context-content-muted-color: var(--cds-color-primary-action-muted);
  --context-content-accent-color: var(--cds-color-primary-action-accent);
  --context-border-color: var(--cds-color-primary-action-border);
}
.cds-color-interaction--primary-action, .cds-color-interaction--primary-action:hover, .cds-color-interaction--primary-action:focus, .cds-color-interaction--primary-action:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--primary-action:hover {
  --context-background-color: var(--cds-color-primary-action-background-hover);
  --context-content-color: var(--cds-color-primary-action-text-hover);
  --context-content-muted-color: var(--cds-color-primary-action-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-action-accent-hover);
  --context-border-color: var(--cds-color-primary-action-border-hover);
}
.cds-color-interaction--primary-action:focus, .cds-color-interaction--primary-action:active {
  --context-background-color: var(--cds-color-primary-action-background-active);
  --context-content-color: var(--cds-color-primary-action-text-active);
  --context-content-muted-color: var(--cds-color-primary-action-muted-active);
  --context-content-accent-color: var(--cds-color-primary-action-accent-active);
  --context-border-color: var(--cds-color-primary-action-border-active);
}
.cds-color-interaction--primary-surface {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
}
.cds-color-interaction--primary-surface, .cds-color-interaction--primary-surface:hover, .cds-color-interaction--primary-surface:focus, .cds-color-interaction--primary-surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--primary-surface:hover {
  --context-background-color: var(--cds-color-primary-surface-background-hover);
  --context-content-color: var(--cds-color-primary-surface-text-hover);
  --context-content-muted-color: var(--cds-color-primary-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-surface-accent-hover);
  --context-border-color: var(--cds-color-primary-surface-border-hover);
}
.cds-color-interaction--primary-surface:focus, .cds-color-interaction--primary-surface:active {
  --context-background-color: var(--cds-color-primary-surface-background-active);
  --context-content-color: var(--cds-color-primary-surface-text-active);
  --context-content-muted-color: var(--cds-color-primary-surface-muted-active);
  --context-content-accent-color: var(--cds-color-primary-surface-accent-active);
  --context-border-color: var(--cds-color-primary-surface-border-active);
}
.cds-color-interaction--success-surface {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-content-accent-color: var(--cds-color-success-surface-accent);
  --context-border-color: var(--cds-color-success-surface-border);
}
.cds-color-interaction--success-surface, .cds-color-interaction--success-surface:hover, .cds-color-interaction--success-surface:focus, .cds-color-interaction--success-surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--success-surface:hover {
  --context-background-color: var(--cds-color-success-surface-background-hover);
  --context-content-color: var(--cds-color-success-surface-text-hover);
  --context-content-muted-color: var(--cds-color-success-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-success-surface-accent-hover);
  --context-border-color: var(--cds-color-success-surface-border-hover);
}
.cds-color-interaction--success-surface:focus, .cds-color-interaction--success-surface:active {
  --context-background-color: var(--cds-color-success-surface-background-active);
  --context-content-color: var(--cds-color-success-surface-text-active);
  --context-content-muted-color: var(--cds-color-success-surface-muted-active);
  --context-content-accent-color: var(--cds-color-success-surface-accent-active);
  --context-border-color: var(--cds-color-success-surface-border-active);
}
.cds-color-interaction--warning-surface {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-content-accent-color: var(--cds-color-warning-surface-accent);
  --context-border-color: var(--cds-color-warning-surface-border);
}
.cds-color-interaction--warning-surface, .cds-color-interaction--warning-surface:hover, .cds-color-interaction--warning-surface:focus, .cds-color-interaction--warning-surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--warning-surface:hover {
  --context-background-color: var(--cds-color-warning-surface-background-hover);
  --context-content-color: var(--cds-color-warning-surface-text-hover);
  --context-content-muted-color: var(--cds-color-warning-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-warning-surface-accent-hover);
  --context-border-color: var(--cds-color-warning-surface-border-hover);
}
.cds-color-interaction--warning-surface:focus, .cds-color-interaction--warning-surface:active {
  --context-background-color: var(--cds-color-warning-surface-background-active);
  --context-content-color: var(--cds-color-warning-surface-text-active);
  --context-content-muted-color: var(--cds-color-warning-surface-muted-active);
  --context-content-accent-color: var(--cds-color-warning-surface-accent-active);
  --context-border-color: var(--cds-color-warning-surface-border-active);
}
.cds-color-interaction--danger-surface {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-content-accent-color: var(--cds-color-danger-surface-accent);
  --context-border-color: var(--cds-color-danger-surface-border);
}
.cds-color-interaction--danger-surface, .cds-color-interaction--danger-surface:hover, .cds-color-interaction--danger-surface:focus, .cds-color-interaction--danger-surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--danger-surface:hover {
  --context-background-color: var(--cds-color-danger-surface-background-hover);
  --context-content-color: var(--cds-color-danger-surface-text-hover);
  --context-content-muted-color: var(--cds-color-danger-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-surface-accent-hover);
  --context-border-color: var(--cds-color-danger-surface-border-hover);
}
.cds-color-interaction--danger-surface:focus, .cds-color-interaction--danger-surface:active {
  --context-background-color: var(--cds-color-danger-surface-background-active);
  --context-content-color: var(--cds-color-danger-surface-text-active);
  --context-content-muted-color: var(--cds-color-danger-surface-muted-active);
  --context-content-accent-color: var(--cds-color-danger-surface-accent-active);
  --context-border-color: var(--cds-color-danger-surface-border-active);
}
.cds-color-interaction--beta-surface {
  --context-background-color: var(--cds-color-beta-surface-background);
  --context-content-color: var(--cds-color-beta-surface-text);
  --context-content-muted-color: var(--cds-color-beta-surface-muted);
  --context-content-accent-color: var(--cds-color-beta-surface-accent);
  --context-border-color: var(--cds-color-beta-surface-border);
}
.cds-color-interaction--beta-surface, .cds-color-interaction--beta-surface:hover, .cds-color-interaction--beta-surface:focus, .cds-color-interaction--beta-surface:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--beta-surface:hover {
  --context-background-color: var(--cds-color-beta-surface-background-hover);
  --context-content-color: var(--cds-color-beta-surface-text-hover);
  --context-content-muted-color: var(--cds-color-beta-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-beta-surface-accent-hover);
  --context-border-color: var(--cds-color-beta-surface-border-hover);
}
.cds-color-interaction--beta-surface:focus, .cds-color-interaction--beta-surface:active {
  --context-background-color: var(--cds-color-beta-surface-background-active);
  --context-content-color: var(--cds-color-beta-surface-text-active);
  --context-content-muted-color: var(--cds-color-beta-surface-muted-active);
  --context-content-accent-color: var(--cds-color-beta-surface-accent-active);
  --context-border-color: var(--cds-color-beta-surface-border-active);
}
.cds-color-interaction--frame {
  --context-background-color: var(--cds-color-frame-background);
  --context-content-color: var(--cds-color-frame-text);
  --context-content-muted-color: var(--cds-color-frame-muted);
  --context-content-accent-color: var(--cds-color-frame-accent);
  --context-border-color: var(--cds-color-frame-border);
}
.cds-color-interaction--frame, .cds-color-interaction--frame:hover, .cds-color-interaction--frame:focus, .cds-color-interaction--frame:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--frame:hover {
  --context-background-color: var(--cds-color-frame-background-hover);
  --context-content-color: var(--cds-color-frame-text-hover);
  --context-content-muted-color: var(--cds-color-frame-muted-hover);
  --context-content-accent-color: var(--cds-color-frame-accent-hover);
  --context-border-color: var(--cds-color-frame-border-hover);
}
.cds-color-interaction--frame:focus, .cds-color-interaction--frame:active {
  --context-background-color: var(--cds-color-frame-background-active);
  --context-content-color: var(--cds-color-frame-text-active);
  --context-content-muted-color: var(--cds-color-frame-muted-active);
  --context-content-accent-color: var(--cds-color-frame-accent-active);
  --context-border-color: var(--cds-color-frame-border-active);
}
.cds-color-interaction--overlay {
  --context-background-color: var(--cds-color-overlay-background);
  --context-content-color: var(--cds-color-overlay-text);
  --context-content-muted-color: var(--cds-color-overlay-muted);
  --context-content-accent-color: var(--cds-color-overlay-accent);
  --context-border-color: var(--cds-color-overlay-border);
}
.cds-color-interaction--overlay, .cds-color-interaction--overlay:hover, .cds-color-interaction--overlay:focus, .cds-color-interaction--overlay:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--overlay:hover {
  --context-background-color: var(--cds-color-overlay-background-hover);
  --context-content-color: var(--cds-color-overlay-text-hover);
  --context-content-muted-color: var(--cds-color-overlay-muted-hover);
  --context-content-accent-color: var(--cds-color-overlay-accent-hover);
  --context-border-color: var(--cds-color-overlay-border-hover);
}
.cds-color-interaction--overlay:focus, .cds-color-interaction--overlay:active {
  --context-background-color: var(--cds-color-overlay-background-active);
  --context-content-color: var(--cds-color-overlay-text-active);
  --context-content-muted-color: var(--cds-color-overlay-muted-active);
  --context-content-accent-color: var(--cds-color-overlay-accent-active);
  --context-border-color: var(--cds-color-overlay-border-active);
}
.cds-color-interaction--disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
}
.cds-color-interaction--disabled, .cds-color-interaction--disabled:hover, .cds-color-interaction--disabled:focus, .cds-color-interaction--disabled:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--disabled:hover {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
}
.cds-color-interaction--disabled:focus, .cds-color-interaction--disabled:active {
  --context-background-color: var(--cds-color-disabled-background-active);
  --context-content-color: var(--cds-color-disabled-text-active);
  --context-content-muted-color: var(--cds-color-disabled-muted-active);
  --context-content-accent-color: var(--cds-color-disabled-accent-active);
  --context-border-color: var(--cds-color-disabled-border-active);
}
.cds-color-interaction--disabled:hover, .cds-color-interaction--disabled:active, .cds-color-interaction--disabled:focus {
  cursor: not-allowed;
}
.cds-color-interaction--input {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
}
.cds-color-interaction--input, .cds-color-interaction--input:hover, .cds-color-interaction--input:focus, .cds-color-interaction--input:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--input:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
}
.cds-color-interaction--input:focus, .cds-color-interaction--input:active {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
}
.cds-color-interaction--input-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
}
.cds-color-interaction--input-error, .cds-color-interaction--input-error:hover, .cds-color-interaction--input-error:focus, .cds-color-interaction--input-error:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--input-error:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
}
.cds-color-interaction--input-error:focus, .cds-color-interaction--input-error:active {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
}
.cds-color-interaction--green-tag {
  --context-background-color: var(--cds-color-green-tag-background);
  --context-content-color: var(--cds-color-green-tag-text);
  --context-content-muted-color: var(--cds-color-green-tag-muted);
  --context-content-accent-color: var(--cds-color-green-tag-accent);
  --context-border-color: var(--cds-color-green-tag-border);
}
.cds-color-interaction--green-tag, .cds-color-interaction--green-tag:hover, .cds-color-interaction--green-tag:focus, .cds-color-interaction--green-tag:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--green-tag:hover {
  --context-background-color: var(--cds-color-green-tag-background-hover);
  --context-content-color: var(--cds-color-green-tag-text-hover);
  --context-content-muted-color: var(--cds-color-green-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-green-tag-accent-hover);
  --context-border-color: var(--cds-color-green-tag-border-hover);
}
.cds-color-interaction--green-tag:focus, .cds-color-interaction--green-tag:active {
  --context-background-color: var(--cds-color-green-tag-background-active);
  --context-content-color: var(--cds-color-green-tag-text-active);
  --context-content-muted-color: var(--cds-color-green-tag-muted-active);
  --context-content-accent-color: var(--cds-color-green-tag-accent-active);
  --context-border-color: var(--cds-color-green-tag-border-active);
}
.cds-color-interaction--purple-tag {
  --context-background-color: var(--cds-color-purple-tag-background);
  --context-content-color: var(--cds-color-purple-tag-text);
  --context-content-muted-color: var(--cds-color-purple-tag-muted);
  --context-content-accent-color: var(--cds-color-purple-tag-accent);
  --context-border-color: var(--cds-color-purple-tag-border);
}
.cds-color-interaction--purple-tag, .cds-color-interaction--purple-tag:hover, .cds-color-interaction--purple-tag:focus, .cds-color-interaction--purple-tag:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--purple-tag:hover {
  --context-background-color: var(--cds-color-purple-tag-background-hover);
  --context-content-color: var(--cds-color-purple-tag-text-hover);
  --context-content-muted-color: var(--cds-color-purple-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-purple-tag-accent-hover);
  --context-border-color: var(--cds-color-purple-tag-border-hover);
}
.cds-color-interaction--purple-tag:focus, .cds-color-interaction--purple-tag:active {
  --context-background-color: var(--cds-color-purple-tag-background-active);
  --context-content-color: var(--cds-color-purple-tag-text-active);
  --context-content-muted-color: var(--cds-color-purple-tag-muted-active);
  --context-content-accent-color: var(--cds-color-purple-tag-accent-active);
  --context-border-color: var(--cds-color-purple-tag-border-active);
}
.cds-color-interaction--blue-tag {
  --context-background-color: var(--cds-color-blue-tag-background);
  --context-content-color: var(--cds-color-blue-tag-text);
  --context-content-muted-color: var(--cds-color-blue-tag-muted);
  --context-content-accent-color: var(--cds-color-blue-tag-accent);
  --context-border-color: var(--cds-color-blue-tag-border);
}
.cds-color-interaction--blue-tag, .cds-color-interaction--blue-tag:hover, .cds-color-interaction--blue-tag:focus, .cds-color-interaction--blue-tag:active {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-color-interaction--blue-tag:hover {
  --context-background-color: var(--cds-color-blue-tag-background-hover);
  --context-content-color: var(--cds-color-blue-tag-text-hover);
  --context-content-muted-color: var(--cds-color-blue-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-blue-tag-accent-hover);
  --context-border-color: var(--cds-color-blue-tag-border-hover);
}
.cds-color-interaction--blue-tag:focus, .cds-color-interaction--blue-tag:active {
  --context-background-color: var(--cds-color-blue-tag-background-active);
  --context-content-color: var(--cds-color-blue-tag-text-active);
  --context-content-muted-color: var(--cds-color-blue-tag-muted-active);
  --context-content-accent-color: var(--cds-color-blue-tag-accent-active);
  --context-border-color: var(--cds-color-blue-tag-border-active);
}

.cds-use-context-colors {
  background-color: var(--context-background-color);
  border-color: var(--context-border-color);
  color: var(--context-content-color);
}

.cds-color--muted {
  color: var(--context-content-muted-color) !important;
}

.cds-color--accent {
  color: var(--context-content-accent-color) !important;
}

.cds-color--content-success {
  color: var(--global-success-color) !important;
}

.cds-color--content-warning {
  color: var(--global-warning-color) !important;
}

.cds-color--content-danger {
  color: var(--global-danger-color) !important;
}

.cds-color--content-beta {
  color: var(--global-beta-color) !important;
}

.cds-color-set--primary {
  --context-background-color: var(--cds-color-primary-background);
  --context-content-color: var(--cds-color-primary-text);
  --context-content-muted-color: var(--cds-color-primary-muted);
  --context-content-accent-color: var(--cds-color-primary-accent);
  --context-border-color: var(--cds-color-primary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--secondary {
  --context-background-color: var(--cds-color-secondary-background);
  --context-content-color: var(--cds-color-secondary-text);
  --context-content-muted-color: var(--cds-color-secondary-muted);
  --context-content-accent-color: var(--cds-color-secondary-accent);
  --context-border-color: var(--cds-color-secondary-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--success {
  --context-background-color: var(--cds-color-success-background);
  --context-content-color: var(--cds-color-success-text);
  --context-content-muted-color: var(--cds-color-success-muted);
  --context-content-accent-color: var(--cds-color-success-accent);
  --context-border-color: var(--cds-color-success-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--warning {
  --context-background-color: var(--cds-color-warning-background);
  --context-content-color: var(--cds-color-warning-text);
  --context-content-muted-color: var(--cds-color-warning-muted);
  --context-content-accent-color: var(--cds-color-warning-accent);
  --context-border-color: var(--cds-color-warning-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--danger {
  --context-background-color: var(--cds-color-danger-background);
  --context-content-color: var(--cds-color-danger-text);
  --context-content-muted-color: var(--cds-color-danger-muted);
  --context-content-accent-color: var(--cds-color-danger-accent);
  --context-border-color: var(--cds-color-danger-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--beta {
  --context-background-color: var(--cds-color-beta-background);
  --context-content-color: var(--cds-color-beta-text);
  --context-content-muted-color: var(--cds-color-beta-muted);
  --context-content-accent-color: var(--cds-color-beta-accent);
  --context-border-color: var(--cds-color-beta-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--card {
  --context-background-color: var(--cds-color-card-background);
  --context-content-color: var(--cds-color-card-text);
  --context-content-muted-color: var(--cds-color-card-muted);
  --context-content-accent-color: var(--cds-color-card-accent);
  --context-border-color: var(--cds-color-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--background {
  --context-background-color: var(--cds-color-background-background);
  --context-content-color: var(--cds-color-background-text);
  --context-content-muted-color: var(--cds-color-background-muted);
  --context-content-accent-color: var(--cds-color-background-accent);
  --context-border-color: var(--cds-color-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--surface {
  --context-background-color: var(--cds-color-surface-background);
  --context-content-color: var(--cds-color-surface-text);
  --context-content-muted-color: var(--cds-color-surface-muted);
  --context-content-accent-color: var(--cds-color-surface-accent);
  --context-border-color: var(--cds-color-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--surface-raised {
  --context-background-color: var(--cds-color-surface-raised-background);
  --context-content-color: var(--cds-color-surface-raised-text);
  --context-content-muted-color: var(--cds-color-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-surface-raised-accent);
  --context-border-color: var(--cds-color-surface-raised-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--inverse-card {
  --context-background-color: var(--cds-color-inverse-card-background);
  --context-content-color: var(--cds-color-inverse-card-text);
  --context-content-muted-color: var(--cds-color-inverse-card-muted);
  --context-content-accent-color: var(--cds-color-inverse-card-accent);
  --context-border-color: var(--cds-color-inverse-card-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--inverse-background {
  --context-background-color: var(--cds-color-inverse-background-background);
  --context-content-color: var(--cds-color-inverse-background-text);
  --context-content-muted-color: var(--cds-color-inverse-background-muted);
  --context-content-accent-color: var(--cds-color-inverse-background-accent);
  --context-border-color: var(--cds-color-inverse-background-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--inverse-surface {
  --context-background-color: var(--cds-color-inverse-surface-background);
  --context-content-color: var(--cds-color-inverse-surface-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent);
  --context-border-color: var(--cds-color-inverse-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--inverse-surface-raised {
  --context-background-color: var(--cds-color-inverse-surface-raised-background);
  --context-content-color: var(--cds-color-inverse-surface-raised-text);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent);
  --context-border-color: var(--cds-color-inverse-surface-raised-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--primary-action {
  --context-background-color: var(--cds-color-primary-action-background);
  --context-content-color: var(--cds-color-primary-action-text);
  --context-content-muted-color: var(--cds-color-primary-action-muted);
  --context-content-accent-color: var(--cds-color-primary-action-accent);
  --context-border-color: var(--cds-color-primary-action-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--primary-surface {
  --context-background-color: var(--cds-color-primary-surface-background);
  --context-content-color: var(--cds-color-primary-surface-text);
  --context-content-muted-color: var(--cds-color-primary-surface-muted);
  --context-content-accent-color: var(--cds-color-primary-surface-accent);
  --context-border-color: var(--cds-color-primary-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--success-surface {
  --context-background-color: var(--cds-color-success-surface-background);
  --context-content-color: var(--cds-color-success-surface-text);
  --context-content-muted-color: var(--cds-color-success-surface-muted);
  --context-content-accent-color: var(--cds-color-success-surface-accent);
  --context-border-color: var(--cds-color-success-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--warning-surface {
  --context-background-color: var(--cds-color-warning-surface-background);
  --context-content-color: var(--cds-color-warning-surface-text);
  --context-content-muted-color: var(--cds-color-warning-surface-muted);
  --context-content-accent-color: var(--cds-color-warning-surface-accent);
  --context-border-color: var(--cds-color-warning-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--danger-surface {
  --context-background-color: var(--cds-color-danger-surface-background);
  --context-content-color: var(--cds-color-danger-surface-text);
  --context-content-muted-color: var(--cds-color-danger-surface-muted);
  --context-content-accent-color: var(--cds-color-danger-surface-accent);
  --context-border-color: var(--cds-color-danger-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--beta-surface {
  --context-background-color: var(--cds-color-beta-surface-background);
  --context-content-color: var(--cds-color-beta-surface-text);
  --context-content-muted-color: var(--cds-color-beta-surface-muted);
  --context-content-accent-color: var(--cds-color-beta-surface-accent);
  --context-border-color: var(--cds-color-beta-surface-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--frame {
  --context-background-color: var(--cds-color-frame-background);
  --context-content-color: var(--cds-color-frame-text);
  --context-content-muted-color: var(--cds-color-frame-muted);
  --context-content-accent-color: var(--cds-color-frame-accent);
  --context-border-color: var(--cds-color-frame-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--overlay {
  --context-background-color: var(--cds-color-overlay-background);
  --context-content-color: var(--cds-color-overlay-text);
  --context-content-muted-color: var(--cds-color-overlay-muted);
  --context-content-accent-color: var(--cds-color-overlay-accent);
  --context-border-color: var(--cds-color-overlay-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--disabled {
  --context-background-color: var(--cds-color-disabled-background);
  --context-content-color: var(--cds-color-disabled-text);
  --context-content-muted-color: var(--cds-color-disabled-muted);
  --context-content-accent-color: var(--cds-color-disabled-accent);
  --context-border-color: var(--cds-color-disabled-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--input {
  --context-background-color: var(--cds-color-input-background);
  --context-content-color: var(--cds-color-input-text);
  --context-content-muted-color: var(--cds-color-input-muted);
  --context-content-accent-color: var(--cds-color-input-accent);
  --context-border-color: var(--cds-color-input-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--input-error {
  --context-background-color: var(--cds-color-input-error-background);
  --context-content-color: var(--cds-color-input-error-text);
  --context-content-muted-color: var(--cds-color-input-error-muted);
  --context-content-accent-color: var(--cds-color-input-error-accent);
  --context-border-color: var(--cds-color-input-error-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--green-tag {
  --context-background-color: var(--cds-color-green-tag-background);
  --context-content-color: var(--cds-color-green-tag-text);
  --context-content-muted-color: var(--cds-color-green-tag-muted);
  --context-content-accent-color: var(--cds-color-green-tag-accent);
  --context-border-color: var(--cds-color-green-tag-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--purple-tag {
  --context-background-color: var(--cds-color-purple-tag-background);
  --context-content-color: var(--cds-color-purple-tag-text);
  --context-content-muted-color: var(--cds-color-purple-tag-muted);
  --context-content-accent-color: var(--cds-color-purple-tag-accent);
  --context-border-color: var(--cds-color-purple-tag-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-color-set--blue-tag {
  --context-background-color: var(--cds-color-blue-tag-background);
  --context-content-color: var(--cds-color-blue-tag-text);
  --context-content-muted-color: var(--cds-color-blue-tag-muted);
  --context-content-accent-color: var(--cds-color-blue-tag-accent);
  --context-border-color: var(--cds-color-blue-tag-border);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}

.cds-interactable--primary {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--primary:hover {
  --context-background-color: var(--cds-color-primary-background-hover);
  --context-content-color: var(--cds-color-primary-text-hover);
  --context-content-muted-color: var(--cds-color-primary-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-accent-hover);
  --context-border-color: var(--cds-color-primary-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--primary:focus, .cds-interactable--primary:active {
  --context-background-color: var(--cds-color-primary-background-active);
  --context-content-color: var(--cds-color-primary-text-active);
  --context-content-muted-color: var(--cds-color-primary-muted-active);
  --context-content-accent-color: var(--cds-color-primary-accent-active);
  --context-border-color: var(--cds-color-primary-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--secondary {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--secondary:hover {
  --context-background-color: var(--cds-color-secondary-background-hover);
  --context-content-color: var(--cds-color-secondary-text-hover);
  --context-content-muted-color: var(--cds-color-secondary-muted-hover);
  --context-content-accent-color: var(--cds-color-secondary-accent-hover);
  --context-border-color: var(--cds-color-secondary-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--secondary:focus, .cds-interactable--secondary:active {
  --context-background-color: var(--cds-color-secondary-background-active);
  --context-content-color: var(--cds-color-secondary-text-active);
  --context-content-muted-color: var(--cds-color-secondary-muted-active);
  --context-content-accent-color: var(--cds-color-secondary-accent-active);
  --context-border-color: var(--cds-color-secondary-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--success {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--success:hover {
  --context-background-color: var(--cds-color-success-background-hover);
  --context-content-color: var(--cds-color-success-text-hover);
  --context-content-muted-color: var(--cds-color-success-muted-hover);
  --context-content-accent-color: var(--cds-color-success-accent-hover);
  --context-border-color: var(--cds-color-success-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--success:focus, .cds-interactable--success:active {
  --context-background-color: var(--cds-color-success-background-active);
  --context-content-color: var(--cds-color-success-text-active);
  --context-content-muted-color: var(--cds-color-success-muted-active);
  --context-content-accent-color: var(--cds-color-success-accent-active);
  --context-border-color: var(--cds-color-success-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--warning {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--warning:hover {
  --context-background-color: var(--cds-color-warning-background-hover);
  --context-content-color: var(--cds-color-warning-text-hover);
  --context-content-muted-color: var(--cds-color-warning-muted-hover);
  --context-content-accent-color: var(--cds-color-warning-accent-hover);
  --context-border-color: var(--cds-color-warning-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--warning:focus, .cds-interactable--warning:active {
  --context-background-color: var(--cds-color-warning-background-active);
  --context-content-color: var(--cds-color-warning-text-active);
  --context-content-muted-color: var(--cds-color-warning-muted-active);
  --context-content-accent-color: var(--cds-color-warning-accent-active);
  --context-border-color: var(--cds-color-warning-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--danger {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--danger:hover {
  --context-background-color: var(--cds-color-danger-background-hover);
  --context-content-color: var(--cds-color-danger-text-hover);
  --context-content-muted-color: var(--cds-color-danger-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-accent-hover);
  --context-border-color: var(--cds-color-danger-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--danger:focus, .cds-interactable--danger:active {
  --context-background-color: var(--cds-color-danger-background-active);
  --context-content-color: var(--cds-color-danger-text-active);
  --context-content-muted-color: var(--cds-color-danger-muted-active);
  --context-content-accent-color: var(--cds-color-danger-accent-active);
  --context-border-color: var(--cds-color-danger-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--beta {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--beta:hover {
  --context-background-color: var(--cds-color-beta-background-hover);
  --context-content-color: var(--cds-color-beta-text-hover);
  --context-content-muted-color: var(--cds-color-beta-muted-hover);
  --context-content-accent-color: var(--cds-color-beta-accent-hover);
  --context-border-color: var(--cds-color-beta-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--beta:focus, .cds-interactable--beta:active {
  --context-background-color: var(--cds-color-beta-background-active);
  --context-content-color: var(--cds-color-beta-text-active);
  --context-content-muted-color: var(--cds-color-beta-muted-active);
  --context-content-accent-color: var(--cds-color-beta-accent-active);
  --context-border-color: var(--cds-color-beta-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--card {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--card:hover {
  --context-background-color: var(--cds-color-card-background-hover);
  --context-content-color: var(--cds-color-card-text-hover);
  --context-content-muted-color: var(--cds-color-card-muted-hover);
  --context-content-accent-color: var(--cds-color-card-accent-hover);
  --context-border-color: var(--cds-color-card-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--card:focus, .cds-interactable--card:active {
  --context-background-color: var(--cds-color-card-background-active);
  --context-content-color: var(--cds-color-card-text-active);
  --context-content-muted-color: var(--cds-color-card-muted-active);
  --context-content-accent-color: var(--cds-color-card-accent-active);
  --context-border-color: var(--cds-color-card-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--background {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--background:hover {
  --context-background-color: var(--cds-color-background-background-hover);
  --context-content-color: var(--cds-color-background-text-hover);
  --context-content-muted-color: var(--cds-color-background-muted-hover);
  --context-content-accent-color: var(--cds-color-background-accent-hover);
  --context-border-color: var(--cds-color-background-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--background:focus, .cds-interactable--background:active {
  --context-background-color: var(--cds-color-background-background-active);
  --context-content-color: var(--cds-color-background-text-active);
  --context-content-muted-color: var(--cds-color-background-muted-active);
  --context-content-accent-color: var(--cds-color-background-accent-active);
  --context-border-color: var(--cds-color-background-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--surface:hover {
  --context-background-color: var(--cds-color-surface-background-hover);
  --context-content-color: var(--cds-color-surface-text-hover);
  --context-content-muted-color: var(--cds-color-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-surface-accent-hover);
  --context-border-color: var(--cds-color-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--surface:focus, .cds-interactable--surface:active {
  --context-background-color: var(--cds-color-surface-background-active);
  --context-content-color: var(--cds-color-surface-text-active);
  --context-content-muted-color: var(--cds-color-surface-muted-active);
  --context-content-accent-color: var(--cds-color-surface-accent-active);
  --context-border-color: var(--cds-color-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--surface-raised {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--surface-raised:hover {
  --context-background-color: var(--cds-color-surface-raised-background-hover);
  --context-content-color: var(--cds-color-surface-raised-text-hover);
  --context-content-muted-color: var(--cds-color-surface-raised-muted-hover);
  --context-content-accent-color: var(--cds-color-surface-raised-accent-hover);
  --context-border-color: var(--cds-color-surface-raised-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--surface-raised:focus, .cds-interactable--surface-raised:active {
  --context-background-color: var(--cds-color-surface-raised-background-active);
  --context-content-color: var(--cds-color-surface-raised-text-active);
  --context-content-muted-color: var(--cds-color-surface-raised-muted-active);
  --context-content-accent-color: var(--cds-color-surface-raised-accent-active);
  --context-border-color: var(--cds-color-surface-raised-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-card {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--inverse-card:hover {
  --context-background-color: var(--cds-color-inverse-card-background-hover);
  --context-content-color: var(--cds-color-inverse-card-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-card-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-card-accent-hover);
  --context-border-color: var(--cds-color-inverse-card-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-card:focus, .cds-interactable--inverse-card:active {
  --context-background-color: var(--cds-color-inverse-card-background-active);
  --context-content-color: var(--cds-color-inverse-card-text-active);
  --context-content-muted-color: var(--cds-color-inverse-card-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-card-accent-active);
  --context-border-color: var(--cds-color-inverse-card-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-background {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--inverse-background:hover {
  --context-background-color: var(--cds-color-inverse-background-background-hover);
  --context-content-color: var(--cds-color-inverse-background-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-background-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-background-accent-hover);
  --context-border-color: var(--cds-color-inverse-background-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-background:focus, .cds-interactable--inverse-background:active {
  --context-background-color: var(--cds-color-inverse-background-background-active);
  --context-content-color: var(--cds-color-inverse-background-text-active);
  --context-content-muted-color: var(--cds-color-inverse-background-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-background-accent-active);
  --context-border-color: var(--cds-color-inverse-background-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--inverse-surface:hover {
  --context-background-color: var(--cds-color-inverse-surface-background-hover);
  --context-content-color: var(--cds-color-inverse-surface-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent-hover);
  --context-border-color: var(--cds-color-inverse-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-surface:focus, .cds-interactable--inverse-surface:active {
  --context-background-color: var(--cds-color-inverse-surface-background-active);
  --context-content-color: var(--cds-color-inverse-surface-text-active);
  --context-content-muted-color: var(--cds-color-inverse-surface-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-surface-accent-active);
  --context-border-color: var(--cds-color-inverse-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-surface-raised {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--inverse-surface-raised:hover {
  --context-background-color: var(--cds-color-inverse-surface-raised-background-hover);
  --context-content-color: var(--cds-color-inverse-surface-raised-text-hover);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted-hover);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent-hover);
  --context-border-color: var(--cds-color-inverse-surface-raised-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--inverse-surface-raised:focus, .cds-interactable--inverse-surface-raised:active {
  --context-background-color: var(--cds-color-inverse-surface-raised-background-active);
  --context-content-color: var(--cds-color-inverse-surface-raised-text-active);
  --context-content-muted-color: var(--cds-color-inverse-surface-raised-muted-active);
  --context-content-accent-color: var(--cds-color-inverse-surface-raised-accent-active);
  --context-border-color: var(--cds-color-inverse-surface-raised-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--primary-action {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--primary-action:hover {
  --context-background-color: var(--cds-color-primary-action-background-hover);
  --context-content-color: var(--cds-color-primary-action-text-hover);
  --context-content-muted-color: var(--cds-color-primary-action-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-action-accent-hover);
  --context-border-color: var(--cds-color-primary-action-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--primary-action:focus, .cds-interactable--primary-action:active {
  --context-background-color: var(--cds-color-primary-action-background-active);
  --context-content-color: var(--cds-color-primary-action-text-active);
  --context-content-muted-color: var(--cds-color-primary-action-muted-active);
  --context-content-accent-color: var(--cds-color-primary-action-accent-active);
  --context-border-color: var(--cds-color-primary-action-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--primary-surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--primary-surface:hover {
  --context-background-color: var(--cds-color-primary-surface-background-hover);
  --context-content-color: var(--cds-color-primary-surface-text-hover);
  --context-content-muted-color: var(--cds-color-primary-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-primary-surface-accent-hover);
  --context-border-color: var(--cds-color-primary-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--primary-surface:focus, .cds-interactable--primary-surface:active {
  --context-background-color: var(--cds-color-primary-surface-background-active);
  --context-content-color: var(--cds-color-primary-surface-text-active);
  --context-content-muted-color: var(--cds-color-primary-surface-muted-active);
  --context-content-accent-color: var(--cds-color-primary-surface-accent-active);
  --context-border-color: var(--cds-color-primary-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--success-surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--success-surface:hover {
  --context-background-color: var(--cds-color-success-surface-background-hover);
  --context-content-color: var(--cds-color-success-surface-text-hover);
  --context-content-muted-color: var(--cds-color-success-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-success-surface-accent-hover);
  --context-border-color: var(--cds-color-success-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--success-surface:focus, .cds-interactable--success-surface:active {
  --context-background-color: var(--cds-color-success-surface-background-active);
  --context-content-color: var(--cds-color-success-surface-text-active);
  --context-content-muted-color: var(--cds-color-success-surface-muted-active);
  --context-content-accent-color: var(--cds-color-success-surface-accent-active);
  --context-border-color: var(--cds-color-success-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--warning-surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--warning-surface:hover {
  --context-background-color: var(--cds-color-warning-surface-background-hover);
  --context-content-color: var(--cds-color-warning-surface-text-hover);
  --context-content-muted-color: var(--cds-color-warning-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-warning-surface-accent-hover);
  --context-border-color: var(--cds-color-warning-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--warning-surface:focus, .cds-interactable--warning-surface:active {
  --context-background-color: var(--cds-color-warning-surface-background-active);
  --context-content-color: var(--cds-color-warning-surface-text-active);
  --context-content-muted-color: var(--cds-color-warning-surface-muted-active);
  --context-content-accent-color: var(--cds-color-warning-surface-accent-active);
  --context-border-color: var(--cds-color-warning-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--danger-surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--danger-surface:hover {
  --context-background-color: var(--cds-color-danger-surface-background-hover);
  --context-content-color: var(--cds-color-danger-surface-text-hover);
  --context-content-muted-color: var(--cds-color-danger-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-danger-surface-accent-hover);
  --context-border-color: var(--cds-color-danger-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--danger-surface:focus, .cds-interactable--danger-surface:active {
  --context-background-color: var(--cds-color-danger-surface-background-active);
  --context-content-color: var(--cds-color-danger-surface-text-active);
  --context-content-muted-color: var(--cds-color-danger-surface-muted-active);
  --context-content-accent-color: var(--cds-color-danger-surface-accent-active);
  --context-border-color: var(--cds-color-danger-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--beta-surface {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--beta-surface:hover {
  --context-background-color: var(--cds-color-beta-surface-background-hover);
  --context-content-color: var(--cds-color-beta-surface-text-hover);
  --context-content-muted-color: var(--cds-color-beta-surface-muted-hover);
  --context-content-accent-color: var(--cds-color-beta-surface-accent-hover);
  --context-border-color: var(--cds-color-beta-surface-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--beta-surface:focus, .cds-interactable--beta-surface:active {
  --context-background-color: var(--cds-color-beta-surface-background-active);
  --context-content-color: var(--cds-color-beta-surface-text-active);
  --context-content-muted-color: var(--cds-color-beta-surface-muted-active);
  --context-content-accent-color: var(--cds-color-beta-surface-accent-active);
  --context-border-color: var(--cds-color-beta-surface-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--frame {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--frame:hover {
  --context-background-color: var(--cds-color-frame-background-hover);
  --context-content-color: var(--cds-color-frame-text-hover);
  --context-content-muted-color: var(--cds-color-frame-muted-hover);
  --context-content-accent-color: var(--cds-color-frame-accent-hover);
  --context-border-color: var(--cds-color-frame-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--frame:focus, .cds-interactable--frame:active {
  --context-background-color: var(--cds-color-frame-background-active);
  --context-content-color: var(--cds-color-frame-text-active);
  --context-content-muted-color: var(--cds-color-frame-muted-active);
  --context-content-accent-color: var(--cds-color-frame-accent-active);
  --context-border-color: var(--cds-color-frame-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--overlay {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--overlay:hover {
  --context-background-color: var(--cds-color-overlay-background-hover);
  --context-content-color: var(--cds-color-overlay-text-hover);
  --context-content-muted-color: var(--cds-color-overlay-muted-hover);
  --context-content-accent-color: var(--cds-color-overlay-accent-hover);
  --context-border-color: var(--cds-color-overlay-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--overlay:focus, .cds-interactable--overlay:active {
  --context-background-color: var(--cds-color-overlay-background-active);
  --context-content-color: var(--cds-color-overlay-text-active);
  --context-content-muted-color: var(--cds-color-overlay-muted-active);
  --context-content-accent-color: var(--cds-color-overlay-accent-active);
  --context-border-color: var(--cds-color-overlay-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--disabled {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--disabled:hover {
  --context-background-color: var(--cds-color-disabled-background-hover);
  --context-content-color: var(--cds-color-disabled-text-hover);
  --context-content-muted-color: var(--cds-color-disabled-muted-hover);
  --context-content-accent-color: var(--cds-color-disabled-accent-hover);
  --context-border-color: var(--cds-color-disabled-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--disabled:focus, .cds-interactable--disabled:active {
  --context-background-color: var(--cds-color-disabled-background-active);
  --context-content-color: var(--cds-color-disabled-text-active);
  --context-content-muted-color: var(--cds-color-disabled-muted-active);
  --context-content-accent-color: var(--cds-color-disabled-accent-active);
  --context-border-color: var(--cds-color-disabled-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--input {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--input:hover {
  --context-background-color: var(--cds-color-input-background-hover);
  --context-content-color: var(--cds-color-input-text-hover);
  --context-content-muted-color: var(--cds-color-input-muted-hover);
  --context-content-accent-color: var(--cds-color-input-accent-hover);
  --context-border-color: var(--cds-color-input-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--input:focus, .cds-interactable--input:active {
  --context-background-color: var(--cds-color-input-background-active);
  --context-content-color: var(--cds-color-input-text-active);
  --context-content-muted-color: var(--cds-color-input-muted-active);
  --context-content-accent-color: var(--cds-color-input-accent-active);
  --context-border-color: var(--cds-color-input-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--input-error {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--input-error:hover {
  --context-background-color: var(--cds-color-input-error-background-hover);
  --context-content-color: var(--cds-color-input-error-text-hover);
  --context-content-muted-color: var(--cds-color-input-error-muted-hover);
  --context-content-accent-color: var(--cds-color-input-error-accent-hover);
  --context-border-color: var(--cds-color-input-error-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--input-error:focus, .cds-interactable--input-error:active {
  --context-background-color: var(--cds-color-input-error-background-active);
  --context-content-color: var(--cds-color-input-error-text-active);
  --context-content-muted-color: var(--cds-color-input-error-muted-active);
  --context-content-accent-color: var(--cds-color-input-error-accent-active);
  --context-border-color: var(--cds-color-input-error-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--green-tag {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--green-tag:hover {
  --context-background-color: var(--cds-color-green-tag-background-hover);
  --context-content-color: var(--cds-color-green-tag-text-hover);
  --context-content-muted-color: var(--cds-color-green-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-green-tag-accent-hover);
  --context-border-color: var(--cds-color-green-tag-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--green-tag:focus, .cds-interactable--green-tag:active {
  --context-background-color: var(--cds-color-green-tag-background-active);
  --context-content-color: var(--cds-color-green-tag-text-active);
  --context-content-muted-color: var(--cds-color-green-tag-muted-active);
  --context-content-accent-color: var(--cds-color-green-tag-accent-active);
  --context-border-color: var(--cds-color-green-tag-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--purple-tag {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--purple-tag:hover {
  --context-background-color: var(--cds-color-purple-tag-background-hover);
  --context-content-color: var(--cds-color-purple-tag-text-hover);
  --context-content-muted-color: var(--cds-color-purple-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-purple-tag-accent-hover);
  --context-border-color: var(--cds-color-purple-tag-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--purple-tag:focus, .cds-interactable--purple-tag:active {
  --context-background-color: var(--cds-color-purple-tag-background-active);
  --context-content-color: var(--cds-color-purple-tag-text-active);
  --context-content-muted-color: var(--cds-color-purple-tag-muted-active);
  --context-content-accent-color: var(--cds-color-purple-tag-accent-active);
  --context-border-color: var(--cds-color-purple-tag-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--blue-tag {
  transition: color 0.1s, background-color 0.1s, border-color 0.1s;
}
.cds-interactable--blue-tag:hover {
  --context-background-color: var(--cds-color-blue-tag-background-hover);
  --context-content-color: var(--cds-color-blue-tag-text-hover);
  --context-content-muted-color: var(--cds-color-blue-tag-muted-hover);
  --context-content-accent-color: var(--cds-color-blue-tag-accent-hover);
  --context-border-color: var(--cds-color-blue-tag-border-hover);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}
.cds-interactable--blue-tag:focus, .cds-interactable--blue-tag:active {
  --context-background-color: var(--cds-color-blue-tag-background-active);
  --context-content-color: var(--cds-color-blue-tag-text-active);
  --context-content-muted-color: var(--cds-color-blue-tag-muted-active);
  --context-content-accent-color: var(--cds-color-blue-tag-accent-active);
  --context-border-color: var(--cds-color-blue-tag-border-active);
  background-color: var(--context-background-color);
  color: var(--context-content-color);
  border-color: var(--context-border-color);
}

.u-margin--0 {
  margin: 0;
}

.u-margin--t-0 {
  margin-top: 0;
}

.u-margin--b-0 {
  margin-bottom: 0;
}

.u-margin--y-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-margin--5 {
  margin: 4px;
}

.u-margin--t-5 {
  margin-top: 4px;
}

.u-margin--b-5 {
  margin-bottom: 4px;
}

.u-margin--y-5 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.u-margin--10 {
  margin: 8px;
}

.u-margin--t-10 {
  margin-top: 8px;
}

.u-margin--b-10 {
  margin-bottom: 8px;
}

.u-margin--y-10 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.u-margin--20 {
  margin: 12px;
}

.u-margin--t-20 {
  margin-top: 12px;
}

.u-margin--b-20 {
  margin-bottom: 12px;
}

.u-margin--y-20 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.u-margin--25 {
  margin: 16px;
}

.u-margin--t-25 {
  margin-top: 16px;
}

.u-margin--b-25 {
  margin-bottom: 16px;
}

.u-margin--y-25 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.u-margin--50 {
  margin: 32px;
}

.u-margin--t-50 {
  margin-top: 32px;
}

.u-margin--b-50 {
  margin-bottom: 32px;
}

.u-margin--y-50 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.u-margin--100 {
  margin: 64px;
}

.u-margin--t-100 {
  margin-top: 64px;
}

.u-margin--b-100 {
  margin-bottom: 64px;
}

.u-margin--y-100 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.u-margin--200 {
  margin: 128px;
}

.u-margin--t-200 {
  margin-top: 128px;
}

.u-margin--b-200 {
  margin-bottom: 128px;
}

.u-margin--y-200 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.u-margin--300 {
  margin: 192px;
}

.u-margin--t-300 {
  margin-top: 192px;
}

.u-margin--b-300 {
  margin-bottom: 192px;
}

.u-margin--y-300 {
  margin-top: 192px;
  margin-bottom: 192px;
}

.u-pull--0 {
  margin: 0;
}

.u-pull--t-0 {
  margin-top: 0;
}

.u-pull--b-0 {
  margin-bottom: 0;
}

.u-pull--y-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.u-pull--5 {
  margin: -4px;
}

.u-pull--t-5 {
  margin-top: -4px;
}

.u-pull--b-5 {
  margin-bottom: -4px;
}

.u-pull--y-5 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.u-pull--10 {
  margin: -8px;
}

.u-pull--t-10 {
  margin-top: -8px;
}

.u-pull--b-10 {
  margin-bottom: -8px;
}

.u-pull--y-10 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.u-pull--20 {
  margin: -12px;
}

.u-pull--t-20 {
  margin-top: -12px;
}

.u-pull--b-20 {
  margin-bottom: -12px;
}

.u-pull--y-20 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.u-pull--25 {
  margin: -16px;
}

.u-pull--t-25 {
  margin-top: -16px;
}

.u-pull--b-25 {
  margin-bottom: -16px;
}

.u-pull--y-25 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.u-pull--50 {
  margin: -32px;
}

.u-pull--t-50 {
  margin-top: -32px;
}

.u-pull--b-50 {
  margin-bottom: -32px;
}

.u-pull--y-50 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.u-pull--100 {
  margin: -64px;
}

.u-pull--t-100 {
  margin-top: -64px;
}

.u-pull--b-100 {
  margin-bottom: -64px;
}

.u-pull--y-100 {
  margin-top: -64px;
  margin-bottom: -64px;
}

.u-pull--200 {
  margin: -128px;
}

.u-pull--t-200 {
  margin-top: -128px;
}

.u-pull--b-200 {
  margin-bottom: -128px;
}

.u-pull--y-200 {
  margin-top: -128px;
  margin-bottom: -128px;
}

.u-pull--300 {
  margin: -192px;
}

.u-pull--t-300 {
  margin-top: -192px;
}

.u-pull--b-300 {
  margin-bottom: -192px;
}

.u-pull--y-300 {
  margin-top: -192px;
  margin-bottom: -192px;
}

.u-padding--0 {
  padding: 0;
}

.u-padding--t-0 {
  padding-top: 0;
}

.u-padding--b-0 {
  padding-bottom: 0;
}

.u-padding--y-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.u-padding--5 {
  padding: 4px;
}

.u-padding--t-5 {
  padding-top: 4px;
}

.u-padding--b-5 {
  padding-bottom: 4px;
}

.u-padding--y-5 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.u-padding--10 {
  padding: 8px;
}

.u-padding--t-10 {
  padding-top: 8px;
}

.u-padding--b-10 {
  padding-bottom: 8px;
}

.u-padding--y-10 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.u-padding--20 {
  padding: 12px;
}

.u-padding--t-20 {
  padding-top: 12px;
}

.u-padding--b-20 {
  padding-bottom: 12px;
}

.u-padding--y-20 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.u-padding--25 {
  padding: 16px;
}

.u-padding--t-25 {
  padding-top: 16px;
}

.u-padding--b-25 {
  padding-bottom: 16px;
}

.u-padding--y-25 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.u-padding--50 {
  padding: 32px;
}

.u-padding--t-50 {
  padding-top: 32px;
}

.u-padding--b-50 {
  padding-bottom: 32px;
}

.u-padding--y-50 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.u-padding--100 {
  padding: 64px;
}

.u-padding--t-100 {
  padding-top: 64px;
}

.u-padding--b-100 {
  padding-bottom: 64px;
}

.u-padding--y-100 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.u-padding--200 {
  padding: 128px;
}

.u-padding--t-200 {
  padding-top: 128px;
}

.u-padding--b-200 {
  padding-bottom: 128px;
}

.u-padding--y-200 {
  padding-top: 128px;
  padding-bottom: 128px;
}

.u-padding--300 {
  padding: 192px;
}

.u-padding--t-300 {
  padding-top: 192px;
}

.u-padding--b-300 {
  padding-bottom: 192px;
}

.u-padding--y-300 {
  padding-top: 192px;
  padding-bottom: 192px;
}

@media (min-width: 544px) {
  .u-margin--sm-0 {
    margin: 0;
  }
  .u-margin--sm-t-0 {
    margin-top: 0;
  }
  .u-margin--sm-b-0 {
    margin-bottom: 0;
  }
  .u-margin--sm-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-margin--sm-5 {
    margin: 4px;
  }
  .u-margin--sm-t-5 {
    margin-top: 4px;
  }
  .u-margin--sm-b-5 {
    margin-bottom: 4px;
  }
  .u-margin--sm-y-5 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin--sm-10 {
    margin: 8px;
  }
  .u-margin--sm-t-10 {
    margin-top: 8px;
  }
  .u-margin--sm-b-10 {
    margin-bottom: 8px;
  }
  .u-margin--sm-y-10 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin--sm-20 {
    margin: 12px;
  }
  .u-margin--sm-t-20 {
    margin-top: 12px;
  }
  .u-margin--sm-b-20 {
    margin-bottom: 12px;
  }
  .u-margin--sm-y-20 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin--sm-25 {
    margin: 16px;
  }
  .u-margin--sm-t-25 {
    margin-top: 16px;
  }
  .u-margin--sm-b-25 {
    margin-bottom: 16px;
  }
  .u-margin--sm-y-25 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin--sm-50 {
    margin: 32px;
  }
  .u-margin--sm-t-50 {
    margin-top: 32px;
  }
  .u-margin--sm-b-50 {
    margin-bottom: 32px;
  }
  .u-margin--sm-y-50 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin--sm-100 {
    margin: 64px;
  }
  .u-margin--sm-t-100 {
    margin-top: 64px;
  }
  .u-margin--sm-b-100 {
    margin-bottom: 64px;
  }
  .u-margin--sm-y-100 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .u-margin--sm-200 {
    margin: 128px;
  }
  .u-margin--sm-t-200 {
    margin-top: 128px;
  }
  .u-margin--sm-b-200 {
    margin-bottom: 128px;
  }
  .u-margin--sm-y-200 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .u-margin--sm-300 {
    margin: 192px;
  }
  .u-margin--sm-t-300 {
    margin-top: 192px;
  }
  .u-margin--sm-b-300 {
    margin-bottom: 192px;
  }
  .u-margin--sm-y-300 {
    margin-top: 192px;
    margin-bottom: 192px;
  }
  .u-pull--sm-0 {
    margin: 0;
  }
  .u-pull--sm-t-0 {
    margin-top: 0;
  }
  .u-pull--sm-b-0 {
    margin-bottom: 0;
  }
  .u-pull--sm-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-pull--sm-5 {
    margin: -4px;
  }
  .u-pull--sm-t-5 {
    margin-top: -4px;
  }
  .u-pull--sm-b-5 {
    margin-bottom: -4px;
  }
  .u-pull--sm-y-5 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .u-pull--sm-10 {
    margin: -8px;
  }
  .u-pull--sm-t-10 {
    margin-top: -8px;
  }
  .u-pull--sm-b-10 {
    margin-bottom: -8px;
  }
  .u-pull--sm-y-10 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .u-pull--sm-20 {
    margin: -12px;
  }
  .u-pull--sm-t-20 {
    margin-top: -12px;
  }
  .u-pull--sm-b-20 {
    margin-bottom: -12px;
  }
  .u-pull--sm-y-20 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .u-pull--sm-25 {
    margin: -16px;
  }
  .u-pull--sm-t-25 {
    margin-top: -16px;
  }
  .u-pull--sm-b-25 {
    margin-bottom: -16px;
  }
  .u-pull--sm-y-25 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .u-pull--sm-50 {
    margin: -32px;
  }
  .u-pull--sm-t-50 {
    margin-top: -32px;
  }
  .u-pull--sm-b-50 {
    margin-bottom: -32px;
  }
  .u-pull--sm-y-50 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .u-pull--sm-100 {
    margin: -64px;
  }
  .u-pull--sm-t-100 {
    margin-top: -64px;
  }
  .u-pull--sm-b-100 {
    margin-bottom: -64px;
  }
  .u-pull--sm-y-100 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .u-pull--sm-200 {
    margin: -128px;
  }
  .u-pull--sm-t-200 {
    margin-top: -128px;
  }
  .u-pull--sm-b-200 {
    margin-bottom: -128px;
  }
  .u-pull--sm-y-200 {
    margin-top: -128px;
    margin-bottom: -128px;
  }
  .u-pull--sm-300 {
    margin: -192px;
  }
  .u-pull--sm-t-300 {
    margin-top: -192px;
  }
  .u-pull--sm-b-300 {
    margin-bottom: -192px;
  }
  .u-pull--sm-y-300 {
    margin-top: -192px;
    margin-bottom: -192px;
  }
  .u-padding--sm-0 {
    padding: 0;
  }
  .u-padding--sm-t-0 {
    padding-top: 0;
  }
  .u-padding--sm-b-0 {
    padding-bottom: 0;
  }
  .u-padding--sm-y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-padding--sm-5 {
    padding: 4px;
  }
  .u-padding--sm-t-5 {
    padding-top: 4px;
  }
  .u-padding--sm-b-5 {
    padding-bottom: 4px;
  }
  .u-padding--sm-y-5 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding--sm-10 {
    padding: 8px;
  }
  .u-padding--sm-t-10 {
    padding-top: 8px;
  }
  .u-padding--sm-b-10 {
    padding-bottom: 8px;
  }
  .u-padding--sm-y-10 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding--sm-20 {
    padding: 12px;
  }
  .u-padding--sm-t-20 {
    padding-top: 12px;
  }
  .u-padding--sm-b-20 {
    padding-bottom: 12px;
  }
  .u-padding--sm-y-20 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding--sm-25 {
    padding: 16px;
  }
  .u-padding--sm-t-25 {
    padding-top: 16px;
  }
  .u-padding--sm-b-25 {
    padding-bottom: 16px;
  }
  .u-padding--sm-y-25 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding--sm-50 {
    padding: 32px;
  }
  .u-padding--sm-t-50 {
    padding-top: 32px;
  }
  .u-padding--sm-b-50 {
    padding-bottom: 32px;
  }
  .u-padding--sm-y-50 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding--sm-100 {
    padding: 64px;
  }
  .u-padding--sm-t-100 {
    padding-top: 64px;
  }
  .u-padding--sm-b-100 {
    padding-bottom: 64px;
  }
  .u-padding--sm-y-100 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .u-padding--sm-200 {
    padding: 128px;
  }
  .u-padding--sm-t-200 {
    padding-top: 128px;
  }
  .u-padding--sm-b-200 {
    padding-bottom: 128px;
  }
  .u-padding--sm-y-200 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .u-padding--sm-300 {
    padding: 192px;
  }
  .u-padding--sm-t-300 {
    padding-top: 192px;
  }
  .u-padding--sm-b-300 {
    padding-bottom: 192px;
  }
  .u-padding--sm-y-300 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}
@media (min-width: 768px) {
  .u-margin--md-0 {
    margin: 0;
  }
  .u-margin--md-t-0 {
    margin-top: 0;
  }
  .u-margin--md-b-0 {
    margin-bottom: 0;
  }
  .u-margin--md-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-margin--md-5 {
    margin: 4px;
  }
  .u-margin--md-t-5 {
    margin-top: 4px;
  }
  .u-margin--md-b-5 {
    margin-bottom: 4px;
  }
  .u-margin--md-y-5 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin--md-10 {
    margin: 8px;
  }
  .u-margin--md-t-10 {
    margin-top: 8px;
  }
  .u-margin--md-b-10 {
    margin-bottom: 8px;
  }
  .u-margin--md-y-10 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin--md-20 {
    margin: 12px;
  }
  .u-margin--md-t-20 {
    margin-top: 12px;
  }
  .u-margin--md-b-20 {
    margin-bottom: 12px;
  }
  .u-margin--md-y-20 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin--md-25 {
    margin: 16px;
  }
  .u-margin--md-t-25 {
    margin-top: 16px;
  }
  .u-margin--md-b-25 {
    margin-bottom: 16px;
  }
  .u-margin--md-y-25 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin--md-50 {
    margin: 32px;
  }
  .u-margin--md-t-50 {
    margin-top: 32px;
  }
  .u-margin--md-b-50 {
    margin-bottom: 32px;
  }
  .u-margin--md-y-50 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin--md-100 {
    margin: 64px;
  }
  .u-margin--md-t-100 {
    margin-top: 64px;
  }
  .u-margin--md-b-100 {
    margin-bottom: 64px;
  }
  .u-margin--md-y-100 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .u-margin--md-200 {
    margin: 128px;
  }
  .u-margin--md-t-200 {
    margin-top: 128px;
  }
  .u-margin--md-b-200 {
    margin-bottom: 128px;
  }
  .u-margin--md-y-200 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .u-margin--md-300 {
    margin: 192px;
  }
  .u-margin--md-t-300 {
    margin-top: 192px;
  }
  .u-margin--md-b-300 {
    margin-bottom: 192px;
  }
  .u-margin--md-y-300 {
    margin-top: 192px;
    margin-bottom: 192px;
  }
  .u-pull--md-0 {
    margin: 0;
  }
  .u-pull--md-t-0 {
    margin-top: 0;
  }
  .u-pull--md-b-0 {
    margin-bottom: 0;
  }
  .u-pull--md-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-pull--md-5 {
    margin: -4px;
  }
  .u-pull--md-t-5 {
    margin-top: -4px;
  }
  .u-pull--md-b-5 {
    margin-bottom: -4px;
  }
  .u-pull--md-y-5 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .u-pull--md-10 {
    margin: -8px;
  }
  .u-pull--md-t-10 {
    margin-top: -8px;
  }
  .u-pull--md-b-10 {
    margin-bottom: -8px;
  }
  .u-pull--md-y-10 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .u-pull--md-20 {
    margin: -12px;
  }
  .u-pull--md-t-20 {
    margin-top: -12px;
  }
  .u-pull--md-b-20 {
    margin-bottom: -12px;
  }
  .u-pull--md-y-20 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .u-pull--md-25 {
    margin: -16px;
  }
  .u-pull--md-t-25 {
    margin-top: -16px;
  }
  .u-pull--md-b-25 {
    margin-bottom: -16px;
  }
  .u-pull--md-y-25 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .u-pull--md-50 {
    margin: -32px;
  }
  .u-pull--md-t-50 {
    margin-top: -32px;
  }
  .u-pull--md-b-50 {
    margin-bottom: -32px;
  }
  .u-pull--md-y-50 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .u-pull--md-100 {
    margin: -64px;
  }
  .u-pull--md-t-100 {
    margin-top: -64px;
  }
  .u-pull--md-b-100 {
    margin-bottom: -64px;
  }
  .u-pull--md-y-100 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .u-pull--md-200 {
    margin: -128px;
  }
  .u-pull--md-t-200 {
    margin-top: -128px;
  }
  .u-pull--md-b-200 {
    margin-bottom: -128px;
  }
  .u-pull--md-y-200 {
    margin-top: -128px;
    margin-bottom: -128px;
  }
  .u-pull--md-300 {
    margin: -192px;
  }
  .u-pull--md-t-300 {
    margin-top: -192px;
  }
  .u-pull--md-b-300 {
    margin-bottom: -192px;
  }
  .u-pull--md-y-300 {
    margin-top: -192px;
    margin-bottom: -192px;
  }
  .u-padding--md-0 {
    padding: 0;
  }
  .u-padding--md-t-0 {
    padding-top: 0;
  }
  .u-padding--md-b-0 {
    padding-bottom: 0;
  }
  .u-padding--md-y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-padding--md-5 {
    padding: 4px;
  }
  .u-padding--md-t-5 {
    padding-top: 4px;
  }
  .u-padding--md-b-5 {
    padding-bottom: 4px;
  }
  .u-padding--md-y-5 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding--md-10 {
    padding: 8px;
  }
  .u-padding--md-t-10 {
    padding-top: 8px;
  }
  .u-padding--md-b-10 {
    padding-bottom: 8px;
  }
  .u-padding--md-y-10 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding--md-20 {
    padding: 12px;
  }
  .u-padding--md-t-20 {
    padding-top: 12px;
  }
  .u-padding--md-b-20 {
    padding-bottom: 12px;
  }
  .u-padding--md-y-20 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding--md-25 {
    padding: 16px;
  }
  .u-padding--md-t-25 {
    padding-top: 16px;
  }
  .u-padding--md-b-25 {
    padding-bottom: 16px;
  }
  .u-padding--md-y-25 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding--md-50 {
    padding: 32px;
  }
  .u-padding--md-t-50 {
    padding-top: 32px;
  }
  .u-padding--md-b-50 {
    padding-bottom: 32px;
  }
  .u-padding--md-y-50 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding--md-100 {
    padding: 64px;
  }
  .u-padding--md-t-100 {
    padding-top: 64px;
  }
  .u-padding--md-b-100 {
    padding-bottom: 64px;
  }
  .u-padding--md-y-100 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .u-padding--md-200 {
    padding: 128px;
  }
  .u-padding--md-t-200 {
    padding-top: 128px;
  }
  .u-padding--md-b-200 {
    padding-bottom: 128px;
  }
  .u-padding--md-y-200 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .u-padding--md-300 {
    padding: 192px;
  }
  .u-padding--md-t-300 {
    padding-top: 192px;
  }
  .u-padding--md-b-300 {
    padding-bottom: 192px;
  }
  .u-padding--md-y-300 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}
@media (min-width: 992px) {
  .u-margin--lg-0 {
    margin: 0;
  }
  .u-margin--lg-t-0 {
    margin-top: 0;
  }
  .u-margin--lg-b-0 {
    margin-bottom: 0;
  }
  .u-margin--lg-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-margin--lg-5 {
    margin: 4px;
  }
  .u-margin--lg-t-5 {
    margin-top: 4px;
  }
  .u-margin--lg-b-5 {
    margin-bottom: 4px;
  }
  .u-margin--lg-y-5 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin--lg-10 {
    margin: 8px;
  }
  .u-margin--lg-t-10 {
    margin-top: 8px;
  }
  .u-margin--lg-b-10 {
    margin-bottom: 8px;
  }
  .u-margin--lg-y-10 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin--lg-20 {
    margin: 12px;
  }
  .u-margin--lg-t-20 {
    margin-top: 12px;
  }
  .u-margin--lg-b-20 {
    margin-bottom: 12px;
  }
  .u-margin--lg-y-20 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin--lg-25 {
    margin: 16px;
  }
  .u-margin--lg-t-25 {
    margin-top: 16px;
  }
  .u-margin--lg-b-25 {
    margin-bottom: 16px;
  }
  .u-margin--lg-y-25 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin--lg-50 {
    margin: 32px;
  }
  .u-margin--lg-t-50 {
    margin-top: 32px;
  }
  .u-margin--lg-b-50 {
    margin-bottom: 32px;
  }
  .u-margin--lg-y-50 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin--lg-100 {
    margin: 64px;
  }
  .u-margin--lg-t-100 {
    margin-top: 64px;
  }
  .u-margin--lg-b-100 {
    margin-bottom: 64px;
  }
  .u-margin--lg-y-100 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .u-margin--lg-200 {
    margin: 128px;
  }
  .u-margin--lg-t-200 {
    margin-top: 128px;
  }
  .u-margin--lg-b-200 {
    margin-bottom: 128px;
  }
  .u-margin--lg-y-200 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .u-margin--lg-300 {
    margin: 192px;
  }
  .u-margin--lg-t-300 {
    margin-top: 192px;
  }
  .u-margin--lg-b-300 {
    margin-bottom: 192px;
  }
  .u-margin--lg-y-300 {
    margin-top: 192px;
    margin-bottom: 192px;
  }
  .u-pull--lg-0 {
    margin: 0;
  }
  .u-pull--lg-t-0 {
    margin-top: 0;
  }
  .u-pull--lg-b-0 {
    margin-bottom: 0;
  }
  .u-pull--lg-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-pull--lg-5 {
    margin: -4px;
  }
  .u-pull--lg-t-5 {
    margin-top: -4px;
  }
  .u-pull--lg-b-5 {
    margin-bottom: -4px;
  }
  .u-pull--lg-y-5 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .u-pull--lg-10 {
    margin: -8px;
  }
  .u-pull--lg-t-10 {
    margin-top: -8px;
  }
  .u-pull--lg-b-10 {
    margin-bottom: -8px;
  }
  .u-pull--lg-y-10 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .u-pull--lg-20 {
    margin: -12px;
  }
  .u-pull--lg-t-20 {
    margin-top: -12px;
  }
  .u-pull--lg-b-20 {
    margin-bottom: -12px;
  }
  .u-pull--lg-y-20 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .u-pull--lg-25 {
    margin: -16px;
  }
  .u-pull--lg-t-25 {
    margin-top: -16px;
  }
  .u-pull--lg-b-25 {
    margin-bottom: -16px;
  }
  .u-pull--lg-y-25 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .u-pull--lg-50 {
    margin: -32px;
  }
  .u-pull--lg-t-50 {
    margin-top: -32px;
  }
  .u-pull--lg-b-50 {
    margin-bottom: -32px;
  }
  .u-pull--lg-y-50 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .u-pull--lg-100 {
    margin: -64px;
  }
  .u-pull--lg-t-100 {
    margin-top: -64px;
  }
  .u-pull--lg-b-100 {
    margin-bottom: -64px;
  }
  .u-pull--lg-y-100 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .u-pull--lg-200 {
    margin: -128px;
  }
  .u-pull--lg-t-200 {
    margin-top: -128px;
  }
  .u-pull--lg-b-200 {
    margin-bottom: -128px;
  }
  .u-pull--lg-y-200 {
    margin-top: -128px;
    margin-bottom: -128px;
  }
  .u-pull--lg-300 {
    margin: -192px;
  }
  .u-pull--lg-t-300 {
    margin-top: -192px;
  }
  .u-pull--lg-b-300 {
    margin-bottom: -192px;
  }
  .u-pull--lg-y-300 {
    margin-top: -192px;
    margin-bottom: -192px;
  }
  .u-padding--lg-0 {
    padding: 0;
  }
  .u-padding--lg-t-0 {
    padding-top: 0;
  }
  .u-padding--lg-b-0 {
    padding-bottom: 0;
  }
  .u-padding--lg-y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-padding--lg-5 {
    padding: 4px;
  }
  .u-padding--lg-t-5 {
    padding-top: 4px;
  }
  .u-padding--lg-b-5 {
    padding-bottom: 4px;
  }
  .u-padding--lg-y-5 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding--lg-10 {
    padding: 8px;
  }
  .u-padding--lg-t-10 {
    padding-top: 8px;
  }
  .u-padding--lg-b-10 {
    padding-bottom: 8px;
  }
  .u-padding--lg-y-10 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding--lg-20 {
    padding: 12px;
  }
  .u-padding--lg-t-20 {
    padding-top: 12px;
  }
  .u-padding--lg-b-20 {
    padding-bottom: 12px;
  }
  .u-padding--lg-y-20 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding--lg-25 {
    padding: 16px;
  }
  .u-padding--lg-t-25 {
    padding-top: 16px;
  }
  .u-padding--lg-b-25 {
    padding-bottom: 16px;
  }
  .u-padding--lg-y-25 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding--lg-50 {
    padding: 32px;
  }
  .u-padding--lg-t-50 {
    padding-top: 32px;
  }
  .u-padding--lg-b-50 {
    padding-bottom: 32px;
  }
  .u-padding--lg-y-50 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding--lg-100 {
    padding: 64px;
  }
  .u-padding--lg-t-100 {
    padding-top: 64px;
  }
  .u-padding--lg-b-100 {
    padding-bottom: 64px;
  }
  .u-padding--lg-y-100 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .u-padding--lg-200 {
    padding: 128px;
  }
  .u-padding--lg-t-200 {
    padding-top: 128px;
  }
  .u-padding--lg-b-200 {
    padding-bottom: 128px;
  }
  .u-padding--lg-y-200 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .u-padding--lg-300 {
    padding: 192px;
  }
  .u-padding--lg-t-300 {
    padding-top: 192px;
  }
  .u-padding--lg-b-300 {
    padding-bottom: 192px;
  }
  .u-padding--lg-y-300 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}
@media (min-width: 1200px) {
  .u-margin--xl-0 {
    margin: 0;
  }
  .u-margin--xl-t-0 {
    margin-top: 0;
  }
  .u-margin--xl-b-0 {
    margin-bottom: 0;
  }
  .u-margin--xl-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-margin--xl-5 {
    margin: 4px;
  }
  .u-margin--xl-t-5 {
    margin-top: 4px;
  }
  .u-margin--xl-b-5 {
    margin-bottom: 4px;
  }
  .u-margin--xl-y-5 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .u-margin--xl-10 {
    margin: 8px;
  }
  .u-margin--xl-t-10 {
    margin-top: 8px;
  }
  .u-margin--xl-b-10 {
    margin-bottom: 8px;
  }
  .u-margin--xl-y-10 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .u-margin--xl-20 {
    margin: 12px;
  }
  .u-margin--xl-t-20 {
    margin-top: 12px;
  }
  .u-margin--xl-b-20 {
    margin-bottom: 12px;
  }
  .u-margin--xl-y-20 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .u-margin--xl-25 {
    margin: 16px;
  }
  .u-margin--xl-t-25 {
    margin-top: 16px;
  }
  .u-margin--xl-b-25 {
    margin-bottom: 16px;
  }
  .u-margin--xl-y-25 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .u-margin--xl-50 {
    margin: 32px;
  }
  .u-margin--xl-t-50 {
    margin-top: 32px;
  }
  .u-margin--xl-b-50 {
    margin-bottom: 32px;
  }
  .u-margin--xl-y-50 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .u-margin--xl-100 {
    margin: 64px;
  }
  .u-margin--xl-t-100 {
    margin-top: 64px;
  }
  .u-margin--xl-b-100 {
    margin-bottom: 64px;
  }
  .u-margin--xl-y-100 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .u-margin--xl-200 {
    margin: 128px;
  }
  .u-margin--xl-t-200 {
    margin-top: 128px;
  }
  .u-margin--xl-b-200 {
    margin-bottom: 128px;
  }
  .u-margin--xl-y-200 {
    margin-top: 128px;
    margin-bottom: 128px;
  }
  .u-margin--xl-300 {
    margin: 192px;
  }
  .u-margin--xl-t-300 {
    margin-top: 192px;
  }
  .u-margin--xl-b-300 {
    margin-bottom: 192px;
  }
  .u-margin--xl-y-300 {
    margin-top: 192px;
    margin-bottom: 192px;
  }
  .u-pull--xl-0 {
    margin: 0;
  }
  .u-pull--xl-t-0 {
    margin-top: 0;
  }
  .u-pull--xl-b-0 {
    margin-bottom: 0;
  }
  .u-pull--xl-y-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-pull--xl-5 {
    margin: -4px;
  }
  .u-pull--xl-t-5 {
    margin-top: -4px;
  }
  .u-pull--xl-b-5 {
    margin-bottom: -4px;
  }
  .u-pull--xl-y-5 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .u-pull--xl-10 {
    margin: -8px;
  }
  .u-pull--xl-t-10 {
    margin-top: -8px;
  }
  .u-pull--xl-b-10 {
    margin-bottom: -8px;
  }
  .u-pull--xl-y-10 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .u-pull--xl-20 {
    margin: -12px;
  }
  .u-pull--xl-t-20 {
    margin-top: -12px;
  }
  .u-pull--xl-b-20 {
    margin-bottom: -12px;
  }
  .u-pull--xl-y-20 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .u-pull--xl-25 {
    margin: -16px;
  }
  .u-pull--xl-t-25 {
    margin-top: -16px;
  }
  .u-pull--xl-b-25 {
    margin-bottom: -16px;
  }
  .u-pull--xl-y-25 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .u-pull--xl-50 {
    margin: -32px;
  }
  .u-pull--xl-t-50 {
    margin-top: -32px;
  }
  .u-pull--xl-b-50 {
    margin-bottom: -32px;
  }
  .u-pull--xl-y-50 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .u-pull--xl-100 {
    margin: -64px;
  }
  .u-pull--xl-t-100 {
    margin-top: -64px;
  }
  .u-pull--xl-b-100 {
    margin-bottom: -64px;
  }
  .u-pull--xl-y-100 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .u-pull--xl-200 {
    margin: -128px;
  }
  .u-pull--xl-t-200 {
    margin-top: -128px;
  }
  .u-pull--xl-b-200 {
    margin-bottom: -128px;
  }
  .u-pull--xl-y-200 {
    margin-top: -128px;
    margin-bottom: -128px;
  }
  .u-pull--xl-300 {
    margin: -192px;
  }
  .u-pull--xl-t-300 {
    margin-top: -192px;
  }
  .u-pull--xl-b-300 {
    margin-bottom: -192px;
  }
  .u-pull--xl-y-300 {
    margin-top: -192px;
    margin-bottom: -192px;
  }
  .u-padding--xl-0 {
    padding: 0;
  }
  .u-padding--xl-t-0 {
    padding-top: 0;
  }
  .u-padding--xl-b-0 {
    padding-bottom: 0;
  }
  .u-padding--xl-y-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-padding--xl-5 {
    padding: 4px;
  }
  .u-padding--xl-t-5 {
    padding-top: 4px;
  }
  .u-padding--xl-b-5 {
    padding-bottom: 4px;
  }
  .u-padding--xl-y-5 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .u-padding--xl-10 {
    padding: 8px;
  }
  .u-padding--xl-t-10 {
    padding-top: 8px;
  }
  .u-padding--xl-b-10 {
    padding-bottom: 8px;
  }
  .u-padding--xl-y-10 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .u-padding--xl-20 {
    padding: 12px;
  }
  .u-padding--xl-t-20 {
    padding-top: 12px;
  }
  .u-padding--xl-b-20 {
    padding-bottom: 12px;
  }
  .u-padding--xl-y-20 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .u-padding--xl-25 {
    padding: 16px;
  }
  .u-padding--xl-t-25 {
    padding-top: 16px;
  }
  .u-padding--xl-b-25 {
    padding-bottom: 16px;
  }
  .u-padding--xl-y-25 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .u-padding--xl-50 {
    padding: 32px;
  }
  .u-padding--xl-t-50 {
    padding-top: 32px;
  }
  .u-padding--xl-b-50 {
    padding-bottom: 32px;
  }
  .u-padding--xl-y-50 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .u-padding--xl-100 {
    padding: 64px;
  }
  .u-padding--xl-t-100 {
    padding-top: 64px;
  }
  .u-padding--xl-b-100 {
    padding-bottom: 64px;
  }
  .u-padding--xl-y-100 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .u-padding--xl-200 {
    padding: 128px;
  }
  .u-padding--xl-t-200 {
    padding-top: 128px;
  }
  .u-padding--xl-b-200 {
    padding-bottom: 128px;
  }
  .u-padding--xl-y-200 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
  .u-padding--xl-300 {
    padding: 192px;
  }
  .u-padding--xl-t-300 {
    padding-top: 192px;
  }
  .u-padding--xl-b-300 {
    padding-bottom: 192px;
  }
  .u-padding--xl-y-300 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}
.u-margin--x-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-margin--x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-margin--x-10 {
  margin-left: 8px;
  margin-right: 8px;
}

.u-margin--x-25 {
  margin-left: 16px;
  margin-right: 16px;
}

.u-margin--0 {
  margin: 0 !important;
}

@media (min-width: 768px) {
  .u-margin--md-x-25 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

.u-padding--x-0 {
  padding-left: 0;
  padding-right: 0;
}

.u-padding--x-25 {
  padding-left: 16px;
  padding-right: 16px;
}

.u-padding--x-50 {
  padding-left: 32px;
  padding-right: 32px;
}

.u-padding--x-100 {
  padding-left: 64px;
  padding-right: 64px;
}

@media (min-width: 544px) {
  .u-padding--sm-x-50 {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 768px) {
  .u-padding--md-x-50 {
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (min-width: 1200px) {
  .u-padding--xl-x-100 {
    padding-left: 64px;
    padding-right: 64px;
  }
}

@media (min-width: 992px) {
  .u-padding--lg-x-200 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
}

@media (min-width: 992px) {
  .u-padding--lg-x-250 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
}

.u-padding--l-0 {
  padding-left: 0 !important;
}

.u-padding--l-25 {
  padding-left: 16px !important;
}

.u-padding--l-50 {
  padding-left: 32px !important;
}

.u-padding--l-100 {
  padding-left: 64px;
}

@media (min-width: 544px) {
  .u-margin--sm-l-25 {
    margin-left: 16px;
  }
}

@media (min-width: 544px) {
  .u-padding--sm-l-50 {
    padding-left: 32px;
  }
}

@media (min-width: 1200px) {
  .u-margin--xl-l-50 {
    margin-left: 32px;
  }
}

@media (min-width: 992px) {
  .u-padding--lg-l-200 {
    padding-left: 128px !important;
  }
}

.u-padding--r-25 {
  padding-right: 16px !important;
}

.u-padding--r-50 {
  padding-right: 32px !important;
}

.u-padding--r-100 {
  padding-right: 64px;
}

.u-padding--r-75 {
  padding-right: 48px;
}

.u-padding--r-150 {
  padding-right: 96px;
}

@media (min-width: 992px) {
  .u-padding--lg-r-100 {
    padding-right: 64px !important;
  }
}

.u-margin--r-0 {
  margin-right: 0;
}

.u-margin--r-5 {
  margin-right: 4px;
}

.u-margin--r-10 {
  margin-right: 8px;
}

.u-margin--r-25 {
  margin-right: 16px;
}

.u-margin--r-50 {
  margin-right: 32px;
}

.u-margin--l-auto {
  margin-left: auto;
}

.u-margin--l-0 {
  margin-left: 0;
}

.u-margin--l-5 {
  margin-left: 4px;
}

.u-margin--l-10 {
  margin-left: 8px;
}

.u-margin--l-25 {
  margin-left: 16px;
}

.u-margin--l-50 {
  margin-left: 32px;
}

.u-margin--l-75 {
  margin-left: 48px;
}

.u-margin--l-100 {
  margin-left: 64px !important;
}

.u-margin--t-8 {
  margin-top: 8px !important;
}

.u-margin--r-8 {
  margin-right: 8px !important;
}

.u-margin--b-8 {
  margin-bottom: 8px !important;
}

.u-margin--l-8 {
  margin-left: 8px !important;
}

.u-pull--t-1 {
  margin-top: -1px;
}

.u-pull--t-2 {
  margin-top: -2px;
}

.u-pull--l-8 {
  margin-left: -cds-spacing-percentage(10) !important;
}

.u-pull--x-25 {
  margin-left: -cds-spacing-percentage(25) !important;
  margin-right: -cds-spacing-percentage(25) !important;
}

.u-pull--r-25 {
  margin-right: -cds-spacing-percentage(25);
}

.u-margin--t--1 {
  margin-top: -1px;
}

.u-margin--b-5 {
  margin-bottom: 4px;
}

.u-padding--y-75 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.u-padding--y-150 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.u-padding--y-120 {
  padding-top: 76.8px;
  padding-bottom: 76.8px;
}

.u-padding--t-75 {
  padding-top: 48px;
}

.u-padding--t-150 {
  padding-top: 96px;
}

.u-padding--t-200 {
  padding-top: 128px;
}

@media (min-width: 544px) {
  .u-padding--sm-t-0 {
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .u-padding--md-t-50 {
    padding-top: 32px;
  }
}

@media (min-width: 992px) {
  .u-padding--lg-t-150 {
    padding-top: 96px;
  }
}

@media (min-width: 992px) {
  .u-padding--lg-t-250 {
    padding-top: 160px;
  }
}

.u-padding--b-15 {
  padding-bottom: 16px;
}

.u-padding--b-150 {
  padding-bottom: 96px;
}

@media (min-width: 768px) {
  .u-padding--md-b-150 {
    padding-bottom: 96px;
  }
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-kerning: normal;
  font-family: var(--cds-font-family-book);
}

.cds-text--display {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-display);
  line-height: 1.5;
  color: inherit;
}

h1,
.text--header,
.cds-text--header {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-headline);
  line-height: 1.5;
  color: inherit;
}

h2,
.text--title-large,
.cds-text--title-large {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-size: var(--cds-font-size-title);
  line-height: 1.5;
  color: inherit;
}

h3,
.text--title-medium,
.cds-text--title-medium {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}

h4,
.text--title-small,
.cds-text--title-small {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}

h5,
.text--label,
.cds-text--label {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-size: var(--cds-font-size-label);
  line-height: 1.5;
  text-transform: uppercase;
  color: inherit;
}

h6,
.text--lead,
.cds-text--lead {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-lead);
  line-height: 1.5;
  color: inherit;
}

p,
li,
.text--body,
.cds-text--body {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-body);
  line-height: 1.5;
  color: inherit;
}

.text--caption,
.cds-text--caption {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-size: var(--cds-font-size-caption);
  line-height: 1.5;
  color: inherit;
}

.cds-markdown-section p {
  margin-bottom: 1em;
}

.text-variant--book,
.cds-text-variant--book {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: normal;
}

.text-variant--book-italic,
.cds-text-variant--book-italic {
  font-family: var(--cds-font-family-book);
  font-weight: var(--cds-font-weight-book);
  font-style: italic;
}

.text-variant--demi,
.cds-text-variant--demi {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: normal;
}

.text-variant--demi-italic,
.cds-text-variant--demi-italic {
  font-family: var(--cds-font-family-demi);
  font-weight: var(--cds-font-weight-demi);
  font-style: italic;
}

.text-variant--heavy,
.cds-text-variant--heavy {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-style: normal;
}

.text-variant--heavy-italic,
.cds-text-variant--heavy-italic {
  font-family: var(--cds-font-family-heavy);
  font-weight: var(--cds-font-weight-heavy);
  font-style: italic;
}

.text-variant--bold,
.cds-text-variant--bold {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-style: normal;
}

.text-variant--bold-italic,
.cds-text-variant--bold-italic {
  font-family: var(--cds-font-family-bold);
  font-weight: var(--cds-font-weight-bold);
  font-style: italic;
}

.text-variant--display,
.cds-text-variant--display {
  font-family: var(--cds-font-family-display);
  font-weight: var(--cds-font-weight-bold);
  font-style: normal;
}

.text-variant--italic,
.cds-text-variant--italic {
  font-style: italic;
}

.text-variant--uppercase,
.cds-text-variant--uppercase {
  text-transform: uppercase;
}

.text-variant--normal-case,
.cds-text-variant--normal-case {
  text-transform: none;
}

.cds-text-variant--emoji,
.text-variant--emoji {
  font-family: sans-serif !important;
  color: black !important;
}

.cds-text-align--left,
.text-align--left {
  text-align: left;
}

.cds-text-align--center,
.text-align--center {
  text-align: center;
}

.cds-text-align--right,
.text-align--right {
  text-align: right;
}

a,
.cds-link {
  text-decoration: underline;
  color: var(--context-content-color);
}
a:focus-visible,
.cds-link:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
a:hover, a:focus, a:active,
.cds-link:hover,
.cds-link:focus,
.cds-link:active {
  color: var(--context-content-accent-color);
}
a:hover,
.cds-link:hover {
  cursor: pointer;
}

.cds-link--accent {
  text-decoration: underline;
  color: var(--context-content-accent-color);
}
.cds-link--accent:focus-visible {
  outline: 4px solid var(--context-content-accent-color);
}
.cds-link--accent:hover, .cds-link--accent:focus, .cds-link--accent:active {
  color: var(--context-content-color);
}
.cds-link--accent:hover {
  cursor: pointer;
}

.cds-text-in-box {
  background-color: var(--context-background-color);
  border: 1px solid var(--context-border-color);
  border-radius: var(--cds-border-radius-large);
  padding: 2px 8px;
}

.no-js .home__slide--2,
.no-js .home__slide--3,
.no-js .home__slide--4 {
  display: none;
}

.no-csstransforms .anim-path__top-gear,
.no-csstransforms .anim-path__bottom-gear,
.no-csstransforms .anim-path__loading,
.no-csstransforms .anim-path__sun,
.no-csstransforms .anim-path__add,
.no-csstransforms .anim-path__history,
.no-csstransforms .anim-path__member-row--3 {
  display: none;
}
.no-csstransforms .icon-placeholder {
  opacity: 1;
}
.no-csstransforms .icon-fill__placeholder {
  fill: #c680ff;
  opacity: 1;
}
.no-csstransforms .icon-fill__placeholder--current {
  fill: currentColor;
}

.unsupported-browser {
  background: #da493e;
  padding: 10px 15px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  border-top: 1px solid #c12f25;
}

@media screen and (min-width: 992px) {
  .no-desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .tablet {
    display: none;
  }
}

@media screen and (min-width: 501px) {
  .mobile {
    display: none;
  }
}

.hide-this,
.is-hidden {
  display: none;
}

.visually-hidden {
  top: 0;
  left: 0;
}

.is-hidden-for-otp {
  display: block;
  overflow: hidden;
  position: relative;
  height: 1px;
  width: 1px;
}

.purr {
  position: fixed;
  top: 30px;
  right: 100px;
  width: 250px;
  padding: 20px;
  background-color: #FCC;
  border: solid 2px #C66;
}
.purr:first-letter {
  text-transform: uppercase;
}

div[id*=lptopspacer] {
  height: 0 !important;
}

#team-members {
  margin-bottom: 20px;
}

#document__collections {
  margin-bottom: 20px;
}

.home__logo {
  display: block;
  width: 100px;
  margin: 70px auto 10px;
}
@media screen and (min-height: 800px) and (min-width: 768px) {
  .home__logo {
    margin: 120px auto 30px;
  }
}
.home__logo .logo {
  width: 100%;
  left: 0;
  margin: 0;
  position: relative;
  height: auto;
}

.onboarding__btn-prev {
  float: left;
}

@media (max-width: 767px) {
  .mobile__actions {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 0;
    margin: 0;
  }
  .mobile__actions .mobile__actions-col {
    padding: 0;
  }
  .mobile__actions .btn {
    border-radius: 0;
  }
  .onboarding__btn {
    width: 100%;
  }
  .onboarding__btn-prev,
  .onboarding__btn-next {
    width: 48%;
  }
}
.logo-with-brand-colors .google-red {
  fill: #ea4335;
}
.logo-with-brand-colors .google-blue {
  fill: #4285f4;
}
.logo-with-brand-colors .google-green {
  fill: #34a853;
}
.logo-with-brand-colors .google-yellow {
  fill: #fbbc05;
}

.policies-banner-image {
  display: none;
  height: 125px;
  width: auto;
}
@media (min-width: 768px) {
  .policies-banner-image {
    display: block;
  }
}

.talking-points-menu-item .o-icon {
  width: 50px;
  height: 50px;
  margin: -10px -5px -10px -10px;
}

.talking-points-menu-item {
  font-size: 13.5pt !important;
}

.talking-points-menu-tag {
  font-size: 8pt;
  background-color: #2fddb1;
  margin-right: -2px;
  margin-top: 1px;
}

.tp-beta-tag {
  margin-top: 20px;
  width: 47px;
}

/*# sourceMappingURL=/assets/homepage-045671c7.css.map */