@charset "UTF-8";

/* node_modules/croppie/croppie.css */
.croppie-container {
  width: 100%;
  height: 100%;
}
.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}
.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}
.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}
.croppie-container .cr-original-image {
  display: none;
}
.croppie-container .cr-vp-circle {
  border-radius: 50%;
}
.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}
.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}
.croppie-result {
  position: relative;
  overflow: hidden;
}
.croppie-result img {
  position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.cr-slider {
  -webkit-appearance: none;
  width: 300px;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:focus {
  outline: none;
}
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: "\21ba";
}
.cr-rotate-r i:before {
  content: "\21bb";
}

/* node_modules/flatpickr/dist/flatpickr.css */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow:
    1px 0 0 #e6e6e6,
    -1px 0 0 #e6e6e6,
    0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow:
    1px 0 0 #e6e6e6,
    -1px 0 0 #e6e6e6,
    0 1px 0 #e6e6e6,
    0 -1px 0 #e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\fffd;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* src/styles.scss */
:root {
  --oke-color-white: #fff;
  --oke-color-neutral-dark-2: #051140;
  --oke-color-neutral-dark-1: #262f58;
  --oke-color-neutral: #676986;
  --oke-color-neutral-light-1: #e5e5eb;
  --oke-color-neutral-light-2: #f7f7f8;
  --oke-color-positive-light: #edfafa;
  --oke-color-positive: #00b4a9;
  --oke-color-positive-dark: #0e7a82;
  --oke-color-info-dark: #2b2182;
  --oke-color-info: #2f2fb5;
  --oke-color-info-light: #f2f3ff;
  --oke-color-negative-dark: #be1f47;
  --oke-color-negative: #d0234c;
  --oke-color-negative-light: #ffeef2;
  --oke-color-warning-dark: #be3507;
  --oke-color-warning: #ca3b02;
  --oke-color-warning-light: #fff0ea;
  --oke-spacing-0: 0;
  --oke-spacing-1: 4px;
  --oke-spacing-2: 8px;
  --oke-spacing-3: 12px;
  --oke-spacing-4: 16px;
  --oke-spacing-5: 20px;
  --oke-spacing-6: 24px;
  --oke-spacing-8: 32px;
  --oke-spacing-10: 40px;
  --oke-spacing-12: 48px;
  --oke-radius-default: 6px;
  --oke-radius-small: 2px;
  --oke-font-family-base:
    "IBM Plex Sans",
    system-ui,
    sans-serif;
  --oke-font-family-icons: "Font Awesome 6 Pro";
  --oke-font-size-large: 20px;
  --oke-font-size-default: 13px;
  --oke-font-size-small: 12px;
  --oke-font-size-tiny: 8px;
  --oke-font-weight-normal: 400;
  --oke-font-weight-medium: 500;
  --oke-line-height-default: 1.6;
  --oke-line-height-tight: 1.2;
  --oke-input-height-default: 40px;
  --oke-input-height-small: 32px;
  --oke-input-width-default: 180px;
  --oke-input-width-large: 320px;
  --oke-input-width-xlarge: 500px;
  --oke-shadow-default: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  --oke-animation-duration-default: 0.1s;
  --oke-animation-duration-slow: 0.2s;
  --oke-z-index-raised-header: 6;
  --oke-z-index-loading-overlay: 7;
  --oke-z-index-tooltip: 8;
  --oke-text-size-title: var(--oke-font-size-large);
  --oke-text-size-body: var(--oke-font-size-default);
  --oke-text-size-helper: var(--oke-font-size-small);
  --oke-paragraph-spacing: var(--oke-spacing-2);
  --oke-border-radius: var(--oke-radius-default);
  --oke-border-radius-small: var(--oke-radius-small);
  --oke-border-color: var(--oke-color-neutral-light-1);
  --oke-color-focus: var(--oke-color-info);
  --oke-text-color-primary: var(--oke-color-neutral-dark-2);
  --oke-text-color-secondary: var(--oke-color-neutral);
  --oke-text-color-light: var(--oke-color-white);
  --oke-text-color-link: var(--oke-color-positive-dark);
  --oke-text-color-positive: var(--oke-color-positive-dark);
  --oke-text-color-warning: var(--oke-color-warning);
  --oke-text-color-negative: var(--oke-color-negative);
  --oke-text-color-info: var(--oke-color-info-dark);
  --oke-page-background-color: var(--oke-color-white);
  --oke-card-background-color: var(--oke-color-white);
  --oke-shading-color: var(--oke-color-neutral-light-2);
  --oke-shading-color-hover: color-mix(in srgb, var(--oke-shading-color) 95%, var(--oke-text-color-primary));
  --oke-shading-color-positive: var(--oke-color-positive-light);
  --oke-shading-color-warning: var(--oke-color-warning-light);
  --oke-shading-color-negative: var(--oke-color-negative-light);
  --oke-shading-color-info: var(--oke-color-info-light);
}
[data-theme=dark] {
  --oke-text-size-title: var(--oke-font-size-large);
  --oke-text-size-body: var(--oke-font-size-default);
  --oke-text-size-helper: var(--oke-font-size-small);
  --oke-paragraph-spacing: var(--oke-spacing-2);
  --oke-border-radius: var(--oke-radius-default);
  --oke-border-radius-small: var(--oke-radius-small);
  --oke-border-color: var(--oke-color-neutral-dark-2);
  --oke-color-focus: var(--oke-color-positive);
  --oke-text-color-primary: var(--oke-color-white);
  --oke-text-color-secondary: color-mix(in srgb, var(--oke-color-neutral-light-1) 70%, var(--oke-color-neutral-dark-2));
  --oke-text-color-light: var(--oke-color-white);
  --oke-text-color-link: var(--oke-color-positive);
  --oke-text-color-positive: color-mix(in srgb, var(--oke-color-positive) 50%, white);
  --oke-text-color-warning: color-mix(in srgb, var(--oke-color-warning) 30%, white);
  --oke-text-color-negative: color-mix(in srgb, var(--oke-color-negative) 30%, white);
  --oke-text-color-info: color-mix(in srgb, var(--oke-color-info) 30%, white);
  --oke-page-background-color: var(--oke-color-neutral-dark-2);
  --oke-card-background-color: var(--oke-color-neutral-dark-1);
  --oke-shading-color: color-mix(in srgb, var(--oke-card-background-color) 95%, white);
  --oke-shading-color-hover: color-mix(in srgb, var(--oke-card-background-color) 80%, white);
  --oke-shading-color-positive: color-mix(in srgb, var(--oke-color-positive) 20%, var(--oke-card-background-color));
  --oke-shading-color-warning: color-mix(in srgb, var(--oke-color-warning) 20%, var(--oke-card-background-color));
  --oke-shading-color-negative: color-mix(in srgb, var(--oke-color-negative) 20%, var(--oke-card-background-color));
  --oke-shading-color-info: color-mix(in srgb, var(--oke-color-info) 20%, var(--oke-card-background-color));
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.gu-mirror {
  position: fixed !important;
  z-index: 9999 !important;
  margin: 0 !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  pointer-events: none;
}
.gu-hide {
  left: -9999px !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}
li.gu-mirror {
  list-style: none;
}
.is-dragging .js-dragHide,
.gu-mirror .js-dragHide {
  opacity: 0 !important;
}
.is-dragging .js-dragShow,
.gu-mirror .js-dragShow {
  opacity: 1 !important;
}
.flatpickr-day {
  border-radius: 4px;
  color: #272d45;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.startRange.today,
.flatpickr-day.endRange.today,
.flatpickr-day.startRange.today:hover,
.flatpickr-day.endRange.today:hover,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border: 0;
  border-color: #00caaa;
  background-color: #00caaa;
  color: #fff;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  border-color: #f4f4f6;
  background-color: #f4f4f6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: #676986;
}
.flatpickr-day.today,
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #e5e5eb;
  background-color: #f4f4f6;
  color: inherit;
}
.flatpickr-day.today:focus {
  border-color: #dbdde4;
}
.flatpickr-day.today.inRange {
  background-color: #e5e5eb;
}
.flatpickr-day.inRange {
  box-shadow: -5px 0 0 #f4f4f6, 5px 0 0 #f4f4f6;
}
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange.nextMonthDay {
  border-color: transparent;
  background-color: #dbdde4;
}
.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  box-shadow: -10px 0 0 #00caaa;
}
.flatpickr-day.selected.startRange + .endRange.prevMonthDay,
.flatpickr-day.selected.startRange + .endRange.nextMonthDay,
.flatpickr-day.startRange.startRange + .endRange.prevMonthDay,
.flatpickr-day.startRange.startRange + .endRange.nextMonthDay,
.flatpickr-day.endRange.startRange + .endRange.prevMonthDay,
.flatpickr-day.endRange.startRange + .endRange.nextMonthDay {
  box-shadow: -10px 0 0 #dbdde4;
}
.flatpickr-calendar.open {
  overflow: hidden;
}
.flatpickr-calendar.inline {
  top: 0;
  margin-top: 4px;
  box-shadow: none;
}
.flatpickr-calendar.inline::before,
.flatpickr-calendar.inline::after {
  display: none;
}
.flatpickr-month {
  height: 32px;
  color: #272d45;
  line-height: 0;
}
.flatpickr-next-month,
.flatpickr-prev-month {
  width: 28px;
  height: 32px;
  background-color: #fff;
  color: transparent;
}
.flatpickr-next-month svg,
.flatpickr-prev-month svg {
  display: none;
}
.flatpickr-next-month:hover,
.flatpickr-prev-month:hover {
  background-color: #f7f7f8;
  color: transparent;
}
.flatpickr-next-month::after,
.flatpickr-prev-month::after {
  content: "";
  position: absolute;
  top: 12px;
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #272d45;
  border-bottom: 0;
  border-left: 0;
}
.flatpickr-next-month::after {
  right: 12px;
  transform: rotate(45deg);
}
.flatpickr-prev-month::after {
  left: 12px;
  transform: rotate(225deg);
}
.flatpickr-current-month {
  font-size: 13px;
}
.flatpickr-current-month span.cur-month:hover {
  background: transparent;
}
.flatpickr-weekdays {
  height: 23px;
  border-top: 1px solid #e5e5eb;
  border-bottom: 1px solid #e5e5eb;
  background-color: #f7f7f8;
}
.flatpickr-weekdays .flatpickr-weekday {
  color: #676986;
  font-weight: 600;
  font-size: 12px;
}
.flatpickr .numInputWrapper:hover {
  background-color: #f4f4f6;
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
}
.ps__rail-x {
  position: absolute;
  bottom: 0;
  display: none;
  height: 15px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps__rail-y {
  position: absolute;
  right: 0;
  left: auto !important;
  display: none;
  width: 15px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: transparent;
  opacity: 0.9;
}
.ps .ps__rail-y:hover,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-y,
.ps--scrolling-y > .ps__rail-y,
.ps .ps__rail-y.ps--clicking {
  right: 0;
  left: auto !important;
}
.ps__thumb-x {
  position: absolute;
  bottom: 2px;
  height: 6px;
  border-radius: 6px;
  background-color: #aaa;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
}
.ps__thumb-y {
  position: absolute;
  right: 2px;
  width: 6px;
  border-radius: 6px;
  background-color: #aaa;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  height: 11px;
  background-color: #999;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 7px;
  background-color: #999;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.c-navigation-secondary.ps {
  position: relative;
  overflow: hidden !important;
  touch-action: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.ps.ps-active-x > .ps-scrollbar-x-rail,
.ps.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps.ps-in-scrolling {
  pointer-events: none;
}
.ps.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps > .ps-scrollbar-x-rail {
  position: absolute;
  bottom: 0;
  display: none;
  height: 10px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  bottom: 2px;
  height: 6px;
  border-radius: 6px;
  background-color: #aaa;
  transition:
    background-color 0.2s linear,
    height 0.2s linear,
    width 0.2s ease-in-out,
    border-radius 0.2s ease-in-out;
}
.ps > .ps-scrollbar-y-rail {
  position: absolute;
  right: 0;
  display: none;
  width: 10px;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.ps > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  right: 2px;
  width: 6px;
  border-radius: 6px;
  background-color: #aaa;
  transition:
    background-color 0.2s linear,
    height 0.2s linear,
    width 0.2s ease-in-out,
    border-radius 0.2s ease-in-out;
}
.ps > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y,
.ps > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px;
}
.ps:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps:hover > .ps-scrollbar-x-rail,
.ps:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}
tags-input .tags {
  width: 100%;
  max-width: 100%;
  min-height: 34px;
  padding: 1px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
  background-image: none;
  box-shadow: 0 0 0 0 #fff inset;
  font-size: 14px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
tags-input .tags.focused,
tags-input.ng-invalid .tags.focused {
  border-color: #8f9097;
  box-shadow: inset 0 0 0 1px #8f9097;
  outline: 0;
}
tags-input .tags .tag-item,
tags-input[disabled] .tags .tag-item {
  border: none;
  background: #d9d9d9;
  color: #272d45;
  font:
    14px "IBM Plex Sans",
    "Lato",
    "Open Sans",
    sans-serif;
  line-height: 25px;
}
tags-input[disabled] .tags .tag-item {
  opacity: 0.5;
}
tags-input .tags .tag-item.selected {
  background: #c2c2c2;
}
tags-input a:hover {
  text-decoration: none;
}
tags-input .tags .tag-item .remove-button {
  color: #272d45;
}
tags-input .tags .tag-item .remove-button:active {
  color: #8f9097;
}
tags-input .tags .input {
  font: inherit;
}
tags-input .tags .input.invalid-tag {
  color: #e63f58;
}
tags-input.ng-invalid .tags {
  border-color: #c2c2c2;
  box-shadow: 0 0 0 0 #fff inset;
}
tags-input.is-error .tags {
  border-color: #e63f58;
  box-shadow: 0 0 0 0 #fff inset;
}
.color-picker-wrapper .color-picker-swatch:not(.input-group-addon).color-picker-swatch-left {
  top: 7px;
  left: 7px;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.color-picker-wrapper .color-picker-input-swatch {
  min-width: 100px;
  height: 34px;
  padding-left: 32px;
  border: 1px solid #dbdde4;
  border-radius: 4px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
::selection {
  background: #b2f9e9;
}
p {
  margin-top: 0;
  margin-bottom: 8px;
}
p:last-child {
  margin-bottom: 0;
}
ul,
ol,
figure {
  margin: 0;
}
iframe {
  display: block;
  width: 100%;
  border: 0;
}
hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #e5e5eb;
}
img,
embed,
object,
audio,
video {
  max-width: 100%;
  height: auto;
}
img {
  vertical-align: middle;
  border: none;
}
pre {
  overflow: auto;
  font-size: 16px;
}
code {
  font-size: 16px;
}
label {
  margin-bottom: 0;
}
legend {
  margin-bottom: 0;
  border-bottom: none;
  color: currentcolor;
  font-size: 14px;
  line-height: inherit;
}
html input[disabled] {
  cursor: not-allowed;
}
label {
  display: inline-block;
  max-width: 100%;
  font-weight: normal;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0.01em 0 0;
  border: 0;
}
legend {
  padding: 0;
}
select,
button,
textarea,
input {
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
select[disabled],
button[disabled],
textarea[disabled],
input[disabled] {
  cursor: not-allowed;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: inherit;
}
a {
  color: #00b69c;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #00b69c;
  text-decoration: underline;
}
a.is-disabled {
  color: #676986;
  cursor: not-allowed;
}
a.is-disabled:hover {
  text-decoration: none;
}
html {
  min-height: 100%;
  font-size: 100%;
}
body {
  min-height: 100%;
  margin: 0;
  background: #f8f8f8;
  color: #272d45;
  font-size: 14px;
  font-family:
    "IBM Plex Sans",
    "Lato",
    "Open Sans",
    sans-serif;
  line-height: 1.6;
}
body.is-modalOpen {
  overflow: hidden;
}
main {
  display: block;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
  text-align: left;
}
.o-list {
  padding: 0;
  padding-left: 1rem;
}
.o-list--reset {
  padding: 0;
  list-style: none;
}
.o-list-item {
  margin-bottom: 4px;
}
.o-list-item:last-child {
  margin-bottom: 0;
}
.o-list-item--inline {
  display: inline;
}
.o-list--commaSeparated {
  padding: 0;
  list-style: none;
}
.o-list--commaSeparated .o-list-item {
  display: inline;
}
.o-list--commaSeparated .o-list-item::after {
  content: ", ";
}
.o-list--commaSeparated .o-list-item:last-child::after {
  content: "";
}
.o-cardContent {
  padding: 16px;
}
@media (min-width: 768px) {
  .o-cardContent {
    padding: 32px;
  }
}
.c-alert {
  display: flex;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #4e34e0;
  color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  -webkit-font-smoothing: auto;
}
.c-alert-icon {
  flex: 0 0 auto;
  margin-right: 16px;
}
.c-alert-content {
  display: flex;
  flex: 0 1 100%;
  align-items: center;
}
.c-alert-content-inner {
  flex: 0 1 auto;
}
.c-alert-link {
  color: currentcolor;
  font-weight: bold;
  text-decoration: underline;
}
.c-alert-link:focus,
.c-alert-link:hover {
  color: currentcolor;
}
.c-alert--positive {
  background-color: #00caaa;
}
.c-alert--warning {
  background-color: #ff9800;
}
.c-alert--negative {
  background-color: #e63f58;
}
.c-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  color: #00b69c;
  font-size: 14px;
  cursor: pointer;
}
.c-button-loader {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-button:hover,
.c-button:focus {
  color: #00b69c;
  text-decoration: underline;
}
.c-button--reset {
  border: 0;
  color: currentcolor;
  text-align: inherit;
}
.c-button--reset:hover,
.c-button--reset:focus {
  color: currentcolor;
}
.c-button--brand,
.c-button--neutral,
.c-button--outline,
.c-button--dashedOutline,
.c-button--destructive,
.c-button--facebook {
  padding: 0 16px;
  border-radius: 4px;
  line-height: 30px;
  text-align: center;
  transition: 0.3s background ease;
}
.c-button--brand .c-button-loader,
.c-button--neutral .c-button-loader,
.c-button--outline .c-button-loader,
.c-button--dashedOutline .c-button-loader,
.c-button--destructive .c-button-loader,
.c-button--facebook .c-button-loader {
  background: #f4f4f4;
}
.c-button--brand:hover,
.c-button--brand:focus,
.c-button--neutral:hover,
.c-button--neutral:focus,
.c-button--outline:hover,
.c-button--outline:focus,
.c-button--dashedOutline:hover,
.c-button--dashedOutline:focus,
.c-button--destructive:hover,
.c-button--destructive:focus,
.c-button--facebook:hover,
.c-button--facebook:focus {
  text-decoration: none;
}
.c-button--brand {
  border-color: #00caaa;
  background: #00caaa;
  color: #fff;
  font-weight: 600;
}
.c-button--brand:hover,
.c-button--brand:focus {
  border-color: #00b69c;
  background: #00b69c;
  color: #fff;
}
.c-button--neutral {
  border-color: #535565;
  background: #535565;
  color: #fff;
}
.c-button--neutral:hover,
.c-button--neutral:focus {
  background: #272d45;
  color: #fff;
}
.c-button--outline {
  border-color: #dbdde4;
  background:
    linear-gradient(
      to bottom,
      #fff 0%,
      #fff 50%,
      #f7f7f8 100%);
  color: #535565;
}
.c-button--outline:hover,
.c-button--outline:focus {
  background:
    linear-gradient(
      to bottom,
      #f7f7f8 0%,
      #f7f7f8 100%);
  color: #535565;
}
.c-button--outline.is-pressed {
  border-color: #d3d4dd;
  background: #e5e5eb;
  box-shadow: inset 0 0 4px 0 #d3d4dd;
}
.c-button--dashedOutline {
  border-style: dashed;
  border-color: #c2c2c2;
  background: #fff;
  color: #535565;
}
.c-button--dashedOutline:hover,
.c-button--dashedOutline:focus {
  background: #f4f4f4;
  color: #535565;
}
.c-button--destructive {
  border-color: #e63f58;
  background: #e63f58;
  color: #fff;
}
.c-button--destructive:hover,
.c-button--destructive:focus {
  border-color: #d0234c;
  background: #d0234c;
  color: #fff;
}
.c-button--facebook {
  border-color: #4267b2;
  background: #4267b2;
  color: #fff;
}
.c-button--facebook:hover,
.c-button--facebook:focus {
  border-color: #365899;
  background: #365899;
  color: #fff;
}
.c-button--large {
  padding: 0 24px;
  line-height: 3.3;
}
.c-button--compact {
  padding: 0 8px;
}
.c-button--pill {
  border-radius: 99px;
}
.c-button--stretch {
  width: 100%;
}
.c-button[disabled],
.c-button.is-disabled {
  color: #676986;
  cursor: not-allowed;
}
.c-button[disabled]:hover,
.c-button.is-disabled:hover {
  text-decoration: none;
}
.c-button.is-loading {
  color: transparent;
}
.c-button.is-loading .c-button-loader {
  display: flex;
}
.c-button--brand[disabled],
.c-button--brand.is-disabled,
.c-button--neutral[disabled],
.c-button--neutral.is-disabled,
.c-button--outline[disabled],
.c-button--outline.is-disabled,
.c-button--dashedOutline[disabled],
.c-button--dashedOutline.is-disabled,
.c-button--destructive[disabled],
.c-button--destructive.is-disabled,
.c-button--facebook[disabled],
.c-button--facebook.is-disabled {
  border-color: #dbdde4;
  background: #dbdde4;
  color: #676986;
}
.c-button--reset[disabled],
.c-button--reset.is-disabled {
  color: currentcolor;
  opacity: 0.6;
}
.c-button--noUnderline {
  text-decoration: none;
}
.c-button--noUnderline:hover,
.c-button--noUnderline:focus {
  text-decoration: none;
}
.c-card {
  overflow: hidden;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-card--hover {
  transition: 0.3s transform ease, 0.3s box-shadow ease;
  will-change: transform;
}
.c-card--hover:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}
.c-card--overflow {
  overflow: visible;
}
.c-card--overflowAuto {
  overflow: auto;
}
.c-card--verticalStretch {
  height: 100%;
}
.c-centeredRangeInput-input:focus + .c-centeredRangeInput-rater {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.c-centeredRangeInput-rater {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0 -1em;
}
.c-centeredRangeInput-rater-spacer {
  position: relative;
  flex: 1 1 0%;
}
.c-centeredRangeInput-rater-spacer::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1em;
  left: -1em;
  height: 4px;
  margin-top: -2px;
  background: #d9d9d9;
}
.c-centeredRangeInput-rater-spacer--active::before {
  background: #00caaa;
}
.c-centeredRangeInput-rater-dot {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  color: transparent;
  line-height: 3;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s;
}
.c-centeredRangeInput-rater-dot::before {
  content: "";
  z-index: -1;
  display: block;
  width: 1em;
  height: 1em;
  margin: -0.5em;
  border-radius: 50%;
  background: #d9d9d9;
  transition:
    width 0.2s,
    height 0.2s,
    margin 0.2s;
}
.c-centeredRangeInput-rater-dot--before::before {
  background: #00caaa;
}
.c-centeredRangeInput-rater-dot--active::before {
  background: #00caaa;
}
.c-centeredRangeInput-rater-dot--empty::before {
  background: #8f9097;
}
.c-centeredRangeInput-rater-dot:hover::before,
.c-centeredRangeInput-rater-dot--selected::before {
  width: 1.5em;
  height: 1.5em;
  margin: -1em;
  background: #fff;
  box-shadow: inset 0 0 0 4px #00caaa;
}
.c-centeredRangeInput-rater::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2px;
  height: 70%;
  background: #8f9097;
  transform: translate(-50%, -50%);
}
.c-centeredRangeInput-labels {
  display: flex;
  line-height: 1;
  text-align: center;
}
.c-centeredRangeInput-labels-item {
  flex: 1 0;
}
.c-centeredRangeInput-labels-item:first-child {
  text-align: left;
}
.c-centeredRangeInput-labels-item:last-child {
  text-align: right;
}
.c-checkbox {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
}
.c-checkbox-bg {
  width: 20px;
  height: 20px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #fff;
  transition: 0.3s ease border, 0.3s ease background;
}
.c-checkbox-inner {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  cursor: pointer;
}
.c-checkbox-input {
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.c-checkbox-input:checked ~ .c-checkbox-bg,
.c-checkbox-input:indeterminate ~ .c-checkbox-bg {
  border-color: #00caaa;
  background-color: #00caaa;
}
.c-checkbox-input:not(:checked):disabled ~ .c-checkbox-check {
  opacity: 0;
}
.c-checkbox-input:focus-visible ~ .c-checkbox-check {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.c-checkbox-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px;
  background-repeat: no-repeat;
  outline: none;
  transition: transform 0.1s ease-out;
}
.c-checkbox-input:indeterminate ~ .c-checkbox-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 2'%3E%3Cpath fill='%23fff' d='M0 0h8v2H0z' /%3E%3C/svg%3E");
  background-size: 10px;
}
.c-checkbox-label--fullWidth {
  width: 100%;
}
.c-checkbox.is-disabled .c-checkbox-inner {
  cursor: not-allowed;
}
.c-checkbox.is-disabled .c-checkbox-bg {
  border: 1px solid #c2c2c2;
  background-color: #d9d9d9;
}
.c-checkbox--standalone .c-checkbox-inner {
  margin: 0;
}
.c-checkbox--small .c-checkbox-bg,
.c-checkbox--small .c-checkbox-check,
.c-checkbox--small .c-checkbox-inner {
  width: 18px;
  height: 18px;
}
.c-codeBlock {
  display: block;
  padding: 0.5rem;
  border: none;
  border-radius: 4px;
  background: #f4f4f4;
  color: #272d45;
  word-wrap: break-word;
  word-break: break-all;
}
.c-codeBlock--noBackground {
  border: 1px solid #dbdde4;
  background: none;
}
.c-codeInline {
  padding: 0 4px;
  border-radius: 4px;
  background-color: #e5e5eb;
  color: #272d45;
  font-size: inherit;
}
.c-link--reset {
  color: currentcolor;
}
.c-link--reset:hover {
  color: currentcolor;
}
.c-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 14;
  background-color: rgba(0, 0, 0, 0.66);
  will-change: opacity;
}
.c-modal-inner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
}
.c-modal-dialog {
  position: relative;
  width: 720px;
  max-width: 90%;
  max-height: calc(90% - 40px);
  margin: 40px 0;
  will-change: opacity;
}
.c-modal-dialog-close {
  position: absolute;
  top: -30px;
  right: -5px;
  border: none;
  background: none;
  cursor: pointer;
}
.c-modal-overlay {
  background-color: rgba(43, 46, 56, 0.9);
}
.c-modal--small .c-modal-dialog {
  width: 480px;
}
.c-modal--large .c-modal-dialog {
  width: 1080px;
}
.c-icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -0.2em;
  line-height: 1;
  fill: #272d45;
}
.c-icon--block {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
}
.c-icon--block .c-icon-image {
  display: block;
  width: auto;
  height: auto;
}
.c-icon--inherit {
  width: 1em;
  height: 1em;
}
.c-icon--inherit .c-icon-image {
  width: 1em;
  height: 1em;
}
.c-icon--xSmall {
  width: 12px;
  height: 12px;
}
.c-icon--xSmall .c-icon-image {
  width: 12px;
  height: 12px;
}
.c-icon--small {
  width: 18px;
  height: 18px;
}
.c-icon--small .c-icon-image {
  width: 18px;
  height: 18px;
}
.c-icon--large {
  width: 32px;
  height: 32px;
}
.c-icon--large .c-icon-image {
  width: 32px;
  height: 32px;
}
.c-icon--xLarge {
  width: 48px;
  height: 48px;
}
.c-icon--xLarge .c-icon-image {
  width: 48px;
  height: 48px;
}
.c-icon--light {
  fill: #fff;
}
.c-icon--mid {
  fill: #676986;
}
.c-icon--positive {
  fill: #00caaa;
}
.c-icon--warning {
  fill: #ff9800;
}
.c-icon--alert {
  fill: #e63f58;
}
.c-icon--information {
  fill: #4e34e0;
}
.c-icon--currentColor {
  fill: currentcolor;
}
.c-icon-image {
  width: 24px;
  height: 24px;
}
.c-iframePreviewer {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  border: 1px solid #dbdde4;
  border-radius: 4px;
}
.c-iframePreviewer-header {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid #dbdde4;
  background: #fff;
}
.c-iframePreviewer-controls {
  flex: 0 0 auto;
  align-self: stretch;
}
.c-iframePreviewer-controls-action {
  height: 100%;
  margin-left: 4px;
  padding: 8px;
  border: none;
  background: transparent;
}
.c-iframePreviewer-controls-action-icon {
  fill: #676986;
}
.c-iframePreviewer-controls-action:focus,
.c-iframePreviewer-controls-action:hover {
  background: #f4f4f4;
}
.c-iframePreviewer-controls-action:focus .c-iframePreviewer-controls-action-icon,
.c-iframePreviewer-controls-action:hover .c-iframePreviewer-controls-action-icon,
.c-iframePreviewer-controls-action.is-active .c-iframePreviewer-controls-action-icon {
  fill: #272d45;
}
.c-iframePreviewer-controls-action.is-active {
  background: #f4f4f4;
  box-shadow: inset 0 -4px 0 0 #272d45;
}
.c-iframePreviewer-content {
  position: relative;
  flex: 1 1 auto;
  overflow: auto;
}
.c-iframePreviewer-content-loader {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-iframePreviewer-content--background {
  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%23EEEEEE%22%20d%3D%22M0%200h8v8H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%200h8v8H8z%22%2F%3E%3Cpath%20fill%3D%22%23EEEEEE%22%20d%3D%22M8%208h8v8H8z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%208h8v8H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
.c-iframePreviewer-iframe {
  position: relative;
  min-height: 100%;
  margin: 0 auto;
}
.c-iframePreviewer.is-disabled::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #0c0e17;
  opacity: 0.4;
  cursor: not-allowed;
}
.c-iframePreviewer--embedded {
  border: 0;
  border-radius: 0;
}
.c-input {
  width: 100%;
  max-width: 100%;
  height: 32px;
  padding: 6px 12px;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-color: #fff;
  background-image: none;
  font-size: 14px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.c-input:hover {
  border-color: #d3d4dd;
}
.c-input.is-focus,
.c-input:focus {
  border-color: #d3d4dd;
  box-shadow: inset 0 0 0 1px #d3d4dd;
  outline: 0;
}
.c-input.is-disabled {
  background: #f4f4f4;
  color: #676986;
  cursor: not-allowed;
}
.c-input.is-error {
  border-color: #e63f58;
}
.c-input.is-error:focus {
  border-color: #e63f58;
  box-shadow: inset 0 0 0 1px #e63f58;
  outline: 0;
}
.c-input--short {
  width: 124px;
}
.c-input--medium {
  width: 180px;
}
.c-input--long {
  width: 320px;
}
.c-input--fullWidth {
  width: 100%;
}
.c-input--large {
  height: 48px;
}
.c-select {
  vertical-align: top;
  max-width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 32px 0 12px;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' fill='%2523000'%3E%3Cpolygon points='0,0 10,0 5,5'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 12px) center;
  background-size: 8px;
  background-repeat: no-repeat;
  font-size: 14px;
  text-overflow: ellipsis;
  appearance: none;
}
.c-select[disabled] {
  border-color: #dbdde4;
  background: #dbdde4;
  color: #676986;
}
.c-select--short {
  width: 124px;
}
.c-select--medium {
  width: 180px;
}
.c-select--long {
  width: 320px;
}
.c-select--fullWidth {
  width: 100%;
}
.c-select.is-error {
  border-color: #e63f58;
}
.c-select.is-error:focus {
  border-color: #e63f58;
  box-shadow: inset 0 0 0 1px #e63f58;
  outline: 0;
}
.c-switch {
  display: inline-flex;
  padding: 0;
  border: none;
  cursor: pointer;
}
.c-switch-bg {
  width: 100%;
  height: 20px;
  border-radius: 99px;
  background: #c2c2c2;
  transition: 0.2s background ease-out;
}
.c-switch-inner {
  position: relative;
  display: inline-flex;
  vertical-align: text-bottom;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 20px;
  margin-right: 16px;
}
.c-switch-input {
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.c-switch-input:checked ~ .c-switch-bg {
  background-color: #00caaa;
}
.c-switch-input:checked ~ .c-switch-handle {
  transform: translateX(16px);
}
.c-switch-input:focus ~ .c-switch-bg {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.c-switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 50%;
  background-color: #fff;
  outline: none;
  transition: transform 0.1s ease-out;
}
.c-switch.is-disabled {
  cursor: not-allowed;
}
.c-switch.is-disabled .c-switch-bg {
  background-color: #c2c2c2;
}
.c-switch.is-disabled .c-switch-handle {
  background-color: #dbdde4;
}
.c-loader {
  position: relative;
  display: inline-block;
}
.c-loader::before,
.c-loader::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #d9d9d9;
  border-radius: 50%;
}
.c-loader::after {
  border: 3px solid transparent;
  border-top-color: #00caaa;
  border-right-color: #00caaa;
  animation: spin 1.5s linear 0s infinite none normal;
}
.c-loader {
  vertical-align: middle;
  width: 48px;
  height: 48px;
}
.c-loader--small {
  width: 16px;
  height: 16px;
}
.c-loader--small::before,
.c-loader--small::after {
  border-width: 2px;
}
.c-textarea {
  display: block;
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-color: #fff;
  background-image: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.c-textarea:hover {
  border-color: #d3d4dd;
}
.c-textarea:focus {
  border-color: #d3d4dd;
  box-shadow: inset 0 0 0 1px #d3d4dd;
  outline: 0;
}
.c-textarea.is-disabled {
  background: #f4f4f4;
  cursor: not-allowed;
}
.c-textarea.is-error {
  border-color: #e63f58;
}
.c-textarea.is-error:focus {
  border-color: #e63f58;
  box-shadow: inset 0 0 0 1px #e63f58;
  outline: 0;
}
.c-textarea--short {
  width: 124px;
}
.c-textarea--medium {
  width: 180px;
}
.c-textarea--long {
  width: 320px;
}
.c-textarea--fullWidth {
  width: 100%;
}
.c-textarea--noResize {
  resize: none;
}
.c-textarea--verticalResize {
  min-height: 36px;
  resize: vertical;
}
.c-textarea--horizontalResize {
  resize: horizontal;
}
.c-inputGroup {
  display: flex;
}
.c-inputGroup-addon,
.c-inputGroup-input {
  flex: 1 0 auto;
  margin: 0;
}
.c-inputGroup-addon + .c-inputGroup-addon,
.c-inputGroup-addon + .c-inputGroup-input,
.c-inputGroup-input + .c-inputGroup-addon,
.c-inputGroup-input + .c-inputGroup-input {
  margin-left: -1px;
}
.c-inputGroup-addon--shrink,
.c-inputGroup-input--shrink {
  flex: 1 1 auto;
}
.c-inputGroup-addon:not(:first-of-type),
.c-inputGroup-addon:not(:last-of-type),
.c-inputGroup-input:not(:first-of-type),
.c-inputGroup-input:not(:last-of-type) {
  border-radius: 0;
}
.c-inputGroup-addon:first-child,
.c-inputGroup-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-inputGroup-addon:last-child,
.c-inputGroup-input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-inputGroup-addon {
  display: inline-block;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-color: #f4f4f6;
  font-size: 14px;
  line-height: 30px;
}
.c-inputGroup-input {
  min-width: 0;
}
.c-inputGroup--inline {
  display: inline-flex;
}
.c-inputGroup:not(.c-inputGroup--unitMeasure) .c-inputGroup-addon {
  padding: 0 16px;
  text-align: center;
}
.c-inputGroup--unitMeasure .c-inputGroup-addon {
  padding: 0 28px 0 12px;
}
.c-inputGroup.is-disabled .c-inputGroup-input {
  background: #f4f4f4;
  cursor: not-allowed;
}
.c-inputGroup.is-disabled .c-inputGroup-addon {
  background-color: #dbdde4;
  color: #676986;
  opacity: 0.7;
}
.c-optionInputs {
  margin-bottom: -8px;
}
.c-optionInputs-item {
  display: inline-block;
  margin: 0 4px 8px 0;
}
.c-optionInputs-control-label {
  padding: 4px 8px;
  border: 2px solid #d9d9d9;
  border-radius: 4px;
  background-color: #d9d9d9;
  transition: background 0.2s ease;
}
.c-optionInputs-control-label:hover {
  border-color: #c2c2c2;
  background: #c2c2c2;
}
.c-optionInputs-control-input {
  position: absolute;
  left: -9999px;
}
.c-optionInputs-control-input:checked + .c-optionInputs-control-label {
  border-color: #00caaa;
  background-color: #00caaa;
  color: #fff;
}
.c-optionInputs-control-input:focus + .c-optionInputs-control-label {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.c-optionInputs-control-input[disabled] + .c-optionInputs-control-label {
  border-color: #dbdde4;
  background: #dbdde4;
  color: #676986;
  cursor: not-allowed;
}
.c-numberRangeInput-input:focus + .c-numberRangeInput-rater {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.c-numberRangeInput-rater {
  display: flex;
  flex-direction: row;
  margin: 0 -0.5em;
}
.c-numberRangeInput-rater-spacer {
  position: relative;
  flex: 1 1 0%;
}
.c-numberRangeInput-rater-spacer::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -1em;
  left: -1em;
  height: 4px;
  margin-top: -2px;
  background: #d9d9d9;
}
.c-numberRangeInput-rater-label {
  position: relative;
  z-index: 1;
  width: 3em;
  height: 3em;
  color: #272d45;
  line-height: 3;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s;
}
.c-numberRangeInput-rater-label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: #d9d9d9;
  transition:
    width 0.2s,
    height 0.2s,
    margin 0.2s;
  transform: translate(-50%, -50%);
}
.c-numberRangeInput-rater-label:hover {
  color: #00caaa;
}
.c-numberRangeInput-rater-label:hover::before {
  width: 2.2em;
  height: 2.2em;
  background: #fff;
  box-shadow: inset 0 0 0 4px #00caaa;
}
.c-numberRangeInput-rater-label--before {
  color: #fff;
}
.c-numberRangeInput-rater-label--before::before,
.c-numberRangeInput-rater-label--before + .c-numberRangeInput-rater-spacer::before {
  background: #00caaa;
}
.c-numberRangeInput-rater-label--selected {
  color: #fff;
}
.c-numberRangeInput-rater-label--selected::before {
  width: 2em;
  height: 2em;
  background: #00caaa;
}
.c-numberRangeInput-labels {
  display: flex;
  line-height: 1;
}
.c-numberRangeInput-labels-item {
  flex: 1 0;
}
.c-numberRangeInput-labels-item:last-child {
  text-align: right;
}
.c-dateTimeInput .flatpickr-wrapper {
  display: block;
}
.c-dateTimeInput .flatpickr-calendar.static.arrowBottom {
  top: auto;
  bottom: calc(100% + 2px);
}
.c-emptyState {
  display: block;
  max-width: 600px;
  margin: auto;
  padding-top: 64px;
}
.c-emptyState-image {
  display: block;
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
}
.c-emptyState--compact {
  padding-top: 0;
}
.c-emptyState--compact .c-emptyState-image {
  width: auto;
  height: 120px;
}
.c-emptyState--tiny {
  padding-top: 0;
}
.c-emptyState--tiny .c-emptyState-image {
  width: auto;
  height: 55px;
}
.c-numberHighlight {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #00caaa;
  color: #fff;
  line-height: 1.5em;
  text-align: center;
}
.c-navigation {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  height: 100%;
  background-color: #262f58;
  line-height: 1.2;
  -webkit-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
}
.c-navigation-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #051140;
  cursor: pointer;
}
@media (min-width: 768px) {
  .c-navigation-close {
    display: none;
  }
}
.c-navigation-primary {
  display: flex;
  flex: 0 0 72px;
  flex-flow: column nowrap;
  background-color: #051140;
  box-shadow: 0 4px 120px rgba(5, 17, 64, 0.6);
}
.c-navigation-primary-logo {
  width: 100%;
  margin-bottom: 32px;
  padding: 32px 20px 0 20px;
}
.c-navigation-primary-navList {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}
.c-navigation-primary-navList--bottom {
  margin-top: auto;
}
.c-navigation-primary-navItem {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  overflow: visible;
  margin-bottom: 4px;
  margin-left: 8px;
  padding: 8px 16px 8px 8px;
  border: none;
  border-radius: 4px 0 0 4px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.1s ease-out;
}
.c-navigation-primary-navItem-container {
  display: flex;
  flex-direction: column;
}
.c-navigation-primary-navItem-icon,
.c-navigation-primary-navItem-icon.c-icon--fa {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  fill: #fff;
}
.c-navigation-primary-navItem-icon .c-icon-image,
.c-navigation-primary-navItem-icon.c-icon--fa .c-icon-image {
  width: 20px;
  height: 20px;
}
.c-navigation-primary-navItem:hover,
.c-navigation-primary-navItem:focus {
  color: #fff;
  text-decoration: none;
}
.c-navigation-primary-navItem:hover,
.c-navigation-primary-navItem.is-active {
  padding-right: 16px;
  background-color: #262f58;
}
.c-navigation-primary-navItem:hover::after,
.c-navigation-primary-navItem.is-active::after {
  content: "";
  position: absolute;
  top: 0;
  right: -4px;
  display: block;
  width: 4px;
  height: 100%;
  border-radius: 0 4px 4px 0;
  background-color: #00eab6;
}
.c-navigation-primary-navItem.is-active {
  cursor: default;
  pointer-events: none;
}
.c-navigation-primary-navItem--refer .c-icon {
  position: relative;
  left: 2.5px;
}
.c-navigation-primary-user {
  position: relative;
}
.c-navigation-primary-user-avatar {
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: 16px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #262f58;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.c-navigation-primary-user-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-navigation-primary-user-menu {
  position: absolute;
  bottom: 16px;
  left: 64px;
  z-index: 2;
  display: flex;
  flex-flow: column nowrap;
}
.c-navigation-primary-user-menu-item {
  width: 100%;
  padding: 12px 16px;
  background-color: #fff;
  font-size: 13px;
  white-space: nowrap;
  transition: background-color 0.1s ease-out;
}
li:first-child .c-navigation-primary-user-menu-item {
  border-radius: 4px 4px 0 0;
}
li:last-child .c-navigation-primary-user-menu-item {
  border-radius: 0 0 4px 4px;
}
.c-navigation-primary-user-menu-item:hover,
.c-navigation-primary-user-menu-item:focus {
  background-color: #e5e5eb;
  text-decoration: none;
}
.c-navigation-secondary {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding-top: 20px;
}
.c-navigation-secondary::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 28px;
  display: block;
  width: 76px;
  height: 86px;
  background-image: url(/app/assets/images/sidebar-skeleton.svg);
  opacity: 0;
  pointer-events: none;
}
.c-navigation-secondary-navList {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 16px;
  margin-left: 16px;
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.c-navigation-secondary-navTitle {
  padding: 12px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.c-navigation-secondary-navItem {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px 12px 12px;
  border-radius: 4px 0 0 4px;
  color: #fff;
  font-size: 13px;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.1s ease-out;
}
.c-navigation-secondary-navItem:hover,
.c-navigation-secondary-navItem:focus {
  color: #fff;
  text-decoration: none;
}
.c-navigation-secondary-navItem:hover,
.c-navigation-secondary-navItem.is-active {
  background-color: #051140;
}
.c-navigation-secondary-navItem[disabled] {
  cursor: default;
}
.c-navigation-secondary-navItem-badge {
  margin-left: 8px;
  padding: 2px 6px;
  border: 1px solid #e63f58;
  border-radius: 20px;
  color: #e63f58;
  font-weight: bold;
  font-size: 10px;
}
.c-navigation-secondary.is-loading {
  position: relative;
}
.c-navigation-secondary.is-loading::before {
  animation: skeleton-pulse 1.5s infinite ease-in-out;
}
.c-navigation-secondary.is-loading .c-navigation-secondary-navList {
  opacity: 0;
}
.c-navigation-noticeList {
  margin: auto 12px 12px 12px;
}
.c-navigation-noticeList-notice {
  margin-bottom: 8px;
  padding: 10px 10px 12px;
  border-radius: 4px;
  background-color: #051140;
  color: #fff;
  font-size: 12px;
  line-height: 1.3;
}
.c-navigation-noticeList-notice--info,
.c-navigation-noticeList-notice--warn {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
}
.c-navigation-noticeList-notice--warn .c-navigation-noticeList-notice-icon {
  fill: #e63f58;
}
.c-navigation-noticeList-notice:last-child {
  margin-bottom: 0;
}
.c-navigation-noticeList-notice-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-right: 8px;
}
.c-navigation-noticeList-notice-icon .c-icon-image {
  width: 18px;
  height: 18px;
}
.c-navigation-noticeList-notice-title {
  margin-bottom: 4px;
}
.c-navigation-noticeList-notice-title--usage {
  margin-bottom: 2px;
}
.c-navigation-noticeList-notice-message {
  color: #d3d4dd;
}
.c-navigation-noticeList-notice a {
  font-weight: bold;
}
.c-navigation-noticeList-notice--okendoWrapped {
  font-style: normal;
  font-size: 12px;
}
.c-navigation-noticeList-notice--okendoWrapped a {
  font-weight: normal;
}
.c-navigation-noticeList-link:hover,
.c-navigation-noticeList-link:focus {
  text-decoration: none;
}
.c-navigation-noticeList-link[disabled] {
  cursor: default;
  pointer-events: none;
}
.c-navigation-usageBar {
  position: relative;
}
.c-navigation-usageBar::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 76px;
  height: 44px;
  background-image: url(/app/assets/images/sidebar-notification-skeleton.svg);
  opacity: 0;
  pointer-events: none;
}
.c-navigation-usageBar.is-loading::before {
  animation: skeleton-pulse 1.5s infinite ease-in-out;
}
.c-navigation-usageBar.is-loading .c-navigation-usageBar--inner {
  opacity: 0;
}
.c-navigation-usageBar--inner {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
@keyframes skeleton-pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
.c-miniUsageBar {
  position: relative;
}
.c-miniUsageBar-marker {
  position: absolute;
  top: -3px;
  border-top: 4px solid #f4f4f6;
  border-right: 2.5px solid transparent;
  border-left: 2.5px solid transparent;
}
.c-miniUsageBar-marker::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -0.5px;
  width: 1px;
  height: 4px;
  background-color: #f4f4f6;
}
.c-miniUsageBar-frame {
  height: 4px;
  border-radius: 4px;
  background-color: #262f58;
}
.c-miniUsageBar-frame-filling {
  height: 100%;
  border-radius: 4px;
  background-color: #00dcb6;
}
.c-miniUsageBar-frame-filling--warning {
  background-color: #ff9800;
}
.c-miniUsageBar-frame-filling--negative {
  background-color: #e63f58;
}
.c-statusMarker {
  position: relative;
  bottom: 1px;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  border: 2px solid;
  border-radius: 50%;
  background-color: #fff;
}
.c-statusMarker--draft,
.c-statusMarker--pending {
  border-color: #8f9097;
}
.c-statusMarker--ended {
  border-color: #d0234c;
}
.c-statusMarker--rejected {
  border: 0;
  background-color: #e63f58;
}
.c-statusMarker--ending {
  border-color: #00caaa;
}
.c-statusMarker--empty {
  visibility: hidden;
}
.c-statusMarker--active,
.c-statusMarker--published {
  border: 0;
  background-color: #00caaa;
}
.c-statusMarker--inactive {
  border: 0;
  background-color: #d3d4dd;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-radio {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
}
.c-radio-bg {
  width: 20px;
  height: 20px;
  border: 1px solid #c2c2c2;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.3s ease border, 0.3s ease background;
}
.c-radio-button {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  cursor: pointer;
}
.c-radio-button.is-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.c-radio-button--overlayTopLeft {
  position: absolute;
  top: 12px;
  left: 12px;
}
.c-radio-input {
  position: absolute;
  top: auto;
  left: -10000px;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.c-radio-input:checked ~ .c-radio-bg {
  border-color: #00caaa;
  background-color: #00caaa;
}
.c-radio-input:checked ~ .c-radio-check::before,
.c-radio-input:checked ~ .c-radio-check::after {
  opacity: 1;
}
.c-radio-input:focus ~ .c-radio-check {
  outline: 5px auto highlight;
  outline: 5px auto -webkit-focus-ring-color;
}
.c-radio-check {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  outline: none;
  transition: transform 0.1s ease-out;
}
.c-radio-check::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s ease opacity;
}
.c-radio-label--fullWidth {
  width: 100%;
}
.c-radio--buttonOverlay .c-radio-button {
  position: absolute;
  top: 12px;
  left: 12px;
}
.c-radio--fullWidth {
  width: 100%;
}
.c-radio--fullWidthLabel .c-radio-label {
  width: 100%;
}
.c-radio--outlined {
  position: relative;
  width: 100%;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
}
.c-radio.is-focused {
  outline: -webkit-focus-ring-color auto 5px;
}
.c-radio.is-disabled {
  color: #676986;
}
.c-radio.is-disabled .c-radio-button {
  cursor: not-allowed;
}
.c-radio.is-disabled .c-radio-bg {
  border: 1px solid #c2c2c2;
  background-color: #d9d9d9;
}
.c-tag {
  display: inline-block;
  align-self: center;
  padding: 0 6px;
  border-radius: 4px;
  background-color: #4e34e0;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.6;
  white-space: nowrap;
}
.c-tag--positive {
  background-color: #00caaa;
}
.c-tag--warning {
  background-color: #ff9800;
}
.c-tag--negative {
  background-color: #e63f58;
}
.c-tag--soft {
  background-color: #f4f4f6;
  color: #676986;
  font-weight: 600;
}
.c-tag--small {
  padding: 2px 8px;
  font-size: 12px;
}
.c-tag--evenPadding {
  padding: 4px;
}
.c-tag--capitalize {
  text-transform: capitalize;
}
.c-tag--outline {
  border: 1px solid #e5e5eb;
  background-color: #fff;
  color: #272d45;
}
.c-tag--wrap {
  white-space: normal;
}
.c-globalAlerts {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 17;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  transform: translateX(-50%);
}
.c-globalAlerts-item {
  max-width: 500px;
  margin-top: 16px;
}
.c-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-position: center;
  background-size: cover;
}
.c-thumbnail-image {
  max-width: 100%;
  max-height: 100%;
  background: #fff;
}
.c-thumbnail-preview {
  width: 100%;
  height: 100%;
  background: #fff;
}
.c-thumbnail--xSmall {
  width: 36px;
  height: 36px;
}
.c-thumbnail--small {
  width: 48px;
  height: 48px;
}
.c-thumbnail--large {
  width: 128px;
  height: 128px;
}
.c-thumbnail--rounded {
  border-radius: 100%;
}
.c-thumbnail--noBorder {
  border: none;
}
.c-thumbnail--storeAvatar {
  width: 80px;
  height: 80px;
  border-radius: 100%;
}
app-root,
app-admin {
  display: block;
}
.l-admin {
  -webkit-font-smoothing: antialiased;
}
.l-admin-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 13;
  width: 240px;
  height: 100%;
  transition: transform 0.3s ease;
  transform: translateX(-100%);
  -webkit-font-smoothing: auto;
  will-change: transform;
}
@media (min-width: 768px) {
  .l-admin-sidebar {
    transform: translateX(0);
  }
}
.l-admin-header {
  position: fixed;
  top: 0;
  z-index: 11;
  display: flex;
  align-items: center;
  width: 100%;
  height: 58px;
  padding-right: 1rem;
  background: #262f58;
  color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
@media (min-width: 768px) {
  .l-admin-header {
    width: calc(100% - 240px);
    height: 64px;
    padding-right: 1.5rem;
    background: #fff;
    color: #272d45;
  }
}
.l-admin-header-navToggle {
  margin-left: 12px;
  padding: 8px;
  border: 0;
  border-radius: 4px;
  background-color: #051140;
  line-height: 1.2;
  cursor: pointer;
}
@media (min-width: 768px) {
  .l-admin-header-navToggle {
    display: none;
  }
}
.l-admin-header-heading {
  overflow: hidden;
  margin: 0 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .l-admin-header-heading {
    margin-left: 1.5rem;
  }
}
.l-admin-header-labsIcon .c-icon-image {
  width: 120px;
}
.l-admin-header-labsIcon .c-labsIcon-labs {
  fill: #e5e5eb;
}
@media (min-width: 768px) {
  .l-admin-header-labsIcon .c-labsIcon-labs {
    fill: #4e34e0;
  }
}
.l-admin-header-labsIcon .c-labsIcon-okendo {
  fill: #fff;
}
@media (min-width: 768px) {
  .l-admin-header-labsIcon .c-labsIcon-okendo {
    fill: #000;
  }
}
.l-admin-header-primaryAction {
  flex: 0 0 auto;
  margin-left: auto;
  line-height: 0;
}
.l-admin-content {
  margin-top: 58px;
}
@media (min-width: 768px) {
  .l-admin-content {
    margin-top: 64px;
    margin-left: 240px;
  }
}
.l-admin-content-overlay {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  display: block;
  width: 100%;
  height: 100%;
  background: #1d2135;
  opacity: 0.6;
  transition: opacity 0.3s ease;
  transform: scale(0);
  transform-origin: top;
}
.l-admin-main {
  position: relative;
  padding: 16px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .l-admin-main {
    padding: 24px;
    padding-bottom: 100px;
  }
}
.l-admin--new .l-admin-content,
.l-admin--new .l-admin-header {
  max-width: 1400px;
}
.l-admin--new .l-admin-content {
  min-height: calc(100vh - 58px);
  background-color: #fff;
}
@media (min-width: 768px) {
  .l-admin--new .l-admin-content {
    min-height: calc(100vh - 64px);
  }
}
.l-admin--new .l-admin-header {
  border-bottom: 1px solid #e5e5eb;
  box-shadow: none;
}
.l-admin--new .c-input,
.l-admin--new .c-inputGroup-addon,
.l-admin--new .c-select,
.l-admin--new .ng-select.c-okeNgSelect {
  height: 40px;
  border-color: #e5e5eb;
}
.l-admin--new .c-inputGroup-addon {
  line-height: 38px;
}
.l-admin--new {
}
.l-admin--new .ng-select.c-okeNgSelect {
  padding-top: 8px;
  padding-bottom: 8px;
}
.l-admin--new .c-switch-input:checked ~ .c-switch-bg {
  background-color: #0e7a82;
}
.l-admin--full .l-admin-content,
.l-admin--full .l-admin-header {
  max-width: none;
}
@media (min-width: 768px) {
  .l-admin--full .l-admin-content {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .l-admin--full .l-admin-header {
    display: none;
  }
}
.l-admin--full .l-admin-main {
  padding: 0;
}
.l-admin--immersive .c-navigation-primary {
  border-right: 1px solid #262f58;
}
@media (min-width: 768px) {
  .l-admin--immersive .c-navigation-secondary {
    display: none;
  }
}
.l-admin--immersive .l-admin-sidebar {
  width: auto;
}
.l-admin--immersive .l-admin-header {
  top: 0 !important;
}
@media (min-width: 768px) {
  .l-admin--immersive .l-admin-header {
    display: none;
  }
}
.l-admin--immersive .l-admin-content {
  margin-top: 58px !important;
}
@media (min-width: 768px) {
  .l-admin--immersive .l-admin-content {
    margin-top: 0 !important;
    margin-left: 74px;
  }
}
.l-admin--immersive .l-admin-main {
  padding: 0;
}
.l-admin--immersive .c-okendoWrappedBanner {
  display: none;
}
.l-admin.is-sidebar-visible {
  -webkit-font-smoothing: auto;
}
.l-admin.is-sidebar-visible .l-admin-sidebar {
  transform: translateX(0);
}
.l-admin.is-sidebar-visible .l-admin-content-overlay {
  opacity: 0.7;
  transform: scale(1);
}
@media (min-width: 768px) {
  .l-admin.is-sidebar-visible .l-admin-content-overlay {
    opacity: 0;
    transform: scale(0);
  }
}
.l-loaderOverlay {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.l-login-logo {
  width: 200px;
}
.l-login-product {
  padding: 16px;
  background: #272d45;
  color: #fff;
}
.l-login-stores {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-login-stores-item + .l-login-stores-item {
  margin-top: -1px;
}
.l-login-store {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-top: 1px solid #dbdde4;
  border-bottom: 1px solid #dbdde4;
  color: currentcolor;
}
.l-login-store-name {
  text-align: left;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.l-login-store-control {
  padding: 0;
  border: 0;
  background: none;
}
.l-login-store-icon {
  margin-left: 8px;
}
.l-login-store:focus,
.l-login-store:hover {
  background-color: #f4f4f4;
  color: #272d45;
  text-decoration: none;
}
.l-login-store.is-editing:hover {
  background-color: transparent;
}
body {
  background-color: #f4f4f6;
}
.l-detailsPageHeader {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #dbdde4;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .l-detailsPageHeader {
    flex-flow: row nowrap;
    text-align: left;
  }
}
.l-detailsPageHeader-image {
  flex-shrink: 0;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .l-detailsPageHeader-image {
    margin-right: 24px;
    margin-bottom: 0;
  }
}
.l-detailsPageHeader-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.l-detailsPageHeader-details-rating {
  flex-grow: 1;
}
.l-detailsPageHeader-details-action {
  line-height: 0;
}
.l-detailsPageHeader-details-action-right {
  margin: 8px auto 0 auto;
}
@media only screen and (min-width: 1024px) {
  .l-detailsPageHeader-details-action-right {
    margin: 0 0 0 auto;
  }
}
.l-detailsPageHeader-marker {
  position: absolute;
  top: 0;
  right: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 1024px) {
  .l-detailsPageHeader-marker {
    position: unset;
    margin-left: auto;
  }
}
.l-settingsPreview {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  margin-bottom: 32px;
}
@media (min-width: 1024px) {
  .l-settingsPreview {
    flex-flow: row nowrap;
    margin-bottom: -100px;
  }
}
.l-settingsPreview-settings {
  width: 100%;
  margin-bottom: 24px;
  padding: 16px;
}
@media (min-width: 1024px) {
  .l-settingsPreview-settings {
    width: 450px;
    margin-right: 32px;
  }
}
.l-settingsPreview-preview {
  width: 100%;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .l-settingsPreview-preview {
    width: calc(100% - 482px);
    margin-bottom: 84px;
  }
}
.l-settingsPreview-preview .c-card.c-stickyContainer--stuck {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.l-builderPage {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .l-builderPage {
    flex-direction: row;
  }
}
.l-builderPage-content {
  flex-basis: 100%;
  min-width: 0;
}
@media (min-width: 1024px) {
  .l-builderPage-content {
    flex-basis: 65%;
  }
}
.l-builderPage-preview {
  position: relative;
  flex-grow: 1;
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .l-builderPage-preview {
    flex-basis: 35%;
  }
}
.l-builderPage--loyaltyWithBorder {
  flex-direction: column;
}
@media (min-width: 1200px) {
  .l-builderPage--loyaltyWithBorder {
    flex-direction: row;
  }
}
.l-builderPage--loyaltyWithBorder-content {
  width: 100%;
}
@media (min-width: 1200px) {
  .l-builderPage--loyaltyWithBorder-content {
    flex: 1 1 auto;
    width: auto;
  }
}
.l-builderPage--loyaltyWithBorder-preview {
  z-index: 3;
  width: 100%;
}
@media (min-width: 1200px) {
  .l-builderPage--loyaltyWithBorder-preview {
    flex: 0 1 414px;
  }
}
.l-builderPage--loyaltyWithBorder-preview-content {
  display: flex;
  justify-content: center;
  min-width: 414px;
  padding: 32px;
  background-color: #f7f7f8;
}
.l-builderPage--loyaltyWithBorder-preview-content-inner {
  overflow: hidden;
  width: 100%;
  max-width: 350px;
  height: 640px;
  border-radius: 12px;
  box-shadow: 0 4px 56px rgba(0, 0, 0, 0.14);
}
.l-builderPage--loyaltyWithBorder-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.l-questionListBuilder {
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 1200px) {
  .l-questionListBuilder {
    flex-flow: row nowrap;
  }
}
.l-questionListBuilder-questions {
  order: 2;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .l-questionListBuilder-questions {
    order: 1;
  }
}
.l-questionListBuilder-bank {
  flex-shrink: 0;
  order: 1;
  width: 100%;
  margin-bottom: 32px;
}
@media only screen and (min-width: 1200px) {
  .l-questionListBuilder-bank {
    order: 2;
    width: 360px;
    margin-bottom: 0;
    margin-left: 32px;
  }
}
.l-fullscreenSettingsPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f7f7f8;
}
.l-fullscreenSettingsPage.is-mobilePreview .l-fullscreenSettingsPage-preview {
  width: 0%;
  min-width: 400px;
  min-height: 0;
  margin: 160px auto;
}
.l-fullscreenSettingsPage.is-mobilePreview .l-fullscreenSettingsPage-preview .c-iframePreviewer {
  border-radius: 12px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.l-fullscreenSettingsPage.is-fullscreenPreview .l-fullscreenSettingsPage-leftPanel,
.l-fullscreenSettingsPage.is-fullscreenPreview .l-fullscreenSettingsPage-rightPanel {
  display: none;
}
.l-fullscreenSettingsPage.is-fullscreenPreview .l-fullscreenSettingsPage-topBar {
  width: auto;
  margin-left: auto;
}
@media (min-width: 1024px) {
  .l-fullscreenSettingsPage.is-focus .l-fullscreenSettingsPage-leftPanel,
  .l-fullscreenSettingsPage.is-focus .l-fullscreenSettingsPage-rightPanel,
  .l-fullscreenSettingsPage.is-focus .l-fullscreenSettingsPage-topBar {
    opacity: 0.4;
  }
}
.l-fullscreenSettingsPage-preview {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #fff;
  transition: all 0.15s ease-out;
}
.l-fullscreenSettingsPage-preview-notice {
  position: absolute;
  top: 160px;
  right: 0;
  left: 0;
  z-index: 1;
  margin: auto;
}
.l-fullscreenSettingsPage-topBar {
  position: fixed;
  top: 58px;
  right: 24px;
  z-index: 2;
  flex: 0 0 auto;
  width: calc(100% - 48px);
  height: 80px;
  border-radius: 0 0 4px 4px;
  transition: opacity 0.2s ease-out;
}
@media (min-width: 768px) {
  .l-fullscreenSettingsPage-topBar {
    top: 0;
    width: calc(100% - 288px);
  }
}
.l-fullscreenSettingsPage-leftPanel,
.l-fullscreenSettingsPage-rightPanel {
  position: fixed;
  top: 104px;
  width: 360px;
  height: 100%;
  max-height: calc(100vh - 128px);
  pointer-events: none;
  transition: opacity 0.2s ease-out;
}
@media (min-width: 1200px) {
  .l-fullscreenSettingsPage-leftPanel,
  .l-fullscreenSettingsPage-rightPanel {
    width: 400px;
  }
}
.l-fullscreenSettingsPage-leftPanel > *,
.l-fullscreenSettingsPage-rightPanel > * {
  pointer-events: auto;
}
.l-fullscreenSettingsPage-leftPanel {
  left: 264px;
  z-index: 3;
}
.l-fullscreenSettingsPage-rightPanel {
  right: 24px;
  z-index: 2;
}
.u-borderLight--top {
  border-top: 1px solid #e5e5eb;
}
.u-borderLight--right {
  border-right: 1px solid #e5e5eb;
}
.u-borderLight--bottom {
  border-bottom: 1px solid #e5e5eb;
}
.u-borderLight--left {
  border-left: 1px solid #e5e5eb;
}
.u-borderLight--all {
  border: 1px solid #e5e5eb;
}
.c-button--brand {
  border-color: #0e7a82;
  background-color: #0e7a82;
}
.c-button--brand:focus,
.c-button--brand:hover {
  border-color: #00b4a9;
  background-color: #00b4a9;
}
.c-button--soft {
  padding: 0 16px;
  border-radius: 4px;
  background-color: #f4f4f6;
  color: #535565;
  line-height: 30px;
}
.c-button--soft:not(.is-loading):hover,
.c-button--soft:not(.is-loading):focus {
  background-color: #e5e5eb;
  color: #535565;
  text-decoration: none;
}
.c-button--soft.is-loading {
  color: transparent;
}
.c-button--soft.is-loading .c-button-loader {
  display: flex;
}
.c-button--neutral {
  border-color: #2b2182;
  background-color: #2b2182;
  color: #fff;
  font-weight: 500;
  transition: background-color 0.2s ease-out;
}
.c-button--neutral:hover,
.c-button--neutral:focus {
  background-color: #051140;
}
.c-button--tall {
  height: 40px;
  line-height: 38px;
}
.c-button--outline:not(.is-loading) .c-icon,
.c-button--soft:not(.is-loading) .c-icon {
  fill: #7e809b;
}
.c-button--withThumbnail {
  padding: 0 16px 0 3px;
}
.c-button--withThumbnail img {
  object-fit: cover;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  margin-bottom: 2px;
  border: 1px solid #dbdde4;
  border-radius: 2px;
}
.c-button--highlight {
  position: relative;
  overflow: visible;
}
.c-button--highlight:not(:disabled)::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px solid #00caaa;
  border-radius: 6px;
  transition: all 0.1s ease;
}
.c-button--highlight:hover::before {
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-radius: 7px;
}
.c-button--newOutline {
  display: flex;
  gap: 4px;
  padding: 8px 16px;
  border-color: #e5e5eb;
  border-radius: 6px;
  background-color: #fff;
  color: #272d45;
}
.c-button--newOutline .c-icon {
  margin-right: 0;
}
.c-button--newOutline:hover,
.c-button--newOutline:focus {
  background-color: #f7f7f8;
  color: #535565;
  text-decoration: none;
}
.c-button--newOutline.is-pressed {
  border-color: #d3d4dd;
  background: #e5e5eb;
  box-shadow: inset 0 0 4px 0 #d3d4dd;
}
.c-button--newOutline[disabled] {
  border-color: #e5e5eb;
  background-color: #e5e5eb;
  color: #676986;
}
.c-draggableButton {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
  width: 100%;
  min-height: 40px;
  padding: 4px 8px 4px 16px;
  border-radius: 4px;
  background-color: #f7f7f8;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
}
.c-draggableButton--empty {
  justify-content: center;
  padding: 4px 16px;
  border: 1px solid #e5e5eb;
  background-color: #fff;
}
.gu-unselectable .c-draggableButton:hover {
  background-color: #f7f7f8;
}
.c-card-content {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-card-content {
    padding: 24px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-card-content--even {
    padding: 24px;
  }
}
.c-card-content--noTopPadding {
  padding-top: 0;
}
.c-card-content--noHorizontalPadding {
  padding: 16px 0;
}
.c-card-content--overflowAuto {
  overflow: auto;
}
.c-card-header {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 72px;
  padding: 16px 16px 16px 24px;
  border-bottom: 1px solid #e5e5eb;
  font-size: 14px;
}
.c-card-header--columns {
  flex-wrap: nowrap;
}
.c-card-header-left {
  flex: 0 0 auto;
}
.c-card-header-right {
  flex: 1 1 auto;
  min-width: 0;
}
.c-card--highlight {
  border-left: 3px solid #272d45;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-card--link {
  display: block;
  color: #272d45;
  text-decoration: none;
}
.c-card--link:hover,
.c-card--link:focus {
  background-color: #fafafb;
  text-decoration: none;
}
.c-card--maxWidth {
  max-width: 1400px;
}
.c-card--shaded {
  border: 1px solid #e5e5eb;
  background-color: #f7f7f8;
  box-shadow: none;
}
.c-card--noShadow {
  border: 1px solid #e5e5eb;
  box-shadow: none;
}
.l-admin--new .c-card {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.l-admin--new .c-card--shaded,
.l-admin--new .c-card--noShadow {
  box-shadow: none;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-chart {
  display: grid;
  grid-template-rows: 1fr min-content;
  grid-template-columns: min-content 1fr;
  padding-top: 6.5px;
}
.c-chart:hover .c-chart-xAxis-item.is-hidden:not(.is-active) .c-chart-xAxis-item-inner {
  opacity: 1;
}
.c-chart-markerValue {
  padding: 2px 10px;
  border-radius: 100px;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  animation-iteration-count: 1;
}
@keyframes marker-box-entry {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c-chart-markerBox {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
  height: fit-content;
  margin-top: auto;
  margin-bottom: auto;
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  pointer-events: none;
  animation: marker-box-entry 0.2s ease-out;
}
.c-chart-markerBox--multiSeries {
  flex-flow: row nowrap;
  justify-content: space-between;
}
.c-chart-markerBox--multiSeries .c-chart-markerBox-item-name {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-chart-markerBox-item {
  display: flex;
  gap: 8px;
}
.c-chart-markerBox-item-swatch {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 2px;
  border-radius: 2px;
}
.c-chart-markerBox-item-swatch--striped {
  position: relative;
}
.c-chart-markerBox-item-swatch--striped::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 2px,
      transparent 2px,
      transparent 4px);
  pointer-events: none;
}
.c-chart-markerBox-item-swatch--dashed {
  clip-path: polygon(0 0, 12px 0, 12px 12px, 0 12px, 0 7px, 2px 7px, 2px 10px, 5px 10px, 5px 12px, 7px 12px, 7px 10px, 10px 10px, 10px 7px, 12px 7px, 12px 5px, 10px 5px, 10px 2px, 7px 2px, 7px 0, 5px 0, 5px 2px, 2px 2px, 2px 5px, 0 5px);
}
.c-chart-markerBox-item-name {
  margin-right: 32px;
}
.c-chart-markerBox-item-value {
  margin-left: auto;
}
.c-chart-yAxis {
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: space-between;
  margin: -6.5px 16px -6.5px 0;
  pointer-events: none;
}
.c-chart-yAxis-item {
  position: relative;
  color: #676986;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
.c-chart-yAxis-item-inner {
  position: relative;
  line-height: 1;
}
.c-chart-xAxis {
  display: flex;
  grid-column-start: 2;
  gap: 4px;
  justify-content: space-between;
  margin: 0 -4px;
}
.c-chart-xAxis-item {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 8px;
  padding-top: 12px;
  color: #676986;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}
.c-chart-xAxis-item.is-active {
  color: #272d45;
  font-weight: 600;
}
.c-chart-xAxis-item.is-hidden:not(.is-active) .c-chart-xAxis-item-inner {
  opacity: 0;
}
.c-chart-xAxis-item-inner {
  position: relative;
  line-height: 1;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  transition: opacity 0.2s ease-out;
}
@media only screen and (max-width: 768px) {
  .c-chart-xAxis-item-inner {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
  }
}
.c-chart-xAxis-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 1px;
  height: 4px;
  margin: auto;
  background-color: #dbdde4;
}
.c-chart-xAxis-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 300%;
}
.c-chart-xAxis--verticalLabels .c-chart-xAxis-item.is-active {
  letter-spacing: -0.1px;
}
.c-chart-xAxis--verticalLabels .c-chart-xAxis-item-inner {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
}
.c-chart-area {
  position: relative;
  background-repeat: repeat;
}
.c-chart-area::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: block;
  border-bottom: 1px solid #dbdde4;
}
.c-chart.is-empty .c-chart-area,
.c-chart.is-loading .c-chart-area {
  border-color: #e5e5eb;
}
.c-chart.is-empty .c-chart-xAxis-item::before,
.c-chart.is-loading .c-chart-xAxis-item::before {
  background-color: #e5e5eb;
}
.c-chart.is-empty .c-chart-xAxis-item-inner::after,
.c-chart.is-empty .c-chart-yAxis-item-inner::after,
.c-chart.is-loading .c-chart-xAxis-item-inner::after,
.c-chart.is-loading .c-chart-yAxis-item-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chart.is-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-chart.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-chart.is-empty {
  padding-bottom: 6.5px;
}
.c-chart.is-empty .c-chart-area::before {
  content: "No Data Recorded";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: max-content;
  height: max-content;
  margin: auto;
  padding: 16px;
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chart--hideYAxis .c-chart-yAxis {
  width: 0;
  margin: 0;
  visibility: hidden;
}
.c-chart-emptyNotice {
  width: max-content;
  padding: 16px;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chart-emptyNotice::before {
  content: "No Data Recorded";
}
.c-chartDisplay {
  flex-wrap: nowrap;
  align-items: center;
  height: 115px;
  padding: 0;
}
.c-chartDisplay--wideNgxChart .ngx-charts-outer,
.c-chartDisplay--wideNgxChart svg.ngx-charts {
  width: 100% !important;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-chartBarHorizontal {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
.c-chartBarHorizontal-item-labels {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.c-chartBarHorizontal-item-labels-title {
  padding-bottom: 12px;
  line-height: 1.2;
}
.c-chartBarHorizontal-item-labels-title-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 2px;
  background-color: #f4f4f6;
  line-height: 24px;
  text-align: center;
}
.c-chartBarHorizontal-item-labels-title-icon--image {
  line-height: 0;
}
.c-chartBarHorizontal-item-labels-title-icon--image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.c-chartBarHorizontal-item-labels-value {
  padding-bottom: 12px;
  line-height: 1.2;
}
.c-chartBarHorizontal-item-bar {
  display: flex;
  width: 100%;
  height: 8px;
  border-radius: 100px;
  background-color: #f7f7f8;
}
@keyframes animate-width {
  0% {
    width: 0;
  }
}
.c-chartBarHorizontal-item-bar-fill {
  position: relative;
  min-width: 8px;
  border-right: 1px solid #fff;
  cursor: pointer;
  transition: width 0.4s ease-out, opacity 0.2s ease-out;
  animation: animate-width 0.6s ease-out;
}
.c-chartBarHorizontal-item-bar-fill:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.c-chartBarHorizontal-item-bar-fill:last-child {
  border-right: none;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
@keyframes chart-bar-horizontal-marker-value {
  0% {
    top: -28px;
    opacity: 0;
  }
  100% {
    top: -32px;
    opacity: 1;
  }
}
.c-chartBarHorizontal-item-bar-fill-markerValue {
  position: absolute;
  top: -32px;
  left: 50%;
  z-index: 3;
  width: fit-content;
  transform: translateX(-50%);
  animation: chart-bar-horizontal-marker-value 0.2s ease-out;
}
.c-chartBarHorizontal-item-bar--striped {
  position: relative;
}
.c-chartBarHorizontal-item-bar--striped::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 2px,
      transparent 2px,
      transparent 4px);
  pointer-events: none;
}
.c-chartBarHorizontal-emptyNotice {
  margin: 24px auto;
}
.c-chartBarHorizontal-seriesTitles-left-title,
.c-chartBarHorizontal-seriesTitles-right-title {
  font-weight: 500;
}
.c-chartBarHorizontal-seriesTitles-total {
  font-weight: 500;
  color: #676986;
}
.c-chartBarHorizontal.is-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-chartBarHorizontal.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-bar-fill {
  display: none;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-title,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-left-title,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-right-title,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-total {
  position: relative;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-left-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-right-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-total::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.2em;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-left-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-right-title::after {
  top: unset;
  bottom: 0;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value.is-first::after {
  top: unset;
  right: 12px;
  bottom: 12px;
  left: unset;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value.is-last::after {
  top: unset;
  bottom: 12px;
  left: 12px;
  width: 40px;
}
.c-chartBarHorizontal--backToBack {
  gap: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles {
  display: flex;
  font-weight: 500;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-left,
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-right {
  flex-basis: 50%;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-left {
  padding-right: 16px;
  border-right: 1px solid #e5e5eb;
  text-align: right;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-right {
  padding-left: 16px;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels {
  gap: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels-title {
  padding-right: 16px;
  font-weight: 500;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels-value.is-first {
  margin-left: auto;
  padding-top: 24px;
  padding-right: 16px;
  border-right: 1px solid #e5e5eb;
  text-align: right;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels-value.is-last {
  flex-shrink: 0;
  flex-basis: 50%;
  padding-top: 24px;
  padding-left: 16px;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-left,
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-right {
  display: flex;
  width: 50%;
  height: 100%;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-left {
  justify-content: flex-end;
  border-right: 1px solid #e5e5eb;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-left .c-chartBarHorizontal-item-bar-fill {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-right .c-chartBarHorizontal-item-bar-fill {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-fill {
  cursor: default;
}
.c-chartHorizontalLegend {
  display: flex;
}
.c-chartHorizontalLegend-entry {
  display: flex;
  margin-right: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.c-chartHorizontalLegend-entry:last-child {
  margin-right: 0;
}
.c-chartHorizontalLegend-entry-dash {
  width: 20px;
  height: 2px;
  margin-right: 12px;
  border-radius: 4px;
}
.c-chartHorizontalLegend-entry-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 12px;
  border-radius: 50%;
}
.c-chartHorizontalLegend-entry--checkbox:hover {
  background-color: #e5e5eb;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label {
  line-height: 1;
  cursor: pointer;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkmark {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #fff;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-text {
  vertical-align: middle;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkbox:checked ~ .c-chartHorizontalLegend-label-checkmark::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3E%3C/svg%3E");
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkbox:focus ~ .c-chartHorizontalLegend-label-checkmark {
  outline: -webkit-focus-ring-color auto 5px;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-star {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-star::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 1px;
  margin-left: 3px;
  background-image: url(/app/assets/icons/rating-foreground.svg);
  background-repeat: no-repeat;
}
.c-chartHorizontalLegend-graph {
  height: 350px;
}
.c-chartHorizontalLegend-graph-tooltip {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
}
.c-colorPicker .color-picker::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: -1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
}
.c-colorPicker .color-picker .hex-text .box:nth-child(2),
.c-colorPicker .color-picker .type-policy,
.c-colorPicker .color-picker .arrow,
.c-colorPicker .color-picker .left {
  display: none;
}
.c-colorPicker .color-picker .saturation-lightness {
  overflow: hidden;
}
.c-colorPicker .color-picker .saturation-lightness .cursor {
  border-color: #fff;
}
.c-colorPicker .color-picker .hue {
  margin-bottom: 12px;
}
.c-colorPicker .color-picker .hue-alpha {
  margin: 0;
  padding: 0;
}
.c-colorPicker .color-picker .hue-alpha .cursor {
  top: 1px;
  height: 100%;
  border: none;
}
.c-colorPicker .color-picker .hue-alpha .cursor::before {
  content: "";
  display: block;
  width: 4px;
  height: 14px;
  margin: auto;
  border-radius: 1px;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.c-colorPicker .color-picker .right,
.c-colorPicker .color-picker .hex-text,
.c-colorPicker .color-picker .hex-text .box {
  padding: 0;
}
.c-colorPicker .color-picker .right div:first-child {
  height: 4px !important;
}
.c-colorPicker .color-picker .hex-text .box input {
  height: 32px;
  padding-right: 8px;
  padding-left: 8px;
  border-color: #dbdde4;
  border-radius: 4px;
  font-size: 14px;
  text-transform: uppercase;
}
.c-colorPicker .color-picker .preset-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 0;
  padding-top: 8px;
  border-top: 1px solid #dbdde4;
}
.c-colorPicker .color-picker .preset-area .preset-label {
  width: auto;
  padding: 0;
  color: #272d45;
  font-size: 13px;
  line-height: 13px;
}
.c-colorPicker .color-picker .preset-area .preset-color {
  display: block;
  margin: 0;
  border-color: #dbdde4;
}
.c-colorPicker .color-picker .preset-area hr {
  display: none;
}
.c-contentBox {
  overflow: hidden;
  padding: 24px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
  background-color: #fff;
}
.c-contentBox.is-active {
  position: relative;
  z-index: 3;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.c-contentBox--shaded {
  background-color: #f7f7f8;
}
.c-contentBox--stretch {
  height: 100%;
}
.c-contentBox--noPadding {
  padding: 0;
}
.c-dataBoxGroup {
  display: flex;
  flex-flow: row wrap;
  gap: 24px;
}
.c-dataBoxGroup > * {
  flex: 1 1 200px;
}
.c-dataBoxGroup--singleBox > * {
  flex: 0 0 50%;
}
.c-definitionList {
  width: 100%;
  margin: 0;
}
.c-definitionList-item {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item {
    flex-flow: row nowrap;
  }
}
.c-definitionList-item:last-child {
  padding-bottom: 0;
}
.c-definitionList-item-term,
.c-definitionList-item-definition {
  width: 100%;
  margin: 0;
}
.c-definitionList-item-term {
  font-weight: 500;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item-term {
    flex: 180px 0 0;
  }
}
.c-definitionList-item-definition {
  color: #676986;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item-definition {
    padding-left: 32px;
  }
}
.c-definitionList--spaceBetween .c-definitionList-item {
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item--wide .c-definitionList-item-term {
    flex: 220px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item--short .c-definitionList-item-term {
    flex: 80px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item--stacked {
    flex-flow: column nowrap;
  }
  .c-definitionList-item--stacked .c-definitionList-item-term {
    flex: none;
  }
  .c-definitionList-item--stacked .c-definitionList-item-definition {
    padding-left: 0;
  }
}
.c-definitionList--border {
  overflow: hidden;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item:first-child .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item:first-child .c-definitionList-item-definition {
    padding-top: 24px;
  }
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xxSmall .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xxSmall .c-definitionList-item-definition {
    padding-bottom: 8px;
  }
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xSmall .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xSmall .c-definitionList-item-definition {
    padding-bottom: 12px;
  }
}
.c-definitionList--fullCard .c-definitionList-item {
  padding: 0;
}
.c-definitionList--fullCard .c-definitionList-item-term,
.c-definitionList--fullCard .c-definitionList-item-definition {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item-definition {
    padding: 24px;
    padding-top: 0;
  }
}
.c-definitionList--fullCard .c-definitionList-item-term {
  background-color: #fafafb;
}
@media only screen and (max-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item-term {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.c-definitionList--fullCard .c-definitionList-item-term--empty {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item-term--empty {
    display: block;
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-editableItemBox {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .c-editableItemBox:hover .c-editableItemBox-dragHandle,
  .c-editableItemBox:hover .c-editableItemBox-edit .c-iconButton-button,
  .c-editableItemBox:focus .c-editableItemBox-dragHandle,
  .c-editableItemBox:focus .c-editableItemBox-edit .c-iconButton-button {
    opacity: 1;
    pointer-events: initial;
  }
  .c-editableItemBox:hover .c-iconPicker-edit,
  .c-editableItemBox:focus .c-iconPicker-edit {
    opacity: 1;
  }
  .c-editableItemBox.is-draggable .c-editableItemBox-headerRight {
    padding-right: 16px;
  }
  .c-editableItemBox-controls {
    display: none;
  }
}
.c-editableItemBox-headerLeft,
.c-editableItemBox-headerRight {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.c-editableItemBox-headerLeft-icon,
.c-editableItemBox-headerRight-icon {
  flex-shrink: 0;
}
.c-editableItemBox-dragHandle {
  border-color: #dbdde4;
  background-color: #f7f7f8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238f9097' d='M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z' /%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: grab;
}
.c-editableItemBox-dragHandle:hover {
  background-color: #f4f4f6;
}
.c-editableItemBox-dragHandle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  border-radius: 0 4px 4px 0;
  background-color: #f7f7f8;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease-out;
}
.c-editableItemBox-dragHandle:focus {
  opacity: 1;
  pointer-events: initial;
}
.c-editableItemBox-edit .c-iconButton-button {
  transition: opacity 0.1s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .c-editableItemBox-edit .c-iconButton-button {
    opacity: 0;
    pointer-events: none;
  }
  .c-editableItemBox-edit .c-iconButton-button:focus {
    opacity: 1;
    pointer-events: initial;
  }
}
.c-editableItemBox.is-active {
  z-index: 4;
  border: 0;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.c-editableItemBox.is-error {
  border: 1px solid #e63f58;
}
.c-editableItemBox .is-new::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00dcb6;
  margin-bottom: 2px;
  margin-left: 4px;
}
.c-editableItemBox .c-stickerBuilder,
.c-editableItemBox .c-pointRuleImagePicker,
.c-editableItemBox .c-iconPicker {
  position: relative;
}
.c-editableItemBox .c-stickerBuilder-window.float-ui-container,
.c-editableItemBox .c-pointRuleImagePicker-window.float-ui-container,
.c-editableItemBox .c-iconPicker-window.float-ui-container {
  z-index: 4;
  width: 316px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.c-editableItemBox .c-stickerBuilder-window.float-ui-container > .ngxp__arrow,
.c-editableItemBox .c-pointRuleImagePicker-window.float-ui-container > .ngxp__arrow,
.c-editableItemBox .c-iconPicker-window.float-ui-container > .ngxp__arrow {
  border-color: #d3d4dd;
}
.c-editableItemBox .c-stickerBuilder-inner-search,
.c-editableItemBox .c-iconPicker-inner-search {
  width: 100%;
  height: 40px;
  padding-left: 36px;
  border: 0;
  border-bottom: 1px solid #e5e5eb;
  border-radius: 0;
  background-color: #f7f7f8;
  background-position: 8px 50%;
}
.c-editableItemBox .c-stickerBuilder-inner-search:focus,
.c-editableItemBox .c-iconPicker-inner-search:focus {
  border-color: #e5e5eb;
  box-shadow: none;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs,
.c-editableItemBox .c-iconPicker-inner-tabs {
  height: 47px;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner {
  margin-bottom: 0;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid #e5e5eb;
  background-color: transparent;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item {
  height: auto;
  padding: 0;
  line-height: 1;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button {
  padding: 16px 8px;
  background-color: transparent;
  color: #676986;
  font-weight: normal;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button:hover:not([disabled]),
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button:focus:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button:hover:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button:focus:not([disabled]) {
  background-color: transparent;
  color: #272d45;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button.is-active,
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:hover:not([disabled]),
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:focus:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button.is-active,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:hover:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:focus:not([disabled]) {
  background-color: transparent;
  color: #272d45;
  font-weight: 600;
}
.c-formRow {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .c-formRow {
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
  }
}
.c-formRow-label {
  margin-right: auto;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .c-formRow-label {
    margin-bottom: 0;
    padding-right: 16px;
  }
}
.c-formRow-label:empty {
  display: none;
}
.c-formRow-error {
  width: 100%;
  text-align: right;
}
.c-formRow.u-disabled {
  pointer-events: initial;
}
.c-formRow .c-switch {
  display: block;
}
.c-formRow .c-switch-inner {
  margin-right: 0;
}
.c-formRow .c-richTextEditor-content {
  min-height: 96px;
}
.c-formRow .c-richTextEditor-content h2 {
  font-weight: bold;
  font-size: 16px;
}
.c-formRow--stacked {
  align-items: stretch;
}
@media (min-width: 768px) {
  .c-formRow--stacked {
    flex-flow: column nowrap;
    align-items: flex-start;
    align-items: stretch;
  }
}
.c-formRow--stacked .c-formRow-label {
  margin-right: auto;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .c-formRow--stacked .c-formRow-label {
    margin-bottom: 8px;
  }
}
.c-formRow--stacked .c-formRow-error {
  text-align: left;
}
.c-formRow--noWrap {
  flex-flow: row nowrap;
  align-items: center;
}
@media (min-width: 768px) {
  .c-formRow--alignTop {
    align-items: flex-start;
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-growthIndicator {
  padding: 4px;
}
.c-growthIndicator::before {
  position: absolute;
  width: 8px;
  height: 4px;
  margin-top: 8px;
  margin-left: -10px;
  background-repeat: no-repeat;
}
.c-growthIndicator--positive {
  color: #00caaa;
}
.c-growthIndicator--positive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' fill='%2300caaa' %3E%3Cpolygon points='0,0 8,0 4,4'/%3E%3C/svg%3E%0A");
  content: "";
  transform: rotate(180deg);
}
.c-growthIndicator--negative {
  color: #e63f58;
}
.c-growthIndicator--negative::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' fill='%23e63f58' %3E%3Cpolygon points='0,0 8,0 4,4'/%3E%3C/svg%3E%0A");
  content: "";
}
.c-headerButton {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  padding: 0 16px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(217, 217, 217, 0.3);
  color: #535565;
  outline: 0;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .c-headerButton {
    width: auto;
    margin-bottom: 0;
  }
}
.c-headerButton:hover,
.c-headerButton:focus {
  background-color: rgba(217, 217, 217, 0.5);
  color: #272d45;
  text-decoration: none;
}
.c-headerButton--noHover {
  cursor: auto;
}
.c-headerButton--noHover:hover,
.c-headerButton--noHover:focus {
  background-color: rgba(217, 217, 217, 0.3);
  color: #535565;
}
.c-headerButton--tall {
  height: 40px;
  line-height: 38px;
}
.c-imageListItem {
  display: flex;
  align-items: center;
}
.c-imageListItem-image {
  flex-shrink: 0;
  margin-right: 16px;
}
.c-inlineTag {
  position: relative;
  bottom: 1px;
  vertical-align: middle;
  padding: 1px 8px;
  border-radius: 10px;
  background-color: #00caaa;
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
}
.c-inlineTag--ghost {
  border: 1px solid #00caaa;
  background-color: transparent;
  color: #00caaa;
  font-weight: bold;
}
.c-input--search {
  width: 220px;
  height: 32px;
  padding-left: 32px;
  border-color: #e5e5eb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23272D45' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
  background-position: 6px 5px;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  font-size: 13px;
  appearance: textfield;
}
.c-input--search::placeholder {
  color: #8f9097;
}
.c-input--search:-webkit-autofill {
  animation-name: autofill;
  animation-fill-mode: both;
}
.c-input--search::-webkit-search-decoration {
  appearance: none;
}
.c-input--date {
  padding-left: 35px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23272D45' d='M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E%0A");
  background-position: 7px 7px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}
.l-admin--new .c-input--search {
  background-position: 6px 10px;
}
.l-admin--new .c-input--date {
  background-position: 7px 11px;
}
@keyframes autofill {
  to {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23272D45' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
  }
}
.c-itemList {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.c-itemList-item {
  display: flex;
  margin-bottom: 24px;
}
.c-itemList-item-inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}
@media only screen and (min-width: 480px) {
  .c-itemList-item-inner {
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-inner {
    flex-flow: row nowrap;
    justify-content: stretch;
    align-items: center;
  }
}
.c-itemList-item-content-head {
  margin-bottom: 0;
}
.c-itemList-item-image {
  position: relative;
  flex-shrink: 0;
}
.c-itemList-item-content {
  position: relative;
  flex-grow: 1;
  order: 3;
  width: 100%;
  min-width: 0;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content-head {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content-body {
    overflow: hidden;
    height: 1.6em;
    border-right: 22px solid transparent;
    word-break: break-all;
  }
}
.c-itemList-item-content-body-showMore {
  position: absolute;
  right: 0;
  bottom: 6px;
  display: none;
  width: 20px;
  height: 8px;
  margin: 0;
  padding: 0 5px;
  border: 0;
  border-radius: 2px;
  background-color: #f4f4f6;
  color: #8f9097;
  outline: 0;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content-body-showMore {
    display: block;
  }
}
.c-itemList-item-content-body-showMore:hover,
.c-itemList-item-content-body-showMore:focus {
  box-shadow: 0 0 0 1px #dbdde4;
}
.c-itemList-item-stars {
  flex-grow: 1;
  order: 2;
  margin-bottom: 8px;
}
@media only screen and (min-width: 480px) {
  .c-itemList-item-stars {
    order: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-stars {
    flex-grow: 0;
    margin-top: 13px;
    margin-bottom: 13px;
  }
}
.c-itemList-item-date {
  order: 1;
  min-width: 90px;
  margin-bottom: 8px;
  white-space: nowrap;
}
@media only screen and (min-width: 480px) {
  .c-itemList-item-date {
    order: 2;
    text-align: right;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-date {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.c-itemList-item-button {
  flex-shrink: 0;
  order: 4;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-button--forMobile {
    display: none;
  }
}
.c-itemList-item-button--forDesktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-button--forDesktop {
    display: block;
    margin-top: 6px;
  }
}
.c-itemList-item-image {
  margin-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-image {
    order: 0;
    margin-right: 24px;
  }
}
.c-itemList-item-content,
.c-itemList-item-stars,
.c-itemList-item-date {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content,
  .c-itemList-item-stars,
  .c-itemList-item-date {
    order: 0;
    margin-right: 24px;
  }
}
.c-itemList-item--last {
  margin-bottom: 0;
}
.c-itemList-item--expanded .c-itemList-item-content-head {
  text-overflow: unset;
  white-space: unset;
}
.c-itemList-item--expanded .c-itemList-item-content-body {
  height: auto;
  border-right: 0;
  word-break: unset;
}
.c-itemList-item--expanded .c-itemList-item-content-body-showMore {
  display: none;
}
.c-itemList-item--question .c-itemList-item-inner {
  flex-flow: column wrap;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-inner {
    flex-flow: row nowrap;
  }
}
.c-itemList-item--question .c-itemList-item-content {
  order: 2;
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-content {
    order: 1;
  }
}
.c-itemList-item--question .c-itemList-item-date {
  order: 1;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-date {
    order: 2;
    text-align: right;
  }
}
.c-itemList-item--question .c-itemList-item-content-body-showMore {
  position: initial;
  display: inline;
}
.c-itemList-item--question .c-itemList-item-content-answers {
  margin-bottom: 8px;
  padding-left: 12px;
  border-left: 2px solid #d3d4dd;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-content-answers {
    margin-bottom: 0;
  }
}
.c-itemList-item--question .c-itemList-item-content-answers-answer {
  display: flex;
}
.c-itemList-item--product .c-itemList-item-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
}
.o-list-item--shaded {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid #e5e5eb;
  border-bottom: 0;
  background-color: #f7f7f8;
}
.o-list-item--shaded:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.o-list-item--shaded:last-child {
  border-bottom: 1px solid #e5e5eb;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.o-list-item {
}
.o-list-item.gu-mirror {
  border-radius: 4px;
}
.o-list--numbered li {
  position: relative;
  margin-bottom: 24px;
  padding-left: 48px;
}
.o-list--numbered li::before,
.o-list--numbered li::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
.o-list--numbered li::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  background-color: #f4f4f6;
}
.o-list--numbered li::after {
  content: counter(list-item);
}
.o-list--numbered li:last-child {
  margin-bottom: 0;
}
.o-list--numbered .o-list-item--dotted::before {
  border: 2px dashed #dbdde4;
  background-color: #fff;
  animation: spin 8s linear infinite;
}
.o-list--numbered .o-list-item--dotted::after {
  color: #676986;
}
.c-mediaStrip {
  margin-top: -16px;
  padding: 0;
  list-style: none;
}
.c-mediaStrip-item {
  display: inline-block;
  margin-top: 12px;
  margin-right: 12px;
}
.c-mediaStrip-item:last-child {
  margin-right: 0;
}
.c-mediaStrip--grid .c-media-button-image {
  max-width: none;
  height: 120px;
}
.c-mediaStrip--grid .c-media.is-loading .c-media-button-image {
  width: 90px;
  height: 120px;
}
.c-pageControl {
  position: relative;
  z-index: 10;
  margin: -16px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c-pageControl {
    margin: -24px;
    margin-bottom: 24px;
  }
}
.c-pageControl-bar,
.c-pageControl-tray {
  padding: 16px 16px 0;
}
@media (min-width: 768px) {
  .c-pageControl-bar,
  .c-pageControl-tray {
    padding: 16px 24px 0;
  }
}
.c-pageControl-bar {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  background-color: #fafafb;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
@media (min-width: 768px) {
  .c-pageControl-bar {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
.c-pageControl-bar-left,
.c-pageControl-bar-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c-pageControl-bar-left,
  .c-pageControl-bar-right {
    flex-direction: row;
    align-items: flex-end;
    width: auto;
  }
}
@media (min-width: 768px) {
  .c-pageControl-bar-left {
    margin-right: 24px;
  }
}
.c-pageControl-bar-right {
  margin-left: auto;
}
.c-pageControl-bar-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 16px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .c-pageControl-bar-item {
    margin-right: 8px;
    margin-bottom: 0;
  }
  .c-pageControl-bar-item:last-child {
    margin-right: 0;
  }
  .c-pageControl-bar-item .c-headerButton {
    display: block;
  }
}
.c-pageControl-bar-item:last-child {
  margin-bottom: 0;
}
.c-pageControl-bar-divider {
  display: none;
  height: 100%;
  margin-right: 16px;
  border-right: 1px solid #dbdde4;
}
@media (min-width: 768px) {
  .c-pageControl-bar-divider {
    display: block;
    margin-right: 8px;
  }
}
.c-pageControl-bar-responsiveButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
}
.c-pageControl-bar-responsiveButtons .c-pageControl-bar-item {
  display: flex;
  gap: 0 12px;
  width: 100%;
}
@media (min-width: 480px) {
  .c-pageControl-bar-responsiveButtons .c-pageControl-bar-item {
    width: auto;
  }
}
.c-pageControl-bar-responsiveButtons .c-pageControl-bar-item oke-button {
  flex-grow: 1;
}
.c-pageControl-bar-responsiveButtons .c-button {
  width: 100%;
}
@media (min-width: 480px) {
  .c-pageControl-bar-responsiveButtons .c-button {
    width: auto;
  }
}
.c-pageControl-tray {
  overflow: hidden;
  padding-bottom: 24px;
  background-color: #f4f4f6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-pageControl-tray-filters {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .c-pageControl-tray-filters {
    flex-direction: row;
  }
}
.c-pageControl-hr {
  width: 100%;
}
.c-label--controlBar {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .c-label--controlBar {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 0;
    line-height: 32px;
  }
}
.c-moderationBatchControl {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  align-items: flex-start;
  background-color: transparent;
}
.c-moderationBatchControl-button {
  padding: 0 12px;
  background-color: #e5e5eb;
  color: #272d45;
  font-size: 13px;
  white-space: nowrap;
}
.c-moderationBatchControl-button:hover,
.c-moderationBatchControl-button:focus {
  background-color: #dbdde4;
}
.c-moderationBatchControl-button[disabled]:hover,
.c-moderationBatchControl-button[disabled]:focus {
  background-color: #e5e5eb;
  color: #8f9097;
}
.c-moderationBatchControl-checkbox {
  overflow-x: hidden;
  width: 0;
  padding: 0;
  border-radius: 4px;
  background-color: #e5e5eb;
  transition: all 0.2s ease;
}
.c-moderationBatchControl-checkbox .c-checkbox {
  padding: 6px 12px 0 12px;
  cursor: pointer;
}
.c-moderationBatchControl-checkbox--open {
  width: 44px;
  margin-right: 16px;
}
.c-moderationBatchControl-maxTag {
  vertical-align: text-bottom;
  margin-bottom: 1px;
  font-weight: bold;
  letter-spacing: 1px;
}
.l-admin--new .c-moderationBatchControl-button {
  padding: 8px 16px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
  background-color: #fff;
  transition: background-color 0.1s linear;
}
.l-admin--new .c-moderationBatchControl-button--positive {
  color: #0e7a82;
}
.l-admin--new .c-moderationBatchControl-button:hover,
.l-admin--new .c-moderationBatchControl-button:focus {
  background-color: #2b2182;
  color: #fff;
  text-decoration: none;
}
.l-admin--new .c-moderationBatchControl-button[disabled]:hover,
.l-admin--new .c-moderationBatchControl-button[disabled]:focus {
  background-color: #f7f7f8;
}
.l-admin--new .c-moderationBatchControl-checkbox {
  background-color: #f7f7f8;
}
.l-admin--new .c-moderationBatchControl-checkbox .c-checkbox {
  padding: 10px 12px;
}
.l-admin--new .c-moderationBatchControl-checkbox .c-checkbox-input:checked ~ .c-checkbox-bg,
.l-admin--new .c-moderationBatchControl-checkbox .c-checkbox-input:indeterminate ~ .c-checkbox-bg {
  border-color: #0e7a82;
  background-color: #0e7a82;
}
.c-pageControl.l-moderationList-topControls,
.l-moderationList-topControls {
  position: sticky;
  top: 64px;
  z-index: 10;
}
.c-pageControl.l-moderationList-pageControl,
.l-moderationList-pageControl {
  margin-bottom: 0;
  background-color: #f4f4f6;
}
.c-pageControl.l-moderationList-pageControl-bar,
.l-moderationList-pageControl-bar {
  border-bottom: 1px solid #dbdde4;
  background-color: transparent;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .c-pageControl.l-moderationList-pageControl-bar-right,
  .l-moderationList-pageControl-bar-right {
    align-items: center;
  }
}
.c-pageControl.l-moderationList-secondaryControl,
.l-moderationList-secondaryControl {
  display: flex;
  flex-flow: row wrap;
  row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  color: #676986;
  font-size: 12px;
}
.c-pageControl.l-moderationList-secondaryControl-container,
.l-moderationList-secondaryControl-container {
  margin: 0 -24px;
  padding: 16px 24px;
  background-color: #f4f4f6;
}
.c-pageControl.l-moderationList-secondaryControl-container--shadow,
.l-moderationList-secondaryControl-container--shadow {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-pageControl.l-moderationList-secondaryControl-divider,
.l-moderationList-secondaryControl-divider {
  display: inline-block;
  height: 32px;
  margin: 0 16px;
  border-right: 1px solid #dbdde4;
}
.c-pageControl.l-moderationList-cardTrayToggleButton .c-icon,
.l-moderationList-cardTrayToggleButton .c-icon {
  transform: rotate(90deg);
}
@media only screen and (min-width: 1024px) {
  .c-pageControl.l-moderationList-cardTrayToggleButton .c-icon,
  .l-moderationList-cardTrayToggleButton .c-icon {
    transform: none;
  }
}
.c-pageControl.l-moderationList-item,
.l-moderationList-item {
  display: flex;
  flex-flow: row nowrap;
}
.c-pageControl.l-moderationList-item-checkbox,
.l-moderationList-item-checkbox {
  flex: 0 0 auto;
  overflow-x: hidden;
  width: 0;
  max-width: 100%;
  padding: 0;
  transition: all 0.2s ease;
}
.c-pageControl.l-moderationList-item-checkbox--open,
.l-moderationList-item-checkbox--open {
  width: 60px;
  padding-right: 16px;
}
.c-pageControl.l-moderationList-item-checkbox .c-checkbox,
.l-moderationList-item-checkbox .c-checkbox {
  align-items: flex-start;
  height: 100%;
  padding: 16px 12px;
  border-radius: 4px;
  background-color: #e5e5eb;
  cursor: pointer;
}
.c-pageControl.l-moderationList-item-content,
.l-moderationList-item-content {
  flex: 1 1 auto;
  max-width: 100%;
}
.c-pageControl.l-moderationList-end,
.l-moderationList-end {
  text-align: center;
}
.c-pageControl.l-moderationList-end::before,
.l-moderationList-end::before {
  content: "";
  display: block;
  width: 1px;
  height: 80px;
  margin: auto auto 16px auto;
  border-right: 1px solid #dbdde4;
}
.l-admin--new .l-moderationList-pageControl {
  background-color: #fff;
}
.l-admin--new .l-moderationList-pageControl-bar {
  margin: 0 24px;
  padding: 12px;
  padding-bottom: 0;
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f7f7f8;
  box-shadow: none;
}
.l-admin--new .l-moderationList-secondaryControl {
  align-items: center;
}
.l-admin--new .l-moderationList-secondaryControl-container {
  margin: 0 -16px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .l-admin--new .l-moderationList-secondaryControl-container {
    margin: 0 -24px;
  }
}
.l-admin--new .l-moderationList-secondaryControl-divider {
  height: 40px;
}
.l-admin--new .l-moderationList-cardTrayToggle-buttons {
  padding: 8px;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.l-admin--new .l-moderationList-cardTrayToggle-button {
  border-radius: 4px;
  background-color: #f7f7f8;
}
.l-admin--new .l-moderationList-cardTrayToggle-button .c-icon {
  transform: rotate(90deg);
}
@media only screen and (min-width: 1024px) {
  .l-admin--new .l-moderationList-cardTrayToggle-button .c-icon {
    transform: none;
  }
}
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton .c-iconButton-button {
  color: #051140;
}
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton.is-pressed .c-iconButton-button,
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton.is-pressed .c-iconButton-button:focus,
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton.is-pressed .c-iconButton-button:hover {
  border: none;
  background-color: #fff;
  box-shadow: none;
}
.l-admin--new .l-moderationList-item-checkbox ::ng-deep .c-checkbox {
  background-color: #f7f7f8;
}
.l-admin--new .l-moderationList-item-checkbox ::ng-deep .c-checkbox-input:checked ~ .c-checkbox-bg {
  border-color: #0e7a82;
  background-color: #0e7a82;
}
.l-admin--new .l-moderationList-item-content {
  border: 1px solid #e5e5eb;
  border-radius: 4px;
}
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button,
.l-admin--new .l-moderationList-end ::ng-deep .c-button {
  padding: 8px 16px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
  background-color: #fff;
  color: #051140;
  transition: background-color 0.1s linear;
}
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button:hover,
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button:focus,
.l-admin--new .l-moderationList-end ::ng-deep .c-button:hover,
.l-admin--new .l-moderationList-end ::ng-deep .c-button:focus {
  background-color: #2b2182;
  color: #fff;
  text-decoration: none;
}
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button.is-loading,
.l-admin--new .l-moderationList-end ::ng-deep .c-button.is-loading {
  background-color: #fff;
  color: #fff;
  cursor: not-allowed;
}
.c-overflowMenu-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-overflowMenu-button:hover,
.c-overflowMenu-button:focus,
.c-overflowMenu-button.is-pressed,
.c-overflowMenu-button.is-pressed:hover {
  border-radius: 4px;
  background: #fff;
  color: #272d45;
  box-shadow: none;
}
.c-overflowMenu-button .c-icon {
  margin: 0;
}
.c-overflowMenu-button.c-iconButton--small .c-icon-image,
.c-overflowMenu-button.c-iconButton--xSmall .c-icon-image {
  width: 12px;
  height: 12px;
}
.c-overflowMenu-button-chevron {
  display: none;
}
.c-overflowMenu {
}
.c-overflowMenu-dropdown.float-ui-container {
  z-index: 11;
  overflow: hidden;
  padding: 4px 0;
  border: 0;
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
}
.c-overflowMenu-item {
  display: flex;
  width: 100%;
  height: 32px;
  padding: 0 24px 0 12px;
  outline-offset: -1px;
  line-height: 32px;
  white-space: nowrap;
}
.c-overflowMenu-item:hover,
.c-overflowMenu-item:focus {
  text-decoration: none;
}
.c-overflowMenu-item:hover {
  background-color: #f7f7f8;
}
.c-overflowMenu-item .c-icon {
  fill: #7e809b;
}
.c-overflowMenu-item .c-icon--alert {
  fill: #e63f58;
}
.c-overflowMenu-item--noIcon {
  padding: 0 16px;
}
.c-overflowMenu-item--destructive {
  color: #e63f58;
}
.c-overflowMenu-item--destructive:hover {
  background-color: rgba(230, 63, 88, 0.08);
}
.c-overflowMenu--tall .c-overflowMenu-button {
  display: flex;
  gap: 16px;
  padding: 4px 8px 4px 16px;
  border-radius: 6px;
  background: unset;
  font-weight: 500;
}
.c-overflowMenu--tall .c-overflowMenu-button-chevron {
  display: initial;
}
.c-overflowMenu--tall .c-overflowMenu-dropdown {
  padding: 8px;
  border-radius: 6px;
}
.c-overflowMenu--tall .c-overflowMenu-item {
  height: initial;
  padding: 8px 24px;
  border-radius: 6px;
}
.c-overflowMenu--twoColumns {
  padding: 0 4px;
}
@media only screen and (min-width: 768px) {
  .c-overflowMenu--twoColumns {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.c-overflowMenu--twoColumns .c-overflowMenu-item {
  height: auto;
  padding: 8px 36px 8px 24px;
  border-radius: 8px;
}
.c-overflowMenu--twoColumns .c-overflowMenu-item .c-icon {
  display: inline-flex;
  justify-content: center;
  width: 16px;
}
.c-popFilter {
  margin-right: 8px;
}
.c-popFilter:last-child {
  margin-right: 0;
}
.c-popFilter-checkbox,
.c-popFilter-radio,
.c-popFilter-select,
.c-popFilter-boolean,
.c-popFilter-productPicker .c-picker-add,
.c-popFilter-productPicker .c-UITable-cell {
  width: 100%;
  margin-bottom: 4px;
  padding: 12px;
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  cursor: pointer;
}
.c-popFilter-checkbox.is-last,
.c-popFilter-radio.is-last,
.c-popFilter-select.is-last,
.c-popFilter-boolean.is-last,
.c-popFilter-productPicker .c-picker-add.is-last,
.c-popFilter-productPicker .c-UITable-cell.is-last {
  margin-bottom: 0;
}
.c-popFilter-radio .c-radio-label {
  width: 100%;
}
.c-popFilter-checkbox .c-checkbox-label {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.c-popFilter-checkbox--textWrap .c-checkbox-label {
  white-space: normal;
}
.c-popFilter-select {
  padding-top: 0;
  padding-bottom: 0;
}
.c-popFilter-input {
  border: 0;
  font-size: 13px;
}
.c-popFilter-boolean {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 0;
}
.c-popFilter-boolean-left {
  flex-grow: 1;
  width: 100%;
}
.c-popFilter-boolean-checkbox {
  width: 100%;
  padding: 12px;
  cursor: pointer;
}
.c-popFilter-boolean-tag {
  cursor: pointer;
}
.c-popFilter-boolean .c-buttonGroup .c-buttonGroup-button {
  padding: 0 10px;
  font-size: 12px;
}
.c-popFilter-productPicker .c-picker-add {
  margin-bottom: 0;
}
.c-popFilter-productPicker .c-picker-add hr {
  display: none;
}
.c-popFilter-productPicker .c-picker-body {
  border: 0;
}
.c-popFilter-productPicker .c-picker-head .c-button {
  overflow: visible;
  margin-bottom: 4px;
}
.c-popFilter-productPicker .c-picker-body-table {
  table-layout: fixed;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-row {
  display: flex;
  justify-content: space-between;
  border: 0;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell {
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls {
  width: auto;
  padding: 16px 16px 16px 0;
  text-overflow: initial;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls .c-icon,
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls .c-button,
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls .c-icon-image {
  width: 18px;
  height: 18px;
}
.c-popFilter-productPicker .c-productImage {
  width: 30px;
  height: 30px;
}
.c-shadedOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.1);
  animation: fade-in 0.2s ease-out;
  animation-iteration-count: 1;
  will-change: opacity;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-skeleton {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-skeleton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-skeleton {
  pointer-events: none;
}
.c-skeleton-icon,
.c-skeleton-text,
.c-skeleton-card {
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-skeleton-icon {
  width: 40px;
  height: 40px;
}
.c-skeleton-icon--small {
  width: 32px;
  height: 32px;
}
.c-skeleton-text {
  width: 320px;
  height: 1em;
}
.c-skeleton-text--body {
  height: 1.6em;
}
.c-skeleton-card {
  width: 320px;
  height: 320px;
}
.c-statusIndicator {
  display: inline-block;
  height: 32px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: #f4f4f6;
  font-weight: 500;
  font-size: 13px;
  line-height: 32px;
  -webkit-user-select: none;
  user-select: none;
}
.c-statusIndicator-icon {
  margin-right: 4px;
  color: #7e809b;
}
.c-statusIndicator--active .c-statusIndicator-icon {
  color: #00b69c;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-table {
  width: 100%;
  border-top: 1px solid #e5e5eb;
}
.c-table th,
.c-table td,
.c-table .c-table-cell {
  padding: 12px 24px;
  text-align: inherit;
}
.c-table th.is-loading,
.c-table td.is-loading,
.c-table .c-table-cell.is-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-table th.is-loading::before,
.c-table td.is-loading::before,
.c-table .c-table-cell.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-table th.is-loading,
.c-table td.is-loading,
.c-table .c-table-cell.is-loading {
  height: 48px;
}
.c-table th.is-loading::after,
.c-table td.is-loading::after,
.c-table .c-table-cell.is-loading::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  max-width: 100%;
  height: 1.6em;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-table .c-table-cell--interactive {
  cursor: pointer;
  transition: background-color 0.1s ease-out;
}
.c-table .c-table-cell--interactive:hover {
  background-color: #f7f7f8;
}
.c-table .c-table-cell--noPadding {
  padding: 0 !important;
}
.c-table thead tr {
  border-bottom: 1px solid #e5e5eb;
}
.c-table thead th,
.c-table thead td,
.c-table thead .c-table-cell {
  background-color: #f7f7f8;
  font-weight: 500;
}
.c-table tbody th,
.c-table tbody td,
.c-table tbody .c-table-cell {
  font-weight: normal;
  font-size: 13px;
}
.c-table tbody td {
  color: #676986;
}
.c-table-emptyNotice {
  width: max-content;
  margin: auto;
  padding: 16px;
  border-radius: 4px;
  background-color: #f7f7f8;
  color: #051140;
}
.c-table--full {
  border: 0;
}
.c-titleDivider {
  width: 100%;
  margin: 0;
  padding: 16px 16px;
  background-color: #f7f7f8;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
@media only screen and (min-width: 1024px) {
  .c-titleDivider {
    padding: 16px 24px;
  }
}
.c-titleDivider--center {
  text-align: center;
}
.c-titleDivider--dark {
  background-color: #f4f4f6;
}
.c-titleDivider--error {
  color: #d73f02;
}
.c-titleDivider--withNavigation {
  display: flex;
  justify-content: space-between;
}
.c-UITable {
  width: 100%;
}
.c-UITable-row {
  border-bottom: 1px solid #f4f4f6;
}
.c-UITable-row:first-child {
  border-top: 1px solid #f4f4f6;
}
.c-UITable-row--borderTopHead {
  border-top: 1px solid #e5e5eb;
}
.c-UITable-row--head {
  border-color: #e5e5eb;
}
.c-UITable-row--clickable {
  white-space: nowrap;
  cursor: pointer;
}
.c-UITable-row--clickable:hover {
  background-color: #fafafb;
}
.c-UITable-row--shaded {
  background-color: #fafafb;
}
.c-UITable-row--shaded.c-UITable-row--clickable:hover,
.c-UITable-row--shaded .c-UITable-cell--clickable:hover {
  background-color: #f7f7f8;
}
.c-UITable-row--noBorder:not(:last-child),
.c-UITable-row--noBorder:first-child {
  border: 0;
}
.c-UITable-row--noBorderTop,
.c-UITable-row--noBorderTop:first-child {
  border-top: 0;
}
.c-UITable-row--noBorderBottom,
.c-UITable-row--noBorderBottom:first-child {
  border-bottom: 0;
}
.c-UITable-cell {
  padding: 12px;
  white-space: normal;
}
.c-UITable-cell--head {
  width: 100%;
  margin: 0;
  border: 0;
  background: none;
  color: inherit;
  outline: 0;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  appearance: none;
}
.c-UITable-cell--alignCenter {
  text-align: center;
}
.c-UITable-cell--clickable {
  cursor: pointer;
}
.c-UITable-cell--clickable:hover,
.c-UITable-cell--clickable:focus {
  background-color: #fafafb;
}
.c-UITable-cell--clickDisabled {
  cursor: not-allowed;
}
.c-UITable-cell--nowrap {
  white-space: nowrap;
}
.c-UITable-cell--controls {
  width: 59px;
  max-width: 59px;
}
.c-UITable-cell--noSidePadding {
  padding-right: 0;
  padding-left: 0;
}
.c-UITable-cell--leftPadding {
  padding-left: 32px;
}
.c-UITable--fullCard .c-UITable-cell {
  padding: 12px 24px;
}
.c-UITable--fullCard .c-UITable-row:first-child {
  border-top: 0;
}
.c-UITable--bookends .c-UITable-row:first-child {
  border-top-color: #e5e5eb;
}
.c-UITable--bookends .c-UITable-row:last-child {
  border-bottom-color: #e5e5eb;
}
.c-UITable--shaded {
  background-color: #f7f7f8;
}
.c-UITable--shaded .c-UITable-row {
  border-color: #e5e5eb;
}
.u-textStyle--title {
  color: #272d45;
  font-weight: normal;
  font-size: 20px;
}
.u-textStyle--subtitle {
  color: #272d45;
  font-weight: 500;
  font-size: 14px;
}
.u-textStyle--helper {
  color: #676986;
  font-weight: normal;
  font-size: 13px;
}
.u-textStyle--uppercase {
  text-transform: uppercase;
}
.u-textStyle--capitalize {
  text-transform: capitalize;
}
.u-textStyle--underline {
  padding-bottom: 4px;
  border-bottom: 1px solid #e5e5eb;
}
.u-textStyle--error {
  color: #e63f58;
  font-size: 13px;
  line-height: 1.2;
}
.u-textStyle--date {
  color: #676986;
  font-weight: normal;
  font-size: 13px;
}
.u-textStyle--resetLineHeight {
  line-height: 1;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.u-animation--spin {
  animation: spin 4s linear infinite;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.u-animation--fadeIn {
  animation: fade-in 0.5s ease-out;
  animation-iteration-count: 1;
}
.ng-select.c-okeNgSelect {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  height: auto;
  padding: 8px 16px;
  padding: 8px 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
}
.ng-select.c-okeNgSelect .c-okeNgSelect-option {
  display: flex;
  align-items: baseline;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ng-select-container.ng-has-value .ng-select.c-okeNgSelect .c-okeNgSelect-option {
  padding: 0;
}
.ng-select.c-okeNgSelect .c-okeNgSelect-option-icon {
  margin-right: 8px;
}
.ng-select.c-okeNgSelect .c-okeNgSelect-option-tick {
  color: #00b69c;
}
.ng-select.c-okeNgSelect .ng-select-container.ng-has-value > .ng-option {
  padding: 0;
}
.ng-select.c-okeNgSelect.ng-select-opened {
  border-radius: 6px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel {
  border-radius: 6px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel.ng-select-bottom {
  margin-top: 4px !important;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel {
}
.ng-select.c-okeNgSelect .ng-dropdown-panel.ng-select-top {
  margin-bottom: 4px !important;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel-items.scroll-host {
  padding: 8px;
}
.ng-select.c-okeNgSelect .ng-option {
  margin-bottom: 4px;
  padding: 0;
  border-radius: 6px;
}
.ng-select.c-okeNgSelect .ng-option:last-child {
  margin-bottom: 0;
}
.ng-select.c-okeNgSelect .ng-arrow-wrapper .ng-arrow {
  position: relative;
  top: -2px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #272d45;
  border-left: 1px solid #272d45;
  transform: rotate(-45deg);
}
.ng-select.c-okeNgSelect {
  display: inline-block;
  vertical-align: top;
  min-width: 200px;
  max-width: 100%;
  height: 32px;
  padding: 5px 4px 5px 12px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
.ng-select.c-okeNgSelect:hover:not(.ng-select-disabled),
.ng-select.c-okeNgSelect.ng-select-focused,
.ng-select.c-okeNgSelect.ng-select-opened {
  background-color: #f4f4f4;
}
.ng-select.c-okeNgSelect.ng-select-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.ng-select.c-okeNgSelect.ng-select-opened {
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 0 0 1px #dbdde4;
}
.ng-select.c-okeNgSelect.ng-select-opened.ng-select-top {
  border-radius: 0 0 4px 4px;
}
.ng-select.c-okeNgSelect.ng-select-opened .ng-select-container,
.ng-select.c-okeNgSelect.ng-select-opened .ng-dropdown-panel {
  z-index: 3;
}
.ng-select.c-okeNgSelect.ng-select-opened.ng-select-searchable .ng-placeholder {
  display: none;
}
.ng-select.c-okeNgSelect.is-error {
  box-shadow: inset 0 0 0 1px #e63f58;
}
.ng-select.c-okeNgSelect .ng-select-container {
  max-height: 100%;
  color: #272d45;
  cursor: pointer;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-clear-wrapper {
  color: #8f9097;
  font-weight: 600;
  text-align: center;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-clear-wrapper:hover {
  color: #d0234c;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-clear-wrapper .ng-clear {
  line-height: 22px;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-spinner-loader {
  top: 3px;
  width: 16px;
  height: 16px;
  border-left-color: #00caaa;
}
.ng-select.c-okeNgSelect .ng-select-container.ng-has-value .ng-placeholder {
  display: none;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-input {
  font-weight: normal;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-input input {
  margin: 0;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-value-container {
  position: relative;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-value {
  width: 100%;
}
.ng-select.c-okeNgSelect .ng-select-container .ng-success {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.ng-select.c-okeNgSelect .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
.ng-select.c-okeNgSelect ::ng-deep .ng-arrow-wrapper .ng-arrow {
  border-width: 4px 4px 2px;
  border-style: solid;
  border-color: #272d45 transparent transparent;
}
.ng-select.c-okeNgSelect--hideArrow .ng-arrow-wrapper {
  display: none;
}
.ng-select.c-okeNgSelect.ng-select-multiple {
  height: auto;
  min-height: 32px;
  padding: 4px;
  padding-bottom: 0;
}
.ng-select.c-okeNgSelect.ng-select-multiple.ng-select-opened,
.ng-select.c-okeNgSelect.ng-select-multiple.ng-select-focused,
.ng-select.c-okeNgSelect.ng-select-multiple:hover,
.ng-select.c-okeNgSelect.ng-select-multiple:focus {
  background-color: inherit;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-placeholder {
  color: #676986;
  line-height: 24px;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-select-container {
  padding-left: 8px;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-select-container.ng-has-value {
  padding-left: 0;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  flex: 0 auto;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-value-container {
  display: flex;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-value {
  width: auto;
  margin-right: 4px;
  margin-bottom: 4px;
  border: 1px solid #d3d4dd;
  border-radius: 2px;
  background-color: #fafafb;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-value-label {
  padding-right: 8px;
  padding-left: 8px;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-value-disabled {
  background-color: #e5e5eb;
  color: #676986;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-value-icon {
  display: inline-block;
  height: 100%;
  padding: 0 6px;
  border-right: 1px solid #d3d4dd;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-value-icon:hover {
  background-color: #f4f4f6;
  color: #e63f58;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-option-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ng-select.c-okeNgSelect.ng-select-multiple .ng-option-selected::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300b69c' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' /%3E%3C/svg%3E");
}
.ng-select.c-okeNgSelect--bold .ng-select-container {
  font-weight: 600;
}
.ng-select.c-okeNgSelect--wide {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .ng-select.c-okeNgSelect--wide {
    width: 300px;
  }
}
.ng-select.c-okeNgSelect--fullWidth {
  width: 100%;
}
.ng-select.c-okeNgSelect--collapse {
  min-width: 0;
}
.ng-select.c-okeNgSelect--solid {
  background-color: #f4f4f4;
}
.ng-select.c-okeNgSelect--dummy {
  color: #676986;
  font-weight: 600;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ng-select.c-okeNgSelect--outline {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #dbdde4;
}
.ng-select.c-okeNgSelect--outline:hover:not(.ng-select-disabled) {
  background-color: #fff;
}
.ng-select.c-okeNgSelect--success .ng-select-container .ng-success {
  display: block;
}
.ng-select.c-okeNgSelect--success .ng-select-container .ng-value {
  margin-right: 24px;
}
.ng-select.c-okeNgSelect--singular input[type=text] {
  padding-left: 0;
}
.ng-select.c-okeNgSelect--icon {
  padding: 6px 4px 6px 6px;
}
.ng-select.c-okeNgSelect--icon .ng-option {
  display: flex !important;
  align-items: center;
  height: 32px;
  padding: 5px !important;
}
.ng-select.c-okeNgSelect--icon .ng-value {
  display: flex;
}
.ng-select.c-okeNgSelect--icon img {
  margin-right: 12px;
}
.ng-select.c-okeNgSelect--new {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  height: auto;
  padding: 8px 16px;
  padding: 8px 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--new .c-okeNgSelect-option {
  display: flex;
  align-items: baseline;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ng-select-container.ng-has-value .ng-select.c-okeNgSelect--new .c-okeNgSelect-option {
  padding: 0;
}
.ng-select.c-okeNgSelect--new .c-okeNgSelect-option-icon {
  margin-right: 8px;
}
.ng-select.c-okeNgSelect--new .c-okeNgSelect-option-tick {
  color: #00b69c;
}
.ng-select.c-okeNgSelect--new .ng-select-container.ng-has-value > .ng-option {
  padding: 0;
}
.ng-select.c-okeNgSelect--new.ng-select-opened {
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--new .ng-dropdown-panel {
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--new .ng-dropdown-panel.ng-select-bottom {
  margin-top: 4px !important;
}
.ng-select.c-okeNgSelect--new .ng-dropdown-panel {
}
.ng-select.c-okeNgSelect--new .ng-dropdown-panel.ng-select-top {
  margin-bottom: 4px !important;
}
.ng-select.c-okeNgSelect--new .ng-dropdown-panel-items.scroll-host {
  padding: 8px;
}
.ng-select.c-okeNgSelect--new .ng-option {
  margin-bottom: 4px;
  padding: 0;
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--new .ng-option:last-child {
  margin-bottom: 0;
}
.ng-select.c-okeNgSelect--new .ng-arrow-wrapper .ng-arrow {
  position: relative;
  top: -2px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #272d45;
  border-left: 1px solid #272d45;
  transform: rotate(-45deg);
}
.ng-select.c-okeNgSelect--new {
  border-color: #e5e5eb;
  background-color: #fff;
  color: #272d45;
}
.ng-select.c-okeNgSelect--new.ng-select-opened {
  background-color: #fff;
  box-shadow: none;
}
.ng-select.c-okeNgSelect--new:hover:not(.ng-select-disabled) {
  background-color: #fff;
}
.ng-select.c-okeNgSelect--new.c-okeNgSelect--singleResult .ng-option {
  margin-top: 8px;
}
.ng-select.c-okeNgSelect--new .ng-option:first-child {
  margin-top: 8px;
}
.ng-select.c-okeNgSelect--newDark {
  display: flex;
  flex-direction: column;
  min-width: 180px;
  height: auto;
  padding: 8px 16px;
  padding: 8px 12px;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--newDark .c-okeNgSelect-option {
  display: flex;
  align-items: baseline;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.ng-select-container.ng-has-value .ng-select.c-okeNgSelect--newDark .c-okeNgSelect-option {
  padding: 0;
}
.ng-select.c-okeNgSelect--newDark .c-okeNgSelect-option-icon {
  margin-right: 8px;
}
.ng-select.c-okeNgSelect--newDark .c-okeNgSelect-option-tick {
  color: #00b69c;
}
.ng-select.c-okeNgSelect--newDark .ng-select-container.ng-has-value > .ng-option {
  padding: 0;
}
.ng-select.c-okeNgSelect--newDark.ng-select-opened {
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--newDark .ng-dropdown-panel {
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--newDark .ng-dropdown-panel.ng-select-bottom {
  margin-top: 4px !important;
}
.ng-select.c-okeNgSelect--newDark .ng-dropdown-panel {
}
.ng-select.c-okeNgSelect--newDark .ng-dropdown-panel.ng-select-top {
  margin-bottom: 4px !important;
}
.ng-select.c-okeNgSelect--newDark .ng-dropdown-panel-items.scroll-host {
  padding: 8px;
}
.ng-select.c-okeNgSelect--newDark .ng-option {
  margin-bottom: 4px;
  padding: 0;
  border-radius: 6px;
}
.ng-select.c-okeNgSelect--newDark .ng-option:last-child {
  margin-bottom: 0;
}
.ng-select.c-okeNgSelect--newDark .ng-arrow-wrapper .ng-arrow {
  position: relative;
  top: -2px;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #272d45;
  border-left: 1px solid #272d45;
  transform: rotate(-45deg);
}
.ng-select.c-okeNgSelect--newDark {
  border-color: #2b2182;
  background-color: #2b2182;
}
.ng-select.c-okeNgSelect--newDark .ng-select-container {
  color: #fff;
}
.ng-select.c-okeNgSelect--newDark.ng-select-opened {
  background-color: #2b2182;
  box-shadow: none;
}
.ng-select.c-okeNgSelect--newDark.ng-select-focused {
  background-color: #2b2182;
}
.ng-select.c-okeNgSelect--newDark:hover:not(.ng-select-disabled) {
  background-color: #2b2182;
}
.ng-select.c-okeNgSelect--newDark .ng-arrow-wrapper .ng-arrow {
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel {
  left: 0;
  border: 1px solid #dbdde4;
  background-color: #fff;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  margin-top: -1px;
  border-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  margin-bottom: -1px;
  border-bottom-color: #dbdde4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-header {
  padding: 5px 7px;
  border-bottom: 1px solid #dbdde4;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-footer {
  padding: 5px 7px;
  border-top: 1px solid #dbdde4;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 5px 11px;
  background-color: #fff;
  color: #272d45;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
  background-color: #f4f4f4;
  font-weight: 600;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #f4f4f4;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #dbdde4;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-right: 5px;
  font-size: 80%;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  padding: 6px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.ng-select.c-okeNgSelect .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
#selectorOptionsAppendTarget {
  position: relative;
}
#selectorOptionsAppendTarget .ng-dropdown-panel {
  left: 0;
  border: 1px solid #dbdde4;
  background-color: #fff;
}
#selectorOptionsAppendTarget .ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  margin-top: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#selectorOptionsAppendTarget .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#selectorOptionsAppendTarget .ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  margin-bottom: -1px;
  border-bottom-color: #dbdde4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#selectorOptionsAppendTarget .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-header {
  padding: 5px 7px;
  border-bottom: 1px solid #dbdde4;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-footer {
  padding: 5px 7px;
  border-top: 1px solid #dbdde4;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 5px 11px;
  background-color: #fff;
  color: #272d45;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
  background-color: #f4f4f4;
  font-weight: 600;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #f4f4f4;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #dbdde4;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-right: 5px;
  font-size: 80%;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  padding: 6px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
#selectorOptionsAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
#selectorOptionsInDialogAppendTarget {
  position: relative;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel {
  left: 0;
  border: 1px solid #dbdde4;
  background-color: #fff;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  margin-top: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  margin-bottom: 4px;
  border-bottom-color: #dbdde4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-header {
  padding: 5px 7px;
  border-bottom: 1px solid #dbdde4;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-footer {
  padding: 5px 7px;
  border-top: 1px solid #dbdde4;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 5px 11px;
  background-color: #fff;
  color: #272d45;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
  background-color: #f4f4f4;
  font-weight: 600;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked,
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #f4f4f4;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #dbdde4;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-right: 5px;
  font-size: 80%;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  padding: 6px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
app-root .ngx-charts-tooltip-content.type-tooltip,
#ng-app .ngx-charts-tooltip-content.type-tooltip,
.c-modal .ngx-charts-tooltip-content.type-tooltip {
  padding: 16px;
  background-color: #fff;
  color: #272d45;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.14));
}
app-root .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-top,
#ng-app .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-top,
.c-modal .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-top {
  border-top: 7px solid #fff;
}
app-root .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-right,
#ng-app .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-right,
.c-modal .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-right {
  border-right: 7px solid #fff;
}
app-root .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-left,
#ng-app .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-left,
.c-modal .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-left {
  border-left: 7px solid #fff;
}
app-root .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-bottom,
#ng-app .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-bottom,
.c-modal .ngx-charts-tooltip-content.type-tooltip .tooltip-caret.position-bottom {
  border-bottom: 7px solid #fff;
}
.c-tooltip.float-ui-container {
  z-index: 13;
  width: max-content;
  padding: 12px 16px;
  border: 0;
  border-radius: 4px;
  background-color: #272d45;
  color: #fff;
  box-shadow: none;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}
.c-tooltip.float-ui-container > .ngxp__arrow {
  border-color: #272d45;
}
.c-tooltip.float-ui-container a {
  color: currentcolor;
  text-decoration: underline;
}
.c-tooltip--list.float-ui-container {
  max-width: 300px;
  padding: 12px 8px;
}
.c-tooltip--list.float-ui-container .c-tooltip-list-content {
  overflow: auto;
  max-height: 150px;
  padding: 0 8px;
  line-height: 1.6;
}
.c-tooltip--constrained-medium {
  max-width: 400px;
  text-align: center;
}
.c-tooltip--wordWrap {
  max-width: 300px;
  text-align: center;
  white-space: break-spaces;
  word-wrap: break-word;
}
@media (min-width: 480px) {
  .c-tooltip--wordWrap {
    max-width: 400px;
  }
}
.c-tooltip {
  pointer-events: none;
}
popper-content .float-ui-container,
float-ui-content .float-ui-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  opacity: 0;
}
popper-content .float-ui-container[aria-hidden=true],
float-ui-content .float-ui-container[aria-hidden=true] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  visibility: hidden;
}
body .float-ui-container {
  background: #fff;
  padding: 0;
  border: 0;
  box-shadow: none;
  z-index: 999;
}
.float-ui-container.c-chartLegend-overflowMenuContent {
  width: min-content;
}
.c-iconPicker-window.float-ui-container {
  z-index: 4;
  width: 316px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.c-iconPicker-window.float-ui-container > .float-ui-arrow {
  background-color: #fff;
  border: 1px solid #d3d4dd;
}
.u-flex {
  display: flex;
}
.u-flex--column {
  flex-direction: column;
}
.u-flex--rowReverse {
  flex-direction: row-reverse;
}
.u-flex--spaceBetween {
  justify-content: space-between;
}
.u-flex--center {
  justify-content: center;
}
.u-flex--justifyEnd {
  justify-content: flex-end;
}
.u-flex--alignEnd {
  align-items: flex-end;
}
.u-flex--alignCenter {
  align-items: center;
}
.u-flex--wrap {
  flex-wrap: wrap;
}
.u-flex--gap-1 {
  gap: 4px;
}
.u-flex--gap-2 {
  gap: 8px;
}
.u-flex--gap-3 {
  gap: 12px;
}
.u-flex--gap-4 {
  gap: 16px;
}
.u-flex--gap-5 {
  gap: 20px;
}
.u-flex--gap-6 {
  gap: 24px;
}
.u-flex--gap-7 {
  gap: 28px;
}
.u-flex--gap-8 {
  gap: 32px;
}
.u-flex--gap-9 {
  gap: 36px;
}
.u-flex--gap-10 {
  gap: 40px;
}
.u-flex--gap-11 {
  gap: 44px;
}
.u-flex--gap-12 {
  gap: 48px;
}
.u-flex--grow {
  flex-grow: 1;
}
.u-display--none {
  display: none;
}
@media (min-width: 768px) {
  .u-display--medium-none {
    display: none;
  }
  .u-display--medium-block {
    display: block;
  }
  .u-display--medium-inline {
    display: inline;
  }
}
@media (min-width: 1024px) {
  .u-display--large-none {
    display: none;
  }
  .u-display--large-block {
    display: block;
  }
  .u-display--large-inline {
    display: inline;
  }
}
@media (min-width: 1200px) {
  .u-display--xLarge-none {
    display: none;
  }
  .u-display--xLarge-block {
    display: block;
  }
  .u-display--xLarge-inline {
    display: inline;
  }
  .u-display--xLarge-flex {
    display: flex;
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
:host {
  display: flex;
}
.c-reportingChart {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
}
.c-reportingChart-title {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
  color: #272d45;
}
.c-reportingChart-title h3 {
  font-weight: 600;
}
.c-reportingChart-subtitle {
  color: #676986;
}
.c-reportingChart .c-tooltip-list-content .c-reportingChart-legend {
  margin-bottom: 0;
}
.c-reportingChart-tooltip-icon {
  fill: #7e809b;
}
.c-reportingChart-chartContainer {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 145px;
  opacity: 0;
}
.c-reportingChart-chartContainer .c-lineChart .c-chartDisplay .ngx-charts .line-highlight {
  display: none;
}
.c-reportingChart-chartContainer--ready {
  opacity: 1 !important;
}
.c-reportingChart-chartContainer--ready .c-lineChart .c-chartDisplay .ngx-charts .line-highlight {
  display: block !important;
}
.c-reportingChart-chartContainer--noResults {
  justify-content: center;
  align-items: center;
  border-bottom: none;
  color: #d3d4dd;
}
.c-reportingChart-chartContainer--noResults .c-reportingChart-chart {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  color: #d3d4dd;
  text-align: center;
}
.c-reportingChart-chartContainer--noResults .c-reportingChart-chartLabels {
  display: none;
}
.c-reportingChart-chartContainer .ngx-charts-tooltip-content.type-tooltip {
  padding: 8px 16px !important;
}
.c-reportingChart-chartContainer .c-chartTooltip-title {
  margin-bottom: 4px;
}
.c-reportingChart-chartContainer .c-chartTooltip-line {
  align-content: center;
  justify-content: center;
}
.c-reportingChart-chart {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 145px;
}
.c-reportingChartDialog-chart {
  width: 100%;
  height: 345px;
}
.c-reportingChartDialog-chart .c-reportingChart-chart,
.c-reportingChartDialog-chart .c-lineChart,
.c-reportingChartDialog-chart .c-chartDisplay {
  justify-content: stretch;
  width: 100%;
  height: 100%;
}
.c-reportingChartDialog-chart .gridline-path {
  stroke: #e5e5eb;
}
.c-reportingChartDialog-chart .gridline-path-vertical {
  display: none;
}
.c-reportingChartDialog-chart .ngx-charts .line-highlight {
  display: block !important;
}
.c-reportingChartDialog-chart .c-chartTooltip-title {
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
}
.c-reportingChartDialog-chart .c-chartTooltip-line {
  justify-content: center;
  align-items: center;
}
.c-chartTooltip-title {
  justify-content: center;
  align-items: center;
  color: #676986;
  font-weight: 600;
}
.c-chartTooltip-body {
  color: #272d45;
  font-weight: bold;
}
.c-chartTooltip-line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-chartTooltip-line--justify-end {
  justify-content: flex-end;
}
.c-chartTooltip-lineValue {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  text-align: right;
}
.c-chartTooltip-lineValue-leadCircle {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
}
.c-alert {
}
.c-alert--neutral {
  border: 1px solid #e5e5eb;
  background-color: #f4f4f6;
  color: #676986;
  box-shadow: none;
}
.c-alert-icon--center {
  display: flex;
  align-items: center;
}
.c-alert-content {
  display: unset;
}
.c-alert--positive a:not(.c-button),
.c-alert--warning a:not(.c-button),
.c-alert--negative a:not(.c-button) {
  color: unset;
  text-decoration: underline;
}
.c-alert--positive .c-link.c-button,
.c-alert--warning .c-link.c-button,
.c-alert--negative .c-link.c-button {
  text-decoration: none;
}
.c-alert--outline {
  border-color: #4e34e0;
  background-color: #fff;
  color: #4e34e0;
  box-shadow: none;
}
.c-alert--outline .c-button {
  margin-top: 16px;
}
.c-alert--outline.c-alert--neutral {
  border-color: #9a9db1;
  color: #7e809b;
}
.c-alert--outline.c-alert--neutral oke-link-button .c-button {
  border-color: #7e809b;
  background:
    linear-gradient(
      to bottom,
      #9a9db1 0%,
      #7e809b 100%);
  color: #272d45;
}
.c-alert--outline.c-alert--neutral oke-link-button .c-button--outline:not(.is-loading) .c-icon {
  fill: #272d45;
}
.c-alert--outline.c-alert--positive {
  border-color: #00caaa;
  color: #00b69c;
}
.c-alert--outline.c-alert--positive oke-link-button .c-button {
  border-color: #00caaa;
  background:
    linear-gradient(
      to bottom,
      #00caaa 0%,
      #00caaa 100%);
  color: #fff;
}
.c-alert--outline.c-alert--positive oke-link-button .c-button--outline:not(.is-loading) .c-icon {
  fill: #fff;
}
.c-alert--outline.c-alert--warning {
  border-color: #d73f02;
  color: #d73f02;
}
.c-alert--outline.c-alert--warning oke-link-button .c-button {
  border-color: #d73f02;
  background:
    linear-gradient(
      to bottom,
      #d73f02 0%,
      #d73f02 100%);
  color: #fff;
}
.c-alert--outline.c-alert--warning oke-link-button .c-button--outline:not(.is-loading) .c-icon {
  fill: #fff;
}
.c-alert--outline.c-alert--warning-neutral {
  border-color: #9a9db1;
  color: #7e809b;
}
.c-alert--outline.c-alert--warning-neutral oke-link-button .c-button {
  border-color: #d73f02;
  background:
    linear-gradient(
      to bottom,
      #d73f02 0%,
      #d73f02 100%);
  color: #fff;
}
.c-alert--outline.c-alert--warning-neutral oke-link-button .c-button--outline:not(.is-loading) .c-icon {
  fill: #fff;
}
.c-alert--outline.c-alert--warning-neutral .c-alert-icon oke-shaded-icon .c-shadedIcon {
  color: #d73f02;
  --shaded-icon-bg: #fff0ea;
}
.c-alert--outline.c-alert--negative {
  border-color: #e63f58;
  color: #e63f58;
}
.c-alert--outline.c-alert--negative oke-link-button .c-button {
  border-color: #e63f58;
  background:
    linear-gradient(
      to bottom,
      #e63f58 0%,
      #e63f58 100%);
  color: #fff;
}
.c-alert--outline.c-alert--negative oke-link-button .c-button--outline:not(.is-loading) .c-icon {
  fill: #fff;
}
.c-okeConnectOptionItem {
  position: relative;
}
.c-okeConnectOptionItem.is-disabled {
  cursor: not-allowed;
}
.c-okeConnectOptionItem-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px;
}
.c-okeConnectOptionItem-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  pointer-events: none;
}
.c-okeConnectOptionItem-item.c-okeConnectOptionItem-item--withLinkedItems::before {
  border-radius: 4px 4px 0 0;
}
.c-okeConnectOptionItem-item .c-input {
  border: none;
}
.c-okeConnectOptionItem-item .c-input.is-error {
  border-color: #dbdde4;
}
.c-okeConnectOptionItem-item .c-input.is-error:focus {
  box-shadow: inset 0 0 0 1px #d3d4dd;
}
.c-okeConnectOptionItem-item .c-input.u-disabled {
  opacity: 1;
}
.c-okeConnectOptionItem-item .c-input:disabled + oke-button .c-okeConnectOptionItem-item-addItemsButton {
  display: block;
}
@media only screen and (max-width: 480px) {
  .c-okeConnectOptionItem-item .c-input:disabled + oke-button .c-okeConnectOptionItem-item-addItemsButton {
    opacity: 1;
  }
}
.c-okeConnectOptionItem-item-image {
  margin-right: 4px;
}
.c-okeConnectOptionItem-item-body {
  display: flex;
  flex: 1;
  gap: 8px;
}
.c-okeConnectOptionItem-item-addItemsButton {
  display: none;
  width: max-content;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
@media only screen and (min-width: 1024px) {
  .c-okeConnectOptionItem-item-addItemsButton {
    display: block;
  }
}
.c-okeConnectOptionItem-item-addItemsButton:focus {
  opacity: 1;
}
.c-okeConnectOptionItem-item-rightControlsSpacer {
  width: 14px;
}
.c-okeConnectOptionItem-item-rightControlsSpacer--clearable {
  width: 46px;
}
.c-okeConnectOptionItem-item:not(:hover) .c-reorderableOptionList-item-rightControlsSpacer {
  width: 0;
}
.c-okeConnectOptionItem-item.is-error::before,
.c-okeConnectOptionItem-item.is-error .c-formRow-input-drag {
  border-color: #e63f58;
}
.c-okeConnectOptionItem-item.is-optionInputFocused .c-iconButton-button,
.c-okeConnectOptionItem-item.is-optionInputFocused .c-okeConnectOptionItem-item-addItemsButton {
  opacity: 1;
}
.c-okeConnectOptionItem-linkedItems {
  display: flex;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #dbdde4;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background-color: #fafafb;
}
.c-okeConnectOptionItem-linkedItems--editWeightings .c-okeConnectOptionItem-linkedItems-itemsContainer {
  gap: 0;
  row-gap: 8px;
  width: calc(100% - 32px);
}
.c-okeConnectOptionItem-linkedItems--editWeightings .c-okeConnectOptionItem-linkedItems-weightedItem {
  display: flex;
  max-width: 100%;
}
.c-okeConnectOptionItem-linkedItems--editWeightings .c-okeConnectOptionItem-linkedItems-weightedItem-to {
  display: flex;
  align-items: center;
  margin: 0 12px;
}
.c-okeConnectOptionItem-linkedItems-itemsContainer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: calc(100% - 64px);
}
.c-okeConnectOptionItem-linkedItems-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-color: #fff;
}
.c-okeConnectOptionItem-linkedItems-name {
  flex: 1;
  overflow: hidden;
  max-width: 250px;
  padding: 0 8px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.c-okeConnectOptionItem-linkedItems-variantLabel {
  padding: 0 8px;
  border-radius: 4px;
  background-color: #2b2182;
  color: #fff;
  font-size: 13px;
}
.c-okeConnectOptionItem-linkedItems-image {
  width: 40px;
  height: 40px;
  margin-right: 4px;
  border-right: 1px solid #dbdde4;
}
@media only screen and (min-width: 1024px) {
  .c-okeConnectOptionItem-linkedItems-image {
    width: 32px;
    height: 32px;
  }
}
.c-okeConnectOptionItem-linkedItems-image {
  --product-image-border: 0;
  --product-image-border-radius: 4px 0 0 4px;
}
.c-okeConnectOptionItem-linkedItems-image-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-okeConnectOptionItem-linkedItems-image-box .c-icon {
  margin-top: 1px;
}
.c-okeConnectOptionItem-linkedItems-image-remove {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 4px 8px;
  cursor: pointer;
}
.c-okeConnectOptionItem-linkedItems-image:hover .c-okeConnectOptionItem-linkedItems-image-box {
  display: none;
}
.c-okeConnectOptionItem-linkedItems-image:hover .c-okeConnectOptionItem-linkedItems-image-remove {
  display: flex;
}
.c-okeConnectOptionItem-linkedItems-image-weightedItem {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.c-okeConnectOptionItem-linkedItems-image-weightedItem .c-icon {
  margin-top: 1px;
}
.c-okeConnectOptionItem-linkedItems-points {
  display: flex;
  align-items: center;
}
.c-okeConnectOptionItem-linkedItems-points--positive {
  color: #00caaa;
}
.c-okeConnectOptionItem-linkedItems-points--negative {
  color: #e63f58;
}
.c-okeConnectOptionItem .c-quizProductPicker {
  top: 100%;
}
.c-okeConnectOptionItem .c-quizProductPicker .c-quizProductPicker-addProducts {
  margin: 0;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.c-okeConnectOptionItem .c-formRow-input:hover .c-okeConnectOptionItem-item-addItemsButton {
  opacity: 1;
}
.c-okeConnectOptionItem .c-formRow-input-clear {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .c-okeConnectOptionItem .c-formRow-input-clear {
    right: 12px;
  }
}
@media (min-width: 1024px) and (pointer: coarse) {
  .c-okeConnectOptionItem .c-formRow-input-clear {
    margin-right: 24px;
  }
}
.c-okeConnectQuestion .c-tooltip.ngxp__container {
  z-index: 9;
}
.c-okeConnectQuestion-askFor.u-disabled {
  opacity: 1;
}
.c-okeConnectQuestionRule-container {
  position: relative;
  display: flex;
  flex-basis: 100%;
  flex-flow: column nowrap;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border-bottom: 1px solid #e5e5eb;
}
@media (min-width: 1200px) {
  .c-okeConnectQuestionRule-container {
    flex-flow: row wrap;
    padding-right: 52px;
  }
}
.c-okeConnectQuestionRule-row {
  display: flex;
  flex-flow: column nowrap;
  gap: 8px;
}
@media (min-width: 1200px) {
  .c-okeConnectQuestionRule-row {
    flex-flow: row nowrap;
    align-items: center;
  }
}
.c-okeConnectQuestionRule-row--condition {
  flex-basis: auto;
}
@media (min-width: 1200px) {
  .c-okeConnectQuestionRule-row--condition {
    flex-basis: 500px;
  }
}
.c-okeConnectQuestionRule-row--skipTo {
  flex-grow: 0;
}
.c-okeConnectQuestionRule-row oke-form-row-select {
  width: 100%;
}
.c-okeConnectQuestionRule-row-header,
.c-okeConnectQuestionRule-row-text,
.c-okeConnectQuestionRule-row-field {
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  .c-okeConnectQuestionRule-row-header,
  .c-okeConnectQuestionRule-row-text,
  .c-okeConnectQuestionRule-row-field {
    flex-shrink: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .c-okeConnectQuestionRule-row-field--select.ng-select {
    max-width: 100px;
  }
}
@media (max-width: 1200px) {
  .c-okeConnectQuestionRule-row-field .c-input,
  .c-okeConnectQuestionRule-row-field .c-select {
    width: 100%;
  }
}
.c-okeConnectQuestionRule-menu {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 8px;
  margin-right: 20px;
}
@media (min-width: 1200px) {
  .c-okeConnectQuestionRule-menu {
    margin-top: 12px;
    margin-right: 28px;
  }
}
.c-okeConnectQuestionRule .c-formRow-input-drag {
  border: 0;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-popSelect {
  position: relative;
  display: inline-flex;
  flex-flow: column nowrap;
  min-width: 130px;
  padding: 10px 12px;
  border: 0;
  background-color: #fff;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 480px) {
  .c-popSelect {
    min-width: 150px;
  }
}
.c-popSelect::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00dcb6;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.c-popSelect-label {
  margin-bottom: 4px;
  color: #676986;
  font-weight: 600;
  font-size: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.c-popSelect-value {
  color: #272d45;
  font-weight: 600;
  font-size: 13px;
}
.c-popSelect-content.float-ui-container {
  top: -1px;
  z-index: 4;
  margin-top: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-popSelect-content {
  width: 332px;
  background-color: #f4f4f6;
}
.c-popSelect-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 12px;
  background-color: #fff;
}
.c-popSelect-content-header-clear {
  color: #00b69c;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
.c-popSelect-content-header-clear[disabled] {
  color: #00b69c;
  opacity: 0.5;
}
.c-popSelect-content-header-clear .c-icon {
  position: relative;
  top: 1px;
  font-size: 13px;
}
.c-popSelect-content-header-count {
  color: #676986;
  font-size: 13px;
}
.c-popSelect-content-main {
  padding: 12px;
}
.c-popSelect-arrow {
  display: none;
}
.c-popSelect:focus,
.c-popSelect:hover,
.c-popSelect.is-active,
.c-popSelect--open {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  outline: 0;
}
.c-popSelect:focus::before,
.c-popSelect:hover::before,
.c-popSelect.is-active::before,
.c-popSelect--open::before {
  opacity: 1;
}
.c-popSelect.is-active {
  box-shadow: none;
}
.c-popSelect.is-active:hover {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-popSelect.is-disabled {
  color: #676986;
}
.c-popSelect.is-disabled::before {
  background-color: #d3d4dd;
}
.c-popSelect--dropdown {
  border: 1px solid #e5e5eb;
}
.c-popSelect--brand.c-popSelect--open {
  height: 53px;
  margin-bottom: 0;
}
.c-popSelect.c-popSelect--open.is-loading::before {
  width: 50%;
  margin-left: 50%;
  background-color: #00eab6;
  opacity: 1;
  animation: pop-select-loading 1s ease infinite;
}
@keyframes pop-select-loading {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 50%;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-secondaryMenu {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu {
    flex-direction: row;
  }
}
.c-secondaryMenu.is-menu-loading .c-secondaryMenu-navigation-mobile,
.c-secondaryMenu.is-menu-loading .c-secondaryMenu-navigation-desktop {
  display: none;
}
.c-secondaryMenu-navigation-mobile {
  display: block;
  padding: 16px 16px 0;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-navigation-mobile {
    display: none;
  }
}
.c-secondaryMenu-navigation-mobile-dropdown {
  width: 100%;
}
.c-secondaryMenu-navigation-desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-navigation-desktop {
    display: block;
    min-width: 234px;
    padding: 12px 24px 12px 12px;
  }
}
.c-secondaryMenu-navigation-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-secondaryMenu-navigation-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-secondaryMenu-navigation-loading {
  width: 100%;
  min-width: 234px;
  padding: 16px 16px 0;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-navigation-loading {
    padding: 12px 24px 12px 12px;
  }
}
.c-secondaryMenu-navigation-loading::after {
  content: "";
  display: block;
  height: 40px;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-secondaryMenu-block-title {
  font-size: 18px;
}
.c-secondaryMenu-page {
  width: 100%;
  min-width: 0;
  padding-top: 16px;
}
.c-secondaryMenu-page-title {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-page-title {
    display: block;
  }
}
.c-secondaryMenu-page-break {
  margin: 16px 0 24px;
}
.c-secondaryMenu-plan,
.c-secondaryMenu-pill {
  vertical-align: middle;
  margin-bottom: 2px;
}
.c-secondaryMenu-plan .c-planFlag-button {
  padding: 5px 6px;
}
.c-secondaryMenu-horizontalFormRow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-horizontalFormRow {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
.c-secondaryMenu-horizontalFormRow-left {
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-horizontalFormRow-left {
    margin-right: 24px;
    margin-bottom: 0;
  }
}
.c-secondaryMenu-horizontalFormRow-right {
  flex: 1 0 auto;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-horizontalFormRow-right {
    width: 220px;
    max-width: 220px;
    margin-left: auto;
  }
  .c-secondaryMenu-horizontalFormRow-right--large {
    width: 360px;
    max-width: 360px;
  }
  .c-secondaryMenu-horizontalFormRow-right--xLarge {
    width: 450px;
    max-width: 450px;
  }
}
.c-secondaryMenu-horizontalFormRow-spaceBetween {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.c-secondaryMenu-error {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (min-width: 1024px) {
  .c-secondaryMenu-error {
    justify-content: flex-end;
  }
  .c-secondaryMenu-error-description {
    width: 100%;
    max-width: 220px;
  }
}
.u-borderLight--top {
  border-top: 1px solid #e5e5eb;
}
.u-borderLight--right {
  border-right: 1px solid #e5e5eb;
}
.u-borderLight--bottom {
  border-bottom: 1px solid #e5e5eb;
}
.u-borderLight--left {
  border-left: 1px solid #e5e5eb;
}
.u-borderLight--all {
  border: 1px solid #e5e5eb;
}
.c-button--brand {
  border-color: #0e7a82;
  background-color: #0e7a82;
}
.c-button--brand:focus,
.c-button--brand:hover {
  border-color: #00b4a9;
  background-color: #00b4a9;
}
.c-button--soft {
  padding: 0 16px;
  border-radius: 4px;
  background-color: #f4f4f6;
  color: #535565;
  line-height: 30px;
}
.c-button--soft:not(.is-loading):hover,
.c-button--soft:not(.is-loading):focus {
  background-color: #e5e5eb;
  color: #535565;
  text-decoration: none;
}
.c-button--soft.is-loading {
  color: transparent;
}
.c-button--soft.is-loading .c-button-loader {
  display: flex;
}
.c-button--neutral {
  border-color: #2b2182;
  background-color: #2b2182;
  color: #fff;
  font-weight: 500;
  transition: background-color 0.2s ease-out;
}
.c-button--neutral:hover,
.c-button--neutral:focus {
  background-color: #051140;
}
.c-button--tall {
  height: 40px;
  line-height: 38px;
}
.c-button--outline:not(.is-loading) .c-icon,
.c-button--soft:not(.is-loading) .c-icon {
  fill: #7e809b;
}
.c-button--withThumbnail {
  padding: 0 16px 0 3px;
}
.c-button--withThumbnail img {
  object-fit: cover;
  width: 26px;
  height: 26px;
  margin-right: 12px;
  margin-bottom: 2px;
  border: 1px solid #dbdde4;
  border-radius: 2px;
}
.c-button--highlight {
  position: relative;
  overflow: visible;
}
.c-button--highlight:not(:disabled)::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 0;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px solid #00caaa;
  border-radius: 6px;
  transition: all 0.1s ease;
}
.c-button--highlight:hover::before {
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  border-radius: 7px;
}
.c-button--newOutline {
  display: flex;
  gap: 4px;
  padding: 8px 16px;
  border-color: #e5e5eb;
  border-radius: 6px;
  background-color: #fff;
  color: #272d45;
}
.c-button--newOutline .c-icon {
  margin-right: 0;
}
.c-button--newOutline:hover,
.c-button--newOutline:focus {
  background-color: #f7f7f8;
  color: #535565;
  text-decoration: none;
}
.c-button--newOutline.is-pressed {
  border-color: #d3d4dd;
  background: #e5e5eb;
  box-shadow: inset 0 0 4px 0 #d3d4dd;
}
.c-button--newOutline[disabled] {
  border-color: #e5e5eb;
  background-color: #e5e5eb;
  color: #676986;
}
.c-draggableButton {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  overflow: visible;
  width: 100%;
  min-height: 40px;
  padding: 4px 8px 4px 16px;
  border-radius: 4px;
  background-color: #f7f7f8;
  line-height: 1;
  -webkit-user-select: none;
  user-select: none;
}
.c-draggableButton--empty {
  justify-content: center;
  padding: 4px 16px;
  border: 1px solid #e5e5eb;
  background-color: #fff;
}
.gu-unselectable .c-draggableButton:hover {
  background-color: #f7f7f8;
}
.c-card-content {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-card-content {
    padding: 24px;
    padding-bottom: 48px;
  }
}
@media only screen and (min-width: 1024px) {
  .c-card-content--even {
    padding: 24px;
  }
}
.c-card-content--noTopPadding {
  padding-top: 0;
}
.c-card-content--noHorizontalPadding {
  padding: 16px 0;
}
.c-card-content--overflowAuto {
  overflow: auto;
}
.c-card-header {
  display: flex;
  flex-flow: row wrap;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 72px;
  padding: 16px 16px 16px 24px;
  border-bottom: 1px solid #e5e5eb;
  font-size: 14px;
}
.c-card-header--columns {
  flex-wrap: nowrap;
}
.c-card-header-left {
  flex: 0 0 auto;
}
.c-card-header-right {
  flex: 1 1 auto;
  min-width: 0;
}
.c-card--highlight {
  border-left: 3px solid #272d45;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-card--link {
  display: block;
  color: #272d45;
  text-decoration: none;
}
.c-card--link:hover,
.c-card--link:focus {
  background-color: #fafafb;
  text-decoration: none;
}
.c-card--maxWidth {
  max-width: 1400px;
}
.c-card--shaded {
  border: 1px solid #e5e5eb;
  background-color: #f7f7f8;
  box-shadow: none;
}
.c-card--noShadow {
  border: 1px solid #e5e5eb;
  box-shadow: none;
}
.l-admin--new .c-card {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
}
.l-admin--new .c-card--shaded,
.l-admin--new .c-card--noShadow {
  box-shadow: none;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-chart {
  display: grid;
  grid-template-rows: 1fr min-content;
  grid-template-columns: min-content 1fr;
  padding-top: 6.5px;
}
.c-chart:hover .c-chart-xAxis-item.is-hidden:not(.is-active) .c-chart-xAxis-item-inner {
  opacity: 1;
}
.c-chart-markerValue {
  padding: 2px 10px;
  border-radius: 100px;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  animation-iteration-count: 1;
}
@keyframes marker-box-entry {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c-chart-markerBox {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
  display: flex;
  flex-flow: column nowrap;
  gap: 12px;
  height: fit-content;
  margin-top: auto;
  margin-bottom: auto;
  padding: 12px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  pointer-events: none;
  animation: marker-box-entry 0.2s ease-out;
}
.c-chart-markerBox--multiSeries {
  flex-flow: row nowrap;
  justify-content: space-between;
}
.c-chart-markerBox--multiSeries .c-chart-markerBox-item-name {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-chart-markerBox-item {
  display: flex;
  gap: 8px;
}
.c-chart-markerBox-item-swatch {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 2px;
  border-radius: 2px;
}
.c-chart-markerBox-item-swatch--striped {
  position: relative;
}
.c-chart-markerBox-item-swatch--striped::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 2px,
      transparent 2px,
      transparent 4px);
  pointer-events: none;
}
.c-chart-markerBox-item-swatch--dashed {
  clip-path: polygon(0 0, 12px 0, 12px 12px, 0 12px, 0 7px, 2px 7px, 2px 10px, 5px 10px, 5px 12px, 7px 12px, 7px 10px, 10px 10px, 10px 7px, 12px 7px, 12px 5px, 10px 5px, 10px 2px, 7px 2px, 7px 0, 5px 0, 5px 2px, 2px 2px, 2px 5px, 0 5px);
}
.c-chart-markerBox-item-name {
  margin-right: 32px;
}
.c-chart-markerBox-item-value {
  margin-left: auto;
}
.c-chart-yAxis {
  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: space-between;
  margin: -6.5px 16px -6.5px 0;
  pointer-events: none;
}
.c-chart-yAxis-item {
  position: relative;
  color: #676986;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
}
.c-chart-yAxis-item-inner {
  position: relative;
  line-height: 1;
}
.c-chart-xAxis {
  display: flex;
  grid-column-start: 2;
  gap: 4px;
  justify-content: space-between;
  margin: 0 -4px;
}
.c-chart-xAxis-item {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 8px;
  padding-top: 12px;
  color: #676986;
  font-weight: normal;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
}
.c-chart-xAxis-item.is-active {
  color: #272d45;
  font-weight: 600;
}
.c-chart-xAxis-item.is-hidden:not(.is-active) .c-chart-xAxis-item-inner {
  opacity: 0;
}
.c-chart-xAxis-item-inner {
  position: relative;
  line-height: 1;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  transition: opacity 0.2s ease-out;
}
@media only screen and (max-width: 768px) {
  .c-chart-xAxis-item-inner {
    transform: rotate(180deg);
    writing-mode: vertical-lr;
  }
}
.c-chart-xAxis-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 1px;
  height: 4px;
  margin: auto;
  background-color: #dbdde4;
}
.c-chart-xAxis-item::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 300%;
}
.c-chart-xAxis--verticalLabels .c-chart-xAxis-item.is-active {
  letter-spacing: -0.1px;
}
.c-chart-xAxis--verticalLabels .c-chart-xAxis-item-inner {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
}
.c-chart-area {
  position: relative;
  background-repeat: repeat;
}
.c-chart-area::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: block;
  border-bottom: 1px solid #dbdde4;
}
.c-chart.is-empty .c-chart-area,
.c-chart.is-loading .c-chart-area {
  border-color: #e5e5eb;
}
.c-chart.is-empty .c-chart-xAxis-item::before,
.c-chart.is-loading .c-chart-xAxis-item::before {
  background-color: #e5e5eb;
}
.c-chart.is-empty .c-chart-xAxis-item-inner::after,
.c-chart.is-empty .c-chart-yAxis-item-inner::after,
.c-chart.is-loading .c-chart-xAxis-item-inner::after,
.c-chart.is-loading .c-chart-yAxis-item-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chart.is-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-chart.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-chart.is-empty {
  padding-bottom: 6.5px;
}
.c-chart.is-empty .c-chart-area::before {
  content: "No Data Recorded";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: max-content;
  height: max-content;
  margin: auto;
  padding: 16px;
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chart--hideYAxis .c-chart-yAxis {
  width: 0;
  margin: 0;
  visibility: hidden;
}
.c-chart-emptyNotice {
  width: max-content;
  padding: 16px;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chart-emptyNotice::before {
  content: "No Data Recorded";
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-chartBarHorizontal {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
.c-chartBarHorizontal-item-labels {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.c-chartBarHorizontal-item-labels-title {
  padding-bottom: 12px;
  line-height: 1.2;
}
.c-chartBarHorizontal-item-labels-title-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  border-radius: 2px;
  background-color: #f4f4f6;
  line-height: 24px;
  text-align: center;
}
.c-chartBarHorizontal-item-labels-title-icon--image {
  line-height: 0;
}
.c-chartBarHorizontal-item-labels-title-icon--image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.c-chartBarHorizontal-item-labels-value {
  padding-bottom: 12px;
  line-height: 1.2;
}
.c-chartBarHorizontal-item-bar {
  display: flex;
  width: 100%;
  height: 8px;
  border-radius: 100px;
  background-color: #f7f7f8;
}
@keyframes animate-width {
  0% {
    width: 0;
  }
}
.c-chartBarHorizontal-item-bar-fill {
  position: relative;
  min-width: 8px;
  border-right: 1px solid #fff;
  cursor: pointer;
  transition: width 0.4s ease-out, opacity 0.2s ease-out;
  animation: animate-width 0.6s ease-out;
}
.c-chartBarHorizontal-item-bar-fill:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.c-chartBarHorizontal-item-bar-fill:last-child {
  border-right: none;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
@keyframes chart-bar-horizontal-marker-value {
  0% {
    top: -28px;
    opacity: 0;
  }
  100% {
    top: -32px;
    opacity: 1;
  }
}
.c-chartBarHorizontal-item-bar-fill-markerValue {
  position: absolute;
  top: -32px;
  left: 50%;
  z-index: 3;
  width: fit-content;
  transform: translateX(-50%);
  animation: chart-bar-horizontal-marker-value 0.2s ease-out;
}
.c-chartBarHorizontal-item-bar--striped {
  position: relative;
}
.c-chartBarHorizontal-item-bar--striped::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image:
    repeating-linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.5) 2px,
      transparent 2px,
      transparent 4px);
  pointer-events: none;
}
.c-chartBarHorizontal-emptyNotice {
  margin: 24px auto;
}
.c-chartBarHorizontal-seriesTitles-left-title,
.c-chartBarHorizontal-seriesTitles-right-title {
  font-weight: 500;
}
.c-chartBarHorizontal-seriesTitles-total {
  font-weight: 500;
  color: #676986;
}
.c-chartBarHorizontal.is-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-chartBarHorizontal.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-bar-fill {
  display: none;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-title,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-left-title,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-right-title,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-total {
  position: relative;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-left-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-right-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-total::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.2em;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-left-title::after,
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-seriesTitles-right-title::after {
  top: unset;
  bottom: 0;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value.is-first::after {
  top: unset;
  right: 12px;
  bottom: 12px;
  left: unset;
}
.c-chartBarHorizontal.is-loading .c-chartBarHorizontal-item-labels-value.is-last::after {
  top: unset;
  bottom: 12px;
  left: 12px;
  width: 40px;
}
.c-chartBarHorizontal--backToBack {
  gap: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles {
  display: flex;
  font-weight: 500;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-left,
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-right {
  flex-basis: 50%;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-left {
  padding-right: 16px;
  border-right: 1px solid #e5e5eb;
  text-align: right;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-seriesTitles-right {
  padding-left: 16px;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels {
  gap: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels-title {
  padding-right: 16px;
  font-weight: 500;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels-value.is-first {
  margin-left: auto;
  padding-top: 24px;
  padding-right: 16px;
  border-right: 1px solid #e5e5eb;
  text-align: right;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-labels-value.is-last {
  flex-shrink: 0;
  flex-basis: 50%;
  padding-top: 24px;
  padding-left: 16px;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-left,
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-right {
  display: flex;
  width: 50%;
  height: 100%;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-left {
  justify-content: flex-end;
  border-right: 1px solid #e5e5eb;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-left .c-chartBarHorizontal-item-bar-fill {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-right .c-chartBarHorizontal-item-bar-fill {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-chartBarHorizontal--backToBack .c-chartBarHorizontal-item-bar-fill {
  cursor: default;
}
.c-chartDisplay {
  flex-wrap: nowrap;
  align-items: center;
  height: 115px;
  padding: 0;
}
.c-chartDisplay--wideNgxChart .ngx-charts-outer,
.c-chartDisplay--wideNgxChart svg.ngx-charts {
  width: 100% !important;
}
.c-chartHorizontalLegend {
  display: flex;
}
.c-chartHorizontalLegend-entry {
  display: flex;
  margin-right: 8px;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: #f4f4f4;
}
.c-chartHorizontalLegend-entry:last-child {
  margin-right: 0;
}
.c-chartHorizontalLegend-entry-dash {
  width: 20px;
  height: 2px;
  margin-right: 12px;
  border-radius: 4px;
}
.c-chartHorizontalLegend-entry-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 12px;
  border-radius: 50%;
}
.c-chartHorizontalLegend-entry--checkbox:hover {
  background-color: #e5e5eb;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label {
  line-height: 1;
  cursor: pointer;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkmark {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #fff;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-text {
  vertical-align: middle;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkbox:checked ~ .c-chartHorizontalLegend-label-checkmark::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z' /%3E%3C/svg%3E");
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-checkbox:focus ~ .c-chartHorizontalLegend-label-checkmark {
  outline: -webkit-focus-ring-color auto 5px;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-star {
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
  margin: 0 8px 0 0;
}
.c-chartHorizontalLegend-entry--checkbox .c-chartHorizontalLegend-label-star::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 1px;
  margin-left: 3px;
  background-image: url(/app/assets/icons/rating-foreground.svg);
  background-repeat: no-repeat;
}
.c-chartHorizontalLegend-graph {
  height: 350px;
}
.c-chartHorizontalLegend-graph-tooltip {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
}
.c-colorPicker .color-picker::before {
  content: "";
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: -1;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
}
.c-colorPicker .color-picker .hex-text .box:nth-child(2),
.c-colorPicker .color-picker .type-policy,
.c-colorPicker .color-picker .arrow,
.c-colorPicker .color-picker .left {
  display: none;
}
.c-colorPicker .color-picker .saturation-lightness {
  overflow: hidden;
}
.c-colorPicker .color-picker .saturation-lightness .cursor {
  border-color: #fff;
}
.c-colorPicker .color-picker .hue {
  margin-bottom: 12px;
}
.c-colorPicker .color-picker .hue-alpha {
  margin: 0;
  padding: 0;
}
.c-colorPicker .color-picker .hue-alpha .cursor {
  top: 1px;
  height: 100%;
  border: none;
}
.c-colorPicker .color-picker .hue-alpha .cursor::before {
  content: "";
  display: block;
  width: 4px;
  height: 14px;
  margin: auto;
  border-radius: 1px;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}
.c-colorPicker .color-picker .right,
.c-colorPicker .color-picker .hex-text,
.c-colorPicker .color-picker .hex-text .box {
  padding: 0;
}
.c-colorPicker .color-picker .right div:first-child {
  height: 4px !important;
}
.c-colorPicker .color-picker .hex-text .box input {
  height: 32px;
  padding-right: 8px;
  padding-left: 8px;
  border-color: #dbdde4;
  border-radius: 4px;
  font-size: 14px;
  text-transform: uppercase;
}
.c-colorPicker .color-picker .preset-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  padding: 0;
  padding-top: 8px;
  border-top: 1px solid #dbdde4;
}
.c-colorPicker .color-picker .preset-area .preset-label {
  width: auto;
  padding: 0;
  color: #272d45;
  font-size: 13px;
  line-height: 13px;
}
.c-colorPicker .color-picker .preset-area .preset-color {
  display: block;
  margin: 0;
  border-color: #dbdde4;
}
.c-colorPicker .color-picker .preset-area hr {
  display: none;
}
.c-contentBox {
  overflow: hidden;
  padding: 24px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
  background-color: #fff;
}
.c-contentBox.is-active {
  position: relative;
  z-index: 3;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.c-contentBox--shaded {
  background-color: #f7f7f8;
}
.c-contentBox--stretch {
  height: 100%;
}
.c-contentBox--noPadding {
  padding: 0;
}
.c-dataBoxGroup {
  display: flex;
  flex-flow: row wrap;
  gap: 24px;
}
.c-dataBoxGroup > * {
  flex: 1 1 200px;
}
.c-dataBoxGroup--singleBox > * {
  flex: 0 0 50%;
}
.c-definitionList {
  width: 100%;
  margin: 0;
}
.c-definitionList-item {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item {
    flex-flow: row nowrap;
  }
}
.c-definitionList-item:last-child {
  padding-bottom: 0;
}
.c-definitionList-item-term,
.c-definitionList-item-definition {
  width: 100%;
  margin: 0;
}
.c-definitionList-item-term {
  font-weight: 500;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item-term {
    flex: 180px 0 0;
  }
}
.c-definitionList-item-definition {
  color: #676986;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item-definition {
    padding-left: 32px;
  }
}
.c-definitionList--spaceBetween .c-definitionList-item {
  justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item--wide .c-definitionList-item-term {
    flex: 220px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item--short .c-definitionList-item-term {
    flex: 80px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .c-definitionList-item--stacked {
    flex-flow: column nowrap;
  }
  .c-definitionList-item--stacked .c-definitionList-item-term {
    flex: none;
  }
  .c-definitionList-item--stacked .c-definitionList-item-definition {
    padding-left: 0;
  }
}
.c-definitionList--border {
  overflow: hidden;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item:first-child .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item:first-child .c-definitionList-item-definition {
    padding-top: 24px;
  }
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xxSmall .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xxSmall .c-definitionList-item-definition {
    padding-bottom: 8px;
  }
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xSmall .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item--spacingBottom-xSmall .c-definitionList-item-definition {
    padding-bottom: 12px;
  }
}
.c-definitionList--fullCard .c-definitionList-item {
  padding: 0;
}
.c-definitionList--fullCard .c-definitionList-item-term,
.c-definitionList--fullCard .c-definitionList-item-definition {
  padding: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item-term,
  .c-definitionList--fullCard .c-definitionList-item-definition {
    padding: 24px;
    padding-top: 0;
  }
}
.c-definitionList--fullCard .c-definitionList-item-term {
  background-color: #fafafb;
}
@media only screen and (max-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item-term {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.c-definitionList--fullCard .c-definitionList-item-term--empty {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .c-definitionList--fullCard .c-definitionList-item-term--empty {
    display: block;
  }
}
#selectorOptionsInDialogAppendTarget .ng-dropdown-panel {
  z-index: 16;
}
.c-dialog,
oke-modal {
  -webkit-font-smoothing: antialiased;
}
.c-dialog-scroll-fudger,
oke-modal-scroll-fudger {
  display: flex;
  align-items: center;
}
.c-dialog .c-modal-dialog,
oke-modal .c-modal-dialog {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.c-dialog .c-modal-inner,
oke-modal .c-modal-inner {
  align-items: unset;
}
.c-dialogButtons {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .c-dialogButtons {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}
.c-dialogButtons--padding {
  padding: 24px;
}
.c-dialogButtons--topBorder {
  border-top: 1px solid #e5e5eb;
}
.c-dialogButtons--bottomBorder {
  border-bottom: 1px solid #e5e5eb;
}
.c-dialogButtons .c-button {
  width: 100%;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .c-dialogButtons .c-button {
    width: auto;
    margin-bottom: 0;
  }
}
.c-dialogButtons--fullWidth {
  width: 100%;
}
.c-dialogButtons--fullWidthButton {
  display: block;
}
.c-dialogButtons--fullWidthButton .c-button {
  width: 100%;
}
.c-dialogButtons-right,
.c-dialogButtons-left {
  width: 100%;
}
.c-dialogButtons-right {
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .c-dialogButtons-right .c-button {
    margin-left: 8px;
  }
}
.c-dialogButtons-left {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .c-dialogButtons-left .c-button {
    margin-right: 8px;
  }
}
.c-dialogHeader {
  position: relative;
  padding: 16px 24px;
  border-bottom: 1px solid #d3d4dd;
  font-weight: 600;
  font-size: 14px;
}
.c-dialogHeader h1,
.c-dialogHeader h2 {
  font-weight: 600;
  font-size: 14px;
}
.c-dialogHeader--success,
.c-dialogHeader--warning,
.c-dialogHeader--error {
  padding-left: 69px;
  border: 0;
  color: #fff;
}
.c-dialogHeader--success::before,
.c-dialogHeader--warning::before,
.c-dialogHeader--error::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 24px;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z' /%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
}
.c-dialogHeader--success {
  background-color: #00caaa;
}
.c-dialogHeader--success::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' /%3E%3C/svg%3E");
}
.c-dialogHeader--warning {
  background-color: #ff9800;
}
.c-dialogHeader--error {
  background-color: #e63f58;
}
.c-dialogBody {
  padding: 24px;
}
oke-dialog + oke-dialog .c-modal-overlay {
  z-index: 8;
}
.c-modal--closeInside .c-modal-dialog-close {
  top: 8px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 4px;
  background: #f7f7f8;
}
.c-modal--closeInside .c-modal-dialog-close:hover,
.c-modal--closeInside .c-modal-dialog-close:focus {
  background: #f4f4f6;
}
.c-modal--closeInside .c-modal-dialog-close .c-icon {
  fill: #676986;
}
.c-displaysPlusList-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 1200px) {
  .c-displaysPlusList-item {
    flex-direction: row;
    text-align: left;
  }
}
.c-displaysPlusList-item-image {
  display: flex;
  align-items: center;
  height: 138px;
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
}
@media only screen and (min-width: 1200px) {
  .c-displaysPlusList-item-image {
    border: 1px solid #e5e5eb;
  }
}
.c-displaysPlusList-item-image img {
  max-width: initial;
}
.c-displaysPlusList-item-content {
  flex: 1 1 auto;
  margin: 16px 0;
}
@media only screen and (min-width: 1200px) {
  .c-displaysPlusList-item-content {
    margin: 0 32px;
  }
}
.l-admin--new .c-displaysPlusList-item-image {
  height: auto;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  .l-admin--new .c-displaysPlusList-item-image {
    border: none;
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-editableItemBox {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .c-editableItemBox:hover .c-editableItemBox-dragHandle,
  .c-editableItemBox:hover .c-editableItemBox-edit .c-iconButton-button,
  .c-editableItemBox:focus .c-editableItemBox-dragHandle,
  .c-editableItemBox:focus .c-editableItemBox-edit .c-iconButton-button {
    opacity: 1;
    pointer-events: initial;
  }
  .c-editableItemBox:hover .c-iconPicker-edit,
  .c-editableItemBox:focus .c-iconPicker-edit {
    opacity: 1;
  }
  .c-editableItemBox.is-draggable .c-editableItemBox-headerRight {
    padding-right: 16px;
  }
  .c-editableItemBox-controls {
    display: none;
  }
}
.c-editableItemBox-headerLeft,
.c-editableItemBox-headerRight {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.c-editableItemBox-headerLeft-icon,
.c-editableItemBox-headerRight-icon {
  flex-shrink: 0;
}
.c-editableItemBox-dragHandle {
  border-color: #dbdde4;
  background-color: #f7f7f8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238f9097' d='M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z' /%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: grab;
}
.c-editableItemBox-dragHandle:hover {
  background-color: #f4f4f6;
}
.c-editableItemBox-dragHandle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  border-radius: 0 4px 4px 0;
  background-color: #f7f7f8;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease-out;
}
.c-editableItemBox-dragHandle:focus {
  opacity: 1;
  pointer-events: initial;
}
.c-editableItemBox-edit .c-iconButton-button {
  transition: opacity 0.1s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .c-editableItemBox-edit .c-iconButton-button {
    opacity: 0;
    pointer-events: none;
  }
  .c-editableItemBox-edit .c-iconButton-button:focus {
    opacity: 1;
    pointer-events: initial;
  }
}
.c-editableItemBox.is-active {
  z-index: 4;
  border: 0;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.c-editableItemBox.is-error {
  border: 1px solid #e63f58;
}
.c-editableItemBox .is-new::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00dcb6;
  margin-bottom: 2px;
  margin-left: 4px;
}
.c-editableItemBox .c-stickerBuilder,
.c-editableItemBox .c-pointRuleImagePicker,
.c-editableItemBox .c-iconPicker {
  position: relative;
}
.c-editableItemBox .c-stickerBuilder-window.float-ui-container,
.c-editableItemBox .c-pointRuleImagePicker-window.float-ui-container,
.c-editableItemBox .c-iconPicker-window.float-ui-container {
  z-index: 4;
  width: 316px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.c-editableItemBox .c-stickerBuilder-window.float-ui-container > .ngxp__arrow,
.c-editableItemBox .c-pointRuleImagePicker-window.float-ui-container > .ngxp__arrow,
.c-editableItemBox .c-iconPicker-window.float-ui-container > .ngxp__arrow {
  border-color: #d3d4dd;
}
.c-editableItemBox .c-stickerBuilder-inner-search,
.c-editableItemBox .c-iconPicker-inner-search {
  width: 100%;
  height: 40px;
  padding-left: 36px;
  border: 0;
  border-bottom: 1px solid #e5e5eb;
  border-radius: 0;
  background-color: #f7f7f8;
  background-position: 8px 50%;
}
.c-editableItemBox .c-stickerBuilder-inner-search:focus,
.c-editableItemBox .c-iconPicker-inner-search:focus {
  border-color: #e5e5eb;
  box-shadow: none;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs,
.c-editableItemBox .c-iconPicker-inner-tabs {
  height: 47px;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner {
  margin-bottom: 0;
  padding: 0 8px;
  border: 0;
  border-bottom: 1px solid #e5e5eb;
  background-color: transparent;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item {
  height: auto;
  padding: 0;
  line-height: 1;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button {
  padding: 16px 8px;
  background-color: transparent;
  color: #676986;
  font-weight: normal;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button:hover:not([disabled]),
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button:focus:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button:hover:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button:focus:not([disabled]) {
  background-color: transparent;
  color: #272d45;
}
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button.is-active,
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:hover:not([disabled]),
.c-editableItemBox .c-stickerBuilder-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:focus:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button.is-active,
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:hover:not([disabled]),
.c-editableItemBox .c-iconPicker-inner-tabs .c-tabBar-inner-tabList-item-button.is-active:focus:not([disabled]) {
  background-color: transparent;
  color: #272d45;
  font-weight: 600;
}
.c-formRow {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .c-formRow {
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
  }
}
.c-formRow-label {
  margin-right: auto;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .c-formRow-label {
    margin-bottom: 0;
    padding-right: 16px;
  }
}
.c-formRow-label:empty {
  display: none;
}
.c-formRow-error {
  width: 100%;
  text-align: right;
}
.c-formRow.u-disabled {
  pointer-events: initial;
}
.c-formRow .c-switch {
  display: block;
}
.c-formRow .c-switch-inner {
  margin-right: 0;
}
.c-formRow .c-richTextEditor-content {
  min-height: 96px;
}
.c-formRow .c-richTextEditor-content h2 {
  font-weight: bold;
  font-size: 16px;
}
.c-formRow--stacked {
  align-items: stretch;
}
@media (min-width: 768px) {
  .c-formRow--stacked {
    flex-flow: column nowrap;
    align-items: flex-start;
    align-items: stretch;
  }
}
.c-formRow--stacked .c-formRow-label {
  margin-right: auto;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .c-formRow--stacked .c-formRow-label {
    margin-bottom: 8px;
  }
}
.c-formRow--stacked .c-formRow-error {
  text-align: left;
}
.c-formRow--noWrap {
  flex-flow: row nowrap;
  align-items: center;
}
@media (min-width: 768px) {
  .c-formRow--alignTop {
    align-items: flex-start;
  }
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-formRow-input {
  position: relative;
}
.c-formRow-input:hover .c-formRow-input-clear .c-iconButton-button {
  opacity: 1;
}
.c-formRow-input-clear,
.c-formRow-input-drag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-formRow-input-clear:focus,
.c-formRow-input-drag:focus {
  opacity: 1;
}
.c-formRow-input-clear {
  right: 4px;
}
.c-formRow-input-clear .c-iconButton-button {
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
.c-formRow-input-clear .c-iconButton-button:focus {
  opacity: 1;
}
.c-formRow-input-drag {
  border-color: #dbdde4;
  background-color: #f7f7f8;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238f9097' d='M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z' /%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-size: 20px;
  background-repeat: no-repeat;
  cursor: grab;
}
.c-formRow-input-drag:hover {
  background-color: #f4f4f6;
}
.c-formRow-input-drag {
  right: 0;
  width: 18px;
  border: 1px solid #dbdde4;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}
.c-formRow--stacked .c-formRow-input {
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .c-formRow--draggable .c-formRow-input-clear {
    margin-right: 22px;
  }
  .c-formRow--draggable .c-formRow-input:hover .c-formRow-input-drag,
  .c-formRow--draggable .c-formRow-input:focus .c-formRow-input-drag {
    opacity: 1;
  }
}
.c-formRow--url .c-formRow-input {
  display: flex;
  width: 100%;
}
.c-formRow--url .c-formRow-input-staticUrl {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: 40%;
  padding: 2px 12px;
  border: 1px solid #dbdde4;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background-color: #f4f4f6;
}
.c-formRow--url .c-formRow-input-staticUrl-text {
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-formRow--url .c-formRow-input .c-input {
  border-radius: 0 4px 4px 0;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-growthIndicator {
  padding: 4px;
}
.c-growthIndicator::before {
  position: absolute;
  width: 8px;
  height: 4px;
  margin-top: 8px;
  margin-left: -10px;
  background-repeat: no-repeat;
}
.c-growthIndicator--positive {
  color: #00caaa;
}
.c-growthIndicator--positive::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' fill='%2300caaa' %3E%3Cpolygon points='0,0 8,0 4,4'/%3E%3C/svg%3E%0A");
  content: "";
  transform: rotate(180deg);
}
.c-growthIndicator--negative {
  color: #e63f58;
}
.c-growthIndicator--negative::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4' fill='%23e63f58' %3E%3Cpolygon points='0,0 8,0 4,4'/%3E%3C/svg%3E%0A");
  content: "";
}
.c-headerButton {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  padding: 0 16px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(217, 217, 217, 0.3);
  color: #535565;
  outline: 0;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .c-headerButton {
    width: auto;
    margin-bottom: 0;
  }
}
.c-headerButton:hover,
.c-headerButton:focus {
  background-color: rgba(217, 217, 217, 0.5);
  color: #272d45;
  text-decoration: none;
}
.c-headerButton--noHover {
  cursor: auto;
}
.c-headerButton--noHover:hover,
.c-headerButton--noHover:focus {
  background-color: rgba(217, 217, 217, 0.3);
  color: #535565;
}
.c-headerButton--tall {
  height: 40px;
  line-height: 38px;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-iconButton {
  text-align: center;
  -webkit-font-smoothing: auto;
}
.c-iconButton-button {
  position: relative;
  display: inline-block;
  width: var(--icon-button-size, 32px);
  height: var(--icon-button-size, 32px);
  margin-bottom: 13px;
  padding: 7px;
  border: 1px solid #dbdde4;
  border-radius: 4px;
  background-color: #fff;
  color: #8f9097;
  outline: 0;
  font-weight: bold;
  font-size: 12px;
  line-height: 0;
  cursor: pointer;
  transition: background-color 0.1s linear;
}
.c-iconButton-button path {
  fill: #8f9097;
}
.c-iconButton-button .c-icon--fa {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.c-iconButton-button:hover:not([disabled]),
.c-iconButton-button:focus:not([disabled]) {
  color: inherit;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  text-decoration: none;
}
.c-iconButton-button:hover:not([disabled]) path,
.c-iconButton-button:focus:not([disabled]) path {
  fill: #272d45;
}
.c-iconButton-button:hover:not([disabled]) .c-iconButton-button-label,
.c-iconButton-button:focus:not([disabled]) .c-iconButton-button-label {
  color: #272d45;
}
.c-iconButton-button:active {
  box-shadow: none;
}
.c-iconButton-button.is-loading {
  color: transparent;
}
.c-iconButton-button.is-loading .c-icon {
  display: none;
}
.c-iconButton-button.is-loading .c-button-loader {
  display: flex;
}
.c-iconButton-button--visibilityToggle {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 4px;
  background: #f7f7f8;
  opacity: var(--ach-edit-visible);
  pointer-events: var(--ach-pointer-events);
  transition: opacity 0.1s ease-out;
}
.c-iconButton-button--visibilityToggle-selected .c-editableAchievementBox-visibilityButton .c-iconButton-button {
  opacity: 1;
  pointer-events: initial;
}
.c-iconButton-button-label {
  position: absolute;
  top: 31px;
  right: 0;
  left: 0;
  min-width: 100%;
  margin: 0 -50%;
  padding-top: 6px;
  color: #676986;
  font-weight: normal;
  font-size: 8px;
  line-height: 1;
  text-transform: uppercase;
}
.c-iconButton--noLabel .c-iconButton-button {
  margin-bottom: 0;
}
.c-iconButton--noLabel .c-iconButton-button-label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.c-iconButton--soft .c-iconButton-button,
.c-iconButton--light .c-iconButton-button,
.c-iconButton--transparent .c-iconButton-button {
  border: 0;
  background-color: #f7f7f8;
  color: #535565;
}
.c-iconButton--soft .c-iconButton-button:hover:not([disabled]),
.c-iconButton--light .c-iconButton-button:hover:not([disabled]),
.c-iconButton--transparent .c-iconButton-button:hover:not([disabled]) {
  background-color: #e5e5eb;
  box-shadow: none;
}
.c-iconButton--soft .c-iconButton-button:hover:not([disabled]) path,
.c-iconButton--light .c-iconButton-button:hover:not([disabled]) path,
.c-iconButton--transparent .c-iconButton-button:hover:not([disabled]) path {
  fill: #535565;
}
.c-iconButton--soft .c-iconButton-button:focus:not([disabled]),
.c-iconButton--light .c-iconButton-button:focus:not([disabled]),
.c-iconButton--transparent .c-iconButton-button:focus:not([disabled]) {
  box-shadow: inset 0 0 0 1px #d3d4dd;
}
.c-iconButton--soft .c-iconButton-button:focus:not([disabled]) path,
.c-iconButton--light .c-iconButton-button:focus:not([disabled]) path,
.c-iconButton--transparent .c-iconButton-button:focus:not([disabled]) path {
  fill: #535565;
}
.c-iconButton--soft .c-iconButton-button[disabled] path,
.c-iconButton--light .c-iconButton-button[disabled] path,
.c-iconButton--transparent .c-iconButton-button[disabled] path {
  fill: #d3d4dd;
}
.c-iconButton--transparent .c-iconButton-button {
  background-color: transparent;
}
.c-iconButton--transparent .c-iconButton-button:hover:not([disabled]),
.c-iconButton--transparent .c-iconButton-button:focus:not([disabled]) {
  background-color: transparent;
  box-shadow: none;
}
.c-iconButton--transparent.is-pressed .c-iconButton-button {
  border: 0;
  box-shadow: none;
}
.c-iconButton--light .c-iconButton-button {
  background-color: #f2f3ff;
  color: #2f2fb5;
}
.c-iconButton--inline {
  display: inline-block;
  vertical-align: top;
}
.c-iconButton--left .c-iconButton-button {
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.c-iconButton--middle .c-iconButton-button {
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.c-iconButton--right .c-iconButton-button {
  border-radius: 0 4px 4px 0;
}
.c-iconButton--round .c-iconButton-button {
  border-radius: 50%;
}
.c-iconButton.is-pressed .c-iconButton-button,
.c-iconButton.is-pressed .c-iconButton-button:focus,
.c-iconButton.is-pressed .c-iconButton-button:hover {
  border-color: #d3d4dd;
  background-color: #e5e5eb;
  box-shadow: inset 0 0 4px 0 #d3d4dd;
}
.c-iconButton.is-pressed .c-iconButton-button path,
.c-iconButton.is-pressed .c-iconButton-button:focus path,
.c-iconButton.is-pressed .c-iconButton-button:hover path {
  fill: #535565;
}
.c-iconButton--noShadow .c-iconButton-button:focus:not([disabled]) {
  box-shadow: none;
}
.c-iconButton--noShadow.is-pressed .c-iconButton-button,
.c-iconButton--noShadow.is-pressed .c-iconButton-button:focus,
.c-iconButton--noShadow.is-pressed .c-iconButton-button:hover {
  box-shadow: none;
}
.c-iconButton--negativePressed .c-iconButton-button,
.c-iconButton--negativePressed .c-iconButton-button:focus,
.c-iconButton--negativePressed .c-iconButton-button:hover {
  box-shadow: inset 0 0 0 2px #e63f58;
}
.c-iconButton--negativePressed .c-iconButton-button path,
.c-iconButton--negativePressed .c-iconButton-button:focus path,
.c-iconButton--negativePressed .c-iconButton-button:hover path {
  fill: #e63f58;
}
.c-iconButton--small {
  width: 24px;
  height: 24px;
}
.c-iconButton--small .c-iconButton-button {
  width: 24px;
  height: 24px;
  padding: 0;
}
.c-iconButton--small .c-icon-image {
  width: 14px;
  height: 14px;
  margin: 0 auto;
}
.c-iconButton--xSmall {
  width: 20px;
  height: 20px;
}
.c-iconButton--xSmall .c-iconButton-button {
  width: 20px;
  height: 20px;
  padding: 0;
}
.c-iconButton--xSmall .c-icon-image {
  width: 12px;
  height: 12px;
  margin: 0 auto;
}
.c-iconButton--shop .c-iconButton-button {
  padding: 10.5px 4px;
  background-color: #5433eb;
}
.c-iconButton--shop .c-iconButton-button path {
  fill: #fff;
}
.c-iconButton--shop .c-iconButton-button:focus,
.c-iconButton--shop .c-iconButton-button:hover {
  background-color: #5b37ff;
  box-shadow: 0 1px 4px 0 rgba(48, 54, 141, 0.2);
}
.c-iconButton--shop .c-iconButton-button:focus path,
.c-iconButton--shop .c-iconButton-button:hover path {
  fill: #fff;
}
.c-iconButton--shop .c-icon-image {
  width: 22px;
  height: auto;
}
.c-iconButton--full {
  width: 100%;
  height: 100%;
}
.c-iconButton--full .c-iconButton-button {
  width: 100%;
  height: 100%;
}
.c-iconButton--noTransition .c-iconButton-button {
  transition-duration: 0s;
}
.c-iconButton--block .c-iconButton-button {
  display: block;
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 0;
}
.c-imageListItem {
  display: flex;
  align-items: center;
}
.c-imageListItem-image {
  flex-shrink: 0;
  margin-right: 16px;
}
.c-inlineTag {
  position: relative;
  bottom: 1px;
  vertical-align: middle;
  padding: 1px 8px;
  border-radius: 10px;
  background-color: #00caaa;
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
}
.c-inlineTag--ghost {
  border: 1px solid #00caaa;
  background-color: transparent;
  color: #00caaa;
  font-weight: bold;
}
.c-tagSelector-reviewTag {
  border: 1px solid #e5e5eb;
  border-radius: 2px;
  background-color: #f4f4f6;
  color: #535565;
  font-weight: 600;
  font-size: 9px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}
.c-tagSelector-reviewTag--manual {
  display: inline-flex;
  padding: 0;
}
.c-tagSelector-reviewTag--manual .c-tagSelector-reviewTag-removeButton {
  margin: 0;
  border-right: 1px solid #e5e5eb;
  font-size: 14px;
  cursor: pointer;
}
.c-tagSelector-reviewTag--manual .c-tagSelector-reviewTag-removeButton:hover,
.c-tagSelector-reviewTag--manual .c-tagSelector-reviewTag-removeButton:focus {
  color: #e63f58;
  text-decoration: none;
}
.c-tagSelector-reviewTag--manual .c-tagSelector-reviewTag-removeButton,
.c-tagSelector-reviewTag--manual .c-tagSelector-reviewTag-value {
  display: inline-block;
  padding: 0 6px;
}
.c-tagSelector-addTag {
  display: inline-block;
  margin: 4px 0 0;
  padding: 0 6px;
  border: 1px solid #e5e5eb;
  border-radius: 2px;
  background-color: #f4f4f6;
  color: #535565;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  cursor: pointer;
}
.c-tagSelector-addTag:hover,
.c-tagSelector-addTag:focus {
  background-color: #e5e5eb;
  color: #535565;
  text-decoration: none;
}
.c-tagSelector-addTag--emptyState {
  display: inline-flex;
  letter-spacing: 1px;
}
.c-tagSelector-addTag--emptyState .c-tagSelector-addTag-button {
  padding-right: 4px;
}
.c-tagSelector-addTag--emptyState .c-tagSelector-addTag-text {
  font-size: 9px;
}
.c-input--search {
  width: 220px;
  height: 32px;
  padding-left: 32px;
  border-color: #e5e5eb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23272D45' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
  background-position: 6px 5px;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  font-size: 13px;
  appearance: textfield;
}
.c-input--search::placeholder {
  color: #8f9097;
}
.c-input--search:-webkit-autofill {
  animation-name: autofill;
  animation-fill-mode: both;
}
.c-input--search::-webkit-search-decoration {
  appearance: none;
}
.c-input--date {
  padding-left: 35px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23272D45' d='M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E%0A");
  background-position: 7px 7px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
}
.l-admin--new .c-input--search {
  background-position: 6px 10px;
}
.l-admin--new .c-input--date {
  background-position: 7px 11px;
}
@keyframes autofill {
  to {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23272D45' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' /%3E%3C/svg%3E");
  }
}
.c-inputGroup {
  max-width: 100%;
}
.c-inputGroup--short {
  width: 124px;
}
.c-inputGroup--medium {
  width: 180px;
}
.c-inputGroup--long {
  width: 320px;
}
.c-inputGroup--plain .c-inputGroup-input {
  border-radius: 4px;
}
.c-inputGroup--unitMeasure .c-inputGroup-addon[disabled] {
  padding-right: 12px;
  border-color: #dbdde4;
  background-color: #f7f7f8;
  color: #051140;
  cursor: default;
}
.c-inputGroup.is-error .c-inputGroup-addon,
.c-inputGroup.is-error .c-inputGroup-input {
  border-color: #e63f58;
}
.c-itemList {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.c-itemList-item {
  display: flex;
  margin-bottom: 24px;
}
.c-itemList-item-inner {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}
@media only screen and (min-width: 480px) {
  .c-itemList-item-inner {
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-inner {
    flex-flow: row nowrap;
    justify-content: stretch;
    align-items: center;
  }
}
.c-itemList-item-content-head {
  margin-bottom: 0;
}
.c-itemList-item-image {
  position: relative;
  flex-shrink: 0;
}
.c-itemList-item-content {
  position: relative;
  flex-grow: 1;
  order: 3;
  width: 100%;
  min-width: 0;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content-head {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content-body {
    overflow: hidden;
    height: 1.6em;
    border-right: 22px solid transparent;
    word-break: break-all;
  }
}
.c-itemList-item-content-body-showMore {
  position: absolute;
  right: 0;
  bottom: 6px;
  display: none;
  width: 20px;
  height: 8px;
  margin: 0;
  padding: 0 5px;
  border: 0;
  border-radius: 2px;
  background-color: #f4f4f6;
  color: #8f9097;
  outline: 0;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content-body-showMore {
    display: block;
  }
}
.c-itemList-item-content-body-showMore:hover,
.c-itemList-item-content-body-showMore:focus {
  box-shadow: 0 0 0 1px #dbdde4;
}
.c-itemList-item-stars {
  flex-grow: 1;
  order: 2;
  margin-bottom: 8px;
}
@media only screen and (min-width: 480px) {
  .c-itemList-item-stars {
    order: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-stars {
    flex-grow: 0;
    margin-top: 13px;
    margin-bottom: 13px;
  }
}
.c-itemList-item-date {
  order: 1;
  min-width: 90px;
  margin-bottom: 8px;
  white-space: nowrap;
}
@media only screen and (min-width: 480px) {
  .c-itemList-item-date {
    order: 2;
    text-align: right;
  }
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-date {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.c-itemList-item-button {
  flex-shrink: 0;
  order: 4;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-button--forMobile {
    display: none;
  }
}
.c-itemList-item-button--forDesktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-button--forDesktop {
    display: block;
    margin-top: 6px;
  }
}
.c-itemList-item-image {
  margin-right: 16px;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-image {
    order: 0;
    margin-right: 24px;
  }
}
.c-itemList-item-content,
.c-itemList-item-stars,
.c-itemList-item-date {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item-content,
  .c-itemList-item-stars,
  .c-itemList-item-date {
    order: 0;
    margin-right: 24px;
  }
}
.c-itemList-item--last {
  margin-bottom: 0;
}
.c-itemList-item--expanded .c-itemList-item-content-head {
  text-overflow: unset;
  white-space: unset;
}
.c-itemList-item--expanded .c-itemList-item-content-body {
  height: auto;
  border-right: 0;
  word-break: unset;
}
.c-itemList-item--expanded .c-itemList-item-content-body-showMore {
  display: none;
}
.c-itemList-item--question .c-itemList-item-inner {
  flex-flow: column wrap;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-inner {
    flex-flow: row nowrap;
  }
}
.c-itemList-item--question .c-itemList-item-content {
  order: 2;
  width: auto;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-content {
    order: 1;
  }
}
.c-itemList-item--question .c-itemList-item-date {
  order: 1;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-date {
    order: 2;
    text-align: right;
  }
}
.c-itemList-item--question .c-itemList-item-content-body-showMore {
  position: initial;
  display: inline;
}
.c-itemList-item--question .c-itemList-item-content-answers {
  margin-bottom: 8px;
  padding-left: 12px;
  border-left: 2px solid #d3d4dd;
}
@media only screen and (min-width: 1024px) {
  .c-itemList-item--question .c-itemList-item-content-answers {
    margin-bottom: 0;
  }
}
.c-itemList-item--question .c-itemList-item-content-answers-answer {
  display: flex;
}
.c-itemList-item--product .c-itemList-item-content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
}
.o-list-item--shaded {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid #e5e5eb;
  border-bottom: 0;
  background-color: #f7f7f8;
}
.o-list-item--shaded:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.o-list-item--shaded:last-child {
  border-bottom: 1px solid #e5e5eb;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.o-list-item {
}
.o-list-item.gu-mirror {
  border-radius: 4px;
}
.o-list--numbered li {
  position: relative;
  margin-bottom: 24px;
  padding-left: 48px;
}
.o-list--numbered li::before,
.o-list--numbered li::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border: 2px solid transparent;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
}
.o-list--numbered li::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  background-color: #f4f4f6;
}
.o-list--numbered li::after {
  content: counter(list-item);
}
.o-list--numbered li:last-child {
  margin-bottom: 0;
}
.o-list--numbered .o-list-item--dotted::before {
  border: 2px dashed #dbdde4;
  background-color: #fff;
  animation: spin 8s linear infinite;
}
.o-list--numbered .o-list-item--dotted::after {
  color: #676986;
}
.c-livePreview {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: var(--live-preview-min-height, 500px);
}
.c-livePreview-body-iframe--autoHeight {
  height: auto;
}
.c-livePreview-controls {
  display: flex;
  flex-flow: column nowrap;
  row-gap: var(--live-preview-controls-row-gap, 12px);
  column-gap: var(--live-preview-controls-col-gap, normal);
  justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 1px solid #dbdde4;
}
@media (min-width: 768px) {
  .c-livePreview-controls {
    flex-flow: row wrap;
    align-items: center;
  }
}
.c-livePreview-controls-left,
.c-livePreview-controls-right,
.c-livePreview-controls-tabBar {
  display: flex;
  align-items: center;
}
.c-livePreview-controls-left {
  flex: var(--live-preview-controls-left-flex, initial);
  row-gap: var(--live-preview-controls-left-row-gap, 0);
}
.c-livePreview-controls-right {
  flex-wrap: wrap;
  row-gap: 8px;
}
.c-livePreview-controls-tabBar {
  width: 100%;
  padding: 0;
  border: 0;
}
.c-livePreview-controls-tabBar-inner {
  display: flex;
  width: 100%;
  padding-left: 0;
  list-style: none;
}
.c-livePreview-controls-tabBar-item {
  width: 100%;
  border-right: 1px solid #dbdde4;
}
.c-livePreview-controls-tabBar-item:last-child {
  border-right: 0;
}
.c-livePreview-controls-tabButton {
  width: 100%;
  padding: 8px;
  border-bottom: 1px solid #dbdde4;
  border-radius: 0;
  background-color: #fff;
}
.c-livePreview-controls-tabButton:focus,
.c-livePreview-controls-tabButton:hover {
  background-color: #f4f4f6;
}
.c-livePreview-controls-tabButton:hover,
.c-livePreview-controls-tabButton--selected {
  border-right: 0;
  border-bottom: 1px solid #00dcb6;
  border-left: 0;
  box-shadow: inset 0 -2px #00dcb6;
}
.c-livePreview-controls-tabButton--selected {
  font-weight: 600;
}
.c-livePreview-controls-right:empty {
  display: none;
}
.c-livePreview-controls-title {
  margin-right: 8px;
  font-weight: 600;
}
.c-livePreview-controls-divider {
  display: inline-block;
  width: 1px;
  height: 24px;
  margin: 0 8px;
  background-color: #dbdde4;
}
.c-livePreview-controls--secondary {
  padding: 12px 16px;
  border-bottom: 1px solid #dbdde4;
  background-color: #f7f7f8;
}
.c-livePreview-controls--tabBar {
  width: 100%;
  padding: 0;
  border: 0;
}
.c-livePreview-body {
  position: relative;
  flex-grow: 1;
  background-color: #f4f4f4;
}
@media (min-width: 1024px) {
  .c-livePreview-body {
    overflow: auto;
    height: 100%;
  }
}
.c-livePreview-body-iframe {
  margin: auto;
  transition: opacity 0.2s linear;
}
.c-livePreview-body-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 180px;
  background-color: #fafafb;
  text-align: center;
  transition: opacity 0.2s linear;
}
.c-livePreview-footer {
  padding: 12px 16px;
  border-top: 1px solid #dbdde4;
  background-color: #fff;
  font-size: 13px;
}
.c-livePreview-footer:empty {
  display: none;
}
@media (max-width: 768px) {
  .c-livePreview-mobileHidden {
    display: none;
  }
}
@media (min-width: 1024px) {
  .c-livePreview--fillPageHeight {
    min-height: calc(100vh - 176px);
  }
}
@media (min-width: 1024px) {
  .c-livePreview--stickyHeight {
    max-height: calc(100vh - 176px);
  }
}
.c-livePreview.is-reloading .c-livePreview-controls--secondary,
.c-livePreview.is-loading .c-livePreview-controls--secondary {
  opacity: 0.5;
}
.c-livePreview.is-reloading .c-livePreview-body-iframe {
  opacity: 0.5;
}
.c-livePreview.is-loading .c-livePreview-body-iframe {
  visibility: hidden;
}
.c-livePreview .c-iframePreviewer-iframe {
  max-width: 100%;
}
.c-mediaStrip {
  margin-top: -16px;
  padding: 0;
  list-style: none;
}
.c-mediaStrip-item {
  display: inline-block;
  margin-top: 12px;
  margin-right: 12px;
}
.c-mediaStrip-item:last-child {
  margin-right: 0;
}
.c-mediaStrip--grid .c-media-button-image {
  max-width: none;
  height: 120px;
}
.c-mediaStrip--grid .c-media.is-loading .c-media-button-image {
  width: 90px;
  height: 120px;
}
.c-moderationBatchControl {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  align-items: flex-start;
  background-color: transparent;
}
.c-moderationBatchControl-button {
  padding: 0 12px;
  background-color: #e5e5eb;
  color: #272d45;
  font-size: 13px;
  white-space: nowrap;
}
.c-moderationBatchControl-button:hover,
.c-moderationBatchControl-button:focus {
  background-color: #dbdde4;
}
.c-moderationBatchControl-button[disabled]:hover,
.c-moderationBatchControl-button[disabled]:focus {
  background-color: #e5e5eb;
  color: #8f9097;
}
.c-moderationBatchControl-checkbox {
  overflow-x: hidden;
  width: 0;
  padding: 0;
  border-radius: 4px;
  background-color: #e5e5eb;
  transition: all 0.2s ease;
}
.c-moderationBatchControl-checkbox .c-checkbox {
  padding: 6px 12px 0 12px;
  cursor: pointer;
}
.c-moderationBatchControl-checkbox--open {
  width: 44px;
  margin-right: 16px;
}
.c-moderationBatchControl-maxTag {
  vertical-align: text-bottom;
  margin-bottom: 1px;
  font-weight: bold;
  letter-spacing: 1px;
}
.l-admin--new .c-moderationBatchControl-button {
  padding: 8px 16px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
  background-color: #fff;
  transition: background-color 0.1s linear;
}
.l-admin--new .c-moderationBatchControl-button--positive {
  color: #0e7a82;
}
.l-admin--new .c-moderationBatchControl-button:hover,
.l-admin--new .c-moderationBatchControl-button:focus {
  background-color: #2b2182;
  color: #fff;
  text-decoration: none;
}
.l-admin--new .c-moderationBatchControl-button[disabled]:hover,
.l-admin--new .c-moderationBatchControl-button[disabled]:focus {
  background-color: #f7f7f8;
}
.l-admin--new .c-moderationBatchControl-checkbox {
  background-color: #f7f7f8;
}
.l-admin--new .c-moderationBatchControl-checkbox .c-checkbox {
  padding: 10px 12px;
}
.l-admin--new .c-moderationBatchControl-checkbox .c-checkbox-input:checked ~ .c-checkbox-bg,
.l-admin--new .c-moderationBatchControl-checkbox .c-checkbox-input:indeterminate ~ .c-checkbox-bg {
  border-color: #0e7a82;
  background-color: #0e7a82;
}
.c-pageControl.l-moderationList-topControls,
.l-moderationList-topControls {
  position: sticky;
  top: 64px;
  z-index: 10;
}
.c-pageControl.l-moderationList-pageControl,
.l-moderationList-pageControl {
  margin-bottom: 0;
  background-color: #f4f4f6;
}
.c-pageControl.l-moderationList-pageControl-bar,
.l-moderationList-pageControl-bar {
  border-bottom: 1px solid #dbdde4;
  background-color: transparent;
  box-shadow: none;
}
@media only screen and (min-width: 768px) {
  .c-pageControl.l-moderationList-pageControl-bar-right,
  .l-moderationList-pageControl-bar-right {
    align-items: center;
  }
}
.c-pageControl.l-moderationList-secondaryControl,
.l-moderationList-secondaryControl {
  display: flex;
  flex-flow: row wrap;
  row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  color: #676986;
  font-size: 12px;
}
.c-pageControl.l-moderationList-secondaryControl-container,
.l-moderationList-secondaryControl-container {
  margin: 0 -24px;
  padding: 16px 24px;
  background-color: #f4f4f6;
}
.c-pageControl.l-moderationList-secondaryControl-container--shadow,
.l-moderationList-secondaryControl-container--shadow {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-pageControl.l-moderationList-secondaryControl-divider,
.l-moderationList-secondaryControl-divider {
  display: inline-block;
  height: 32px;
  margin: 0 16px;
  border-right: 1px solid #dbdde4;
}
.c-pageControl.l-moderationList-cardTrayToggleButton .c-icon,
.l-moderationList-cardTrayToggleButton .c-icon {
  transform: rotate(90deg);
}
@media only screen and (min-width: 1024px) {
  .c-pageControl.l-moderationList-cardTrayToggleButton .c-icon,
  .l-moderationList-cardTrayToggleButton .c-icon {
    transform: none;
  }
}
.c-pageControl.l-moderationList-item,
.l-moderationList-item {
  display: flex;
  flex-flow: row nowrap;
}
.c-pageControl.l-moderationList-item-checkbox,
.l-moderationList-item-checkbox {
  flex: 0 0 auto;
  overflow-x: hidden;
  width: 0;
  max-width: 100%;
  padding: 0;
  transition: all 0.2s ease;
}
.c-pageControl.l-moderationList-item-checkbox--open,
.l-moderationList-item-checkbox--open {
  width: 60px;
  padding-right: 16px;
}
.c-pageControl.l-moderationList-item-checkbox .c-checkbox,
.l-moderationList-item-checkbox .c-checkbox {
  align-items: flex-start;
  height: 100%;
  padding: 16px 12px;
  border-radius: 4px;
  background-color: #e5e5eb;
  cursor: pointer;
}
.c-pageControl.l-moderationList-item-content,
.l-moderationList-item-content {
  flex: 1 1 auto;
  max-width: 100%;
}
.c-pageControl.l-moderationList-end,
.l-moderationList-end {
  text-align: center;
}
.c-pageControl.l-moderationList-end::before,
.l-moderationList-end::before {
  content: "";
  display: block;
  width: 1px;
  height: 80px;
  margin: auto auto 16px auto;
  border-right: 1px solid #dbdde4;
}
.l-admin--new .l-moderationList-pageControl {
  background-color: #fff;
}
.l-admin--new .l-moderationList-pageControl-bar {
  margin: 0 24px;
  padding: 12px;
  padding-bottom: 0;
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f7f7f8;
  box-shadow: none;
}
.l-admin--new .l-moderationList-secondaryControl {
  align-items: center;
}
.l-admin--new .l-moderationList-secondaryControl-container {
  margin: 0 -16px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .l-admin--new .l-moderationList-secondaryControl-container {
    margin: 0 -24px;
  }
}
.l-admin--new .l-moderationList-secondaryControl-divider {
  height: 40px;
}
.l-admin--new .l-moderationList-cardTrayToggle-buttons {
  padding: 8px;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.l-admin--new .l-moderationList-cardTrayToggle-button {
  border-radius: 4px;
  background-color: #f7f7f8;
}
.l-admin--new .l-moderationList-cardTrayToggle-button .c-icon {
  transform: rotate(90deg);
}
@media only screen and (min-width: 1024px) {
  .l-admin--new .l-moderationList-cardTrayToggle-button .c-icon {
    transform: none;
  }
}
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton .c-iconButton-button {
  color: #051140;
}
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton.is-pressed .c-iconButton-button,
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton.is-pressed .c-iconButton-button:focus,
.l-admin--new .l-moderationList-cardTrayToggle-button.c-iconButton.is-pressed .c-iconButton-button:hover {
  border: none;
  background-color: #fff;
  box-shadow: none;
}
.l-admin--new .l-moderationList-item-checkbox ::ng-deep .c-checkbox {
  background-color: #f7f7f8;
}
.l-admin--new .l-moderationList-item-checkbox ::ng-deep .c-checkbox-input:checked ~ .c-checkbox-bg {
  border-color: #0e7a82;
  background-color: #0e7a82;
}
.l-admin--new .l-moderationList-item-content {
  border: 1px solid #e5e5eb;
  border-radius: 4px;
}
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button,
.l-admin--new .l-moderationList-end ::ng-deep .c-button {
  padding: 8px 16px;
  border: 1px solid #e5e5eb;
  border-radius: 4px;
  background-color: #fff;
  color: #051140;
  transition: background-color 0.1s linear;
}
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button:hover,
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button:focus,
.l-admin--new .l-moderationList-end ::ng-deep .c-button:hover,
.l-admin--new .l-moderationList-end ::ng-deep .c-button:focus {
  background-color: #2b2182;
  color: #fff;
  text-decoration: none;
}
.l-admin--new .l-moderationList-loadMore ::ng-deep .c-button.is-loading,
.l-admin--new .l-moderationList-end ::ng-deep .c-button.is-loading {
  background-color: #fff;
  color: #fff;
  cursor: not-allowed;
}
.c-overflowMenu-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-overflowMenu-button:hover,
.c-overflowMenu-button:focus,
.c-overflowMenu-button.is-pressed,
.c-overflowMenu-button.is-pressed:hover {
  border-radius: 4px;
  background: #fff;
  color: #272d45;
  box-shadow: none;
}
.c-overflowMenu-button .c-icon {
  margin: 0;
}
.c-overflowMenu-button.c-iconButton--small .c-icon-image,
.c-overflowMenu-button.c-iconButton--xSmall .c-icon-image {
  width: 12px;
  height: 12px;
}
.c-overflowMenu-button-chevron {
  display: none;
}
.c-overflowMenu {
}
.c-overflowMenu-dropdown.float-ui-container {
  z-index: 11;
  overflow: hidden;
  padding: 4px 0;
  border: 0;
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
}
.c-overflowMenu-item {
  display: flex;
  width: 100%;
  height: 32px;
  padding: 0 24px 0 12px;
  outline-offset: -1px;
  line-height: 32px;
  white-space: nowrap;
}
.c-overflowMenu-item:hover,
.c-overflowMenu-item:focus {
  text-decoration: none;
}
.c-overflowMenu-item:hover {
  background-color: #f7f7f8;
}
.c-overflowMenu-item .c-icon {
  fill: #7e809b;
}
.c-overflowMenu-item .c-icon--alert {
  fill: #e63f58;
}
.c-overflowMenu-item--noIcon {
  padding: 0 16px;
}
.c-overflowMenu-item--destructive {
  color: #e63f58;
}
.c-overflowMenu-item--destructive:hover {
  background-color: rgba(230, 63, 88, 0.08);
}
.c-overflowMenu--tall .c-overflowMenu-button {
  display: flex;
  gap: 16px;
  padding: 4px 8px 4px 16px;
  border-radius: 6px;
  background: unset;
  font-weight: 500;
}
.c-overflowMenu--tall .c-overflowMenu-button-chevron {
  display: initial;
}
.c-overflowMenu--tall .c-overflowMenu-dropdown {
  padding: 8px;
  border-radius: 6px;
}
.c-overflowMenu--tall .c-overflowMenu-item {
  height: initial;
  padding: 8px 24px;
  border-radius: 6px;
}
.c-overflowMenu--twoColumns {
  padding: 0 4px;
}
@media only screen and (min-width: 768px) {
  .c-overflowMenu--twoColumns {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.c-overflowMenu--twoColumns .c-overflowMenu-item {
  height: auto;
  padding: 8px 36px 8px 24px;
  border-radius: 8px;
}
.c-overflowMenu--twoColumns .c-overflowMenu-item .c-icon {
  display: inline-flex;
  justify-content: center;
  width: 16px;
}
.c-pageControl {
  position: relative;
  z-index: 10;
  margin: -16px;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .c-pageControl {
    margin: -24px;
    margin-bottom: 24px;
  }
}
.c-pageControl-bar,
.c-pageControl-tray {
  padding: 16px 16px 0;
}
@media (min-width: 768px) {
  .c-pageControl-bar,
  .c-pageControl-tray {
    padding: 16px 24px 0;
  }
}
.c-pageControl-bar {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  background-color: #fafafb;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
@media (min-width: 768px) {
  .c-pageControl-bar {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}
.c-pageControl-bar-left,
.c-pageControl-bar-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .c-pageControl-bar-left,
  .c-pageControl-bar-right {
    flex-direction: row;
    align-items: flex-end;
    width: auto;
  }
}
@media (min-width: 768px) {
  .c-pageControl-bar-left {
    margin-right: 24px;
  }
}
.c-pageControl-bar-right {
  margin-left: auto;
}
.c-pageControl-bar-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 16px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .c-pageControl-bar-item {
    margin-right: 8px;
    margin-bottom: 0;
  }
  .c-pageControl-bar-item:last-child {
    margin-right: 0;
  }
  .c-pageControl-bar-item .c-headerButton {
    display: block;
  }
}
.c-pageControl-bar-item:last-child {
  margin-bottom: 0;
}
.c-pageControl-bar-divider {
  display: none;
  height: 100%;
  margin-right: 16px;
  border-right: 1px solid #dbdde4;
}
@media (min-width: 768px) {
  .c-pageControl-bar-divider {
    display: block;
    margin-right: 8px;
  }
}
.c-pageControl-bar-responsiveButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
}
.c-pageControl-bar-responsiveButtons .c-pageControl-bar-item {
  display: flex;
  gap: 0 12px;
  width: 100%;
}
@media (min-width: 480px) {
  .c-pageControl-bar-responsiveButtons .c-pageControl-bar-item {
    width: auto;
  }
}
.c-pageControl-bar-responsiveButtons .c-pageControl-bar-item oke-button {
  flex-grow: 1;
}
.c-pageControl-bar-responsiveButtons .c-button {
  width: 100%;
}
@media (min-width: 480px) {
  .c-pageControl-bar-responsiveButtons .c-button {
    width: auto;
  }
}
.c-pageControl-tray {
  overflow: hidden;
  padding-bottom: 24px;
  background-color: #f4f4f6;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.c-pageControl-tray-filters {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .c-pageControl-tray-filters {
    flex-direction: row;
  }
}
.c-pageControl-hr {
  width: 100%;
}
.c-label--controlBar {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 1024px) {
  .c-label--controlBar {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 0;
    line-height: 32px;
  }
}
.c-pill {
  display: inline-flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #f7f7f8;
  color: #051140;
}
.c-pill--info {
  background-color: #f2f3ff;
  color: #2f2fb5;
}
.c-pill--positive {
  background-color: #edfafa;
  color: #0e7a82;
}
.c-pill--warning {
  background-color: #fff0ea;
  color: #d73f02;
}
.c-pill--error {
  background-color: #ffeef2;
  color: #d0234c;
}
.c-popFilter {
  margin-right: 8px;
}
.c-popFilter:last-child {
  margin-right: 0;
}
.c-popFilter-checkbox,
.c-popFilter-radio,
.c-popFilter-select,
.c-popFilter-boolean,
.c-popFilter-productPicker .c-picker-add,
.c-popFilter-productPicker .c-UITable-cell {
  width: 100%;
  margin-bottom: 4px;
  padding: 12px;
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  cursor: pointer;
}
.c-popFilter-checkbox.is-last,
.c-popFilter-radio.is-last,
.c-popFilter-select.is-last,
.c-popFilter-boolean.is-last,
.c-popFilter-productPicker .c-picker-add.is-last,
.c-popFilter-productPicker .c-UITable-cell.is-last {
  margin-bottom: 0;
}
.c-popFilter-radio .c-radio-label {
  width: 100%;
}
.c-popFilter-checkbox .c-checkbox-label {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.c-popFilter-checkbox--textWrap .c-checkbox-label {
  white-space: normal;
}
.c-popFilter-select {
  padding-top: 0;
  padding-bottom: 0;
}
.c-popFilter-input {
  border: 0;
  font-size: 13px;
}
.c-popFilter-boolean {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px 0 0;
}
.c-popFilter-boolean-left {
  flex-grow: 1;
  width: 100%;
}
.c-popFilter-boolean-checkbox {
  width: 100%;
  padding: 12px;
  cursor: pointer;
}
.c-popFilter-boolean-tag {
  cursor: pointer;
}
.c-popFilter-boolean .c-buttonGroup .c-buttonGroup-button {
  padding: 0 10px;
  font-size: 12px;
}
.c-popFilter-productPicker .c-picker-add {
  margin-bottom: 0;
}
.c-popFilter-productPicker .c-picker-add hr {
  display: none;
}
.c-popFilter-productPicker .c-picker-body {
  border: 0;
}
.c-popFilter-productPicker .c-picker-head .c-button {
  overflow: visible;
  margin-bottom: 4px;
}
.c-popFilter-productPicker .c-picker-body-table {
  table-layout: fixed;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-row {
  display: flex;
  justify-content: space-between;
  border: 0;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell {
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls {
  width: auto;
  padding: 16px 16px 16px 0;
  text-overflow: initial;
}
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls .c-icon,
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls .c-button,
.c-popFilter-productPicker .c-picker-body-table .c-UITable-cell--controls .c-icon-image {
  width: 18px;
  height: 18px;
}
.c-popFilter-productPicker .c-productImage {
  width: 30px;
  height: 30px;
}
.c-shadedOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.1);
  animation: fade-in 0.2s ease-out;
  animation-iteration-count: 1;
  will-change: opacity;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-skeleton {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-skeleton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-skeleton {
  pointer-events: none;
}
.c-skeleton-icon,
.c-skeleton-text,
.c-skeleton-card {
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-skeleton-icon {
  width: 40px;
  height: 40px;
}
.c-skeleton-icon--small {
  width: 32px;
  height: 32px;
}
.c-skeleton-text {
  width: 320px;
  height: 1em;
}
.c-skeleton-text--body {
  height: 1.6em;
}
.c-skeleton-card {
  width: 320px;
  height: 320px;
}
.c-statusIndicator {
  display: inline-block;
  height: 32px;
  padding: 0 16px;
  border-radius: 4px;
  background-color: #f4f4f6;
  font-weight: 500;
  font-size: 13px;
  line-height: 32px;
  -webkit-user-select: none;
  user-select: none;
}
.c-statusIndicator-icon {
  margin-right: 4px;
  color: #7e809b;
}
.c-statusIndicator--active .c-statusIndicator-icon {
  color: #00b69c;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
.c-table {
  width: 100%;
  border-top: 1px solid #e5e5eb;
}
.c-table th,
.c-table td,
.c-table .c-table-cell {
  padding: 12px 24px;
  text-align: inherit;
}
.c-table th.is-loading,
.c-table td.is-loading,
.c-table .c-table-cell.is-loading {
  position: relative;
  overflow: hidden;
  pointer-events: none;
}
.c-table th.is-loading::before,
.c-table td.is-loading::before,
.c-table .c-table-cell.is-loading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 40%,
      rgba(255, 255, 255, 0.8) 50%,
      transparent 60%,
      transparent 100%);
  transform: translate(-50%);
  animation: loading-overlay-animation 1.2s ease-in-out infinite;
}
.c-table th.is-loading,
.c-table td.is-loading,
.c-table .c-table-cell.is-loading {
  height: 48px;
}
.c-table th.is-loading::after,
.c-table td.is-loading::after,
.c-table .c-table-cell.is-loading::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 48px;
  max-width: 100%;
  height: 1.6em;
  border-radius: 4px;
  background-color: #f7f7f8;
}
.c-table .c-table-cell--interactive {
  cursor: pointer;
  transition: background-color 0.1s ease-out;
}
.c-table .c-table-cell--interactive:hover {
  background-color: #f7f7f8;
}
.c-table .c-table-cell--noPadding {
  padding: 0 !important;
}
.c-table thead tr {
  border-bottom: 1px solid #e5e5eb;
}
.c-table thead th,
.c-table thead td,
.c-table thead .c-table-cell {
  background-color: #f7f7f8;
  font-weight: 500;
}
.c-table tbody th,
.c-table tbody td,
.c-table tbody .c-table-cell {
  font-weight: normal;
  font-size: 13px;
}
.c-table tbody td {
  color: #676986;
}
.c-table-emptyNotice {
  width: max-content;
  margin: auto;
  padding: 16px;
  border-radius: 4px;
  background-color: #f7f7f8;
  color: #051140;
}
.c-table--full {
  border: 0;
}
.c-titleDivider {
  width: 100%;
  margin: 0;
  padding: 16px 16px;
  background-color: #f7f7f8;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}
@media only screen and (min-width: 1024px) {
  .c-titleDivider {
    padding: 16px 24px;
  }
}
.c-titleDivider--center {
  text-align: center;
}
.c-titleDivider--dark {
  background-color: #f4f4f6;
}
.c-titleDivider--error {
  color: #d73f02;
}
.c-titleDivider--withNavigation {
  display: flex;
  justify-content: space-between;
}
.c-UITable {
  width: 100%;
}
.c-UITable-row {
  border-bottom: 1px solid #f4f4f6;
}
.c-UITable-row:first-child {
  border-top: 1px solid #f4f4f6;
}
.c-UITable-row--borderTopHead {
  border-top: 1px solid #e5e5eb;
}
.c-UITable-row--head {
  border-color: #e5e5eb;
}
.c-UITable-row--clickable {
  white-space: nowrap;
  cursor: pointer;
}
.c-UITable-row--clickable:hover {
  background-color: #fafafb;
}
.c-UITable-row--shaded {
  background-color: #fafafb;
}
.c-UITable-row--shaded.c-UITable-row--clickable:hover,
.c-UITable-row--shaded .c-UITable-cell--clickable:hover {
  background-color: #f7f7f8;
}
.c-UITable-row--noBorder:not(:last-child),
.c-UITable-row--noBorder:first-child {
  border: 0;
}
.c-UITable-row--noBorderTop,
.c-UITable-row--noBorderTop:first-child {
  border-top: 0;
}
.c-UITable-row--noBorderBottom,
.c-UITable-row--noBorderBottom:first-child {
  border-bottom: 0;
}
.c-UITable-cell {
  padding: 12px;
  white-space: normal;
}
.c-UITable-cell--head {
  width: 100%;
  margin: 0;
  border: 0;
  background: none;
  color: inherit;
  outline: 0;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  appearance: none;
}
.c-UITable-cell--alignCenter {
  text-align: center;
}
.c-UITable-cell--clickable {
  cursor: pointer;
}
.c-UITable-cell--clickable:hover,
.c-UITable-cell--clickable:focus {
  background-color: #fafafb;
}
.c-UITable-cell--clickDisabled {
  cursor: not-allowed;
}
.c-UITable-cell--nowrap {
  white-space: nowrap;
}
.c-UITable-cell--controls {
  width: 59px;
  max-width: 59px;
}
.c-UITable-cell--noSidePadding {
  padding-right: 0;
  padding-left: 0;
}
.c-UITable-cell--leftPadding {
  padding-left: 32px;
}
.c-UITable--fullCard .c-UITable-cell {
  padding: 12px 24px;
}
.c-UITable--fullCard .c-UITable-row:first-child {
  border-top: 0;
}
.c-UITable--bookends .c-UITable-row:first-child {
  border-top-color: #e5e5eb;
}
.c-UITable--bookends .c-UITable-row:last-child {
  border-bottom-color: #e5e5eb;
}
.c-UITable--shaded {
  background-color: #f7f7f8;
}
.c-UITable--shaded .c-UITable-row {
  border-color: #e5e5eb;
}
#selectorOptionsAppendTarget {
  position: relative;
}
.u-border--top {
  border-top: 1px solid #dbdde4;
}
.u-border--right {
  border-right: 1px solid #dbdde4;
}
.u-border--bottom {
  border-bottom: 1px solid #dbdde4;
}
.u-border--left {
  border-left: 1px solid #dbdde4;
}
.u-border--all {
  border: 1px solid #dbdde4;
}
.u-container {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 480px) {
  .u-container {
    width: 480px;
  }
}
@media (min-width: 768px) {
  .u-container {
    width: 768px;
  }
}
@media (min-width: 1024px) {
  .u-container {
    width: 1024px;
  }
}
@media (min-width: 1200px) {
  .u-container {
    width: 1200px;
  }
}
.u-container--xLarge {
  max-width: 1200px;
}
.u-container--large {
  max-width: 1024px;
}
.u-container--medium {
  max-width: 768px;
}
.u-container--small {
  max-width: 480px;
}
.u-container--alignLeft {
  margin-left: 0;
}
.u-container--alignRight {
  margin-right: 0;
}
.u-container--fluid {
  width: 100%;
}
.u-grid--outterGutter {
  padding-right: 12px;
  padding-left: 12px;
}
.u-grid--noOverflow {
  overflow-x: hidden;
}
.u-grid-row {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.u-grid-row--gutterOffset {
  margin-right: -12px;
  margin-left: -12px;
}
.u-grid-row--gutterOffsetSmall {
  margin-right: -8px;
  margin-left: -8px;
}
.u-grid-row--horizontalCenter {
  justify-content: center;
}
.u-grid-row--horizontalRight {
  justify-content: flex-end;
}
.u-grid-row--horizontalSpaceBetween {
  justify-content: space-between;
}
.u-grid-row--verticalCenter {
  align-items: center;
}
.u-grid-row--verticalStretch {
  align-content: stretch;
  align-items: stretch;
}
.u-grid-row--verticalAlignEnd {
  align-content: flex-end;
  align-items: flex-end;
}
.u-grid-row--flushRight {
  margin-left: auto;
}
.u-grid-row--noWrap {
  flex-wrap: nowrap;
}
.u-grid-col {
  flex: 0 0 auto;
  max-width: 100%;
}
.u-grid-col--1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.u-grid-col--2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.u-grid-col--3 {
  flex-basis: 25%;
  max-width: 25%;
}
.u-grid-col--4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.u-grid-col--5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.u-grid-col--6 {
  flex-basis: 50%;
  max-width: 50%;
}
.u-grid-col--7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.u-grid-col--8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.u-grid-col--9 {
  flex-basis: 75%;
  max-width: 75%;
}
.u-grid-col--10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.u-grid-col--11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.u-grid-col--12 {
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 480px) {
  .u-grid-col--small-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .u-grid-col--small-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .u-grid-col--small-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-grid-col--small-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .u-grid-col--small-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .u-grid-col--small-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-grid-col--small-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .u-grid-col--small-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .u-grid-col--small-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-grid-col--small-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .u-grid-col--small-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .u-grid-col--small-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .u-grid-col--medium-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .u-grid-col--medium-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .u-grid-col--medium-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-grid-col--medium-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .u-grid-col--medium-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .u-grid-col--medium-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-grid-col--medium-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .u-grid-col--medium-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .u-grid-col--medium-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-grid-col--medium-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .u-grid-col--medium-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .u-grid-col--medium-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .u-grid-col--large-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .u-grid-col--large-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .u-grid-col--large-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .u-grid-col--large-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .u-grid-col--large-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .u-grid-col--large-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .u-grid-col--large-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .u-grid-col--large-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .u-grid-col--large-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .u-grid-col--large-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .u-grid-col--large-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .u-grid-col--large-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.u-grid-col--gutter {
  padding-right: 12px;
  padding-left: 12px;
}
.u-grid-col--gutterSmall {
  padding-right: 8px;
  padding-left: 8px;
}
.u-grid-col--fill {
  flex: 1 1 auto;
}
.u-grid-col--0 {
  max-width: 0;
  margin: 0;
  padding: 0;
}
.u-grid-order--1 {
  order: 1;
}
.u-grid-order--2 {
  order: 2;
}
@media (min-width: 480px) {
  .u-grid-order--small-1 {
    order: 1;
  }
  .u-grid-order--small-2 {
    order: 2;
  }
}
@media (min-width: 768px) {
  .u-grid-order--medium-1 {
    order: 1;
  }
  .u-grid-order--medium-2 {
    order: 2;
  }
}
@media (min-width: 1024px) {
  .u-grid-order--large-1 {
    order: 1;
  }
  .u-grid-order--large-2 {
    order: 2;
  }
}
.u-noSelect {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.u-shadow--l1 {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
.u-shadow--l2 {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
}
.u-shadow--l3 {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.14);
}
.u-margin--0 {
  margin: 0;
}
.u-marginHorizontal--0 {
  margin-left: 0;
  margin-right: 0;
}
.u-marginVertical--0 {
  margin-top: 0;
  margin-bottom: 0;
}
.u-marginTop--0 {
  margin-top: 0;
}
.u-marginRight--0 {
  margin-right: 0;
}
.u-marginBottom--0 {
  margin-bottom: 0;
}
.u-marginLeft--0 {
  margin-left: 0;
}
@media (min-width: 480px) {
  .u-marginBottom--small-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-0 {
    margin-bottom: 0;
  }
}
.u-margin--1 {
  margin: 4px;
}
.u-marginHorizontal--1 {
  margin-left: 4px;
  margin-right: 4px;
}
.u-marginVertical--1 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.u-marginTop--1 {
  margin-top: 4px;
}
.u-marginRight--1 {
  margin-right: 4px;
}
.u-marginBottom--1 {
  margin-bottom: 4px;
}
.u-marginLeft--1 {
  margin-left: 4px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-1 {
    margin-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-1 {
    margin-bottom: 4px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-1 {
    margin-bottom: 4px;
  }
}
.u-margin--2 {
  margin: 8px;
}
.u-marginHorizontal--2 {
  margin-left: 8px;
  margin-right: 8px;
}
.u-marginVertical--2 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.u-marginTop--2 {
  margin-top: 8px;
}
.u-marginRight--2 {
  margin-right: 8px;
}
.u-marginBottom--2 {
  margin-bottom: 8px;
}
.u-marginLeft--2 {
  margin-left: 8px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-2 {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-2 {
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-2 {
    margin-bottom: 8px;
  }
}
.u-margin--3 {
  margin: 12px;
}
.u-marginHorizontal--3 {
  margin-left: 12px;
  margin-right: 12px;
}
.u-marginVertical--3 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.u-marginTop--3 {
  margin-top: 12px;
}
.u-marginRight--3 {
  margin-right: 12px;
}
.u-marginBottom--3 {
  margin-bottom: 12px;
}
.u-marginLeft--3 {
  margin-left: 12px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-3 {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-3 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-3 {
    margin-bottom: 12px;
  }
}
.u-margin--4 {
  margin: 16px;
}
.u-marginHorizontal--4 {
  margin-left: 16px;
  margin-right: 16px;
}
.u-marginVertical--4 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.u-marginTop--4 {
  margin-top: 16px;
}
.u-marginRight--4 {
  margin-right: 16px;
}
.u-marginBottom--4 {
  margin-bottom: 16px;
}
.u-marginLeft--4 {
  margin-left: 16px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-4 {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-4 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-4 {
    margin-bottom: 16px;
  }
}
.u-margin--5 {
  margin: 20px;
}
.u-marginHorizontal--5 {
  margin-left: 20px;
  margin-right: 20px;
}
.u-marginVertical--5 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.u-marginTop--5 {
  margin-top: 20px;
}
.u-marginRight--5 {
  margin-right: 20px;
}
.u-marginBottom--5 {
  margin-bottom: 20px;
}
.u-marginLeft--5 {
  margin-left: 20px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-5 {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-5 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-5 {
    margin-bottom: 20px;
  }
}
.u-margin--6 {
  margin: 24px;
}
.u-marginHorizontal--6 {
  margin-left: 24px;
  margin-right: 24px;
}
.u-marginVertical--6 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.u-marginTop--6 {
  margin-top: 24px;
}
.u-marginRight--6 {
  margin-right: 24px;
}
.u-marginBottom--6 {
  margin-bottom: 24px;
}
.u-marginLeft--6 {
  margin-left: 24px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-6 {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-6 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-6 {
    margin-bottom: 24px;
  }
}
.u-margin--7 {
  margin: 28px;
}
.u-marginHorizontal--7 {
  margin-left: 28px;
  margin-right: 28px;
}
.u-marginVertical--7 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.u-marginTop--7 {
  margin-top: 28px;
}
.u-marginRight--7 {
  margin-right: 28px;
}
.u-marginBottom--7 {
  margin-bottom: 28px;
}
.u-marginLeft--7 {
  margin-left: 28px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-7 {
    margin-bottom: 28px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-7 {
    margin-bottom: 28px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-7 {
    margin-bottom: 28px;
  }
}
.u-margin--8 {
  margin: 32px;
}
.u-marginHorizontal--8 {
  margin-left: 32px;
  margin-right: 32px;
}
.u-marginVertical--8 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.u-marginTop--8 {
  margin-top: 32px;
}
.u-marginRight--8 {
  margin-right: 32px;
}
.u-marginBottom--8 {
  margin-bottom: 32px;
}
.u-marginLeft--8 {
  margin-left: 32px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-8 {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-8 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-8 {
    margin-bottom: 32px;
  }
}
.u-margin--9 {
  margin: 36px;
}
.u-marginHorizontal--9 {
  margin-left: 36px;
  margin-right: 36px;
}
.u-marginVertical--9 {
  margin-top: 36px;
  margin-bottom: 36px;
}
.u-marginTop--9 {
  margin-top: 36px;
}
.u-marginRight--9 {
  margin-right: 36px;
}
.u-marginBottom--9 {
  margin-bottom: 36px;
}
.u-marginLeft--9 {
  margin-left: 36px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-9 {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-9 {
    margin-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-9 {
    margin-bottom: 36px;
  }
}
.u-margin--10 {
  margin: 40px;
}
.u-marginHorizontal--10 {
  margin-left: 40px;
  margin-right: 40px;
}
.u-marginVertical--10 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.u-marginTop--10 {
  margin-top: 40px;
}
.u-marginRight--10 {
  margin-right: 40px;
}
.u-marginBottom--10 {
  margin-bottom: 40px;
}
.u-marginLeft--10 {
  margin-left: 40px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-10 {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-10 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-10 {
    margin-bottom: 40px;
  }
}
.u-margin--11 {
  margin: 44px;
}
.u-marginHorizontal--11 {
  margin-left: 44px;
  margin-right: 44px;
}
.u-marginVertical--11 {
  margin-top: 44px;
  margin-bottom: 44px;
}
.u-marginTop--11 {
  margin-top: 44px;
}
.u-marginRight--11 {
  margin-right: 44px;
}
.u-marginBottom--11 {
  margin-bottom: 44px;
}
.u-marginLeft--11 {
  margin-left: 44px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-11 {
    margin-bottom: 44px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-11 {
    margin-bottom: 44px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-11 {
    margin-bottom: 44px;
  }
}
.u-margin--12 {
  margin: 48px;
}
.u-marginHorizontal--12 {
  margin-left: 48px;
  margin-right: 48px;
}
.u-marginVertical--12 {
  margin-top: 48px;
  margin-bottom: 48px;
}
.u-marginTop--12 {
  margin-top: 48px;
}
.u-marginRight--12 {
  margin-right: 48px;
}
.u-marginBottom--12 {
  margin-bottom: 48px;
}
.u-marginLeft--12 {
  margin-left: 48px;
}
@media (min-width: 480px) {
  .u-marginBottom--small-12 {
    margin-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .u-marginBottom--medium-12 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .u-marginBottom--large-12 {
    margin-bottom: 48px;
  }
}
.u-padding--0 {
  padding: 0;
}
.u-paddingHorizontal--0 {
  padding-left: 0;
  padding-right: 0;
}
.u-paddingVertical--0 {
  padding-top: 0;
  padding-bottom: 0;
}
.u-paddingTop--0 {
  padding-top: 0;
}
.u-paddingRight--0 {
  padding-right: 0;
}
.u-paddingBottom--0 {
  padding-bottom: 0;
}
.u-paddingLeft--0 {
  padding-left: 0;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-0 {
    padding-bottom: 0;
  }
}
.u-padding--1 {
  padding: 4px;
}
.u-paddingHorizontal--1 {
  padding-left: 4px;
  padding-right: 4px;
}
.u-paddingVertical--1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.u-paddingTop--1 {
  padding-top: 4px;
}
.u-paddingRight--1 {
  padding-right: 4px;
}
.u-paddingBottom--1 {
  padding-bottom: 4px;
}
.u-paddingLeft--1 {
  padding-left: 4px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-1 {
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-1 {
    padding-bottom: 4px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-1 {
    padding-bottom: 4px;
  }
}
.u-padding--2 {
  padding: 8px;
}
.u-paddingHorizontal--2 {
  padding-left: 8px;
  padding-right: 8px;
}
.u-paddingVertical--2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.u-paddingTop--2 {
  padding-top: 8px;
}
.u-paddingRight--2 {
  padding-right: 8px;
}
.u-paddingBottom--2 {
  padding-bottom: 8px;
}
.u-paddingLeft--2 {
  padding-left: 8px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-2 {
    padding-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-2 {
    padding-bottom: 8px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-2 {
    padding-bottom: 8px;
  }
}
.u-padding--3 {
  padding: 12px;
}
.u-paddingHorizontal--3 {
  padding-left: 12px;
  padding-right: 12px;
}
.u-paddingVertical--3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.u-paddingTop--3 {
  padding-top: 12px;
}
.u-paddingRight--3 {
  padding-right: 12px;
}
.u-paddingBottom--3 {
  padding-bottom: 12px;
}
.u-paddingLeft--3 {
  padding-left: 12px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-3 {
    padding-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-3 {
    padding-bottom: 12px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-3 {
    padding-bottom: 12px;
  }
}
.u-padding--4 {
  padding: 16px;
}
.u-paddingHorizontal--4 {
  padding-left: 16px;
  padding-right: 16px;
}
.u-paddingVertical--4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.u-paddingTop--4 {
  padding-top: 16px;
}
.u-paddingRight--4 {
  padding-right: 16px;
}
.u-paddingBottom--4 {
  padding-bottom: 16px;
}
.u-paddingLeft--4 {
  padding-left: 16px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-4 {
    padding-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-4 {
    padding-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-4 {
    padding-bottom: 16px;
  }
}
.u-padding--5 {
  padding: 20px;
}
.u-paddingHorizontal--5 {
  padding-left: 20px;
  padding-right: 20px;
}
.u-paddingVertical--5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.u-paddingTop--5 {
  padding-top: 20px;
}
.u-paddingRight--5 {
  padding-right: 20px;
}
.u-paddingBottom--5 {
  padding-bottom: 20px;
}
.u-paddingLeft--5 {
  padding-left: 20px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-5 {
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-5 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-5 {
    padding-bottom: 20px;
  }
}
.u-padding--6 {
  padding: 24px;
}
.u-paddingHorizontal--6 {
  padding-left: 24px;
  padding-right: 24px;
}
.u-paddingVertical--6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.u-paddingTop--6 {
  padding-top: 24px;
}
.u-paddingRight--6 {
  padding-right: 24px;
}
.u-paddingBottom--6 {
  padding-bottom: 24px;
}
.u-paddingLeft--6 {
  padding-left: 24px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-6 {
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-6 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-6 {
    padding-bottom: 24px;
  }
}
.u-padding--7 {
  padding: 28px;
}
.u-paddingHorizontal--7 {
  padding-left: 28px;
  padding-right: 28px;
}
.u-paddingVertical--7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.u-paddingTop--7 {
  padding-top: 28px;
}
.u-paddingRight--7 {
  padding-right: 28px;
}
.u-paddingBottom--7 {
  padding-bottom: 28px;
}
.u-paddingLeft--7 {
  padding-left: 28px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-7 {
    padding-bottom: 28px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-7 {
    padding-bottom: 28px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-7 {
    padding-bottom: 28px;
  }
}
.u-padding--8 {
  padding: 32px;
}
.u-paddingHorizontal--8 {
  padding-left: 32px;
  padding-right: 32px;
}
.u-paddingVertical--8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.u-paddingTop--8 {
  padding-top: 32px;
}
.u-paddingRight--8 {
  padding-right: 32px;
}
.u-paddingBottom--8 {
  padding-bottom: 32px;
}
.u-paddingLeft--8 {
  padding-left: 32px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-8 {
    padding-bottom: 32px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-8 {
    padding-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-8 {
    padding-bottom: 32px;
  }
}
.u-padding--9 {
  padding: 36px;
}
.u-paddingHorizontal--9 {
  padding-left: 36px;
  padding-right: 36px;
}
.u-paddingVertical--9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.u-paddingTop--9 {
  padding-top: 36px;
}
.u-paddingRight--9 {
  padding-right: 36px;
}
.u-paddingBottom--9 {
  padding-bottom: 36px;
}
.u-paddingLeft--9 {
  padding-left: 36px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-9 {
    padding-bottom: 36px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-9 {
    padding-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-9 {
    padding-bottom: 36px;
  }
}
.u-padding--10 {
  padding: 40px;
}
.u-paddingHorizontal--10 {
  padding-left: 40px;
  padding-right: 40px;
}
.u-paddingVertical--10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.u-paddingTop--10 {
  padding-top: 40px;
}
.u-paddingRight--10 {
  padding-right: 40px;
}
.u-paddingBottom--10 {
  padding-bottom: 40px;
}
.u-paddingLeft--10 {
  padding-left: 40px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-10 {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-10 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-10 {
    padding-bottom: 40px;
  }
}
.u-padding--11 {
  padding: 44px;
}
.u-paddingHorizontal--11 {
  padding-left: 44px;
  padding-right: 44px;
}
.u-paddingVertical--11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.u-paddingTop--11 {
  padding-top: 44px;
}
.u-paddingRight--11 {
  padding-right: 44px;
}
.u-paddingBottom--11 {
  padding-bottom: 44px;
}
.u-paddingLeft--11 {
  padding-left: 44px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-11 {
    padding-bottom: 44px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-11 {
    padding-bottom: 44px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-11 {
    padding-bottom: 44px;
  }
}
.u-padding--12 {
  padding: 48px;
}
.u-paddingHorizontal--12 {
  padding-left: 48px;
  padding-right: 48px;
}
.u-paddingVertical--12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.u-paddingTop--12 {
  padding-top: 48px;
}
.u-paddingRight--12 {
  padding-right: 48px;
}
.u-paddingBottom--12 {
  padding-bottom: 48px;
}
.u-paddingLeft--12 {
  padding-left: 48px;
}
@media (min-width: 480px) {
  .u-paddingBottom--small-12 {
    padding-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .u-paddingBottom--medium-12 {
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .u-paddingBottom--large-12 {
    padding-bottom: 48px;
  }
}
.u-marginUI--xxxSmall {
  margin: 4px;
}
.u-marginUI--xxSmall {
  margin: 8px;
}
.u-marginUI--xSmall {
  margin: 12px;
}
.u-marginUI--small {
  margin: 16px;
}
.u-marginUI--medium {
  margin: 24px;
}
.u-marginUI--large {
  margin: 32px;
}
.u-marginUI--xLarge {
  margin: 40px;
}
.u-marginUI--xxLarge {
  margin: 48px;
}
.u-marginUI--xxxLarge {
  margin: 64px;
}
.u-marginBottomUI--xxxSmall {
  margin-bottom: 4px;
}
.u-marginBottomUI--xxSmall {
  margin-bottom: 8px;
}
.u-marginBottomUI--xSmall {
  margin-bottom: 12px;
}
.u-marginBottomUI--small {
  margin-bottom: 16px;
}
.u-marginBottomUI--medium {
  margin-bottom: 24px;
}
.u-marginBottomUI--large {
  margin-bottom: 32px;
}
.u-marginBottomUI--xLarge {
  margin-bottom: 40px;
}
.u-marginBottomUI--xxLarge {
  margin-bottom: 48px;
}
.u-marginBottomUI--xxxLarge {
  margin-bottom: 64px;
}
@media (min-width: 480px) {
  .u-marginBottomUI--none-small {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .u-marginBottomUI--none-medium {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .u-marginBottomUI--none-large {
    margin-bottom: 0;
  }
}
.u-marginTopUI--xxxSmall {
  margin-top: 4px;
}
.u-marginTopUI--xxSmall {
  margin-top: 8px;
}
.u-marginTopUI--xSmall {
  margin-top: 12px;
}
.u-marginTopUI--small {
  margin-top: 16px;
}
.u-marginTopUI--medium {
  margin-top: 24px;
}
.u-marginTopUI--large {
  margin-top: 32px;
}
.u-marginTopUI--xLarge {
  margin-top: 40px;
}
.u-marginTopUI--xxLarge {
  margin-top: 48px;
}
.u-marginTopUI--xxxLarge {
  margin-top: 64px;
}
.u-marginLeftUI--xxxSmall {
  margin-left: 4px;
}
.u-marginLeftUI--xxSmall {
  margin-left: 8px;
}
.u-marginLeftUI--xSmall {
  margin-left: 12px;
}
.u-marginLeftUI--small {
  margin-left: 16px;
}
.u-marginLeftUI--medium {
  margin-left: 24px;
}
.u-marginLeftUI--large {
  margin-left: 32px;
}
.u-marginLeftUI--xLarge {
  margin-left: 40px;
}
.u-marginLeftUI--xxLarge {
  margin-left: 48px;
}
.u-marginLeftUI--xxxLarge {
  margin-left: 64px;
}
.u-marginRightUI--xxxSmall {
  margin-right: 4px;
}
.u-marginRightUI--xxSmall {
  margin-right: 8px;
}
.u-marginRightUI--xSmall {
  margin-right: 12px;
}
.u-marginRightUI--small {
  margin-right: 16px;
}
.u-marginRightUI--medium {
  margin-right: 24px;
}
.u-marginRightUI--large {
  margin-right: 32px;
}
.u-marginRightUI--xLarge {
  margin-right: 40px;
}
.u-marginRightUI--xxLarge {
  margin-right: 48px;
}
.u-marginRightUI--xxxLarge {
  margin-right: 64px;
}
.u-marginVerticalUI--xxxSmall {
  margin-top: 4px;
  margin-bottom: 4px;
}
.u-marginVerticalUI--xxSmall {
  margin-top: 8px;
  margin-bottom: 8px;
}
.u-marginVerticalUI--xSmall {
  margin-top: 12px;
  margin-bottom: 12px;
}
.u-marginVerticalUI--small {
  margin-top: 16px;
  margin-bottom: 16px;
}
.u-marginVerticalUI--medium {
  margin-top: 24px;
  margin-bottom: 24px;
}
.u-marginVerticalUI--large {
  margin-top: 32px;
  margin-bottom: 32px;
}
.u-marginVerticalUI--xLarge {
  margin-top: 40px;
  margin-bottom: 40px;
}
.u-marginVerticalUI--xxLarge {
  margin-top: 48px;
  margin-bottom: 48px;
}
.u-marginVerticalUI--xxxLarge {
  margin-top: 64px;
  margin-bottom: 64px;
}
.u-marginHorizontalUI--xxxSmall {
  margin-right: 4px;
  margin-left: 4px;
}
.u-marginHorizontalUI--xxSmall {
  margin-right: 8px;
  margin-left: 8px;
}
.u-marginHorizontalUI--xSmall {
  margin-right: 12px;
  margin-left: 12px;
}
.u-marginHorizontalUI--small {
  margin-right: 16px;
  margin-left: 16px;
}
.u-marginHorizontalUI--medium {
  margin-right: 24px;
  margin-left: 24px;
}
.u-marginHorizontalUI--large {
  margin-right: 32px;
  margin-left: 32px;
}
.u-marginHorizontalUI--xLarge {
  margin-right: 40px;
  margin-left: 40px;
}
.u-marginHorizontalUI--xxLarge {
  margin-right: 48px;
  margin-left: 48px;
}
.u-marginHorizontalUI--xxxLarge {
  margin-right: 64px;
  margin-left: 64px;
}
.u-paddingUI--xxxSmall {
  padding: 4px;
}
.u-paddingUI--xxSmall {
  padding: 8px;
}
.u-paddingUI--xSmall {
  padding: 12px;
}
.u-paddingUI--small {
  padding: 16px;
}
.u-paddingUI--medium {
  padding: 24px;
}
.u-paddingUI--large {
  padding: 32px;
}
.u-paddingUI--xLarge {
  padding: 40px;
}
.u-paddingUI--xxLarge {
  padding: 48px;
}
.u-paddingUI--xxxLarge {
  padding: 64px;
}
.u-paddingBottomUI--xxxSmall {
  padding-bottom: 4px;
}
.u-paddingBottomUI--xxSmall {
  padding-bottom: 8px;
}
.u-paddingBottomUI--xSmall {
  padding-bottom: 12px;
}
.u-paddingBottomUI--small {
  padding-bottom: 16px;
}
.u-paddingBottomUI--medium {
  padding-bottom: 24px;
}
.u-paddingBottomUI--large {
  padding-bottom: 32px;
}
.u-paddingBottomUI--xLarge {
  padding-bottom: 40px;
}
.u-paddingBottomUI--xxLarge {
  padding-bottom: 48px;
}
.u-paddingBottomUI--xxxLarge {
  padding-bottom: 64px;
}
.u-paddingTopUI--xxxSmall {
  padding-top: 4px;
}
.u-paddingTopUI--xxSmall {
  padding-top: 8px;
}
.u-paddingTopUI--xSmall {
  padding-top: 12px;
}
.u-paddingTopUI--small {
  padding-top: 16px;
}
.u-paddingTopUI--medium {
  padding-top: 24px;
}
.u-paddingTopUI--large {
  padding-top: 32px;
}
.u-paddingTopUI--xLarge {
  padding-top: 40px;
}
.u-paddingTopUI--xxLarge {
  padding-top: 48px;
}
.u-paddingTopUI--xxxLarge {
  padding-top: 64px;
}
.u-paddingLeftUI--xxxSmall {
  padding-left: 4px;
}
.u-paddingLeftUI--xxSmall {
  padding-left: 8px;
}
.u-paddingLeftUI--xSmall {
  padding-left: 12px;
}
.u-paddingLeftUI--small {
  padding-left: 16px;
}
.u-paddingLeftUI--medium {
  padding-left: 24px;
}
.u-paddingLeftUI--large {
  padding-left: 32px;
}
.u-paddingLeftUI--xLarge {
  padding-left: 40px;
}
.u-paddingLeftUI--xxLarge {
  padding-left: 48px;
}
.u-paddingLeftUI--xxxLarge {
  padding-left: 64px;
}
.u-paddingRightUI--xxxSmall {
  padding-right: 4px;
}
.u-paddingRightUI--xxSmall {
  padding-right: 8px;
}
.u-paddingRightUI--xSmall {
  padding-right: 12px;
}
.u-paddingRightUI--small {
  padding-right: 16px;
}
.u-paddingRightUI--medium {
  padding-right: 24px;
}
.u-paddingRightUI--large {
  padding-right: 32px;
}
.u-paddingRightUI--xLarge {
  padding-right: 40px;
}
.u-paddingRightUI--xxLarge {
  padding-right: 48px;
}
.u-paddingRightUI--xxxLarge {
  padding-right: 64px;
}
.u-paddingVerticalUI--xxxSmall {
  padding-top: 4px;
  padding-bottom: 4px;
}
.u-paddingVerticalUI--xxSmall {
  padding-top: 8px;
  padding-bottom: 8px;
}
.u-paddingVerticalUI--xSmall {
  padding-top: 12px;
  padding-bottom: 12px;
}
.u-paddingVerticalUI--small {
  padding-top: 16px;
  padding-bottom: 16px;
}
.u-paddingVerticalUI--medium {
  padding-top: 24px;
  padding-bottom: 24px;
}
.u-paddingVerticalUI--large {
  padding-top: 32px;
  padding-bottom: 32px;
}
.u-paddingVerticalUI--xLarge {
  padding-top: 40px;
  padding-bottom: 40px;
}
.u-paddingVerticalUI--xxLarge {
  padding-top: 48px;
  padding-bottom: 48px;
}
.u-paddingVerticalUI--xxxLarge {
  padding-top: 64px;
  padding-bottom: 64px;
}
.u-paddingHorizontalUI--xxxSmall {
  padding-right: 4px;
  padding-left: 4px;
}
.u-paddingHorizontalUI--xxSmall {
  padding-right: 8px;
  padding-left: 8px;
}
.u-paddingHorizontalUI--xSmall {
  padding-right: 12px;
  padding-left: 12px;
}
.u-paddingHorizontalUI--small {
  padding-right: 16px;
  padding-left: 16px;
}
.u-paddingHorizontalUI--medium {
  padding-right: 24px;
  padding-left: 24px;
}
.u-paddingHorizontalUI--large {
  padding-right: 32px;
  padding-left: 32px;
}
.u-paddingHorizontalUI--xLarge {
  padding-right: 40px;
  padding-left: 40px;
}
.u-paddingHorizontalUI--xxLarge {
  padding-right: 48px;
  padding-left: 48px;
}
.u-paddingHorizontalUI--xxxLarge {
  padding-right: 64px;
  padding-left: 64px;
}
.u-fontFamily--primary {
  font-family: "Varela Round", sans-serif;
}
.u-fontFamily--secondary {
  font-family:
    "IBM Plex Sans",
    "Lato",
    "Open Sans",
    sans-serif;
}
.u-fontSize--xxxSmall {
  font-size: 6px;
}
.u-fontSize--xxSmall {
  font-size: 8px;
}
.u-fontSize--xSmall {
  font-size: 12px;
}
.u-fontSize--small {
  font-size: 13px;
}
.u-fontSize--regular {
  font-size: 14px;
}
.u-fontSize--medium {
  font-size: 16px;
}
.u-fontSize--large {
  font-size: 20px;
}
.u-fontSize--xLarge {
  font-size: 24px;
}
.u-fontSize--xxLarge {
  font-size: 28px;
}
.u-fontSize--xxxLarge {
  font-size: 32px;
}
.u-fontWeight--normal {
  font-weight: normal;
}
.u-fontWeight--bold {
  font-weight: bold;
}
.u-fontWeight--semibold {
  font-weight: 600;
}
.u-textAlign--left {
  text-align: left;
}
.u-textAlign--center {
  text-align: center;
}
.u-textAlign--right {
  text-align: right;
}
@media (min-width: 768px) {
  .u-textAlign--medium-left {
    text-align: left;
  }
  .u-textAlign--medium-center {
    text-align: center;
  }
  .u-textAlign--medium-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .u-textAlign--large-left {
    text-align: left;
  }
  .u-textAlign--large-center {
    text-align: center;
  }
  .u-textAlign--large-right {
    text-align: right;
  }
}
.u-textColor--default {
  color: #272d45;
}
.u-textColor--mid {
  color: #676986;
}
.u-textColor--light {
  color: #fff;
}
.u-textColor--brand {
  color: #00b69c;
}
.u-textColor--error {
  color: #e63f58;
}
.u-textTransform--uppercase {
  text-transform: uppercase;
}
.u-textTransform--capitalize {
  text-transform: capitalize;
}
.u-textDecoration--linethrough {
  text-decoration: line-through;
}
.u-textDecoration--underline {
  text-decoration: underline;
}
.u-textDecoration--none {
  text-decoration: none;
}
.u-lineHeight--0 {
  line-height: 0;
}
.u-lineHeight--1 {
  line-height: 1;
}
.u-lineHeight--tight {
  line-height: 1.2;
}
.u-lineHeight--normal {
  line-height: 1.6;
}
.u-lineHeight--loose {
  line-height: 2;
}
.u-lineHeight--xLoose {
  line-height: 2.5;
}
.u-whiteSpace--normal {
  white-space: normal;
}
.u-whiteSpace--nowrap {
  white-space: nowrap;
}
.u-whiteSpace--pre {
  white-space: pre;
}
.u-whiteSpace--preWrap {
  white-space: pre-wrap;
}
.u-whiteSpace--preLine {
  white-space: pre-line;
}
.u-whiteSpace--breakSpaces {
  white-space: break-spaces;
}
.u-hidden {
  display: none;
}
@media (min-width: 480px) {
  .u-hidden--small {
    display: none;
  }
}
@media (min-width: 768px) {
  .u-hidden--medium {
    display: none;
  }
}
@media (min-width: 1024px) {
  .u-hidden--large {
    display: none;
  }
}
.u-block {
  display: block;
}
@media (min-width: 480px) {
  .u-block--small {
    display: block;
  }
}
@media (min-width: 768px) {
  .u-block--medium {
    display: block;
  }
}
@media (min-width: 1024px) {
  .u-block--large {
    display: block;
  }
}
.u-faded {
  opacity: 0.5;
}
.u-disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.u-processing {
  position: relative;
  display: inline-block;
}
.u-processing::before,
.u-processing::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #d9d9d9;
  border-radius: 50%;
}
.u-processing::after {
  border: 3px solid transparent;
  border-top-color: #00caaa;
  border-right-color: #00caaa;
  animation: spin 1.5s linear 0s infinite none normal;
}
.u-processing {
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.u-processing > * {
  opacity: 0.3;
}
.u-processing::before,
.u-processing::after {
  width: 48px;
  height: 48px;
  margin: auto;
}
.u-assistive-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.u-invisible {
  visibility: hidden;
}
.u-display--block {
  display: block;
}
@media (min-width: 480px) {
  .u-display--block-small {
    display: block;
  }
}
@media (min-width: 768px) {
  .u-display--block-medium {
    display: block;
  }
}
@media (min-width: 1024px) {
  .u-display--block-large {
    display: block;
  }
}
.u-display--inline {
  display: inline;
}
.u-display--inlineBlock {
  display: inline-block;
}
.u-display--flex {
  display: flex;
}
.u-position--relative {
  position: relative;
}
.u-verticalAlign--top {
  vertical-align: top;
}
.u-verticalAlign--baseline {
  vertical-align: baseline;
}
.u-verticalAlign--middle {
  vertical-align: middle;
}
.u-verticalAlign--bottom {
  vertical-align: bottom;
}
@keyframes loading-animation {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}
@keyframes loading-overlay-animation {
  100% {
    transform: translateX(50%);
  }
}
product-group-picker,
selected-items-individual,
selected-items-aggregate {
  display: contents;
}
:host ::ng-deep .c-productGroupPicker {
  display: contents;
}
:host ::ng-deep .c-productGroupPicker selected-items-individual {
  display: contents;
}
:host ::ng-deep .c-productGroupPicker-truncate {
  display: block;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host ::ng-deep .c-productGroupPicker-tabs {
  width: 100%;
}
:host ::ng-deep .c-productGroupPicker-overflowIcon {
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:host ::ng-deep .c-productGroupPicker-container {
  display: flex;
  align-items: center;
  margin-right: -4px;
  padding: 8px;
  border-radius: 6px;
  background-color: #f7f7f8;
}
:host ::ng-deep .c-productGroupPicker-selectedItems {
  display: flex;
  align-items: center;
  padding: 8px;
  border-radius: 6px;
  background-color: #f7f7f8;
}
:host ::ng-deep .c-productGroupPicker-selectedItems--aggregate {
  gap: 8px;
}
@media (max-width: 480px) {
  :host ::ng-deep .c-productGroupPicker-selectedItems--aggregate {
    flex-direction: column;
  }
}
:host ::ng-deep .c-productGroupPicker-selectedItems--aggregate .c-productGroupPicker-productImage {
  border: none;
}
:host ::ng-deep .c-productGroupPicker-deleteButton {
  display: flex;
}
:host ::ng-deep .c-productGroupPicker-item {
  position: relative;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  max-width: 250px;
  height: 32px;
  padding-right: 8px;
  padding-left: 8px;
  border: none;
  border-radius: 6px;
  background: #fff;
  font-weight: 500;
}
@media (max-width: 480px) {
  :host ::ng-deep .c-productGroupPicker-item {
    width: 100%;
    max-width: 100%;
  }
}
:host ::ng-deep .c-productGroupPicker-item--allProducts {
  padding-right: 8px;
  padding-left: 8px;
}
:host ::ng-deep .c-productGroupPicker-item--allProducts .c-icon-image {
  width: 24px;
  height: 24px;
}
:host ::ng-deep .c-productGroupPicker-item--aggregate {
  padding-left: 0;
}
:host ::ng-deep .c-productGroupPicker-item--aggregate .c-productGroupPicker-productImage,
:host ::ng-deep .c-productGroupPicker-item--aggregate .c-productGroupPicker-groupThumbnail {
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
:host ::ng-deep .c-productGroupPicker-item .c-productGroupPicker-deleteButtonWrapper {
  display: flex;
  align-items: center;
}
:host ::ng-deep .c-productGroupPicker-item .c-productGroupPicker-deleteButton {
  position: absolute;
  right: 8px;
  width: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-out, width 0.2s ease-out;
}
:host ::ng-deep .c-productGroupPicker-item--hoverable:hover .c-productGroupPicker-deleteButton {
  width: 20px;
  opacity: 1;
  visibility: visible;
}
:host ::ng-deep .c-productGroupPicker-item--hoverable:hover product-group-display {
  overflow: hidden;
  max-width: calc(100% - 28px);
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host ::ng-deep .c-productGroupPicker .c-buttonGroup--soft {
  display: flex;
}
:host ::ng-deep .c-productGroupPicker-overflowButton {
  justify-content: normal;
  white-space: nowrap;
}
:host ::ng-deep .c-productGroupPicker-labelText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:host ::ng-deep .c-productGroupPicker-checkboxGroup {
  overflow-y: auto;
  height: 240px;
}
:host ::ng-deep .c-productGroupPicker-wrapper {
  gap: 12px;
}
:host ::ng-deep .c-productGroupPicker-popper {
  display: flex;
  width: 400px;
  max-width: 450px;
}
:host ::ng-deep .c-productGroupPicker-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
:host ::ng-deep .c-productGroupPicker-overflowItem {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
}
:host ::ng-deep .c-productGroupPicker-overflowItem:hover,
:host ::ng-deep .c-productGroupPicker-overflowItem:focus-within {
  background-color: #f7f7f8;
}
:host ::ng-deep .c-productGroupPicker-overflowItems {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-height: 240px;
  padding: 1px 0;
  list-style: none;
}
:host ::ng-deep .c-productGroupPicker-skeletonList {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
:host ::ng-deep .c-productGroupPicker-skeletonList .c-skeleton-text {
  height: 32px;
  border-radius: 6px;
}
:host ::ng-deep .c-productGroupPicker-skeletonList .c-skeleton-text:nth-child(1) {
  width: 100%;
}
:host ::ng-deep .c-productGroupPicker-skeletonList .c-skeleton-text:nth-child(2) {
  width: 50%;
}
:host ::ng-deep .c-productGroupPicker-skeletonList .c-skeleton-text:nth-child(3) {
  width: 25%;
}
:host ::ng-deep .c-productGroupPicker-skeletonInline {
  height: 32px;
  width: 100%;
  border-radius: 6px;
}
:host ::ng-deep .c-productGroupPicker-searchBar {
  width: 100%;
  height: 40px;
}
:host ::ng-deep .c-productGroupPicker-selectedIcon {
  display: none;
}
:host ::ng-deep .c-productGroupPicker-label {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
}
:host ::ng-deep .c-productGroupPicker-label .c-productGroupPicker-productImage,
:host ::ng-deep .c-productGroupPicker-label .c-productGroupPicker-groupThumbnail {
  border-radius: 6px;
}
:host ::ng-deep .c-productGroupPicker-label--hidden {
  opacity: 0;
  visibility: hidden;
}
:host ::ng-deep .c-productGroupPicker-label:hover,
:host ::ng-deep .c-productGroupPicker-label:focus-within {
  background-color: #f7f7f8;
}
:host ::ng-deep .c-productGroupPicker-label input {
  position: absolute;
  width: 1em;
  height: 1em;
  opacity: 0;
}
:host ::ng-deep .c-productGroupPicker-label label:has(input:checked) {
  font-weight: 500;
}
:host ::ng-deep .c-productGroupPicker-label label:has(input:checked) .c-productGroupPicker-selectedIcon {
  display: block;
  color: #00b69c;
}
:host ::ng-deep .c-productGroupPicker-label:has(input:checked) {
  font-weight: 500;
}
:host ::ng-deep .c-productGroupPicker-label:has(input:checked) .c-productGroupPicker-selectedIcon {
  display: block;
  color: #00b69c;
}
:host ::ng-deep .c-productGroupPicker-popperTrigger {
  position: relative;
}
:host ::ng-deep .c-productGroupPicker-popperTrigger--aggregate {
  left: -55px;
}
:host ::ng-deep .c-productGroupPicker-popperTrigger--individual {
  left: -35px;
  align-self: flex-end;
}
:host ::ng-deep .c-productGroupPicker {
}
:host ::ng-deep .c-productGroupPicker-productImage {
  max-width: 32px;
  max-height: 32px;
}
:host ::ng-deep .c-productGroupPicker-productImage,
:host ::ng-deep .c-productGroupPicker-groupThumbnail {
  box-sizing: content-box;
  margin-right: 8px;
  border-radius: 6px;
}
:host ::ng-deep .c-productGroupPicker :host ::ng-deep .c-productGroupPicker-popperContent {
  position: relative;
  z-index: 5;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
:host ::ng-deep .c-productGroupPicker-arrow {
  display: none;
}
:host ::ng-deep .c-productGroupPicker-hidden {
  display: none;
}
@media (hover: none) and (pointer: coarse), (hover: none) and (pointer: fine), (hover: hover) and (pointer: coarse) {
  .c-productGroupPicker-item .c-productGroupPicker-deleteButton {
    width: 20px;
    opacity: 1;
    visibility: visible;
  }
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  color: rgba(0, 0, 0, 0);
}
oke-modal,
oke-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 14;
}
.c-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 14;
  background-color: rgba(0, 0, 0, 0.66);
  will-change: opacity;
}
.c-modal-inner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 16;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
}
.c-modal-dialog {
  position: relative;
  width: 720px;
  max-width: 90%;
  max-height: calc(90% - 40px);
  margin: 40px 0;
  z-index: 14;
  will-change: opacity;
}
.c-modal-dialog-close {
  position: absolute;
  top: -30px;
  right: -5px;
  border: none;
  background: none;
  cursor: pointer;
}
.c-modal-overlay {
  background-color: rgba(43, 46, 56, 0.9);
}
.c-modal--small .c-modal-dialog {
  width: 480px;
}
.c-modal--large .c-modal-dialog {
  width: 1080px;
}
.c-iframePreviewer {
  height: 100%;
}
[oke-design-system] .u-animation--spin {
  animation: spin 4s linear infinite;
}
[oke-design-system] .u-animation--fadeIn {
  animation: fade-in 0.5s ease-out;
  animation-iteration-count: 1;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes loading-overlay {
  100% {
    transform: translateX(50%);
  }
}
[oke-design-system] {
}
[oke-design-system] .u-assistiveHidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
[oke-design-system] {
}
[oke-design-system] .u-border--top {
  border-top: 1px solid var(--oke-border-color);
}
[oke-design-system] .u-border--right {
  border-right: 1px solid var(--oke-border-color);
}
[oke-design-system] .u-border--bottom {
  border-bottom: 1px solid var(--oke-border-color);
}
[oke-design-system] .u-border--left {
  border-left: 1px solid var(--oke-border-color);
}
[oke-design-system] .u-border--all {
  border: 1px solid var(--oke-border-color);
}
[oke-design-system] .u-border--rounded {
  border-radius: var(--oke-border-radius);
}
[oke-design-system] .u-display--block {
  display: block;
}
[oke-design-system] .u-display--inline {
  display: inline;
}
[oke-design-system] .u-display--inlineBlock {
  display: inline-block;
}
[oke-design-system] {
}
[oke-design-system] .u-flex {
  display: flex;
}
[oke-design-system] .u-flex--inline {
  display: inline-flex;
}
[oke-design-system] .u-flex--column {
  flex-direction: column;
}
[oke-design-system] .u-flex--justifyBetween {
  justify-content: space-between;
}
[oke-design-system] .u-flex--justifyCenter {
  justify-content: center;
}
[oke-design-system] .u-flex--alignStart {
  align-items: flex-start;
}
[oke-design-system] .u-flex--alignEnd {
  align-items: flex-end;
}
[oke-design-system] .u-flex--alignCenter {
  align-items: center;
}
[oke-design-system] .u-flex--wrap {
  flex-wrap: wrap;
}
[oke-design-system] .u-flex--gap-0 {
  gap: var(--oke-spacing-0);
}
[oke-design-system] .u-flex--gap-1 {
  gap: var(--oke-spacing-1);
}
[oke-design-system] .u-flex--gap-2 {
  gap: var(--oke-spacing-2);
}
[oke-design-system] .u-flex--gap-3 {
  gap: var(--oke-spacing-3);
}
[oke-design-system] .u-flex--gap-4 {
  gap: var(--oke-spacing-4);
}
[oke-design-system] .u-flex--gap-5 {
  gap: var(--oke-spacing-5);
}
[oke-design-system] .u-flex--gap-6 {
  gap: var(--oke-spacing-6);
}
[oke-design-system] .u-flex--gap-8 {
  gap: var(--oke-spacing-8);
}
[oke-design-system] .u-flex--gap-10 {
  gap: var(--oke-spacing-10);
}
[oke-design-system] .u-flex--gap-12 {
  gap: var(--oke-spacing-12);
}
[oke-design-system] .u-flex--grow {
  flex-grow: 1;
}
[oke-design-system] {
}
[oke-design-system] .u-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
[oke-design-system] .u-grid--alignStart {
  align-items: start;
}
[oke-design-system] .u-grid--alignEnd {
  align-items: end;
}
[oke-design-system] .u-grid--alignCenter {
  align-items: center;
}
[oke-design-system] .u-grid--gap-0 {
  gap: var(--oke-spacing-0);
}
[oke-design-system] .u-grid--gap-1 {
  gap: var(--oke-spacing-1);
}
[oke-design-system] .u-grid--gap-2 {
  gap: var(--oke-spacing-2);
}
[oke-design-system] .u-grid--gap-3 {
  gap: var(--oke-spacing-3);
}
[oke-design-system] .u-grid--gap-4 {
  gap: var(--oke-spacing-4);
}
[oke-design-system] .u-grid--gap-5 {
  gap: var(--oke-spacing-5);
}
[oke-design-system] .u-grid--gap-6 {
  gap: var(--oke-spacing-6);
}
[oke-design-system] .u-grid--gap-8 {
  gap: var(--oke-spacing-8);
}
[oke-design-system] .u-grid--gap-10 {
  gap: var(--oke-spacing-10);
}
[oke-design-system] .u-grid--gap-12 {
  gap: var(--oke-spacing-12);
}
[oke-design-system] .u-grid-col--1 {
  grid-column: span 1;
  max-width: none;
}
[oke-design-system] .u-grid-col--2 {
  grid-column: span 2;
  max-width: none;
}
[oke-design-system] .u-grid-col--3 {
  grid-column: span 3;
  max-width: none;
}
[oke-design-system] .u-grid-col--4 {
  grid-column: span 4;
  max-width: none;
}
[oke-design-system] .u-grid-col--5 {
  grid-column: span 5;
  max-width: none;
}
[oke-design-system] .u-grid-col--6 {
  grid-column: span 6;
  max-width: none;
}
[oke-design-system] .u-grid-col--7 {
  grid-column: span 7;
  max-width: none;
}
[oke-design-system] .u-grid-col--8 {
  grid-column: span 8;
  max-width: none;
}
[oke-design-system] .u-grid-col--9 {
  grid-column: span 9;
  max-width: none;
}
[oke-design-system] .u-grid-col--10 {
  grid-column: span 10;
  max-width: none;
}
[oke-design-system] .u-grid-col--11 {
  grid-column: span 11;
  max-width: none;
}
[oke-design-system] .u-grid-col--12 {
  grid-column: span 12;
  max-width: none;
}
@media (min-width: 480px) {
  [oke-design-system] .u-grid-col--small-1 {
    grid-column: span 1;
  }
  [oke-design-system] .u-grid-col--small-2 {
    grid-column: span 2;
  }
  [oke-design-system] .u-grid-col--small-3 {
    grid-column: span 3;
  }
  [oke-design-system] .u-grid-col--small-4 {
    grid-column: span 4;
  }
  [oke-design-system] .u-grid-col--small-5 {
    grid-column: span 5;
  }
  [oke-design-system] .u-grid-col--small-6 {
    grid-column: span 6;
  }
  [oke-design-system] .u-grid-col--small-7 {
    grid-column: span 7;
  }
  [oke-design-system] .u-grid-col--small-8 {
    grid-column: span 8;
  }
  [oke-design-system] .u-grid-col--small-9 {
    grid-column: span 9;
  }
  [oke-design-system] .u-grid-col--small-10 {
    grid-column: span 10;
  }
  [oke-design-system] .u-grid-col--small-11 {
    grid-column: span 11;
  }
  [oke-design-system] .u-grid-col--small-12 {
    grid-column: span 12;
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-grid-col--medium-1 {
    grid-column: span 1;
  }
  [oke-design-system] .u-grid-col--medium-2 {
    grid-column: span 2;
  }
  [oke-design-system] .u-grid-col--medium-3 {
    grid-column: span 3;
  }
  [oke-design-system] .u-grid-col--medium-4 {
    grid-column: span 4;
  }
  [oke-design-system] .u-grid-col--medium-5 {
    grid-column: span 5;
  }
  [oke-design-system] .u-grid-col--medium-6 {
    grid-column: span 6;
  }
  [oke-design-system] .u-grid-col--medium-7 {
    grid-column: span 7;
  }
  [oke-design-system] .u-grid-col--medium-8 {
    grid-column: span 8;
  }
  [oke-design-system] .u-grid-col--medium-9 {
    grid-column: span 9;
  }
  [oke-design-system] .u-grid-col--medium-10 {
    grid-column: span 10;
  }
  [oke-design-system] .u-grid-col--medium-11 {
    grid-column: span 11;
  }
  [oke-design-system] .u-grid-col--medium-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-grid-col--large-1 {
    grid-column: span 1;
  }
  [oke-design-system] .u-grid-col--large-2 {
    grid-column: span 2;
  }
  [oke-design-system] .u-grid-col--large-3 {
    grid-column: span 3;
  }
  [oke-design-system] .u-grid-col--large-4 {
    grid-column: span 4;
  }
  [oke-design-system] .u-grid-col--large-5 {
    grid-column: span 5;
  }
  [oke-design-system] .u-grid-col--large-6 {
    grid-column: span 6;
  }
  [oke-design-system] .u-grid-col--large-7 {
    grid-column: span 7;
  }
  [oke-design-system] .u-grid-col--large-8 {
    grid-column: span 8;
  }
  [oke-design-system] .u-grid-col--large-9 {
    grid-column: span 9;
  }
  [oke-design-system] .u-grid-col--large-10 {
    grid-column: span 10;
  }
  [oke-design-system] .u-grid-col--large-11 {
    grid-column: span 11;
  }
  [oke-design-system] .u-grid-col--large-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-grid-col--xlarge-1 {
    grid-column: span 1;
  }
  [oke-design-system] .u-grid-col--xlarge-2 {
    grid-column: span 2;
  }
  [oke-design-system] .u-grid-col--xlarge-3 {
    grid-column: span 3;
  }
  [oke-design-system] .u-grid-col--xlarge-4 {
    grid-column: span 4;
  }
  [oke-design-system] .u-grid-col--xlarge-5 {
    grid-column: span 5;
  }
  [oke-design-system] .u-grid-col--xlarge-6 {
    grid-column: span 6;
  }
  [oke-design-system] .u-grid-col--xlarge-7 {
    grid-column: span 7;
  }
  [oke-design-system] .u-grid-col--xlarge-8 {
    grid-column: span 8;
  }
  [oke-design-system] .u-grid-col--xlarge-9 {
    grid-column: span 9;
  }
  [oke-design-system] .u-grid-col--xlarge-10 {
    grid-column: span 10;
  }
  [oke-design-system] .u-grid-col--xlarge-11 {
    grid-column: span 11;
  }
  [oke-design-system] .u-grid-col--xlarge-12 {
    grid-column: span 12;
  }
}
[oke-design-system] .u-grid-col--full {
  grid-column: 1/-1;
}
[oke-design-system] .u-grid-col--auto {
  grid-column: auto;
}
[oke-design-system] .u-grid-order--1 {
  order: 1;
}
[oke-design-system] .u-grid-order--2 {
  order: 2;
}
[oke-design-system] .u-grid-order--3 {
  order: 3;
}
[oke-design-system] .u-grid-order--4 {
  order: 4;
}
[oke-design-system] .u-grid-order--5 {
  order: 5;
}
[oke-design-system] .u-grid-order--6 {
  order: 6;
}
@media (min-width: 480px) {
  [oke-design-system] .u-grid-order--small-1 {
    order: 1;
  }
  [oke-design-system] .u-grid-order--small-2 {
    order: 2;
  }
  [oke-design-system] .u-grid-order--small-3 {
    order: 3;
  }
  [oke-design-system] .u-grid-order--small-4 {
    order: 4;
  }
  [oke-design-system] .u-grid-order--small-5 {
    order: 5;
  }
  [oke-design-system] .u-grid-order--small-6 {
    order: 6;
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-grid-order--medium-1 {
    order: 1;
  }
  [oke-design-system] .u-grid-order--medium-2 {
    order: 2;
  }
  [oke-design-system] .u-grid-order--medium-3 {
    order: 3;
  }
  [oke-design-system] .u-grid-order--medium-4 {
    order: 4;
  }
  [oke-design-system] .u-grid-order--medium-5 {
    order: 5;
  }
  [oke-design-system] .u-grid-order--medium-6 {
    order: 6;
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-grid-order--large-1 {
    order: 1;
  }
  [oke-design-system] .u-grid-order--large-2 {
    order: 2;
  }
  [oke-design-system] .u-grid-order--large-3 {
    order: 3;
  }
  [oke-design-system] .u-grid-order--large-4 {
    order: 4;
  }
  [oke-design-system] .u-grid-order--large-5 {
    order: 5;
  }
  [oke-design-system] .u-grid-order--large-6 {
    order: 6;
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-grid-order--xlarge-1 {
    order: 1;
  }
  [oke-design-system] .u-grid-order--xlarge-2 {
    order: 2;
  }
  [oke-design-system] .u-grid-order--xlarge-3 {
    order: 3;
  }
  [oke-design-system] .u-grid-order--xlarge-4 {
    order: 4;
  }
  [oke-design-system] .u-grid-order--xlarge-5 {
    order: 5;
  }
  [oke-design-system] .u-grid-order--xlarge-6 {
    order: 6;
  }
}
[oke-design-system] {
}
[oke-design-system] .u-margin--0 {
  margin: 0;
}
[oke-design-system] .u-marginHorizontal--0 {
  margin-left: 0;
  margin-right: 0;
}
[oke-design-system] .u-marginVertical--0 {
  margin-top: 0;
  margin-bottom: 0;
}
[oke-design-system] .u-marginTop--0 {
  margin-top: 0;
}
[oke-design-system] .u-marginRight--0 {
  margin-right: 0;
}
[oke-design-system] .u-marginBottom--0 {
  margin-bottom: 0;
}
[oke-design-system] .u-marginLeft--0 {
  margin-left: 0;
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-0 {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-0 {
    margin-bottom: 0;
  }
}
[oke-design-system] .u-margin--1 {
  margin: var(--oke-spacing-1);
}
[oke-design-system] .u-marginHorizontal--1 {
  margin-left: var(--oke-spacing-1);
  margin-right: var(--oke-spacing-1);
}
[oke-design-system] .u-marginVertical--1 {
  margin-top: var(--oke-spacing-1);
  margin-bottom: var(--oke-spacing-1);
}
[oke-design-system] .u-marginTop--1 {
  margin-top: var(--oke-spacing-1);
}
[oke-design-system] .u-marginRight--1 {
  margin-right: var(--oke-spacing-1);
}
[oke-design-system] .u-marginBottom--1 {
  margin-bottom: var(--oke-spacing-1);
}
[oke-design-system] .u-marginLeft--1 {
  margin-left: var(--oke-spacing-1);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-1 {
    margin-bottom: var(--oke-spacing-1);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-1 {
    margin-bottom: var(--oke-spacing-1);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-1 {
    margin-bottom: var(--oke-spacing-1);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-1 {
    margin-bottom: var(--oke-spacing-1);
  }
}
[oke-design-system] .u-margin--2 {
  margin: var(--oke-spacing-2);
}
[oke-design-system] .u-marginHorizontal--2 {
  margin-left: var(--oke-spacing-2);
  margin-right: var(--oke-spacing-2);
}
[oke-design-system] .u-marginVertical--2 {
  margin-top: var(--oke-spacing-2);
  margin-bottom: var(--oke-spacing-2);
}
[oke-design-system] .u-marginTop--2 {
  margin-top: var(--oke-spacing-2);
}
[oke-design-system] .u-marginRight--2 {
  margin-right: var(--oke-spacing-2);
}
[oke-design-system] .u-marginBottom--2 {
  margin-bottom: var(--oke-spacing-2);
}
[oke-design-system] .u-marginLeft--2 {
  margin-left: var(--oke-spacing-2);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-2 {
    margin-bottom: var(--oke-spacing-2);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-2 {
    margin-bottom: var(--oke-spacing-2);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-2 {
    margin-bottom: var(--oke-spacing-2);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-2 {
    margin-bottom: var(--oke-spacing-2);
  }
}
[oke-design-system] .u-margin--3 {
  margin: var(--oke-spacing-3);
}
[oke-design-system] .u-marginHorizontal--3 {
  margin-left: var(--oke-spacing-3);
  margin-right: var(--oke-spacing-3);
}
[oke-design-system] .u-marginVertical--3 {
  margin-top: var(--oke-spacing-3);
  margin-bottom: var(--oke-spacing-3);
}
[oke-design-system] .u-marginTop--3 {
  margin-top: var(--oke-spacing-3);
}
[oke-design-system] .u-marginRight--3 {
  margin-right: var(--oke-spacing-3);
}
[oke-design-system] .u-marginBottom--3 {
  margin-bottom: var(--oke-spacing-3);
}
[oke-design-system] .u-marginLeft--3 {
  margin-left: var(--oke-spacing-3);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-3 {
    margin-bottom: var(--oke-spacing-3);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-3 {
    margin-bottom: var(--oke-spacing-3);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-3 {
    margin-bottom: var(--oke-spacing-3);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-3 {
    margin-bottom: var(--oke-spacing-3);
  }
}
[oke-design-system] .u-margin--4 {
  margin: var(--oke-spacing-4);
}
[oke-design-system] .u-marginHorizontal--4 {
  margin-left: var(--oke-spacing-4);
  margin-right: var(--oke-spacing-4);
}
[oke-design-system] .u-marginVertical--4 {
  margin-top: var(--oke-spacing-4);
  margin-bottom: var(--oke-spacing-4);
}
[oke-design-system] .u-marginTop--4 {
  margin-top: var(--oke-spacing-4);
}
[oke-design-system] .u-marginRight--4 {
  margin-right: var(--oke-spacing-4);
}
[oke-design-system] .u-marginBottom--4 {
  margin-bottom: var(--oke-spacing-4);
}
[oke-design-system] .u-marginLeft--4 {
  margin-left: var(--oke-spacing-4);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-4 {
    margin-bottom: var(--oke-spacing-4);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-4 {
    margin-bottom: var(--oke-spacing-4);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-4 {
    margin-bottom: var(--oke-spacing-4);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-4 {
    margin-bottom: var(--oke-spacing-4);
  }
}
[oke-design-system] .u-margin--5 {
  margin: var(--oke-spacing-5);
}
[oke-design-system] .u-marginHorizontal--5 {
  margin-left: var(--oke-spacing-5);
  margin-right: var(--oke-spacing-5);
}
[oke-design-system] .u-marginVertical--5 {
  margin-top: var(--oke-spacing-5);
  margin-bottom: var(--oke-spacing-5);
}
[oke-design-system] .u-marginTop--5 {
  margin-top: var(--oke-spacing-5);
}
[oke-design-system] .u-marginRight--5 {
  margin-right: var(--oke-spacing-5);
}
[oke-design-system] .u-marginBottom--5 {
  margin-bottom: var(--oke-spacing-5);
}
[oke-design-system] .u-marginLeft--5 {
  margin-left: var(--oke-spacing-5);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-5 {
    margin-bottom: var(--oke-spacing-5);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-5 {
    margin-bottom: var(--oke-spacing-5);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-5 {
    margin-bottom: var(--oke-spacing-5);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-5 {
    margin-bottom: var(--oke-spacing-5);
  }
}
[oke-design-system] .u-margin--6 {
  margin: var(--oke-spacing-6);
}
[oke-design-system] .u-marginHorizontal--6 {
  margin-left: var(--oke-spacing-6);
  margin-right: var(--oke-spacing-6);
}
[oke-design-system] .u-marginVertical--6 {
  margin-top: var(--oke-spacing-6);
  margin-bottom: var(--oke-spacing-6);
}
[oke-design-system] .u-marginTop--6 {
  margin-top: var(--oke-spacing-6);
}
[oke-design-system] .u-marginRight--6 {
  margin-right: var(--oke-spacing-6);
}
[oke-design-system] .u-marginBottom--6 {
  margin-bottom: var(--oke-spacing-6);
}
[oke-design-system] .u-marginLeft--6 {
  margin-left: var(--oke-spacing-6);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-6 {
    margin-bottom: var(--oke-spacing-6);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-6 {
    margin-bottom: var(--oke-spacing-6);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-6 {
    margin-bottom: var(--oke-spacing-6);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-6 {
    margin-bottom: var(--oke-spacing-6);
  }
}
[oke-design-system] .u-margin--8 {
  margin: var(--oke-spacing-8);
}
[oke-design-system] .u-marginHorizontal--8 {
  margin-left: var(--oke-spacing-8);
  margin-right: var(--oke-spacing-8);
}
[oke-design-system] .u-marginVertical--8 {
  margin-top: var(--oke-spacing-8);
  margin-bottom: var(--oke-spacing-8);
}
[oke-design-system] .u-marginTop--8 {
  margin-top: var(--oke-spacing-8);
}
[oke-design-system] .u-marginRight--8 {
  margin-right: var(--oke-spacing-8);
}
[oke-design-system] .u-marginBottom--8 {
  margin-bottom: var(--oke-spacing-8);
}
[oke-design-system] .u-marginLeft--8 {
  margin-left: var(--oke-spacing-8);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-8 {
    margin-bottom: var(--oke-spacing-8);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-8 {
    margin-bottom: var(--oke-spacing-8);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-8 {
    margin-bottom: var(--oke-spacing-8);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-8 {
    margin-bottom: var(--oke-spacing-8);
  }
}
[oke-design-system] .u-margin--10 {
  margin: var(--oke-spacing-10);
}
[oke-design-system] .u-marginHorizontal--10 {
  margin-left: var(--oke-spacing-10);
  margin-right: var(--oke-spacing-10);
}
[oke-design-system] .u-marginVertical--10 {
  margin-top: var(--oke-spacing-10);
  margin-bottom: var(--oke-spacing-10);
}
[oke-design-system] .u-marginTop--10 {
  margin-top: var(--oke-spacing-10);
}
[oke-design-system] .u-marginRight--10 {
  margin-right: var(--oke-spacing-10);
}
[oke-design-system] .u-marginBottom--10 {
  margin-bottom: var(--oke-spacing-10);
}
[oke-design-system] .u-marginLeft--10 {
  margin-left: var(--oke-spacing-10);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-10 {
    margin-bottom: var(--oke-spacing-10);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-10 {
    margin-bottom: var(--oke-spacing-10);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-10 {
    margin-bottom: var(--oke-spacing-10);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-10 {
    margin-bottom: var(--oke-spacing-10);
  }
}
[oke-design-system] .u-margin--12 {
  margin: var(--oke-spacing-12);
}
[oke-design-system] .u-marginHorizontal--12 {
  margin-left: var(--oke-spacing-12);
  margin-right: var(--oke-spacing-12);
}
[oke-design-system] .u-marginVertical--12 {
  margin-top: var(--oke-spacing-12);
  margin-bottom: var(--oke-spacing-12);
}
[oke-design-system] .u-marginTop--12 {
  margin-top: var(--oke-spacing-12);
}
[oke-design-system] .u-marginRight--12 {
  margin-right: var(--oke-spacing-12);
}
[oke-design-system] .u-marginBottom--12 {
  margin-bottom: var(--oke-spacing-12);
}
[oke-design-system] .u-marginLeft--12 {
  margin-left: var(--oke-spacing-12);
}
@media (min-width: 480px) {
  [oke-design-system] .u-marginBottom--small-12 {
    margin-bottom: var(--oke-spacing-12);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-marginBottom--medium-12 {
    margin-bottom: var(--oke-spacing-12);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-marginBottom--large-12 {
    margin-bottom: var(--oke-spacing-12);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-marginBottom--xlarge-12 {
    margin-bottom: var(--oke-spacing-12);
  }
}
[oke-design-system] .u-padding--0 {
  padding: 0;
}
[oke-design-system] .u-paddingHorizontal--0 {
  padding-left: 0;
  padding-right: 0;
}
[oke-design-system] .u-paddingVertical--0 {
  padding-top: 0;
  padding-bottom: 0;
}
[oke-design-system] .u-paddingTop--0 {
  padding-top: 0;
}
[oke-design-system] .u-paddingRight--0 {
  padding-right: 0;
}
[oke-design-system] .u-paddingBottom--0 {
  padding-bottom: 0;
}
[oke-design-system] .u-paddingLeft--0 {
  padding-left: 0;
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-0 {
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-0 {
    padding-bottom: 0;
  }
}
[oke-design-system] .u-padding--1 {
  padding: var(--oke-spacing-1);
}
[oke-design-system] .u-paddingHorizontal--1 {
  padding-left: var(--oke-spacing-1);
  padding-right: var(--oke-spacing-1);
}
[oke-design-system] .u-paddingVertical--1 {
  padding-top: var(--oke-spacing-1);
  padding-bottom: var(--oke-spacing-1);
}
[oke-design-system] .u-paddingTop--1 {
  padding-top: var(--oke-spacing-1);
}
[oke-design-system] .u-paddingRight--1 {
  padding-right: var(--oke-spacing-1);
}
[oke-design-system] .u-paddingBottom--1 {
  padding-bottom: var(--oke-spacing-1);
}
[oke-design-system] .u-paddingLeft--1 {
  padding-left: var(--oke-spacing-1);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-1 {
    padding-bottom: var(--oke-spacing-1);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-1 {
    padding-bottom: var(--oke-spacing-1);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-1 {
    padding-bottom: var(--oke-spacing-1);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-1 {
    padding-bottom: var(--oke-spacing-1);
  }
}
[oke-design-system] .u-padding--2 {
  padding: var(--oke-spacing-2);
}
[oke-design-system] .u-paddingHorizontal--2 {
  padding-left: var(--oke-spacing-2);
  padding-right: var(--oke-spacing-2);
}
[oke-design-system] .u-paddingVertical--2 {
  padding-top: var(--oke-spacing-2);
  padding-bottom: var(--oke-spacing-2);
}
[oke-design-system] .u-paddingTop--2 {
  padding-top: var(--oke-spacing-2);
}
[oke-design-system] .u-paddingRight--2 {
  padding-right: var(--oke-spacing-2);
}
[oke-design-system] .u-paddingBottom--2 {
  padding-bottom: var(--oke-spacing-2);
}
[oke-design-system] .u-paddingLeft--2 {
  padding-left: var(--oke-spacing-2);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-2 {
    padding-bottom: var(--oke-spacing-2);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-2 {
    padding-bottom: var(--oke-spacing-2);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-2 {
    padding-bottom: var(--oke-spacing-2);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-2 {
    padding-bottom: var(--oke-spacing-2);
  }
}
[oke-design-system] .u-padding--3 {
  padding: var(--oke-spacing-3);
}
[oke-design-system] .u-paddingHorizontal--3 {
  padding-left: var(--oke-spacing-3);
  padding-right: var(--oke-spacing-3);
}
[oke-design-system] .u-paddingVertical--3 {
  padding-top: var(--oke-spacing-3);
  padding-bottom: var(--oke-spacing-3);
}
[oke-design-system] .u-paddingTop--3 {
  padding-top: var(--oke-spacing-3);
}
[oke-design-system] .u-paddingRight--3 {
  padding-right: var(--oke-spacing-3);
}
[oke-design-system] .u-paddingBottom--3 {
  padding-bottom: var(--oke-spacing-3);
}
[oke-design-system] .u-paddingLeft--3 {
  padding-left: var(--oke-spacing-3);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-3 {
    padding-bottom: var(--oke-spacing-3);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-3 {
    padding-bottom: var(--oke-spacing-3);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-3 {
    padding-bottom: var(--oke-spacing-3);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-3 {
    padding-bottom: var(--oke-spacing-3);
  }
}
[oke-design-system] .u-padding--4 {
  padding: var(--oke-spacing-4);
}
[oke-design-system] .u-paddingHorizontal--4 {
  padding-left: var(--oke-spacing-4);
  padding-right: var(--oke-spacing-4);
}
[oke-design-system] .u-paddingVertical--4 {
  padding-top: var(--oke-spacing-4);
  padding-bottom: var(--oke-spacing-4);
}
[oke-design-system] .u-paddingTop--4 {
  padding-top: var(--oke-spacing-4);
}
[oke-design-system] .u-paddingRight--4 {
  padding-right: var(--oke-spacing-4);
}
[oke-design-system] .u-paddingBottom--4 {
  padding-bottom: var(--oke-spacing-4);
}
[oke-design-system] .u-paddingLeft--4 {
  padding-left: var(--oke-spacing-4);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-4 {
    padding-bottom: var(--oke-spacing-4);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-4 {
    padding-bottom: var(--oke-spacing-4);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-4 {
    padding-bottom: var(--oke-spacing-4);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-4 {
    padding-bottom: var(--oke-spacing-4);
  }
}
[oke-design-system] .u-padding--5 {
  padding: var(--oke-spacing-5);
}
[oke-design-system] .u-paddingHorizontal--5 {
  padding-left: var(--oke-spacing-5);
  padding-right: var(--oke-spacing-5);
}
[oke-design-system] .u-paddingVertical--5 {
  padding-top: var(--oke-spacing-5);
  padding-bottom: var(--oke-spacing-5);
}
[oke-design-system] .u-paddingTop--5 {
  padding-top: var(--oke-spacing-5);
}
[oke-design-system] .u-paddingRight--5 {
  padding-right: var(--oke-spacing-5);
}
[oke-design-system] .u-paddingBottom--5 {
  padding-bottom: var(--oke-spacing-5);
}
[oke-design-system] .u-paddingLeft--5 {
  padding-left: var(--oke-spacing-5);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-5 {
    padding-bottom: var(--oke-spacing-5);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-5 {
    padding-bottom: var(--oke-spacing-5);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-5 {
    padding-bottom: var(--oke-spacing-5);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-5 {
    padding-bottom: var(--oke-spacing-5);
  }
}
[oke-design-system] .u-padding--6 {
  padding: var(--oke-spacing-6);
}
[oke-design-system] .u-paddingHorizontal--6 {
  padding-left: var(--oke-spacing-6);
  padding-right: var(--oke-spacing-6);
}
[oke-design-system] .u-paddingVertical--6 {
  padding-top: var(--oke-spacing-6);
  padding-bottom: var(--oke-spacing-6);
}
[oke-design-system] .u-paddingTop--6 {
  padding-top: var(--oke-spacing-6);
}
[oke-design-system] .u-paddingRight--6 {
  padding-right: var(--oke-spacing-6);
}
[oke-design-system] .u-paddingBottom--6 {
  padding-bottom: var(--oke-spacing-6);
}
[oke-design-system] .u-paddingLeft--6 {
  padding-left: var(--oke-spacing-6);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-6 {
    padding-bottom: var(--oke-spacing-6);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-6 {
    padding-bottom: var(--oke-spacing-6);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-6 {
    padding-bottom: var(--oke-spacing-6);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-6 {
    padding-bottom: var(--oke-spacing-6);
  }
}
[oke-design-system] .u-padding--8 {
  padding: var(--oke-spacing-8);
}
[oke-design-system] .u-paddingHorizontal--8 {
  padding-left: var(--oke-spacing-8);
  padding-right: var(--oke-spacing-8);
}
[oke-design-system] .u-paddingVertical--8 {
  padding-top: var(--oke-spacing-8);
  padding-bottom: var(--oke-spacing-8);
}
[oke-design-system] .u-paddingTop--8 {
  padding-top: var(--oke-spacing-8);
}
[oke-design-system] .u-paddingRight--8 {
  padding-right: var(--oke-spacing-8);
}
[oke-design-system] .u-paddingBottom--8 {
  padding-bottom: var(--oke-spacing-8);
}
[oke-design-system] .u-paddingLeft--8 {
  padding-left: var(--oke-spacing-8);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-8 {
    padding-bottom: var(--oke-spacing-8);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-8 {
    padding-bottom: var(--oke-spacing-8);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-8 {
    padding-bottom: var(--oke-spacing-8);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-8 {
    padding-bottom: var(--oke-spacing-8);
  }
}
[oke-design-system] .u-padding--10 {
  padding: var(--oke-spacing-10);
}
[oke-design-system] .u-paddingHorizontal--10 {
  padding-left: var(--oke-spacing-10);
  padding-right: var(--oke-spacing-10);
}
[oke-design-system] .u-paddingVertical--10 {
  padding-top: var(--oke-spacing-10);
  padding-bottom: var(--oke-spacing-10);
}
[oke-design-system] .u-paddingTop--10 {
  padding-top: var(--oke-spacing-10);
}
[oke-design-system] .u-paddingRight--10 {
  padding-right: var(--oke-spacing-10);
}
[oke-design-system] .u-paddingBottom--10 {
  padding-bottom: var(--oke-spacing-10);
}
[oke-design-system] .u-paddingLeft--10 {
  padding-left: var(--oke-spacing-10);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-10 {
    padding-bottom: var(--oke-spacing-10);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-10 {
    padding-bottom: var(--oke-spacing-10);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-10 {
    padding-bottom: var(--oke-spacing-10);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-10 {
    padding-bottom: var(--oke-spacing-10);
  }
}
[oke-design-system] .u-padding--12 {
  padding: var(--oke-spacing-12);
}
[oke-design-system] .u-paddingHorizontal--12 {
  padding-left: var(--oke-spacing-12);
  padding-right: var(--oke-spacing-12);
}
[oke-design-system] .u-paddingVertical--12 {
  padding-top: var(--oke-spacing-12);
  padding-bottom: var(--oke-spacing-12);
}
[oke-design-system] .u-paddingTop--12 {
  padding-top: var(--oke-spacing-12);
}
[oke-design-system] .u-paddingRight--12 {
  padding-right: var(--oke-spacing-12);
}
[oke-design-system] .u-paddingBottom--12 {
  padding-bottom: var(--oke-spacing-12);
}
[oke-design-system] .u-paddingLeft--12 {
  padding-left: var(--oke-spacing-12);
}
@media (min-width: 480px) {
  [oke-design-system] .u-paddingBottom--small-12 {
    padding-bottom: var(--oke-spacing-12);
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-paddingBottom--medium-12 {
    padding-bottom: var(--oke-spacing-12);
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-paddingBottom--large-12 {
    padding-bottom: var(--oke-spacing-12);
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-paddingBottom--xlarge-12 {
    padding-bottom: var(--oke-spacing-12);
  }
}
[oke-design-system] {
}
[oke-design-system] .u-textStyle--title {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-primary);
  font-weight: var(--oke-font-weight-normal);
  font-size: var(--oke-text-size-title);
}
[oke-design-system] .u-textStyle--subtitle {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-primary);
  font-weight: var(--oke-font-weight-medium);
  font-size: var(--oke-text-size-body);
}
[oke-design-system] .u-textStyle--body {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-primary);
  font-weight: var(--oke-font-weight-normal);
  font-size: var(--oke-text-size-body);
}
[oke-design-system] .u-textStyle--bodyEmphasis {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-primary);
  font-weight: var(--oke-font-weight-medium);
  font-size: var(--oke-text-size-body);
}
[oke-design-system] .u-textStyle--helper {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-secondary);
  font-weight: var(--oke-font-weight-normal);
  font-size: var(--oke-text-size-helper);
}
[oke-design-system] .u-textStyle--link {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-link);
  font-weight: var(--oke-font-weight-medium);
}
[oke-design-system] .u-textStyle--link:hover {
  text-decoration: none;
}
[oke-design-system] .u-textStyle--error {
  font-family: var(--oke-font-family-base);
  color: var(--oke-text-color-negative);
  font-size: var(--oke-text-size-helper);
}
[oke-design-system] .u-textAlign--left {
  text-align: left;
}
[oke-design-system] .u-textAlign--center {
  text-align: center;
}
[oke-design-system] .u-textAlign--right {
  text-align: right;
}
@media (min-width: 480px) {
  [oke-design-system] .u-textAlign--small-left {
    text-align: left;
  }
  [oke-design-system] .u-textAlign--small-center {
    text-align: center;
  }
  [oke-design-system] .u-textAlign--small-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  [oke-design-system] .u-textAlign--medium-left {
    text-align: left;
  }
  [oke-design-system] .u-textAlign--medium-center {
    text-align: center;
  }
  [oke-design-system] .u-textAlign--medium-right {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  [oke-design-system] .u-textAlign--large-left {
    text-align: left;
  }
  [oke-design-system] .u-textAlign--large-center {
    text-align: center;
  }
  [oke-design-system] .u-textAlign--large-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  [oke-design-system] .u-textAlign--xlarge-left {
    text-align: left;
  }
  [oke-design-system] .u-textAlign--xlarge-center {
    text-align: center;
  }
  [oke-design-system] .u-textAlign--xlarge-right {
    text-align: right;
  }
}
[oke-design-system] .u-textTransform--uppercase {
  text-transform: uppercase;
}
[oke-design-system] .u-textTransform--capitalize {
  text-transform: capitalize;
}
[oke-design-system] .u-lineHeight--0 {
  line-height: 0;
}
[oke-design-system] .u-lineHeight--1 {
  line-height: 1;
}
[oke-design-system] .u-lineHeight--tight {
  line-height: var(--oke-line-height-tight);
}
[oke-design-system] .u-lineHeight--default {
  line-height: var(--oke-line-height-default);
}
[oke-design-system] .u-whiteSpace--normal {
  white-space: normal;
}
[oke-design-system] .u-whiteSpace--nowrap {
  white-space: nowrap;
}
[oke-design-system] .u-whiteSpace--preWrap {
  white-space: pre-wrap;
}
[oke-design-system] {
}
[oke-design-system] .u-scrollHints::before,
[oke-design-system] .u-scrollHints::after {
  content: "";
  position: absolute;
  top: 0;
  width: var(--oke-spacing-6);
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--oke-animation-duration-slow) ease;
}
[oke-design-system] .u-scrollHints::before {
  left: 0;
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.05) 25%,
      rgba(0, 0, 0, 0.02) 60%,
      transparent 100%);
}
[oke-design-system] .u-scrollHints::after {
  right: 0;
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.05) 25%,
      rgba(0, 0, 0, 0.02) 60%,
      transparent 100%);
}
[oke-design-system] .u-scrollHints.is-overflowing-left::before {
  opacity: 0.5;
}
[oke-design-system] .u-scrollHints.is-overflowing-right::after {
  opacity: 0.5;
}
[oke-design-system] {
}
[oke-design-system] .float-ui-container {
  z-index: var(--oke-z-index-tooltip) !important;
  overflow: visible !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
[oke-design-system] .float-ui-arrow {
  visibility: hidden !important;
}
[oke-design-system] .c-icon {
  margin-top: 0;
}
[oke-design-system] {
}
[oke-design-system] float-ui-content .float-ui-container[aria-hidden=true] {
  display: none !important;
}

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