.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}
.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation__bottom {
  height: auto
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{background-color:var(--background-color-depth0);font-family:'Inter', sans-serif;font-variant-ligatures:no-contextual;color:var(--text-color-body);min-height:100vh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg text{font-family:'Inter', sans-serif}input,textarea,select,button{font-family:inherit;font-size:100%;color:inherit}img{max-width:100%}hr{display:block;height:1px;border:0;border-top:1px solid #f2f9fd;border-bottom:1px solid #fff}hr.dark{border-top:1px solid #9ea5b8;border-bottom:1px solid #9ea5b8}input,textarea{padding-left:.5rem;padding-right:.5rem;line-height:2rem;border-radius:4px;border:1px solid var(--border-color-base);background:#fff;font-size:inherit;color:inherit;letter-spacing:inherit}input:focus,textarea:focus{border-color:#b1dbfb;outline:none}input:disabled{background-color:var(--action-disabled-background);color:var(--action-disabled-text)}input::placeholder{color:var(--text-color-muted)}select{display:block;width:100%;height:2.25rem;background:var(--background-color-depth0);border:1px solid #ccc;border-radius:4px}select:disabled{background-color:var(--action-disabled-background)}p{line-height:1.5rem}.btn-icon{background:rgba(0,0,0,0);color:#b1dbfb;cursor:pointer}.btn-icon:disabled{color:#e7e9ee;cursor:default}.btn{background:var(--action--secondary--default--background);color:var(--action--secondary--default--foreground);text-align:center;padding:0 1rem;line-height:2rem;display:inline-block;border-radius:5px;border:1px solid var(--action--secondary--default--border);cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.btn.inactive{color:#e7e9ee;border-color:var(--border-color-base);cursor:default}.btn.inactive:hover:not(.dark){border-color:var(--border-color-base)}.btn:hover:not(.inactive){background:var(--action--secondary--hover--background);border-color:var(--action--secondary--hover--border)}.btn.btn-large{font-size:1rem;padding:1em 2em}.btn.btn-small{padding:0 .625rem;line-height:1.5rem;letter-spacing:.025em;font-size:.75rem}.btn.btn-small.btn-flexible{padding:.325rem .625rem;line-height:1;height:auto}.btn.btn-tiny{padding:0em .5rem;font-size:.75rem;height:1rem;line-height:1rem}.btn.block{display:block}.btn.br0{border-radius:0}.btn.btn-red,.btn.btn-danger{color:#d62400;border:1px solid #dcdcdc}.btn.btn-red:hover:not(.inactive),.btn.btn-danger:hover:not(.inactive){background:#ffebee;border-color:#a1321c;color:#d62400}.btn.btn-gray{color:#bec3d0}.btn.btn-white{border:1px solid #fff}.btn.btn-clear{background:rgba(0,0,0,0)}.btn.btn-ghost{border-color:rgba(0,0,0,0);background:none}.btn.btn-ghost:hover{border-color:var(--border-color-base)}.btn.dark{color:#fff;border:1px solid rgba(0,0,0,0)}.btn.dark:hover{border:1px solid rgba(0,0,0,0)}.btn.dark.btn-gray-lighter{background:#e7e9ee}.btn.dark.btn-gray{background:#bec3d0}.btn.dark.btn-gray:hover{color:#b1dbfb;background:#9ea5b8}.btn.dark.btn-gray-mid{background:#d3d6df}.btn.dark.btn-gray-mid:hover{color:#fff;background:#9ea5b8}.btn.dark.btn-green{background:#00893e}.btn.dark.btn-red{background:#d62400}.btn.dark.btn-red:hover:not(.inactive){background:#d02f3f;color:#fff}.btn.dark.btn-purple{background:#857eff}.btn.dark.btn-purple:hover:not(.inactive){background:#6158ff;color:#fff}.btn.dark.btn-blue{background:#b1dbfb}.btn.dark.btn-blue:hover{background:#b1dbfb;color:#fff}.btn.dark.disabled{pointer-events:none;background:#e7e9ee;color:#e7e9ee;border:1px solid var(--border-color-base);cursor:default}.btn.disabled{color:var(--action-disabled-text) !important;cursor:default;background:var(--action-disabled-background) !important;border-color:var(--action-disabled-border) !important;pointer-events:none}.btn:focus{outline:none}.btn:focus:not(.btn-no-focus){border-color:#b1dbfb}.btn-group>.tooltip{display:inline-block}.btn-group>input,.btn-group>.btn,.btn-group>*>input,.btn-group .dropdown>.btn,.btn-group .tooltip>.btn{border-radius:0 0 0 0;border-right-width:0}.btn-group>input:hover,.btn-group>.btn:hover,.btn-group>*>input:hover,.btn-group .dropdown>.btn:hover,.btn-group .tooltip>.btn:hover{border-radius:0 0 0 0;border-right-width:0}.btn-group>*:first-child,.btn-group>.dropdown:first-child>.btn,.btn-group>.tooltip:first-child>.btn,.btn-group>*:first-child .dropdown>.btn,.btn-group>*:first-child>input{border-radius:4px 0 0 4px}.btn-group>*:first-child:hover,.btn-group>.dropdown:first-child>.btn:hover,.btn-group>.tooltip:first-child>.btn:hover,.btn-group>*:first-child .dropdown>.btn:hover,.btn-group>*:first-child>input:hover{border-radius:4px 0 0 4px}.btn-group>*:last-child,.btn-group>.dropdown:last-child>.btn,.btn-group>.tooltip:last-child>.btn,.btn-group>*:last-child .dropdown>.btn,.btn-group>*:last-child>input{border-radius:0 4px 4px 0;border-right-width:1px}.btn-group>*:last-child:hover,.btn-group>.dropdown:last-child>.btn:hover,.btn-group>.tooltip:last-child>.btn:hover,.btn-group>*:last-child .dropdown>.btn:hover,.btn-group>*:last-child>input:hover{border-radius:0 4px 4px 0;border-right-width:1px}.btn-group>*:only-child,.btn-group>.dropdown:only-child>.btn,.btn-group>.tooltip:only-child>.btn .btn-group>*:only-child .dropdown>.btn,.btn-group>*:only-child>input{border-radius:4px;border-right-width:1px}.btn-group>*:only-child:hover,.btn-group>.dropdown:only-child>.btn:hover,.btn-group>.tooltip:only-child>.btn .btn-group>*:only-child .dropdown>.btn:hover,.btn-group>*:only-child>input:hover{border-radius:4px;border-right-width:1px}.btn-group .btn.stroke{border:none;box-shadow:0px 0px 0px 2px #3887be inset;border-right-width:2px;border-left-width:0}.btn-group .btn.stroke:hover{background-color:rgba(0,0,0,0);color:#52a1d8;box-shadow:0px 0px 0px 2px #52a1d8 inset}.btn-group .btn.stroke:not(:first-of-type){margin-left:-2px}.btn-group>.col12{border-bottom-width:1px}.btn-group>.col12:first-child{border-radius:3px 3px 0 0}.btn-group>.col12:last-child{border-radius:0 0 3px 3px}.btn-group>.col12:only-child{border-radius:3px}#tooltip-container{z-index:999999;position:fixed;height:100vh;top:0;right:0;bottom:0;left:0;pointer-events:none}#tooltip-container .tooltip-is-active:after,#tooltip-container .tooltip-is-active.tooltip-has-indicator:before{opacity:1}#tooltip-container .tooltip-is-active.tooltip-has-complex-tip:after{opacity:0}#tooltip-container .tooltip-is-active.tooltip-has-complex-tip .tooltip-complex-tip,#tooltip-container .tooltip-is-active.tooltip-has-complex-tip .tooltip-complex-tip:before{opacity:1}.tooltip{position:relative}.tooltip:not([data-tip-body=""])::after,.tooltip.tooltip-has-complex-tip .tooltip-complex-tip{border-color:#9ea5b8;max-height:inherit;max-width:inherit;overflow:visible !important;opacity:0;content:attr(data-tip-body);position:absolute;white-space:nowrap;line-height:1em;font-size:.75rem;color:#fff}.tooltip.tooltip-has-complex-tip.tooltip-needs-y-flipping{transform:scaleY(-1)}.tooltip.tooltip-has-complex-tip.tooltip-needs-y-flipping .tooltip-complex-tip>div{transform:scaleY(-1)}.tooltip.tooltip-has-complex-tip.tooltip-needs-x-flipping{transform:scaleX(-1)}.tooltip.tooltip-has-complex-tip.tooltip-needs-x-flipping .tooltip-complex-tip>div{transform:scaleX(-1)}.tooltip.tooltip-has-complex-tip.tooltip-needs-y-flipping.tooltip-needs-x-flipping{transform:scale(-1, -1)}.tooltip.tooltip-has-complex-tip.tooltip-needs-y-flipping.tooltip-needs-x-flipping .tooltip-complex-tip>div{transform:scale(-1, -1)}.tooltip.tooltip-has-complex-tip .tooltip-complex-tip:not(.tooltip-is-interactive){pointer-events:none}.tooltip.tooltip-has-complex-tip .tooltip-complex-tip.tooltip-is-interactive{pointer-events:auto}.tooltip.tooltip-has-complex-tip .tooltip-complex-tip .tooltip-complex-tip-content-wrapper{position:relative;overflow:hidden;max-height:inherit;max-width:inherit;display:inline-flex}.tooltip.tooltip-has-complex-tip .tooltip-complex-tip .tooltip-complex-tip-content-wrapper>div{display:inline-flex;overflow:auto;max-height:inherit;max-width:inherit}.tooltip.tooltip-has-complex-tip .tooltip-complex-tip.tooltip-has-default-styling .tooltip-complex-tip-content-wrapper{background:#9ea5b8;border-radius:4px;padding:4px 8px}.tooltip.tooltip-has-complex-tip .tooltip-complex-tip.tooltip-has-default-styling .tooltip-complex-tip-content-wrapper>div{line-height:1.25rem}.tooltip.tooltip-position-left .tooltip-complex-tip .tooltip-complex-tip-content-wrapper,.tooltip.tooltip-position-right .tooltip-complex-tip .tooltip-complex-tip-content-wrapper{max-height:calc(100vh - 8px)}.tooltip.tooltip-position-left .tooltip-complex-tip.tooltip-has-default-styling .tooltip-complex-tip-content-wrapper>div,.tooltip.tooltip-position-right .tooltip-complex-tip.tooltip-has-default-styling .tooltip-complex-tip-content-wrapper>div{max-height:calc(100vh - 16px)}.tooltip.tooltip-position-top .tooltip-complex-tip .tooltip-complex-tip-content-wrapper,.tooltip.tooltip-position-bottom .tooltip-complex-tip .tooltip-complex-tip-content-wrapper{max-width:calc(100vw - 8px)}.tooltip.tooltip-position-top .tooltip-complex-tip.tooltip-has-default-styling .tooltip-complex-tip-content-wrapper>div,.tooltip.tooltip-position-bottom .tooltip-complex-tip.tooltip-has-default-styling .tooltip-complex-tip-content-wrapper>div{max-width:calc(100vw - 24px)}.tooltip::after{border-radius:4px;background:#9ea5b8;padding:8px;pointer-events:none}.tooltip.tooltip-has-indicator:before{opacity:0;content:" ";width:0;height:0;position:absolute;pointer-events:none;white-space:nowrap;border:solid 6px #9ea5b8}.tooltip .tooltip-complex-tip:before{z-index:-1;position:absolute;content:" ";top:-4px;right:-4px;bottom:-4px;left:-4px}.tooltip.tooltip-position-bottom::after,.tooltip.tooltip-position-bottom.tooltip-has-complex-tip .tooltip-complex-tip{top:calc(100% + 4px);left:50%;transform:translateX(-50%)}.tooltip.tooltip-position-bottom.tooltip-has-indicator:before{top:100%;left:50%;transform:translateX(-50%);border-right-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-bottom-width:4px;border-top-width:0}.tooltip.tooltip-position-top::after,.tooltip.tooltip-position-top.tooltip-has-complex-tip .tooltip-complex-tip{bottom:calc(100% + 4px);left:50%;transform:translateX(-50%)}.tooltip.tooltip-position-top.tooltip-has-indicator:before{bottom:100%;left:50%;transform:translateX(-50%);border-right-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);border-top-width:4px;border-bottom-width:0}.tooltip.tooltip-position-right::after,.tooltip.tooltip-position-right.tooltip-has-complex-tip .tooltip-complex-tip{left:calc(100% + 4px);top:50%;transform:translateY(-50%)}.tooltip.tooltip-position-right.tooltip-has-indicator:before{left:100%;top:50%;transform:translateY(-50%);border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);border-right-width:4px;border-left-width:0}.tooltip.tooltip-position-left::after,.tooltip.tooltip-position-left.tooltip-has-complex-tip .tooltip-complex-tip{right:calc(100% + 4px);top:50%;transform:translateY(-50%)}.tooltip.tooltip-position-left.tooltip-has-indicator:before{right:100%;top:50%;transform:translateY(-50%);border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);border-left-width:4px;border-right-width:0}.modal{position:fixed;top:0;bottom:0;right:0;left:0;display:none;z-index:1000;background-color:rgba(0,0,0,.25);overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal-react{position:fixed;top:0;bottom:0;right:0;left:0;display:block;background-color:rgba(0,0,0,.5)}.modal-background{position:absolute;top:0;bottom:0;width:100%}.modal-table{display:table;table-layout:fixed;height:100%;width:100%;position:fixed}.modal-table .close{cursor:pointer}.modal-table .modal-container{display:table-cell;vertical-align:middle}.modal-table .modal-container.top{vertical-align:top}.modal-table .modal-content{border-radius:4px;position:relative;background-color:var(--background-color-depth0);background-clip:padding-box}.OperationSummary .highcharts-point{opacity:0}.OperationSummary .latency-chart:hover .highcharts-point{opacity:1}.OperationSummary g.highcharts-line-series{opacity:1 !important}.OperationSummary g.highcharts-scatter-series{opacity:1 !important}.dashboard .OperationSummary .OperationSummary__header{opacity:0}.dashboard .OperationSummary:hover .OperationSummary__header{opacity:1}.rdtPicker table{width:100%;color:#bec3d0}.rdtPicker table .rdtOld,.rdtPicker table .rdtNew,.rdtPicker table .rdtDisabled{color:#e7e9ee}.rdtPicker table th,.rdtPicker table td,.rdtPicker table .rdtCounters{text-align:center}.rdtPicker table .rdtDay,.rdtPicker table .rdtNext,.rdtPicker table .rdtPrev{border-radius:4px}.rdtPicker table .rdtNext,.rdtPicker table .rdtPrev{font-size:2.25rem;color:#e7e9ee;cursor:pointer}.rdtPicker table .rdtNext:hover,.rdtPicker table .rdtPrev:hover{background:var(--background-color-action-selected);color:#566381}.rdtPicker table .rdtDay,.rdtPicker table .rdtMonth,.rdtPicker table .rdtYear{padding:1rem;border-radius:4px;cursor:pointer}.rdtPicker table .rdtDay:hover,.rdtPicker table .rdtMonth:hover,.rdtPicker table .rdtYear:hover{background:var(--background-color-action-selected);color:#566381}.rdtPicker table .rdtDisabled:hover{cursor:not-allowed}.rdtPicker table .rdtActive{background-color:var(--background-color-action-selected);color:#fff}.rdtPicker table .rdtSwitch,.rdtPicker table .rdtTimeToggle{line-height:2rem;border-radius:4px}.rdtPicker table .rdtSwitch:hover,.rdtPicker table .rdtTimeToggle:hover{background:var(--background-color-action-selected);color:#566381;cursor:pointer}.rdtPicker table .rdtCounters{display:inline-block}.rdtPicker table .rdtCounter{width:40px;margin-top:1rem}.rdtPicker table .rdtCounterSeparator{line-height:100px}.rdtPicker table .rdtCounter,.rdtPicker table .rdtCounterSeparator{float:left}.CommonTable{border-collapse:collapse;border-spacing:0;border:0;display:table;font-size:.875rem;font:inherit;margin:0;padding:0;table-layout:fixed;vertical-align:baseline;width:100%}.CommonTable .row{display:table-row}.CommonTable tbody tr:nth-child(odd),.CommonTable .row:nth-child(even){background:#f3f3f6}.CommonTable .row:nth-child(odd){background:#fff}.CommonTable tr.inactive td,.CommonTable tr.inactive td a,.CommonTable tr.inactive td a i{color:#afb8cb}.CommonTable td,.CommonTable .td{display:table-cell;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.CommonTable th,.CommonTable .header>*{font-weight:600;padding:.75rem 1rem;text-align:left}.CommonTable ::selection{background:rgba(0,0,0,0)}.CommonTable ::-moz-selection{background:rgba(0,0,0,0)}#app-content{display:flex;flex:1 1 100%;flex-direction:column;height:100%}.squircle{min-width:14px;height:14px;top:52%;font-size:10px;padding:2px;border-radius:4px;text-align:center;border:solid 1px #bec3d0}.sq-light{background-color:var(--background-color-depth0);color:#81899c}.sq-dark{background-color:#9ea5b8;color:#fff}.sq-small{top:57%;min-width:9px;height:9px;margin-left:4px}.tag{background-color:#f0f0f0;border:1px solid #999;padding:3px 6px;border-radius:8px;font-size:.75rem;margin:0 3px}.small-text{font-size:.75rem}.warning-text{color:red}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.pin-r{right:0}.pin-l{left:0}.pin-lr{left:0;right:0}.pin-t{top:0}.pin-b{bottom:0}.pin-tl{top:0;left:0}.pin-all{top:0;left:0;bottom:0;right:0}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.block{display:block}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.table-row-group{display:table-row-group}.flex{display:flex}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.min-1px{min-width:1px;min-height:1px}.vh100{min-height:100vh}.h-100{height:100%}.w-100{width:100%}.mw-100{max-width:100%}.mh-100{max-height:100%}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-auto-hover{overflow-y:hidden}.overflow-y-auto-hover:hover{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-break-word{overflow-wrap:break-word}.col0{float:left;width:4.1666%}.col1{float:left;width:8.3333%}.col2{float:left;width:16.6666%}.col3{float:left;width:25%}.col4{float:left;width:33.3333%}.col5{float:left;width:41.6666%}.col6{float:left;width:50%}.col7{float:left;width:58.3333%}.col8{float:left;width:66.6666%}.col9{float:left;width:75%}.col10{float:left;width:83.3333%}.col11{float:left;width:91.6666%}.col11_5{float:left;width:95.8334%}.col12{width:100%;display:block}.fr{float:right}.fl{float:left}.f-none{float:none}.m0{margin:0}.mt0{margin-top:0}.mr0{margin-right:0}.mb0{margin-bottom:0}.ml0{margin-left:0}.mx0{margin-left:0;margin-right:0}.my0{margin-top:0;margin-bottom:0}.center{margin-left:auto;margin-right:auto}.my-mini{margin-top:2px;margin-bottom:2px}.mt-mini{margin-top:2px}.mb-mini{margin-bottom:2px}.ml-mini{margin-left:2px}.mln-mini{margin-left:-2px}.m-tiny{margin:4px}.mt-tiny{margin-top:4px}.mtn-tiny{margin-top:-4px}.mr-tiny{margin-right:4px}.mb-tiny{margin-bottom:4px}.ml-tiny{margin-left:4px}.mln-tiny{margin-left:-4px}.mx-tiny{margin-left:4px;margin-right:4px}.my-tiny{margin-top:4px;margin-bottom:4px}.m-small{margin:8px}.mt-small{margin-top:8px}.mtn-small{margin-top:-8px}.mr-small{margin-right:8px}.mrn-small{margin-right:-8px}.mb-small{margin-bottom:8px}.mbn-small{margin-bottom:-8px}.ml-small{margin-left:8px}.mx-small{margin-left:8px;margin-right:8px}.my-small{margin-top:8px;margin-bottom:8px}.m075{margin:12px}.mt075{margin-top:12px}.mr075{margin-right:12px}.mb075{margin-bottom:12px}.ml075{margin-left:12px}.mx075{margin-left:12px;margin-right:12px}.my075{margin-top:12px;margin-bottom:12px}.m0375{margin:6px}.mt0375{margin-top:6px}.mr0375{margin-right:6px}.mb0375{margin-bottom:6px}.ml0375{margin-left:6px}.mx0375{margin-left:6px;margin-right:6px}.my0375{margin-top:6px;margin-bottom:6px}.m1{margin:16px}.mt1{margin-top:16px}.mr1{margin-right:16px}.mb1{margin-bottom:16px}.ml1{margin-left:16px}.mx1{margin-left:16px;margin-right:16px}.my1{margin-top:16px;margin-bottom:16px}.m2{margin:24px}.mt2{margin-top:24px}.mr2{margin-right:24px}.mb2{margin-bottom:24px}.mbn2{margin-bottom:-24px}.ml2{margin-left:24px}.mx2{margin-left:24px;margin-right:24px}.my2{margin-top:24px;margin-bottom:24px}.m3{margin:36px}.mt3{margin-top:36px}.mr3{margin-right:36px}.mb3{margin-bottom:36px}.ml3{margin-left:36px}.mx3{margin-left:36px;margin-right:36px}.my3{margin-top:36px;margin-bottom:36px}.m4{margin:48px}.mt4{margin-top:48px}.mr4{margin-right:48px}.mb4{margin-bottom:48px}.ml4{margin-left:48px}.mx4{margin-left:48px;margin-right:48px}.my4{margin-top:48px;margin-bottom:48px}.m6{margin:96px}.mt6{margin-top:96px}.mr6{margin-right:96px}.mb6{margin-bottom:96px}.ml6{margin-left:96px}.mx6{margin-left:96px;margin-right:96px}.my6{margin-top:96px;margin-bottom:96px}.m8{margin:144px}.mt8{margin-top:144px}.mr8{margin-right:144px}.mb8{margin-bottom:144px}.ml8{margin-left:144px}.mx8{margin-left:144px;margin-right:144px}.my8{margin-top:144px;margin-bottom:144px}.m9{margin:240px}.mt9{margin-top:240px}.mr9{margin-right:240px}.mb9{margin-bottom:240px}.ml9{margin-left:240px}.mx9{margin-left:240px;margin-right:240px}.my9{margin-top:240px;margin-bottom:240px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto;float:none}.p0{padding:0}.pt0{padding-top:0}.pr0{padding-right:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.px0{padding-left:0;padding-right:0}.py0{padding-top:0;padding-bottom:0}.py-mini{padding-top:2px;padding-bottom:2px}.pt-mini{padding-top:2px}.pr-mini{padding-right:2px}.pl-mini{padding-left:2px}.pb-mini{padding-bottom:2px}.p-tiny{padding:4px}.pt-tiny{padding-top:4px}.pr-tiny{padding-right:4px}.pb-tiny{padding-bottom:4px}.pl-tiny{padding-left:4px}.py-tiny{padding-top:4px;padding-bottom:4px}.px-tiny{padding-left:4px;padding-right:4px}.p-small{padding:8px}.pt-small{padding-top:8px}.pr-small{padding-right:8px}.pb-small{padding-bottom:8px}.pl-small{padding-left:8px}.py-small{padding-top:8px;padding-bottom:8px}.px-small{padding-left:8px;padding-right:8px}.py-little{padding-top:14px;padding-bottom:14px}.p0375{padding:6px}.pt0375{padding-top:6px}.pr0375{padding-right:6px}.pb0375{padding-bottom:6px}.pl0375{padding-left:6px}.py0375{padding-top:6px;padding-bottom:6px}.px0375{padding-left:6px;padding-right:6px}.p075{padding:12px}.pt075{padding-top:12px}.pr075{padding-right:12px}.pb075{padding-bottom:12px}.pl075{padding-left:12px}.py075{padding-top:12px;padding-bottom:12px}.px075{padding-left:12px;padding-right:12px}.p1{padding:16px}.pt1{padding-top:16px}.pr1{padding-right:16px}.pb1{padding-bottom:16px}.pl1{padding-left:16px}.py1{padding-top:16px;padding-bottom:16px}.px1{padding-left:16px;padding-right:16px}.p2{padding:24px}.pt2{padding-top:24px}.pr2{padding-right:24px}.pb2{padding-bottom:24px}.pl2{padding-left:24px}.py2{padding-top:24px;padding-bottom:24px}.px2{padding-left:24px;padding-right:24px}.p3{padding:36px}.pt3{padding-top:36px}.pr3{padding-right:36px}.pb3{padding-bottom:36px}.pl3{padding-left:36px}.py3{padding-top:36px;padding-bottom:36px}.px3{padding-left:36px;padding-right:36px}.p4{padding:48px}.pt4{padding-top:48px}.pr4{padding-right:48px}.pb4{padding-bottom:48px}.pl4{padding-left:48px}.py4{padding-top:48px;padding-bottom:48px}.px4{padding-left:48px;padding-right:48px}.p5{padding:64px}.pt5{padding-top:64px}.pr5{padding-right:64px}.pb5{padding-bottom:64px}.pl5{padding-left:64px}.py5{padding-top:64px;padding-bottom:64px}.px5{padding-left:64px;padding-right:64px}.p6{padding:96px}.pt6{padding-top:96px}.pr6{padding-right:96px}.pb6{padding-bottom:96px}.pl6{padding-left:96px}.py6{padding-top:96px;padding-bottom:96px}.px6{padding-left:96px;padding-right:96px}.p8{padding:144px}.pt8{padding-top:144px}.pr8{padding-right:144px}.pb8{padding-bottom:144px}.pl8{padding-left:144px}.py8{padding-top:144px;padding-bottom:144px}.px8{padding-left:144px;padding-right:144px}@media screen and (min-width: 40rem){.pr1-ns{padding-right:16px}}.top1px{position:relative;top:1px}.width-3{width:3rem}.height-3{height:3rem}.lh0{line-height:1}.lh0_875{line-height:.875rem}.lh1{line-height:1rem}.lh1_125{line-height:1.125rem}.lh1_25{line-height:1.25rem}.lh1_5{line-height:1.5rem}.lh1_75{line-height:1.75rem}.lh2{line-height:2rem}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-col-reverse{display:flex;flex-direction:column-reverse}.grow-0{flex-grow:0}.grow-1{flex-grow:1}.grow-2{flex-grow:2}.grow-3{flex-grow:3}.grow-4{flex-grow:4}.grow-5{flex-grow:5}.grow-6{flex-grow:6}.grow-7{flex-grow:7}.grow-8{flex-grow:8}.grow-9{flex-grow:9}.grow-10{flex-grow:10}.grow-11{flex-grow:11}.grow-12{flex-grow:12}.shrink-0{flex-shrink:0}.shrink-1{flex-shrink:1}.shrink-2{flex-shrink:2}.shrink-3{flex-shrink:3}.shrink-4{flex-shrink:4}.shrink-5{flex-shrink:5}.shrink-6{flex-shrink:6}.shrink-7{flex-shrink:7}.shrink-8{flex-shrink:8}.shrink-9{flex-shrink:9}.shrink-10{flex-shrink:10}.shrink-11{flex-shrink:11}.shrink-12{flex-shrink:12}.basis-0{flex-basis:0}.basis-1{flex-basis:16px}.basis-2{flex-basis:24px}.basis-3{flex-basis:36px}.basis-4{flex-basis:48px}.basis-5{flex-basis:64px}.basis-6{flex-basis:96px}.basis-8{flex-basis:144px}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-items-baseline{align-items:baseline}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-stretch{align-self:stretch}.align-self-baseline{align-self:baseline}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-center{align-content:center}.align-content-between{align-content:space-between}.align-content-around{align-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.container{margin-right:auto;margin-left:auto;width:100%;position:relative}.wide-container{margin:0 auto;width:100%;max-width:1280px}@media(min-width: 768px){.container{width:750px}}@media(min-width: 992px){.container{width:970px}}@media(min-width: 1300px){.container{width:1280px}}.cursor-grab{cursor:url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/openhand.cur),default !important}.cursor-grabbing{cursor:url(https://ssl.gstatic.com/ui/v1/icons/mail/images/2/closedhand.cur),default !important}.hidden{display:none}.vis-hidden{visibility:hidden}.opacity-0{opacity:0}.inactive,a.inactive{cursor:default}.inactive:hover,a.inactive:hover{cursor:default}.h1,h1{font-size:1.75rem;letter-spacing:-0.025em}.h2,h2{font-size:1.25rem;letter-spacing:-0.025em}.h3,h3{font-weight:600;font-size:.875em}.h4,h4{font-weight:600;text-transform:uppercase;font-size:.75rem}.anchor,a{color:var(--action-primary-text);text-decoration:none;cursor:pointer}.anchor:hover,a:hover{color:var(--action-primary-text-hover)}.anchor-dark,a.anchor-dark{color:var(--action-primary-text);border-radius:4px;cursor:pointer}.anchor-dark:hover,a.anchor-dark:hover{color:var(--action-primary-text-hover);background:var(--background-color-action-selected)}.t-gray-lighter{color:#e7e9ee}.t-gray-lightish{color:#e7e9ee}.t-gray-light{color:#e7e9ee}.t-red{color:#d62400}.t-red-dark{color:#a1321c}.t-blue{color:#b1dbfb}.t-blue-light{color:#97dbfc}.t-blue-light-bright{color:#97dbfc;filter:brightness(120%)}.t-white{color:#fff}.t-gray{color:#bec3d0}.t-gray-dark{color:#9ea5b8}.t-inherit{color:inherit}.oh-t-white:hover{color:#fff}.oh-t-gray-lightish:hover{color:#e7e9ee}.oh-t-gray:hover{color:#bec3d0}.oh-t-red:hover{color:#d62400}.oh-t-blue:hover{color:#b1dbfb}.oh-t-dark-blue:hover{color:#1248b3}.bg-green{background:#00893e}.t-small{font-size:8px}.t-little{font-size:14px}.t1{font-size:16px}.t2{font-size:1.25rem}.t3{font-size:1rem}.t4{font-size:.875rem}.t5{font-size:.75rem}.t6{font-size:.625rem}.t-left{text-align:left}.t-right{text-align:right}.t-center{text-align:center}.t-bold,strong,b{font-weight:600}.t-code{font-family:'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace}.t-italic,i,em{font-style:italic}.t-caps{text-transform:uppercase}.t-lowercase{text-transform:lowercase}.t-capswords{text-transform:capitalize}.t-no-transform{text-transform:none}.t-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-truncated-start,.t-truncated-end{display:inline-block;vertical-align:bottom;white-space:nowrap;overflow:hidden}.t-truncated-start{max-width:calc(100% - 3.8em);min-width:2.28em;overflow:hidden;text-overflow:ellipsis}.t-truncated-end{max-width:calc(100% - 2.28em)}.t-shadow{text-shadow:0 1px 1px rgba(0,0,0,.15)}.t-tracked-tight{letter-spacing:-0.1em}.t-tracked{letter-spacing:.1em}.t-no-track{letter-spacing:0}.t-underline{text-decoration:underline}.nowrap{white-space:nowrap}.break-word{word-break:break-word}.shadow{box-shadow:0px 0px 0px 0px #55627f,0px 3px 6px -3px rgba(85,98,127,.33)}.popover-shadow{box-shadow:0px 1px 3px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.1)}.b0{border-width:0;border-style:solid}.bt0{border-top-width:0}.b1{border-width:1px;border-style:solid}.b-small{border-width:4px;border-style:solid}.ba{border:1px solid var(--border-color-base)}.bf{border:1px solid var(--border-color-base);border-bottom:1px solid #cdcdcd}.bf-transparent{border:1px solid rgba(0,0,0,0)}.bb{border-bottom:1px solid #cdcdcd}.bt{border-top:1px solid var(--border-color-base)}.bl{border-left:1px solid var(--border-color-base)}.br{border-right:1px solid var(--border-color-base)}.b-sides{border-right:1px solid var(--border-color-base);border-left:1px solid var(--border-color-base)}.b-transparent{border-color:rgba(0,0,0,0)}.b-blue-light{border-color:#97dbfc}.b-blue-lighter{border-color:#f2f9fd}.b-gray-mid{border-color:#d3d6df}.b-gray-lightish{border-color:var(--border-color-base)}.b-gray-lighter{border-color:var(--border-color-base)}.b-gray-lightest{border-color:#f6f7f9}.b-gray{border-color:#bec3d0}.b-blue{border-color:#b1dbfb}.b-red{border-color:#d62400}.b-red-light{border-color:#ffc2c2}.b-white{border-color:#fff}.bb-gray{border-bottom-color:var(--border-color-base)}.bb-gray-lightest{border-bottom-color:#f6f7f9}.bb-light{border-bottom-color:#f6f6f6}.bt-transparent{border-top-color:rgba(0,0,0,0)}.bb-transparent{border-bottom-color:rgba(0,0,0,0)}.bb-white{border-bottom-color:#fff}.b-gray-lightest{border-color:#f6f7f9}.bt-light{border-top:1px solid #fff}.oh-b-gray-blue-lighter:hover{border-color:#bbbfff}.radius-half{border-radius:2px}.radius{border-radius:4px}.radius-0{border-radius:0}.radius-top{border-top-left-radius:4px;border-top-right-radius:4px}.radius-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.radius-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.radius-top-left{border-top-left-radius:4px}.radius-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.radius-top-right{border-top-right-radius:4px}.radius-50{border-radius:50%}.radius-100{border-radius:100%}.no-outline,.no-outline:focus{outline:none}.bg-inherit{background:inherit}.bg-transparent{background:rgba(0,0,0,0)}.bg-white{background:var(--background-color-depth0)}.bg-offwhite{background:#f6f7f9}.bg-gray-lightest{background:#f6f7f9}.bg-gray-light{background:#e7e9ee}.bg-gray-lighter{background:#e7e9ee}.bg-gray-lightish{background:#e7e9ee}.bg-gray-mid{background:#d3d6df}.bg-gray{background:#bec3d0}.bg-gray-dark{background:#9ea5b8}.bg-grey-500{background:#9ea5b8}.bg-grey-600{background:#81899c}.bg-blue,.blue{background:#b1dbfb}.bg-blue-light,.blue-light{background:#97dbfc}.bg-blue-lighter,.blue-lighter{background:#f2f9fd}.bg-red,.red{background:#d62400}.bg-coral-light,.coral{background:#ffc2c2}.bg-purple{background:var(--dependencymap-selected)}.bg-gradient-light{background:linear-gradient(178deg, #f8f8fa, #edeef1)}*[class*=-hover],*[class*=oh-]{transition:all .1s}.oh-bg-white:hover{background:var(--background-color-depth0)}.oh-bg-blue-lighter:hover{background:#f2f9fd}.oh-bg-gray:hover{background:#bec3d0}.oh-bg-gray-light:hover{background:#e7e9ee}.oh-bg-gray-mid:hover{background:#d3d6df}.oh-bg-blue:hover{background:#b1dbfb}.oh-bg-blue-lighter:hover{background:#f2f9fd}.oh-bg-gray-blue-lighter:hover{background:#f6f7f9}.oh-bg-dark-red:hover{background:#a1321c}.oh-bg-blue-lighter.focus{background:#b1dbfb}.pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-col-resize{cursor:col-resize}.cursor-ew-resize{cursor:ew-resize}.cursor-crosshair{cursor:crosshair}.cursor-text{cursor:text}.cursor-zoom-out{cursor:zoom-out}.cursor-remove{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAAGzCI4dAAAAAXNSR0IArs4c6QAAAFlJREFUGBldj4sNwCAIRJmj7eIu4nzlXTmskij3k2BExMizahpegNuMjoUg8UmgSBlNkn8jHe2JOJ4BFqGTZJ6uLVEmmgKEKF4gnmG8Nv8LgFX81nuXpIY2XvuWDXQzOXlLAAAAAElFTkSuQmCC) 4 4,auto}.z100{z-index:100}.z200{z-index:200}.z300{z-index:300}.z500{z-index:500}.z1000{z-index:1000}.o-0{opacity:0}.o-10{opacity:.1}.o-30{opacity:.3}.o-50{opacity:.5}.o-70{opacity:.7}.o-100{opacity:1}.oh-o-100:hover{opacity:1}::selection{background:var(--background-color-action-selected)}.transition-main{transition:all 500ms cubic-bezier(0, 0.675, 0.215, 0.98)}.transition-main--fast{transition:all 250ms cubic-bezier(0, 0.675, 0.215, 0.98)}.loader-item{background:#fff;margin:0 auto;width:400px;height:200px}@keyframes scaleX{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}@keyframes placeHolderAnimation{0%{background-position:100% 0}100%{background-position:-100% 0}}.bg-loading{animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderAnimation;animation-timing-function:linear;background:var(--component-skeleton-highlight);background-size:200% 200%}.fw700{font-weight:700}.fw600{font-weight:600}.fw500{font-weight:500}.fw400{font-weight:400}.fw300{font-weight:300}.fw200{font-weight:200}.fw100{font-weight:100}.no-highlight::selection{background:none}.no-highlight::-moz-selection{background:none}ul.disc,ol.disc{list-style-type:disc}ul.list,ol.list{list-style-type:decimal}ul.no-lst,ol.no-lst,li.no-lst{list-style-type:none}.list-inside{list-style-position:inside}.measure{max-width:30em}
/*
 * --------------------------------------------------------
 * LIGHT MODE
 */

.light-mode {
  color-scheme: light;

  /** Surfaces
  --------------------- */

  --surface--page--depth1: #ffffff;
  --surface--page--depth2: #f6f7f9;

  --surface--depth1--background: #ffffff;
  --surface--depth1--border: #e7e9ee;
  --surface--depth1--background-strong: #f6f7f9;
  --surface--depth1--border-strong: #d3d6df;

  --surface--depth2--background: #f6f7f9;
  --surface--depth2--border: #e7e9ee;
  --surface--depth2--background-strong: #e7e9ee;
  --surface--depth2--border-strong: #bec3d0;

  --surface--invert--background: #1d212a;
  --surface--invert--border: #343b46;
  --surface--invert--background-strong: #14181f;
  --surface--invert--border-strong: #1d212a;

  --surface--info--background: #f2f9fd;
  --surface--info--border: #b1dbfb;
  --surface--info--background-strong: #d9eefd;
  --surface--info--border-strong: #79bcf6;

  --surface--success--background: #f8fcf8;
  --surface--success--border: #c3e9ca;
  --surface--success--background-strong: #e1f4e4;
  --surface--success--border-strong: #98d7a3;

  --surface--warning--background: #fefbf6;
  --surface--warning--border: #f9de9f;
  --surface--warning--background-strong: #fbedd0;
  --surface--warning--border-strong: #f4d07c;

  --surface--error--background: #fdf8f6;
  --surface--error--border: #f4c3b9;
  --surface--error--background-strong: #f9e1dc;
  --surface--error--border-strong: #ec9483;

  --surface--promo--background: #f7f6fe;
  --surface--promo--border: #cdc9f8;
  --surface--promo--background-strong: #e8e8fd;
  --surface--promo--border-strong: #aca7f1;

  /** Background colors
  --------------------- */
  --background-color-depth0: #ffffff;
  --background-color-depth1: #f6f7f9;
  --background-color-depth2: #343b46;
  --background-color-depth3: #1d212a;
  --background-color-highlight: #f2f9fd;

  --background-color-muted: #f6f7f9;
  --background-color-error: #f9e1dc;
  --background-color-warning: #fbedd0;
  --background-color-success: #e1f4e4;
  --background-color-info: #d9eefd;
  --background-color-promo: #cdc9f8;

  --background-color-action-hovered: color-mix(in srgb, #1d212a 8%, transparent);
  --background-color-action-pressed: color-mix(in srgb, #1d212a 16%, transparent);
  --background-color-action-selected: #d9eefd;

  /** Typography colors
  --------------------- */

  --typography--main--body: #596173;
  --typography--main--subtext: #81899c;
  --typography--main--heading: #343b46;

  --typography--contextual--invert: #e7e9ee;
  --typography--contextual--invert-strong: #ffffff;
  --typography--contextual--info: #115cb0;
  --typography--contextual--info-strong: #18366d;
  --typography--contextual--success: #3c864f;
  --typography--contextual--success-strong: #21452b;
  --typography--contextual--promo: #6e68de;
  --typography--contextual--promo-strong: #433db3;
  --typography--contextual--warning: #b67d0c;
  --typography--contextual--warning-strong: #5f3f07;
  --typography--contextual--error: #aa3018;
  --typography--contextual--error-strong: #4f180d;

  --typography--syntax--keyword: #1b7bbb;
  --typography--syntax--text: #343b46;
  --typography--syntax--parentheses: #78469b;
  --typography--syntax--separator: #d56dd5;
  --typography--syntax--operator: #dc7847;
  --typography--syntax--operator-keyword: #b03b7f;
  --typography--syntax--string: #37a2ae;
  --typography--syntax--comment: #81899c;
  --typography--syntax--value-expression: #5a7c65;
  --typography--syntax--unit: #2a9e51;
  --typography--syntax--self: #90a95c;
  --typography--syntax--name: #5a4fbf;

  /** Status
  ---------- */

  --status--info: #1e82e6;
  --status--info-strong: #115cb0;
  --status--success: #48a85e;
  --status--success-strong: #3c864f;
  --status--warning: #f4b72a;
  --status--warning-strong: #b67d0c;
  --status--error: #e44525;
  --status--error-strong: #aa3018;
  --status--promo: #6e68de;
  --status--promo-strong: #433db3;
  --status--neutral: #81899c;
  --status--neutral-strong: #596173;
  --status--favorite: #f4b72a;
  --status--favorite-strong: #b67d0c;

  /** Input
  --------- */

  --input--default--background: #ffffff;
  --input--default--text: #596173;
  --input--default--border: #d3d6df;

  --input--hover--background: #ffffff;
  --input--hover--text: #343b46;
  --input--hover--border: #bec3d0;

  --input--focused--background: #ffffff;
  --input--focused--text: #343b46;
  --input--focused--border: #1e82e6;

  --input--disabled--background: #e7e9ee;
  --input--disabled--text: #81899c;
  --input--disabled--border: #d3d6df;

  --input--error--background: #ffffff;
  --input--error--text: #596173;
  --input--error--border: #e86d54;

  --input--placeholder: #9ea5b8;

  /** Shadow
  ---------- */

  --shadow--elevation1: 0 4px 12px 0 color-mix(in srgb, #343b46 15%, transparent);
  --shadow--elevation2: 0 8px 24px 0 color-mix(in srgb, #343b46 22%, transparent);
  --shadow--hover-glow: 0 0 0 3px color-mix(in srgb, #343b46 7%, transparent);
  --shadow--focus-glow: 0 0 0 3px #d9eefd;
  --shadow--error-glow: 0 0 0 3px #f9e1dc;

  /** Text colors
  --------------- */
  --text-color-heading: #343b46;
  --text-color-body: #596173;
  --text-color-muted: #81899c;
  --text-color-disabled: #81899c;
  --text-color-inverse: #ffffff;
  --text-color-error: #aa3018;
  --text-color-warning: #b67d0c;
  --text-color-success: #3c864f;
  --text-color-info: #115cb0;
  --text-color-promo: #433db3;

  --text-color-action-hovered: #343b46;
  --text-color-action-selected: #1e82e6;

  /** Borders
  ----------- */
  --border-color-base: #e7e9ee;
  --border-color-container: #e7e9ee;

  --border-color-error: #e44525;
  --border-color-warning: #b67d0c;
  --border-color-success: #3c864f;
  --border-color-info: #1e82e6;
  --border-color-promo: #433db3;

  --border-color-action-hovered: #d3d6df;
  --border-color-action-focused: #1e82e6;
  --border-color-action-selected: #1e82e6;

  /** Shadows
  ----------- */
  --shadow-color-container: 0px 8px 16px color-mix(in srgb, #596173 24%, transparent);
  --shadow-color-dialog: 0px 16px 24px color-mix(in srgb, #596173 24%, transparent);
  --shadow-color-widget: 0px 0px 16px color-mix(in srgb, #596173 24%, transparent);
  --shadow-color-sidebar: color-mix(in srgb, #596173 16%, transparent) 0 0 0 1px,
    color-mix(in srgb, #596173 24%, transparent) 0 4px 8px -2px;

  --shadow-color-error: 0 0 0 3px #f9e1dc;
  --shadow-color-focus-visible: 0 0 0 3px #79bcf6;

  --shadow-color-action-hovered: 0 0 0 3px #f6f7f9;
  --shadow-color-action-focused: 0 0 0 3px #d9eefd;

  /** Actions
  ----------- */

  --action--primary--default--background: #1e82e6;
  --action--primary--default--border: #1e82e6;
  --action--primary--default--foreground: #ffffff;
  --action--primary--hover--background: #115cb0;
  --action--primary--hover--border: #115cb0;
  --action--primary--hover--foreground: #ffffff;
  --action--primary--pressed--background: #18366d;
  --action--primary--pressed--border: #18366d;
  --action--primary--pressed--foreground: #ffffff;
  --action--primary--selected--background: #18366d;
  --action--primary--selected--border: #18366d;
  --action--primary--selected--foreground: #ffffff;

  --action--secondary--default--background: #ffffff;
  --action--secondary--default--border: #d3d6df;
  --action--secondary--default--foreground: #596173;
  --action--secondary--hover--background: #f6f7f9;
  --action--secondary--hover--border: #bec3d0;
  --action--secondary--hover--foreground: #343b46;
  --action--secondary--pressed--background: #e7e9ee;
  --action--secondary--pressed--border: #bec3d0;
  --action--secondary--pressed--foreground: #343b46;
  --action--secondary--selected--background: #ffffff;
  --action--secondary--selected--border: #1e82e6;
  --action--secondary--selected--foreground: #1e82e6;

  --action--tertiary--default--background: transparent;
  --action--tertiary--default--border: transparent;
  --action--tertiary--default--foreground: #596173;
  --action--tertiary--hover--background: color-mix(in srgb, #1d212a 6%, transparent);
  --action--tertiary--hover--border: transparent;
  --action--tertiary--hover--foreground: #343b46;
  --action--tertiary--pressed--background: color-mix(in srgb, #1d212a 13%, transparent);
  --action--tertiary--pressed--border: transparent;
  --action--tertiary--pressed--foreground: #343b46;
  --action--tertiary--selected--background: color-mix(
    in srgb,
    #1e82e6 13%,
    transparent
  );
  --action--tertiary--selected--border: transparent;
  --action--tertiary--selected--foreground: #1e82e6;

  --action--disabled--background: #e7e9ee;
  --action--disabled--border: #e7e9ee;
  --action--disabled--foreground: #81899c;

  /** NAMESPACE: ACTION
  ---------------------- */

  /* Primary actions */
  --action-primary-text: #1e82e6;
  --action-primary-text-hover: #115cb0;
  --action-primary-text-active: #18366d;

  --action-primary-filled-text: #ffffff;

  --action-primary-filled-background: #1e82e6;
  --action-primary-filled-background-hover: #115cb0;
  --action-primary-filled-background-active: #18366d;

  --action-primary-filled-track: #79bcf6;

  /* Secondary actions */
  --action-secondary-text: #596173;
  --action-secondary-text-hover: #596173;
  --action-secondary-text-active: #343b46;

  --action-secondary-background: var(--background-color-depth0);
  --action-secondary-background-hover: #f6f7f9;
  --action-secondary-background-active: #d3d6df;

  --action-secondary-border: #d3d6df;
  --action-secondary-border-hover: #d3d6df;
  --action-secondary-border-active: #81899c;

  --action-secondary-filled-background: #81899c;
  --action-secondary-filled-background-hover: #596173;
  --action-secondary-filled-background-active: #343b46;

  --action-secondary-filled-track: #d3d6df;

  /* Error actions */
  --action-error-text: #aa3018;
  --action-error-text-hover: #e44525;

  /* Disabled actions */
  --action-disabled-background: #f6f7f9;
  --action-disabled-border: #d3d6df;
  --action-disabled-text: #9ea5b8;

  /** NAMESPACE: CONTEXTUAL
  ---------------------- */

  --contextual-favorite: #f3c649;

  /* P0 (SystemNotification, ConditionStatus) */
  --contextual-p0-error-background: #f9e1dc;
  --contextual-p0-info-background: #d9eefd;
  --contextual-p0-muted-background: #f6f7f9;
  --contextual-p0-neutral-background: #e7e9ee;
  --contextual-p0-promo-background: #e8e8fd;
  --contextual-p0-success-background: #e1f4e4;
  --contextual-p0-warning-background: #fbedd0;

  --contextual-p0-error-text: #aa3018;
  --contextual-p0-info-text: #115cb0;
  --contextual-p0-muted-text: #343b46;
  --contextual-p0-neutral-text: #1d212a;
  --contextual-p0-promo-text: #433db3;
  --contextual-p0-success-text: #3c864f;
  --contextual-p0-warning-text: #5f3f07;

  /* P1 (Pill) */
  --contextual-p1-neutral-background: #f6f7f9;
  --contextual-p1-neutral-background-hover: #d3d6df;
  --contextual-p1-error-background: #f9e1dc;
  --contextual-p1-error-background-hover: #f4c3b9;
  --contextual-p1-warning-background: #fbedd0;
  --contextual-p1-warning-background-hover: #f9de9f;

  --contextual-p1-neutral-border: #e7e9ee;
  --contextual-p1-neutral-border-hover: #d3d6df;
  --contextual-p1-error-border: #f4c3b9;
  --contextual-p1-error-border-hover: #ec9483;
  --contextual-p1-warning-border: #f9de9f;
  --contextual-p1-warning-border-hover: #f4d07c;

  --contextual-p1-neutral-text: #596173;
  --contextual-p1-neutral-text-hover: #343b46;
  --contextual-p1-error-text: #aa3018;
  --contextual-p1-error-text-hover: #4f180d;
  --contextual-p1-warning-text: #b67d0c;
  --contextual-p1-warning-text-hover: #5f3f07;

  /* P2 (Billboard, Banner, Badge) */
  --contextual-p2-error-background: #fdf8f6;
  --contextual-p2-warning-background: #fefbf6;
  --contextual-p2-success-background: #f8fcf8;
  --contextual-p2-info-background: #f2f9fd;
  --contextual-p2-promo-background: #f7f6fe;

  --contextual-p2-error-border: #e44525;
  --contextual-p2-warning-border: #f4b72a;
  --contextual-p2-success-border: #48a85e;
  --contextual-p2-info-border: #1e82e6;
  --contextual-p2-promo-border: #6e68de;

  --contextual-p2-neutral-text: #343b46;
  --contextual-p2-muted-text: #81899c;
  --contextual-p2-error-text: #e44525;
  --contextual-p2-warning-text: #f4b72a;
  --contextual-p2-success-text: #48a85e;
  --contextual-p2-info-text: #1e82e6;
  --contextual-p2-promo-text: #6e68de;

  /** NAMESPACE: NAVBAR
  ---------------------- */

  --navbar-background: #1d212a;
  --navbar-item-background: transparent;
  --navbar-item-text: #9ea5b8;
  --navbar-item-hover-background: #343b46;
  --navbar-item-hover-text: #e7e9ee;
  --navbar-item-selected-background: #1e82e6;
  --navbar-item-selected-text: #ffffff;

  /** NAMESPACE: CHART
  ---------------------- */

  --chart-grid-line: #e7e9ee;
  --chart-brush-selection: #1e82e6;
  --chart-hover-cursor: #596173;
  --chart-hover-halo: #ffffff;

  --chart-deemphasized: #e7e9ee;

  --chart-baseline: #8a3ef2;
  --chart-deviation: #48aaf9;

  --chart-percentile-p50: #79c8f6;
  --chart-percentile-p95: #5aaded;
  --chart-percentile-p99: #2d629f;
  --chart-percentile-p99_9: #2a3a51;

  --chart-percentile-p50-emphasized: #78eeda;
  --chart-percentile-p95-emphasized: #00b6b6;
  --chart-percentile-p99_9-emphasized: #006174;

  --chart-error: #e44525;
  --chart-rate: #121c21;

  --chart-series-0: #1b7bbb;
  --chart-series-1: #dc7847;
  --chart-series-2: #78469b;
  --chart-series-3: #37a2ae;
  --chart-series-4: #b03b7f;
  --chart-series-5: #1f40c1;
  --chart-series-6: #8b7255;
  --chart-series-7: #826cef;
  --chart-series-8: #5a7c65;
  --chart-series-9: #d56dd5;
  --chart-series-10: #6699cc;

  --dependencymap-edge: #81899c;
  --dependencymap-node-base: #f6f7f9;
  --dependencymap-node-border: #81899c;
  --dependencymap-selected: #9ea5f6;
  --dependencymap-latency: #ffce00;
  --dependencymap-latency-new: #f4b72aad;
  --dependencymap-error: #ffc2c2;
  --dependencymap-inferred: #97dbfc;
  --dependencymap-error-100: #f08c19;
  --dependencymap-error-200: #e97c35;
  --dependencymap-error-300: #dc4d18;
  --dependencymap-error-400: #b82a14;
  --dependencymap-error-500: #ac0b0b;
  --dependencymap-error-600: #990a0a;
  --dependencymap-error-700: #730808;
  --dependencymap-comparison-100: #a980c6;
  --dependencymap-comparison-200: #9664b9;
  --dependencymap-comparison-300: #824ca9;
  --dependencymap-comparison-400: #6c3f8d;
  --dependencymap-comparison-500: #573370;
  --dependencymap-comparison-600: #412654;
  --dependencymap-comparison-700: #2b1938;
  --dependencymap-edge-overlay: #81899c;
  --dependencymap-edge-overlay-comparison: #d56dd5;

  --heatmap-series-0: #e0f7ff;
  --heatmap-series-1: #cdeffe;
  --heatmap-series-2: #9bdcfd;
  --heatmap-series-3: #79c8f6;
  --heatmap-series-4: #5aaded;
  --heatmap-series-5: #3e94e0;
  --heatmap-series-6: #2d7dcd;
  --heatmap-series-7: #2d629f;
  --heatmap-series-8: #2a4c79;
  --heatmap-series-9: #2a3a51;

  --chart-exemplars-success: #00893e;
  --chart-exemplars-error: #e86d54;

  --logs-histogram-0: #1b7bbb; /* INFO */
  --logs-histogram-1: #d3d6df; /* DEBUG */
  --logs-histogram-2: #f3c649; /* WARNING */
  --logs-histogram-3: #e44525; /* ERROR */
  --logs-histogram-4: #37a2ae; /* TRACE */
  --logs-histogram-5: #b03b7f; /* FATAL */
  --logs-histogram-6: #78469b; /* UNKNOWN */

  --logs-subdued-input-background: #e7e9ee;
  --logs-subdued-input-placeholder: #343b46;
  --logs-focused-input-background: #ffffff;
  --logs-active-primary: #115cb0;
  --logs-primary: #1e82e6;

  /** NAMESPACE: COMPONENT
  ---------------------- */

  --component-caret-color: #1d212a;

  --component-logo-text: #1d212a;

  --component-skeleton-background: color-mix(in srgb, #596173 13%, transparent);
  --component-skeleton-highlight: linear-gradient(
    90deg,
    color-mix(in srgb, #ffffff 0%, transparent) 0%,
    color-mix(in srgb, #ffffff 50%, transparent) 50%,
    color-mix(in srgb, #ffffff 0%, transparent) 100%
  );

  --component-table-row-highlight-background: #fbedd0;
  --component-table-row-highlight-border: #f3c649;

  /** NAMESPACE: ALERTHISTORY
  ---------------------- */

  --alert-history-status-critical: #e44525;
  --alert-history-status-no-data: #596173;
  --alert-history-status-warning: #f4b72a;
  --alert-history-status-unknown: #d3d6df;
  --alert-history-status-ok: #abe9b9;
}

/*
// --------------------------------------------------------
// DARK MODE
*/

.dark-mode {
  color-scheme: dark;

  /** Surfaces
  --------------------- */

  --surface--page--depth1: #1d212a;
  --surface--page--depth2: #14181f;

  --surface--depth1--background: #1d212a;
  --surface--depth1--border: #343b46;
  --surface--depth1--background-strong: #343b46;
  --surface--depth1--border-strong: #596173;

  --surface--depth2--background: #14181f;
  --surface--depth2--border: #343b46;
  --surface--depth2--background-strong: #343b46;
  --surface--depth2--border-strong: #81899c;

  --surface--invert--background: #f6f7f9;
  --surface--invert--border: #e7e9ee;
  --surface--invert--background-strong: #ffffff;
  --surface--invert--border-strong: #f6f7f9;

  --surface--info--background: #1c2736;
  --surface--info--border: #115cb0;
  --surface--info--background-strong: #18366d;
  --surface--info--border-strong: #1e82e6;

  --surface--success--background: #1d2a21;
  --surface--success--border: #3c864f;
  --surface--success--background-strong: #21452b;
  --surface--success--border-strong: #48a85e;

  --surface--warning--background: #2a2722;
  --surface--warning--border: #b67d0c;
  --surface--warning--background-strong: #5f3f07;
  --surface--warning--border-strong: #f4b72a;

  --surface--error--background: #281815;
  --surface--error--border: #aa3018;
  --surface--error--background-strong: #4f180d;
  --surface--error--border-strong: #e44525;

  --surface--promo--background: #201f33;
  --surface--promo--border: #433db3;
  --surface--promo--background-strong: #211b5f;
  --surface--promo--border-strong: #6e68de;

  /** Background colors
  --------------------- */
  --background-color-depth0: #1d212a;
  --background-color-depth1: #14181f;
  --background-color-depth2: #ffffff;
  --background-color-depth3: #343b46;
  --background-color-highlight: #1c2736;

  --background-color-muted: #131720;
  --background-color-error: #281815;
  --background-color-warning: #2a2722;
  --background-color-success: #1d2a21;
  --background-color-info: #1c2736;
  --background-color-promo: #201f33;

  --background-color-action-hovered: color-mix(in srgb, #f6f7f9 8%, transparent);
  --background-color-action-pressed: color-mix(in srgb, #f6f7f9 16%, transparent);
  --background-color-action-selected: #115cb0;

  /** Typography colors
  --------------------- */

  --typography--main--body: #d3d6df;
  --typography--main--subtext: #81899c;
  --typography--main--heading: #f6f7f9;

  --typography--contextual--invert: #1d212a;
  --typography--contextual--invert-strong: #14181f;
  --typography--contextual--info: #4d99f0;
  --typography--contextual--info-strong: #79bcf6;
  --typography--contextual--success: #75c783;
  --typography--contextual--success-strong: #98d7a3;
  --typography--contextual--promo: #8986e9;
  --typography--contextual--promo-strong: #aca7f1;
  --typography--contextual--warning: #f3c649;
  --typography--contextual--warning-strong: #f4d07c;
  --typography--contextual--error: #e86d54;
  --typography--contextual--error-strong: #ec9483;

  --typography--syntax--keyword: #47aff5;
  --typography--syntax--text: #d3d6df;
  --typography--syntax--parentheses: #b580ff;
  --typography--syntax--separator: #f7a1f7;
  --typography--syntax--operator: #fca479;
  --typography--syntax--operator-keyword: #dd5aa6;
  --typography--syntax--string: #3dc7d6;
  --typography--syntax--comment: #81899c;
  --typography--syntax--value-expression: #81a78d;
  --typography--syntax--unit: #48d077;
  --typography--syntax--self: #bee66a;
  --typography--syntax--name: #a49afc;

  /** Status
  ---------- */

  --status--info: #4d99f0;
  --status--info-strong: #79bcf6;
  --status--success: #75c783;
  --status--success-strong: #98d7a3;
  --status--warning: #f3c649;
  --status--warning-strong: #f4d07c;
  --status--error: #e86d54;
  --status--error-strong: #ec9483;
  --status--promo: #8986e9;
  --status--promo-strong: #aca7f1;
  --status--neutral: #81899c;
  --status--neutral-strong: #9ea5b8;
  --status--favorite: #f3c649;
  --status--favorite-strong: #f4d07c;

  /** Input
  --------- */

  --input--default--background: #1d212a;
  --input--default--text: #e7e9ee;
  --input--default--border: #343b46;

  --input--hover--background: #14181f;
  --input--hover--text: #ffffff;
  --input--hover--border: #596173;

  --input--focused--background: #14181f;
  --input--focused--text: #ffffff;
  --input--focused--border: #4d99f0;

  --input--disabled--background: #1d212a;
  --input--disabled--text: #81899c;
  --input--disabled--border: #596173;

  --input--error--background: #14181f;
  --input--error--text: #e7e9ee;
  --input--error--border: #e44525;

  --input--placeholder: #9ea5b8;

  /** Shadow
  ---------- */

  --shadow--elevation1: 0 4px 12px 0 color-mix(in srgb, #14181f 25%, transparent);
  --shadow--elevation2: 0 8px 24px 0 color-mix(in srgb, #14181f 40%, transparent);
  --shadow--hover-glow: 0 0 0 3px color-mix(in srgb, #9ea5b8 25%, transparent);
  --shadow--focus-glow: 0 0 0 3px #115cb0;
  --shadow--error-glow: 0 0 0 3px #aa3018;

  /** Text colors
  --------------- */
  --text-color-heading: #f6f7f9;
  --text-color-body: #d3d6df;
  --text-color-muted: #81899c;
  --text-color-disabled: #81899c;
  --text-color-inverse: #14181f;
  --text-color-error: #e86d54;
  --text-color-warning: #f3c649;
  --text-color-success: #75c783;
  --text-color-info: #4d99f0;
  --text-color-promo: #8986e9;

  --text-color-action-hovered: #e7e9ee;
  --text-color-action-selected: #4d99f0;

  /** Borders
  ----------- */
  --border-color-base: #343b46;
  --border-color-container: #343b46;

  --border-color-error: #e44525;
  --border-color-warning: #f3c649;
  --border-color-success: #48a85e;
  --border-color-info: #79bcf6;
  --border-color-promo: #aca7f1;

  --border-color-action-hovered: #596173;
  --border-color-action-focused: #4d99f0;
  --border-color-action-selected: #4d99f0;

  /** Shadows
  ----------- */
  --shadow-color-container: 0px 8px 16px color-mix(in srgb, #14181f 32%, transparent);
  --shadow-color-dialog: 0px 16px 24px color-mix(in srgb, #14181f 32%, transparent);
  --shadow-color-widget: 0px 0px 16px color-mix(in srgb, #14181f 32%, transparent);
  --shadow-color-sidebar: color-mix(in srgb, #14181f 16%, transparent) 0 0 0 1px,
    color-mix(in srgb, #14181f 32%, transparent) 0 4px 8px -2px;

  --shadow-color-error: 0 0 0 3px #4f180d;
  --shadow-color-focus-visible: 0 0 0 3px #18366d;

  --shadow-color-action-hovered: 0 0 0 3px #1d212a;
  --shadow-color-action-focused: 0 0 0 3px #18366d;

  /** Actions
  ----------- */

  --action--primary--default--background: #4d99f0;
  --action--primary--default--border: #4d99f0;
  --action--primary--default--foreground: #1d212a;
  --action--primary--hover--background: #79bcf6;
  --action--primary--hover--border: #79bcf6;
  --action--primary--hover--foreground: #1d212a;
  --action--primary--pressed--background: #b1dbfb;
  --action--primary--pressed--border: #b1dbfb;
  --action--primary--pressed--foreground: #1d212a;
  --action--primary--selected--background: #b1dbfb;
  --action--primary--selected--border: #b1dbfb;
  --action--primary--selected--foreground: #1d212a;

  --action--secondary--default--background: #1d212a;
  --action--secondary--default--border: #343b46;
  --action--secondary--default--foreground: #d3d6df;
  --action--secondary--hover--background: #343b46;
  --action--secondary--hover--border: #596173;
  --action--secondary--hover--foreground: #ffffff;
  --action--secondary--pressed--background: #343b46;
  --action--secondary--pressed--border: #81899c;
  --action--secondary--pressed--foreground: #ffffff;
  --action--secondary--selected--background: #1d212a;
  --action--secondary--selected--border: #4d99f0;
  --action--secondary--selected--foreground: #4d99f0;

  --action--tertiary--default--background: transparent;
  --action--tertiary--default--border: transparent;
  --action--tertiary--default--foreground: #d3d6df;
  --action--tertiary--hover--background: color-mix(in srgb, #f6f7f9 6%, transparent);
  --action--tertiary--hover--border: transparent;
  --action--tertiary--hover--foreground: #ffffff;
  --action--tertiary--pressed--background: color-mix(in srgb, #f6f7f9 13%, transparent);
  --action--tertiary--pressed--border: transparent;
  --action--tertiary--pressed--foreground: #ffffff;
  --action--tertiary--selected--background: color-mix(
    in srgb,
    #4d99f0 13%,
    transparent
  );
  --action--tertiary--selected--border: transparent;
  --action--tertiary--selected--foreground: #4d99f0;

  --action--disabled--background: #343b46;
  --action--disabled--border: #343b46;
  --action--disabled--foreground: #81899c;

  /** NAMESPACE: ACTION
  ---------------------- */

  /* Primary actions */
  --action-primary-text: #4d99f0;
  --action-primary-text-hover: #79bcf6;
  --action-primary-text-active: #b1dbfb;

  --action-primary-filled-text: #14181f;

  --action-primary-filled-background: #4d99f0;
  --action-primary-filled-background-hover: #79bcf6;
  --action-primary-filled-background-active: #b1dbfb;

  --action-primary-filled-track: #115cb0;

  /* Secondary actions */
  --action-secondary-text: #bec3d0;
  --action-secondary-text-hover: #bec3d0;
  --action-secondary-text-active: #e7e9ee;

  --action-secondary-background: #1d212a;
  --action-secondary-background-hover: #14181f;
  --action-secondary-background-active: #14181f;

  --action-secondary-border: #596173;
  --action-secondary-border-hover: #bec3d0;
  --action-secondary-border-active: #e7e9ee;

  --action-secondary-filled-background: #bec3d0;
  --action-secondary-filled-background-hover: #d3d6df;
  --action-secondary-filled-background-active: #e7e9ee;

  --action-secondary-filled-track: #596173;

  /* Error actions */
  --action-error-text: #e44525;
  --action-error-text-hover: #e86d54;

  /* Disabled actions */
  --action-disabled-background: #1c2736;
  --action-disabled-border: #343b46;
  --action-disabled-text: #596173;

  /** NAMESPACE: CONTEXTUAL
  ---------------------- */

  --contextual-favorite: #f3c649;

  /* P0 (SystemNotification, ConditionStatus) */
  --contextual-p0-error-background: #4f180d;
  --contextual-p0-info-background: #18366d;
  --contextual-p0-muted-background: #596173;
  --contextual-p0-neutral-background: #343b46;
  --contextual-p0-promo-background: #211b5f;
  --contextual-p0-success-background: #21452b;
  --contextual-p0-warning-background: #5f3f07;

  --contextual-p0-error-text: #ffffff;
  --contextual-p0-info-text: #ffffff;
  --contextual-p0-muted-text: #ffffff;
  --contextual-p0-neutral-text: #ffffff;
  --contextual-p0-promo-text: #ffffff;
  --contextual-p0-success-text: #ffffff;
  --contextual-p0-warning-text: #ffffff;

  /* P1 (Pill) */
  --contextual-p1-neutral-background: #1d212a;
  --contextual-p1-neutral-background-hover: #343b46;
  --contextual-p1-error-background: #281815;
  --contextual-p1-error-background-hover: #4f180d;
  --contextual-p1-warning-background: #2a2722;
  --contextual-p1-warning-background-hover: #5f3f07;

  --contextual-p1-neutral-border: #343b46;
  --contextual-p1-neutral-border-hover: #596173;
  --contextual-p1-error-border: #4f180d;
  --contextual-p1-error-border-hover: #aa3018;
  --contextual-p1-warning-border: #5f3f07;
  --contextual-p1-warning-border-hover: #b67d0c;

  --contextual-p1-neutral-text: #d3d6df;
  --contextual-p1-neutral-text-hover: #e7e9ee;
  --contextual-p1-error-text: #fdf8f6;
  --contextual-p1-error-text-hover: #fdf8f6;
  --contextual-p1-warning-text: #fefbf6;
  --contextual-p1-warning-text-hover: #fefbf6;

  /* P2 (Billboard, Banner, Badge) */
  --contextual-p2-error-background: #281815;
  --contextual-p2-warning-background: #2a2722;
  --contextual-p2-success-background: #1d2a21;
  --contextual-p2-info-background: #1c2736;
  --contextual-p2-promo-background: #201f33;

  --contextual-p2-error-border: #e44525;
  --contextual-p2-warning-border: #f4b72a;
  --contextual-p2-success-border: #48a85e;
  --contextual-p2-info-border: #1e82e6;
  --contextual-p2-promo-border: #6e68de;

  --contextual-p2-neutral-text: #e7e9ee;
  --contextual-p2-muted-text: #bec3d0;
  --contextual-p2-error-text: #e44525;
  --contextual-p2-warning-text: #f4b72a;
  --contextual-p2-success-text: #48a85e;
  --contextual-p2-info-text: #1e82e6;
  --contextual-p2-promo-text: #6e68de;

  /** NAMESPACE: NAVBAR
  ---------------------- */

  --navbar-background: #343b46;
  --navbar-item-background: transparent;
  --navbar-item-text: #bec3d0;
  --navbar-item-hover-background: #596173;
  --navbar-item-hover-text: #f6f7f9;
  --navbar-item-selected-background: #4d99f0;
  --navbar-item-selected-text: #14181f;

  /** NAMESPACE: CHART
  ---------------------- */

  --chart-grid-line: #343b46;
  --chart-brush-selection: #79bcf6;
  --chart-hover-cursor: #f6f7f9;
  --chart-hover-halo: #1d212a;

  --chart-deemphasized: #565776;

  --chart-baseline: #a662ff;
  --chart-regression: #00d7ff;

  --chart-percentile-p50: #2d7dcd;
  --chart-percentile-p95: #5aaded;
  --chart-percentile-p99: #9bdcfd;
  --chart-percentile-p99_9: #e0f7ff;

  --chart-percentile-p50-emphasized: #006174;
  --chart-percentile-p95-emphasized: #00b6b6;
  --chart-percentile-p99_9-emphasized: #78eeda;

  --chart-error: #e86d54;
  --chart-rate: #f0f2f7;

  --chart-series-0: #47aff5;
  --chart-series-1: #fca479;
  --chart-series-2: #b580ff;
  --chart-series-3: #3dc7d6;
  --chart-series-4: #dd5aa6;
  --chart-series-5: #375efb;
  --chart-series-6: #a08464;
  --chart-series-7: #755ee8;
  --chart-series-8: #81a78d;
  --chart-series-9: #f7a1f7;
  --chart-series-10: #3986ac;

  --dependencymap-edge: #bec3d0;
  --dependencymap-node-base: #596173;
  --dependencymap-node-border: #bec3d0;
  --dependencymap-selected: #9ea5f6;
  --dependencymap-latency: #ffce00;
  --dependencymap-latency-new: #f4b72a6b;
  --dependencymap-error: #ffc2c2;
  --dependencymap-inferred: #97dbfc;
  --dependencymap-error-100: #d58020;
  --dependencymap-error-200: #d56820;
  --dependencymap-error-300: #d55020;
  --dependencymap-error-400: #d53820;
  --dependencymap-error-500: #d53820;
  --dependencymap-error-600: #d32222;
  --dependencymap-error-700: #fb2323;
  --dependencymap-comparison-100: #8153a2;
  --dependencymap-comparison-200: #8349ab;
  --dependencymap-comparison-300: #9a50ce;
  --dependencymap-comparison-400: #9c47d7;
  --dependencymap-comparison-500: #a82eff;
  --dependencymap-comparison-600: #b247ff;
  --dependencymap-comparison-700: #c370ff;
  --dependencymap-edge-overlay: #81899c;
  --dependencymap-edge-overlay-comparison: #f7a1f7;

  --heatmap-series-0: #2a3a51;
  --heatmap-series-1: #2a4c79;
  --heatmap-series-2: #2d629f;
  --heatmap-series-3: #2d7dcd;
  --heatmap-series-4: #3e94e0;
  --heatmap-series-5: #5aaded;
  --heatmap-series-6: #79c8f6;
  --heatmap-series-7: #9bdcfd;
  --heatmap-series-8: #cdeffe;
  --heatmap-series-9: #e0f7ff;

  --chart-exemplars-success: #9be2a6;
  --chart-exemplars-error: #e86d54;

  --logs-histogram-0: #47aff5; /* INFO */
  --logs-histogram-1: #9ea5b8; /* DEBUG */
  --logs-histogram-2: #f4d07c; /* WARNING */
  --logs-histogram-3: #e44525; /* ERROR */
  --logs-histogram-4: #3dc7d6; /* TRACE */
  --logs-histogram-5: #dd5aa6; /* FATAL */
  --logs-histogram-6: #b580ff; /* UNKNOWN */

  --logs-subdued-input-background: #1d212a;
  --logs-subdued-input-placeholder: #e7e9ee;
  --logs-focused-input-background: #343b46;
  --logs-active-primary: #b1dbfb;
  --logs-primary: #79bcf6;

  /** NAMESPACE: COMPONENT
  ---------------------- */

  --component-caret-color: #f6f7f9;

  --component-logo-text: #ffffff;

  --component-skeleton-background: color-mix(in srgb, #81899c 7%, transparent);
  --component-skeleton-highlight: linear-gradient(
    90deg,
    color-mix(in srgb, #81899c 0%, transparent) 0%,
    color-mix(in srgb, #81899c 15%, transparent) 50%,
    color-mix(in srgb, #81899c 0%, transparent) 100%
  );

  --component-table-row-highlight-background: #5f3f07;
  --component-table-row-highlight-border: #f3c649;

  /** NAMESPACE: ALERTHISTORY
  ---------------------- */

  --alert-history-status-critical: #e44525;
  --alert-history-status-no-data: #596173;
  --alert-history-status-warning: #f4b72a;
  --alert-history-status-unknown: #d3d6df;
  --alert-history-status-ok: #abe9b9;
}

/* PrismJS 1.19.0
https://prismjs.com/download.html#themes=prism */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

pre.prismjs.light-theme {
    background-color: transparent;
    color: var(--typography--syntax--text);

    tab-size: 4;
    hyphens: none;
  }

pre.prismjs.light-theme .token.comment, pre.prismjs.light-theme .token.prolog, pre.prismjs.light-theme .token.doctype, pre.prismjs.light-theme .token.cdata {
      color: var(--typography--syntax--comment);
    }

pre.prismjs.light-theme .token.punctuation {
      color: var(--typography--syntax--value-expression);
    }

pre.prismjs.light-theme .token.namespace {
      opacity: 0.7;
    }

pre.prismjs.light-theme .token.property, pre.prismjs.light-theme .token.tag, pre.prismjs.light-theme .token.boolean, pre.prismjs.light-theme .token.number, pre.prismjs.light-theme .token.constant, pre.prismjs.light-theme .token.symbol, pre.prismjs.light-theme .token.deleted {
      color: var(--typography--syntax--parentheses);
    }

pre.prismjs.light-theme .token.selector, pre.prismjs.light-theme .token.attr-name, pre.prismjs.light-theme .token.string, pre.prismjs.light-theme .token.char, pre.prismjs.light-theme .token.builtin, pre.prismjs.light-theme .token.inserted {
      color: var(--typography--syntax--keyword);
    }

pre.prismjs.light-theme .token.operator, pre.prismjs.light-theme .token.entity, pre.prismjs.light-theme .token.url {
      color: var(--typography--syntax--operator);
    }

pre.prismjs.light-theme .language-css .token.string, pre.prismjs.light-theme .style .token.string {
      color: var(--typography--syntax--string);
    }

pre.prismjs.light-theme .token.atrule, pre.prismjs.light-theme .token.attr-value, pre.prismjs.light-theme .token.keyword {
      color: var(--typography--syntax--operator-keyword);
    }

pre.prismjs.light-theme .token.function, pre.prismjs.light-theme .token.class-name {
      color: var(--typography--syntax--separator);
    }

pre.prismjs.light-theme .token.regex, pre.prismjs.light-theme .token.important, pre.prismjs.light-theme .token.variable {
      color: var(--typography--syntax--value-expression);
    }

pre.prismjs.light-theme .token.important, pre.prismjs.light-theme .token.bold {
      font-weight: bold;
    }

pre.prismjs.light-theme .token.italic {
      font-style: italic;
    }

pre.prismjs.light-theme .token.entity {
      cursor: help;
    }

/*
 * Synthwave '84 Theme originally by Robb Owen [@Robb0wen] for Visual Studio Code
 * Demo: https://marc.dev/demo/prism-synthwave84
 *
 * Ported for PrismJS by Marc Backes [@themarcba]
 */

pre.prismjs.synthwave-theme {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #2a2139 75%, #34294f);

    text-shadow:
      0 0 2px #100c0f,
      0 0 5px #dc078e33,
      0 0 10px #fff3;

    hyphens: none;
    tab-size: 4;
  }

pre.prismjs.synthwave-theme code {
      color: #f92aad;
    }

pre.prismjs.synthwave-theme .token.comment, pre.prismjs.synthwave-theme .token.block-comment, pre.prismjs.synthwave-theme .token.prolog, pre.prismjs.synthwave-theme .token.doctype, pre.prismjs.synthwave-theme .token.cdata {
      color: #8e8e8e;
    }

pre.prismjs.synthwave-theme .token.punctuation {
      color: #ccc;
    }

pre.prismjs.synthwave-theme .token.tag, pre.prismjs.synthwave-theme .token.attr-name, pre.prismjs.synthwave-theme .token.namespace, pre.prismjs.synthwave-theme .token.number, pre.prismjs.synthwave-theme .token.unit, pre.prismjs.synthwave-theme .token.hexcode, pre.prismjs.synthwave-theme .token.deleted {
      color: #e2777a;
    }

pre.prismjs.synthwave-theme .token.property, pre.prismjs.synthwave-theme .token.selector {
      color: #72f1b8;
      text-shadow:
        0 0 2px #100c0f,
        0 0 10px #257c5575,
        0 0 35px #21272475;
    }

pre.prismjs.synthwave-theme .token.function-name {
      color: #6196cc;
    }

pre.prismjs.synthwave-theme .token.boolean, pre.prismjs.synthwave-theme .token.selector .token.id, pre.prismjs.synthwave-theme .token.function {
      color: #fdfdfd;
      text-shadow:
        0 0 2px #001716,
        0 0 3px #03edf975,
        0 0 5px #03edf975,
        0 0 8px #03edf975;
    }

pre.prismjs.synthwave-theme .token.class-name {
      color: #fff5f6;
      text-shadow:
        0 0 2px #000,
        0 0 10px #fc1f2c75,
        0 0 5px #fc1f2c75,
        0 0 25px #fc1f2c75;
    }

pre.prismjs.synthwave-theme .token.constant, pre.prismjs.synthwave-theme .token.symbol {
      color: #f92aad;
      text-shadow:
        0 0 2px #100c0f,
        0 0 5px #dc078e33,
        0 0 10px #fff3;
    }

pre.prismjs.synthwave-theme .token.important, pre.prismjs.synthwave-theme .token.atrule, pre.prismjs.synthwave-theme .token.keyword, pre.prismjs.synthwave-theme .token.selector .token.class, pre.prismjs.synthwave-theme .token.builtin {
      color: #f4eee4;
      text-shadow:
        0 0 2px #393a33,
        0 0 8px #f39f0575,
        0 0 2px #f39f0575;
    }

pre.prismjs.synthwave-theme .token.string, pre.prismjs.synthwave-theme .token.char, pre.prismjs.synthwave-theme .token.attr-value, pre.prismjs.synthwave-theme .token.regex, pre.prismjs.synthwave-theme .token.variable {
      color: #f87c32;
    }

pre.prismjs.synthwave-theme .token.operator, pre.prismjs.synthwave-theme .token.entity, pre.prismjs.synthwave-theme .token.url {
      color: #67cdcc;
    }

pre.prismjs.synthwave-theme .token.important, pre.prismjs.synthwave-theme .token.bold {
      font-weight: bold;
    }

pre.prismjs.synthwave-theme .token.italic {
      font-style: italic;
    }

pre.prismjs.synthwave-theme .token.entity {
      cursor: help;
    }

pre.prismjs.synthwave-theme .token.inserted {
      color: green;
    }


  /* -- BASE*/
    /* Base styles set the SVG to be a center aligned square matching containing font size*/

    .C9Y-Icon-base {
      align-self: center;
      width: 1em;
      min-width: 1em;
      height: 1em;

      /* Magic vertical adjustment to make icons centered in text*/
      vertical-align: -0.145em;
    }

    /* Override icon to 16px in default buttons*/

    .LUIGI_Button .C9Y-Icon-base {
        /* Display property ensures that icon svg/img elements only take up the defined font size*/
        /* without it line-height things can cause additional height to be calculated*/
        display: inline-flex;
        font-size: 1rem;
      }

    /* Override icon size in small buttons*/

    .LUIGI_Button_smallSize .C9Y-Icon-base {
        font-size: 0.875rem;
      }

    /* Override icon size in default buttons*/

    .LUIGI_Button_defaultSize .C9Y-Icon-base {
        font-size: 1rem;
      }

    /* Override icon size in large buttons*/

    .LUIGI_Button_largeSize .C9Y-Icon-base {
        font-size: 1.125rem;
      }

    .LUIGI_Icon-stroke {
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .LUIGI_Icon-fill {
      fill: currentColor;
      stroke: none;
    }


  /* --- BASE*/

    .C9Y-Link-base {
      border: none;
      cursor: pointer;
      background-color: transparent;
    }

    .C9Y-Link-base.C9Y-disabled {
        pointer-events: none;
      }

    /* --- VARIANTS*/

    .C9Y-Link-text {
      font-size: inherit;
      color: var(--action--primary--default--background);
    }

    .C9Y-Link-text:hover, .C9Y-Link-text.C9Y-hovered {
        color: var(--action--primary--hover--background);
      }

    /* --- COLORS*/

    /* When a link has color={inherit} show that color on hover instead of primary.textHover*/

    .C9Y-Link-text.text-inherit:hover {
        color: inherit;
      }


  .C9Y-Text-base {
      /* Remove default margins for better control opting in to layouts*/
      margin: 0;
    }
    .C9Y-Text-h1 {
      color: var(--typography--main--heading);
      font-weight: 600;
      letter-spacing: 0;
      font-size: 1.75rem;
      line-height: 2.5rem;
    }
    .C9Y-Text-h2 {
      color: var(--typography--main--heading);
      font-weight: 600;
      letter-spacing: 0;
      font-size: 1.5rem;
      line-height: 2rem;
    }
    .C9Y-Text-h3 {
      color: var(--typography--main--heading);
      font-weight: 600;
      letter-spacing: 0;
      font-size: 1.125rem;
      line-height: 1.5rem;
    }
    .C9Y-Text-subtitle1 {
      color: var(--typography--main--heading);
      font-weight: 600;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .C9Y-Text-subtitle2 {
      color: var(--typography--main--heading);
      font-weight: 600;
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .C9Y-Text-body {
      color: var(--typography--main--heading);
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .C9Y-Text-bodyLarge {
      color: var(--typography--main--heading);
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .C9Y-Text-bodySmall {
      color: var(--typography--main--heading);
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .C9Y-Text-softShout {
      color: var(--typography--main--subtext);
      font-size: 0.6875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: 400;
      line-height: 1rem;
    }
    .C9Y-Text-code {
      color: var(--typography--syntax--text);
      font-family: 'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }


  .suggestions_list-suggestion--c6ec7 {
    padding: 8px 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition:
      color 0.25s ease,
      background-color 0.25s ease;
  }

    .suggestions_list-suggestion--c6ec7:not(.suggestions_list-header--df7e0):hover {
      cursor: pointer;
      color: var(--action--primary--default--background);
      background-color: var(--surface--depth1--background-strong);
    }

  .suggestions_list-activeSuggestion--a3832 {
    background: var(--surface--depth1--background-strong);
  }

  .suggestions_list-header--df7e0 {
    padding-top: 16px;
    color: var(--typography--main--subtext);
    font-size: 0.6875rem;
    line-height: 1rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: default;
  }


  .LUIGI_Tooltip_base {
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 400;
    }
    .LUIGI_Tooltip_filled {
      padding: 4px 8px;
      background-color: var(--surface--invert--background);
      color: var(--typography--contextual--invert-strong);
      border: none;
      box-shadow: none;
    }
    .dark-mode .LUIGI_Tooltip_filled .LUIGI_TooltipArrow_base::before {
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggNkM4IDYgMTEgMiAxMiAxQzEzIDAgMTYgMCAxNiAwSDBDMCAwIDMgMCA0IDFDNSAyIDggNiA4IDZaIiAvPgo8L3N2Zz4K);
    }
    .light-mode .LUIGI_Tooltip_filled .LUIGI_TooltipArrow_base::before {
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSBDb2xvciBEZWJ0OiBMUy00ODQ3MiAtLT4KICA8cGF0aCBmaWxsPSIjMWQyMTJhIiBkPSJNOCA2QzggNiAxMSAyIDEyIDFDMTMgMCAxNiAwIDE2IDBIMEMwIDAgMyAwIDQgMUM1IDIgOCA2IDggNloiIC8+Cjwvc3ZnPgo=);
    }
    .LUIGI_Tooltip_outlined {
      padding: 16px;
      background-color: var(--surface--depth1--background);
      color: var(--typography--main--body);
      border: 1px solid var(--surface--depth1--border);
      box-shadow: var(--shadow--elevation2);
    }
    .dark-mode .LUIGI_Tooltip_outlined .LUIGI_TooltipArrow_base::before {
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSBDb2xvciBEZWJ0OiBMUy00ODQ3MiAtLT4KICA8cGF0aCBmaWxsPSIjMWQyMTJhIiBzdHJva2U9IiMzNDNiNDYiIGQ9Ik04IDZMNy42IDYuM0w4IDYuODMzMzNMOC40IDYuM0w4IDZaTTggNkw4LjQwMDAyIDYuMjk5OTdMOC40MDAxMSA2LjI5OTg1TDguNDAwNSA2LjI5OTMzTDguNDAyMDggNi4yOTcyMkw4LjQwODQ0IDYuMjg4NzVMOC40MzM1NCA2LjI1NTM2TDguNTMwMDIgNi4xMjcyOUM4LjYxMzY5IDYuMDE2MzggOC43MzQ0MiA1Ljg1NjcgOC44ODI0NiA1LjY2MTkyQzkuMTc4NTkgNS4yNzIyNyA5LjU4MzY1IDQuNzQyNTcgMTAuMDE5NyA0LjE4MTk3QzEwLjkwMTkgMy4wNDc2MiAxMS44ODA2IDEuODI2NTIgMTIuMzUzNiAxLjM1MzU1QzEyLjUyMzQgMS4xODM2NiAxMi44MTMxIDEuMDI2ODQgMTMuMjA1IDAuODk2MjE3QzEzLjU4ODIgMC43Njg0NjcgMTQuMDI1IDAuNjgwMDggMTQuNDQ1NyAwLjYxOTk3NUMxNC44NjQ0IDAuNTYwMTU2IDE1LjI1NTIgMC41MzAwMjQgMTUuNTQxOSAwLjUxNDkzNEMxNS42ODQ5IDAuNTA3NDA5IDE1LjgwMTEgMC41MDM2NzIgMTUuODgwOCAwLjUwMTgxOEMxNS45MjA2IDAuNTAwODkyIDE1Ljk1MTMgMC41MDA0MzcgMTUuOTcxNiAwLjUwMDIxNEwxNS45OTQgMC41MDAwMjNMMTUuOTk5MSAwLjUwMDAwMkwxNiAwLjVMMTYuMDAwMSAwLjVMMTYuMDAwMSAwLjVDMTYuMDAwMSAwLjUgMTYgMC41IDE2IDBWLTAuNUwxNS45OTk4IC0wLjVIMC4wMDAxOTczMjFMMCAtMC41VjBDMCAwLjUgLTcuMDA2ODhlLTA1IDAuNSAtMC4wMDAxMjg3MzEgMC41TC0wLjAwMDEwODM3NSAwLjVMMCAwLjVMMC4wMDA4NTg5MzYgMC41MDAwMDJMMC4wMDU5NjI3MiAwLjUwMDAyM0wwLjAyODQ0MTQgMC41MDAyMTRDMC4wNDg3MzExIDAuNTAwNDM3IDAuMDc5Mzk5MSAwLjUwMDg5MiAwLjExOTIzNSAwLjUwMTgxOEMwLjE5ODk0OCAwLjUwMzY3MiAwLjMxNTExOSAwLjUwNzQwOSAwLjQ1ODA5NiAwLjUxNDkzNEMwLjc0NDgxMSAwLjUzMDAyNCAxLjEzNTU1IDAuNTYwMTU2IDEuNTU0MjkgMC42MTk5NzVDMS45NzUwMiAwLjY4MDA4IDIuNDExNzYgMC43Njg0NjcgMi43OTUwMSAwLjg5NjIxN0MzLjE4Njg3IDEuMDI2ODQgMy40NzY1NSAxLjE4MzY2IDMuNjQ2NDUgMS4zNTM1NUM0LjExOTQxIDEuODI2NTIgNS4wOTgwNSAzLjA0NzYyIDUuOTgwMzIgNC4xODE5N0M2LjQxNjM1IDQuNzQyNTcgNi44MjE0MSA1LjI3MjI3IDcuMTE3NTQgNS42NjE5MkM3LjI2NTU4IDUuODU2NyA3LjM4NjMxIDYuMDE2MzggNy40Njk5OCA2LjEyNzI5TDcuNTY2NDYgNi4yNTUzNkw3LjU5MTU2IDYuMjg4NzVMNy41OTc5MiA2LjI5NzIyTDcuNTk5NSA2LjI5OTMzTDcuNTk5ODkgNi4yOTk4NUw3LjU5OTk4IDYuMjk5OTdMOCA2WiIgLz4KPC9zdmc+Cg==);
    }
    .light-mode .LUIGI_Tooltip_outlined .LUIGI_TooltipArrow_base::before {
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPCEtLSBDb2xvciBEZWJ0OiBMUy00ODQ3MiAtLT4KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9IiNlN2U5ZWUiIGQ9Ik04IDZMNy42IDYuM0w4IDYuODMzMzNMOC40IDYuM0w4IDZaTTggNkw4LjQwMDAyIDYuMjk5OTdMOC40MDAxMSA2LjI5OTg1TDguNDAwNSA2LjI5OTMzTDguNDAyMDggNi4yOTcyMkw4LjQwODQ0IDYuMjg4NzVMOC40MzM1NCA2LjI1NTM2TDguNTMwMDIgNi4xMjcyOUM4LjYxMzY5IDYuMDE2MzggOC43MzQ0MiA1Ljg1NjcgOC44ODI0NiA1LjY2MTkyQzkuMTc4NTkgNS4yNzIyNyA5LjU4MzY1IDQuNzQyNTcgMTAuMDE5NyA0LjE4MTk3QzEwLjkwMTkgMy4wNDc2MiAxMS44ODA2IDEuODI2NTIgMTIuMzUzNiAxLjM1MzU1QzEyLjUyMzQgMS4xODM2NiAxMi44MTMxIDEuMDI2ODQgMTMuMjA1IDAuODk2MjE3QzEzLjU4ODIgMC43Njg0NjcgMTQuMDI1IDAuNjgwMDggMTQuNDQ1NyAwLjYxOTk3NUMxNC44NjQ0IDAuNTYwMTU2IDE1LjI1NTIgMC41MzAwMjQgMTUuNTQxOSAwLjUxNDkzNEMxNS42ODQ5IDAuNTA3NDA5IDE1LjgwMTEgMC41MDM2NzIgMTUuODgwOCAwLjUwMTgxOEMxNS45MjA2IDAuNTAwODkyIDE1Ljk1MTMgMC41MDA0MzcgMTUuOTcxNiAwLjUwMDIxNEwxNS45OTQgMC41MDAwMjNMMTUuOTk5MSAwLjUwMDAwMkwxNiAwLjVMMTYuMDAwMSAwLjVMMTYuMDAwMSAwLjVDMTYuMDAwMSAwLjUgMTYgMC41IDE2IDBWLTAuNUwxNS45OTk4IC0wLjVIMC4wMDAxOTczMjFMMCAtMC41VjBDMCAwLjUgLTcuMDA2ODhlLTA1IDAuNSAtMC4wMDAxMjg3MzEgMC41TC0wLjAwMDEwODM3NSAwLjVMMCAwLjVMMC4wMDA4NTg5MzYgMC41MDAwMDJMMC4wMDU5NjI3MiAwLjUwMDAyM0wwLjAyODQ0MTQgMC41MDAyMTRDMC4wNDg3MzExIDAuNTAwNDM3IDAuMDc5Mzk5MSAwLjUwMDg5MiAwLjExOTIzNSAwLjUwMTgxOEMwLjE5ODk0OCAwLjUwMzY3MiAwLjMxNTExOSAwLjUwNzQwOSAwLjQ1ODA5NiAwLjUxNDkzNEMwLjc0NDgxMSAwLjUzMDAyNCAxLjEzNTU1IDAuNTYwMTU2IDEuNTU0MjkgMC42MTk5NzVDMS45NzUwMiAwLjY4MDA4IDIuNDExNzYgMC43Njg0NjcgMi43OTUwMSAwLjg5NjIxN0MzLjE4Njg3IDEuMDI2ODQgMy40NzY1NSAxLjE4MzY2IDMuNjQ2NDUgMS4zNTM1NUM0LjExOTQxIDEuODI2NTIgNS4wOTgwNSAzLjA0NzYyIDUuOTgwMzIgNC4xODE5N0M2LjQxNjM1IDQuNzQyNTcgNi44MjE0MSA1LjI3MjI3IDcuMTE3NTQgNS42NjE5MkM3LjI2NTU4IDUuODU2NyA3LjM4NjMxIDYuMDE2MzggNy40Njk5OCA2LjEyNzI5TDcuNTY2NDYgNi4yNTUzNkw3LjU5MTU2IDYuMjg4NzVMNy41OTc5MiA2LjI5NzIyTDcuNTk5NSA2LjI5OTMzTDcuNTk5ODkgNi4yOTk4NUw3LjU5OTk4IDYuMjk5OTdMOCA2WiIgLz4KPC9zdmc+Cg==);
    }
    .LUIGI_Tooltip_flush {
      padding: 0;
    }
    /* --- TOOLTIP ARROW*/
    .LUIGI_TooltipArrow_base {
      overflow: visible;
      /* Tooltip arrow width and height are based on the arrow SVG size*/
      width: 16px !important;
      height: 8px !important;
    }
    /* The actual tooltip arrow is in a pseudo-element, the containing*/
    /* arrow and pseudo-element have separate transforms applied for x,y*/
    /* vs rotation*/
    .LUIGI_TooltipArrow_base::before {
        width: 16px;
        height: 8px;

        background-size: contain;
        background-repeat: no-repeat;
      }


  .menu_autocomplete-container--d52d1 {
    position: relative;
  }

  .menu_autocomplete-inputContainer--b9e49 {
    display: flex;
    width: 100%;
    padding: 0px 16px; /* pad both left & right side*/
    align-items: center; /* vertically center items*/
  }

  .menu_autocomplete-error--da483 {
    border: 1px solid var(--input--error--border);
    border-radius: 4px;
  }

  .menu_autocomplete-listContainer--f779b {
    border-top: 1px solid var(--surface--depth1--border);
  }

  .menu_autocomplete-menu--fd049 {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background-color: var(--surface--depth1--background);
    border: 1px solid var(--surface--depth1--border);
    border-radius: 4px;
    box-shadow: var(--shadow--elevation1);
    color: var(--typography--main--body);
    font-size: 0.875rem;
    margin-top: 4px;
    max-height: 400px;
    z-index: 1200;
  }

  /* nb: It would be ideal to render the menu when showSuggestions is true and*/
  /* use an effect to focus the input whenever the ref is updated... but that*/
  /* doesn't work for the first time the menu is shown for some reason.*/
  /* These visibility styles are a workaround that keeps the menu in the DOM*/
  /* always so the input ref can be focused when the menu opens.*/
  .menu_autocomplete-visible--d5d15 {
    opacity: 1;
    pointer-events: initial;
  }

  .menu_autocomplete-message--ef780 {
    padding: 8px 16px;
  }


  .LUIGI_Button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      vertical-align: middle;
      cursor: pointer;
      height: auto;
      min-width: 0;
      margin: 0;
      flex-shrink: 0;
      color: inherit;
      font-weight: 600;
      font-size: 0.8125rem;
      line-height: 1; /* ensures text is center aligned within flex layout*/
      text-transform: none;
      text-decoration: none;
      white-space: nowrap; /* By default button content shouldn't wrap*/
      background-color: transparent;
      box-shadow: none;
      border: 0; /* reset browser defaults for easier opt-in styling*/
      outline: 0; /* reset browser defaults for easier opt-in styling*/
      -webkit-user-select: none;
              user-select: none; /* Prevent text selection on click of buttons*/

      transition:
        color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
        background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
        box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
        border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    }
      /* Modern browser focus styles for keyboard users: Will add a focus outline for elements*/
      /* like buttons when keyboard activated only*/
      .LUIGI_Button:focus-visible {
        box-shadow: var(--shadow--focus-glow);
      }
    .LUIGI_Button_contained, .LUIGI_Button_outlined, .LUIGI_Button_text {
      border-radius: 4px;
      letter-spacing: 0.015em;
    }
    /* --- VARIANTS*/
    .LUIGI_Button_contained {
      color: var(--action--primary--default--foreground);
      background-color: var(--action--primary--default--background);
      border: 1px solid var(--action--primary--default--border);
    }
    .LUIGI_Button_contained:hover, .LUIGI_Button_contained.C9Y-hovered {
        color: var(--action--primary--hover--foreground);
        background-color: var(--action--primary--hover--background);
        border: 1px solid var(--action--primary--hover--border);
      }
    .LUIGI_Button_contained:active, .LUIGI_Button_contained.C9Y-pressed {
        color: var(--action--primary--pressed--foreground);
        background-color: var(--action--primary--pressed--background);
        border: 1px solid var(--action--primary--pressed--border);
      }
    .LUIGI_Button_contained.C9Y-selected {
        color: var(--action--primary--selected--foreground);
        background-color: var(--action--primary--selected--background);
        border: 1px solid var(--action--primary--selected--border);
      }
    .LUIGI_Button_contained:disabled, .LUIGI_Button_contained.C9Y-disabled, .LUIGI_Button_contained.C9Y-disabled:hover, .LUIGI_Button_contained.C9Y-disabled:active {
        color: var(--action--disabled--foreground);
        background-color: var(--action--disabled--background);
        border: 1px solid var(--action--disabled--border);
      }
    .LUIGI_Button_outlined {
      color: var(--action--secondary--default--foreground);
      background-color: var(--action--secondary--default--background);
      border: 1px solid var(--action--secondary--default--border);
    }
    .LUIGI_Button_outlined:hover, .LUIGI_Button_outlined.C9Y-hovered {
        color: var(--action--secondary--hover--foreground);
        background-color: var(--action--secondary--hover--background);
        border: 1px solid var(--action--secondary--hover--border);
      }
    .LUIGI_Button_outlined:active, .LUIGI_Button_outlined.C9Y-pressed {
        color: var(--action--secondary--pressed--foreground);
        background-color: var(--action--secondary--pressed--background);
        border: 1px solid var(--action--secondary--pressed--border);
      }
    .LUIGI_Button_outlined.C9Y-selected {
        color: var(--action--secondary--selected--foreground);
        background-color: var(--action--secondary--selected--background);
        border: 1px solid var(--action--secondary--selected--border);
      }
    .LUIGI_Button_outlined:disabled, .LUIGI_Button_outlined.C9Y-disabled, .LUIGI_Button_outlined.C9Y-disabled:hover, .LUIGI_Button_outlined.C9Y-disabled:active {
        color: var(--action--disabled--foreground);
        background-color: var(--action--disabled--background);
        border: 1px solid var(--action--disabled--border);
      }
    .LUIGI_Button_text {
      color: var(--action--tertiary--default--foreground);
      background-color: var(--action--tertiary--default--background);
      border: 1px solid var(--action--tertiary--default--border);
    }
    .LUIGI_Button_text:hover, .LUIGI_Button_text.C9Y-hovered {
        color: var(--action--tertiary--hover--foreground);
        background-color: var(--action--tertiary--hover--background);
        border: 1px solid var(--action--tertiary--hover--border);
      }
    .LUIGI_Button_text:active, .LUIGI_Button_text.C9Y-pressed {
        color: var(--action--tertiary--pressed--foreground);
        background-color: var(--action--tertiary--pressed--background);
        border: 1px solid var(--action--tertiary--pressed--border);
      }
    .LUIGI_Button_text.C9Y-selected {
        color: var(--action--tertiary--selected--foreground);
        background-color: var(--action--tertiary--selected--background);
        border: 1px solid var(--action--tertiary--selected--border);
      }
    .LUIGI_Button_text:disabled, .LUIGI_Button_text.C9Y-disabled, .LUIGI_Button_text.C9Y-disabled:hover, .LUIGI_Button_text.C9Y-disabled:active {
        color: var(--action--disabled--foreground);
        background-color: var(--action--disabled--background);
        border: 1px solid var(--action--disabled--border);
      }
    .LUIGI_Button_text.LUIGI_Button_primaryColor {
        color: var(--action--primary--default--background);
      }
    .LUIGI_Button_text.LUIGI_Button_primaryColor:hover, .LUIGI_Button_text.LUIGI_Button_primaryColor.C9Y-hovered {
          color: var(--action--primary--hover--background);
        }
    .LUIGI_Button_text.LUIGI_Button_primaryColor:active, .LUIGI_Button_text.LUIGI_Button_primaryColor.C9Y-pressed {
          color: var(--action--primary--pressed--background);
        }
    .LUIGI_Button_text.LUIGI_Button_primaryColor:disabled, .LUIGI_Button_text.LUIGI_Button_primaryColor.C9Y-disabled, .LUIGI_Button_text.LUIGI_Button_primaryColor.C9Y-disabled:hover, .LUIGI_Button_text.LUIGI_Button_primaryColor.C9Y-disabled:active {
          color: var(--action--disabled--foreground);
        }
    /* --- SIZES*/
    .LUIGI_Button_smallSize {
      font-size: 0.75rem;
      height: 1.5rem;
      padding: 0 0.5rem;
    }
    .LUIGI_Button_smallSize .LUIGI_ButtonStartIcon, .LUIGI_Button_smallSize .LUIGI_ButtonEndIcon {
        font-size: 0.875rem;
      }
    .LUIGI_Button_smallSize .C9Y-Icon-base:only-child {
        margin-left: -4px;
        margin-right: -4px;
      }
    .LUIGI_Button_smallSize {
      gap: 4px;
    }
    .LUIGI_Button_defaultSize {
      font-size: 0.8125rem;
      height: 2rem;
      padding: 0 0.75rem;
    }
    .LUIGI_Button_defaultSize .LUIGI_ButtonStartIcon, .LUIGI_Button_defaultSize .LUIGI_ButtonEndIcon {
        font-size: 1rem;
      }
    .LUIGI_Button_defaultSize .C9Y-Icon-base:only-child {
        margin-left: -5px;
        margin-right: -5px;
      }
    .LUIGI_Button_defaultSize {
      gap: 4px;
    }
    .LUIGI_Button_largeSize {
      font-size: 0.875rem;
      height: 2.5rem;
      padding: 0 1rem;
    }
    .LUIGI_Button_largeSize .LUIGI_ButtonStartIcon, .LUIGI_Button_largeSize .LUIGI_ButtonEndIcon {
        font-size: 1.125rem;
      }
    .LUIGI_Button_largeSize .C9Y-Icon-base:only-child {
        margin-left: -6px;
        margin-right: -6px;
      }
    .LUIGI_Button_largeSize {
      gap: 6px;
    }
    /* FULL-WIDTH*/
    .LUIGI_Button_fullWidth {
      width: 100%;
    }
    /* ALIGNMENT*/
    .LUIGI_Button_leftTextAlignment {
      justify-content: left;
    }
    .LUIGI_Button_rightTextAlignment {
      justify-content: right;
    }
    /* DISABLED*/
    .C9Y-disabled, .C9Y-disabled:hover, .C9Y-disabled:active, .C9Y-disabled:focus {
      cursor: not-allowed;
      box-shadow: none;
    }


  .Spinner {
      position: relative;
      width: 1em;
      height: 1em;
    }
    /* VARIANTS*/
    .Spinner-primary {
      color: var(--status--info);
    }
    .Spinner-muted {
      color: var(--status--neutral);
    }
    .Spinner-inherit {
      color: inherit;
    }
    .SpinnerRing {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: 100%;
      border-width: 2px;
      border-style: solid;
      border-color: currentColor;
      border-top-color: transparent;
      border-radius: 50%;
    }
    .SpinnerRing {
      animation: 1.25s linear infinite spinner-spin--db8d9;
    }

  @keyframes spinner-spin--db8d9 {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }


  .text_input-input--be7ab {
    border: none;
    flex-grow: 1;
    background-color: var(--input--default--background);
    color: var(--input--default--text);
    box-shadow: none;
    transition:
      color 0.25s ease,
      background-color 0.25s ease;
  }


  /* Container wraps the entire component and provides positioning for menu div*/
  .textarea_autocomplete-container--b2857 {
    position: relative;
  }

  /* Specific to input with type "number" - hide native increment/decrement arrows*/
  .textarea_autocomplete-number--b989e::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  .textarea_autocomplete-number--b989e::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  .textarea_autocomplete-number--b989e[type='number'] {
      -moz-appearance: textfield;
    }

  /* Text container wraps the "textarea", setting height, border, boxShadow*/
  .textarea_autocomplete-textContainer--c5d84 {
    display: flex;
    min-height: 2rem;
    border: 1px solid var(--input--default--border);
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
    transition:
      border-color 0.25s ease,
      box-shadow 0.25s ease,
      color 0.25s ease,
      background-color 0.25s ease;
    cursor: text;
  }
  .textarea_autocomplete-textContainer--c5d84 input {
      color: var(--input--default--text);
      font-size: 0.8125rem;
    }
  .textarea_autocomplete-textContainer--c5d84 input::placeholder {
        color: var(--input--placeholder);
      }
  .textarea_autocomplete-textContainer--c5d84 .conjunction {
      font-size: 0.8125rem;
    }
  .textarea_autocomplete-textContainer--c5d84:hover {
      border-color: var(--input--hover--border);
      box-shadow: var(--shadow--hover-glow);
    }
  .textarea_autocomplete-textContainer--c5d84.textarea_autocomplete-focused--f06a3 {
      border-color: var(--input--focused--border);
      box-shadow: var(--shadow--focus-glow);
    }

  .textarea_autocomplete-enabled--bfad3 {
    background-color: var(--input--default--background);
  }

  .textarea_autocomplete-error--a97e1 {
    border-color: var(--input--error--border);
  }

  .textarea_autocomplete-error--a97e1:hover {
      box-shadow: var(--shadow--error-glow);
    }

  .textarea_autocomplete-error--a97e1.textarea_autocomplete-focused--f06a3 {
      border-color: var(--input--error--border);
      box-shadow: var(--shadow--error-glow);
    }

  .textarea_autocomplete-disabled--a8d97,
  .textarea_autocomplete-disabled--a8d97:hover {
    box-shadow: none;
    background-color: var(--input--disabled--background);
    border-color: var(--input--disabled--border);
    cursor: not-allowed;
  }

  .textarea_autocomplete-disabled--a8d97 input, .textarea_autocomplete-disabled--a8d97:hover input {
      color: var(--input--disabled--text);
    }

  /* We use a class instead of .container:focus-within because the pills receive*/
  /* focus when they are deleted and cause a focus flash*/
  .textarea_autocomplete-focused--f06a3 {
    /* Styles in textContainer b/c specificity*/
  }

  /* Label container used for text field labels should stay at top of autocomplete*/
  /* in multiline and is display flex to align any passed text and icons*/
  .textarea_autocomplete-label--acf97 {
    display: flex;
    align-self: start;
    color: var(--input--default--text);
    font-size: 0.8125rem;
    line-height: calc(2rem - 2px);
    height: calc(2rem - 2px);
    margin-right: 4px;
  }

  .textarea_autocomplete-endAdornment--ca8db {
    display: flex;
    align-items: center;
    align-self: center;
    gap: 4px;
    min-width: 14px; /* always 14px wide to keep jitter minimal as button shows/hides*/
    margin-left: auto; /* pushes input clear x to the right side regardless of input width*/
    color: var(--input--default--text);
    flex-shrink: 0; /* forbid smushing*/
  }

  .textarea_autocomplete-startAdornment--fbc2c {
    display: flex;
    align-items: center;
    align-self: start;
    min-width: 14px;
    color: var(--input--default--text);
  }

  .textarea_autocomplete-pill--d6ee0 {
    margin-top: 3px;
    margin-bottom: 0;
    margin-right: 4px; /* provide spacing between pills and between input*/
  }

  /* Make selector extra select-y to override Pill's native height*/
  div.textarea_autocomplete-pillSmall--fd8d4 {
    margin-top: 3px;
    margin-bottom: 0;
    margin-right: 4px; /* provide spacing between pills and between input*/
    height: 16px;
  }
  div.textarea_autocomplete-pillSmall--fd8d4 span {
      font-size: 12px;
    }

  .textarea_autocomplete-logo--d5e89 {
    width: 16px;
    margin-right: 4px;
  }

  /* Inner container wraps the auto-sizing input element and any pills and sets the flex*/
  /* styles for laying out elements inside the textContainer*/
  /* fyi: Attempted to use alignItems: 'baseline' to handle aligning pills and*/
  /* divider content with flex alignment, but this breaks Safari, which is why*/
  /* we're using margin and line hight to handle alignment*/
  .textarea_autocomplete-innerContainer--b3717 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 3px;
    padding-left: 4px;
    margin-right: 8px; /* keep at least 8px between input text and clear button*/
    max-width: 100%; /* Used to prevent pills from overflowing*/
  }

  /* The input sizer wraps the input and uses a data-value trick to automatically*/
  /* expand the input element to match it's content size*/
  /* Ref: https://css-tricks.com/auto-growing-inputs-textareas/*/
  .textarea_autocomplete-inputSizer--efe08 {
    display: inline-grid;
    align-items: center;
    margin-top: 3px;
    font-size: 0.8125rem;
  }
  .textarea_autocomplete-inputSizer--efe08::after,
    .textarea_autocomplete-inputSizer--efe08 input {
      width: auto;
      min-width: 1em;
      grid-area: 1 / 1;
      padding: 0;
      line-height: 24px;
      background: none;
      appearance: none;
      border: none;
    }
  .textarea_autocomplete-inputSizer--efe08::after {
      content: attr(data-value) ' ';
      visibility: hidden;
      white-space: nowrap;
    }

  .textarea_autocomplete-small--dea50 .textarea_autocomplete-textContainer--c5d84 {
      min-height: 24px;
    }

  .textarea_autocomplete-small--dea50 .textarea_autocomplete-label--acf97 {
      font-size: 0.75rem;
      line-height: 22px;
      height: 22px;
    }

  .textarea_autocomplete-small--dea50 .textarea_autocomplete-inputSizer--efe08 {
      font-size: 0.75rem;
    }

  .textarea_autocomplete-small--dea50 .textarea_autocomplete-inputSizer--efe08::after,
    .textarea_autocomplete-small--dea50 input {
      font-size: 0.75rem;
      line-height: 16px;
    }

  .textarea_autocomplete-small--dea50 .conjunction {
      font-size: 0.75rem;
    }

  .textarea_autocomplete-menu--bc6fd {
    position: absolute;
    top: 100%;
    background-color: var(--surface--depth1--background);
    border: 1px solid var(--surface--depth1--border);
    border-radius: 4px;
    box-shadow: var(--shadow--elevation1);
    color: var(--typography--main--body);
    font-size: 0.8125rem;
    margin-top: 4px;
    max-height: 400px;
    z-index: 1200;
  }

  .textarea_autocomplete-menu--bc6fd.textarea_autocomplete-menuSmall--c275e {
      font-size: 0.75rem;
    }

  .textarea_autocomplete-message--e39f5 {
    padding: 8px 16px;
  }


  .Pill {
      display: inline-flex;
      align-items: center;
      border-radius: 9999px;
      height: 24px;
      padding: 0 8px;
      gap: 4px;
      border-style: solid;
      border-width: 1px;
      transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease;
    }
    /* MODIFIERS*/
    .Pill-clickable:hover {
        cursor: pointer;
      }
    .Pill-disabled {
      font-style: italic;
    }
    .Pill-disabled, .Pill-disabled:hover {
        cursor: default;
      }
    /* SUB-COMPONENTS*/
    .PillLabel {
      color: inherit;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: inline-block;
      font-size: 0.8125rem;
    }
    .PillDeleteButton {
      flex: 0 0 18px;
      height: 18px;
      width: 18px;
      padding: 0;
      margin-right: -6px;
      border-radius: 50%;
      border: 0;
      outline: none;
      transition:
        color 0.25s ease,
        background-color 0.25s ease,
        opacity 0.25s ease;
      background-color: transparent;
      font-size: 0.875rem;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0.5;
    }
    .PillDeleteButton:hover {
        opacity: 1;
        cursor: pointer;
      }
    /* VARIANTS*/
    .Pill-default {
      background-color: var(--surface--depth2--background);
      border-color: var(--surface--depth2--border);
      color: var(--typography--main--body);
    }
    .Pill-default .PillDeleteButton:hover {
        background-color: var(--surface--depth2--border);
      }
    .Pill-default.Pill-clickable:hover, .Pill-default.LUIGI-hover {
        background-color: var(--action--secondary--pressed--background);
        border-color: var(--action--secondary--hover--border);
        color: var(--typography--main--heading);
      }
    .Pill-warning {
      background-color: var(--surface--warning--background-strong);
      border-color: var(--surface--warning--border-strong);
      color: var(--typography--contextual--warning);
    }
    .Pill-warning .PillDeleteButton:hover {
        background-color: var(--surface--warning--border);
      }
    .Pill-warning.Pill-clickable:hover, .Pill-warning.LUIGI-hover {
        background-color: var(--surface--warning--border);
        border-color: var(--surface--warning--border-strong);
        color: var(--typography--contextual--warning-strong);
      }
    .Pill-error {
      background-color: var(--surface--error--background-strong);
      border-color: var(--surface--error--border);
      color: var(--typography--contextual--error);
    }
    .Pill-error .PillDeleteButton:hover {
        background-color: var(--surface--error--border);
      }
    .Pill-error.Pill-clickable:hover, .Pill-error.LUIGI-hover {
        background-color: var(--surface--error--border);
        border-color: var(--surface--error--border-strong);
        color: var(--typography--contextual--error-strong);
      }


  .Badge {
      display: inline-flex;
      align-items: center;
      text-transform: uppercase;
      white-space: nowrap;
      gap: 4px;
    }

      .Badge > svg {
        font-size: 1.16666666667em;
      }
    .Badge-default {
      height: 24px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.025em;
    }
    .Badge-small {
      height: 14px;
      padding: 0 4px;
      font-size: 0.6875rem;
      font-weight: 600;
      letter-spacing: 0.025em;
      border-radius: 2px;
    }
    .Badge-neutral {
      color: var(--typography--main--heading);
    }
    .Badge-neutral.Badge-small {
        color: var(--typography--contextual--invert-strong);
        background-color: var(--status--neutral);
      }
    .Badge-muted {
      color: var(--typography--main--subtext);
    }
    .Badge-muted.Badge-small {
        color: var(--typography--main--subtext);
        background-color: var(--action--tertiary--hover--background);
      }
    .Badge-error {
      color: var(--typography--contextual--error);
    }
    .Badge-error.Badge-small {
        color: var(--typography--contextual--error);
        background-color: var(--surface--error--background-strong);
      }
    .Badge-warning {
      color: var(--typography--contextual--warning);
    }
    .Badge-warning.Badge-small {
        color: var(--typography--contextual--warning);
        background-color: var(--surface--warning--background-strong);
      }
    .Badge-success {
      color: var(--typography--contextual--success);
    }
    .Badge-success.Badge-small {
        color: var(--typography--contextual--success);
        background-color: var(--surface--success--background-strong);
      }
    .Badge-promo {
      color: var(--typography--contextual--promo);
    }
    .Badge-promo.Badge-small {
        color: var(--typography--contextual--promo);
        background-color: var(--surface--promo--background-strong);
      }
    .Badge-info {
      color: var(--typography--contextual--info);
    }
    .Badge-info.Badge-small {
        color: var(--typography--contextual--info);
        background-color: var(--surface--info--background-strong);
      }


  .Banner {
      display: grid;
      grid-template-columns: 20px 1fr auto;
      padding: 8px 16px;
      column-gap: 8px;
    }
    /* SUB-COMPONENTS*/
    .BannerIcon {
      font-size: 1.125rem;
      margin: 6px 0;
    }
    .BannerContent {
      grid-column-start: 2;
      grid-column-end: 3;
      display: flex;
      flex-direction: column;
      font-size: 0.875rem;
      gap: 8px;
      justify-content: center;
      margin-bottom: 4px;
    }
    .BannerActions {
      align-self: center;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .LUIGI_Button.BannerDismiss {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      margin-right: -4px;
    }
    /* VARIANTS*/
    .Banner-info .BannerIcon {
      color: var(--status--info);
    }
    .Banner-warning .BannerIcon {
      color: var(--status--warning);
    }
    .Banner-error .BannerIcon {
      color: var(--status--error);
    }
    .Banner-success .BannerIcon {
      color: var(--status--success);
    }
    .Banner-promo .BannerIcon {
      color: var(--status--promo);
    }


  .Feedback {
      border: 1px solid var(--border-color-base);
      border-left-width: 8px;
      border-style: solid;
      background-color: var(--surface--depth1--background);
    }
    /* ROUNDED*/
    .Feedback-rounded {
      border-radius: 4px;
    }
    /* VARIANTS*/
    .Feedback-info {
      border-left-color: var(--status--info);
    }
    .Feedback-info.Feedback-filled {
      background-color: var(--surface--info--background);
    }
    .Feedback-warning {
      border-left-color: var(--status--warning);
    }
    .Feedback-warning.Feedback-filled {
      background-color: var(--surface--warning--background);
    }
    .Feedback-error {
      border-left-color: var(--status--error);
    }
    .Feedback-error.Feedback-filled {
      background-color: var(--surface--error--background);
    }
    .Feedback-success {
      border-left-color: var(--status--success);
    }
    .Feedback-success.Feedback-filled {
      background-color: var(--surface--success--background);
    }
    .Feedback-promo {
      border-left-color: var(--status--promo);
    }
    .Feedback-promo.Feedback-filled {
      background-color: var(--surface--promo--background);
    }
    /* SUB-COMPONENTS*/
    .FeedbackOrderedList, .FeedbackUnorderedList {
      padding: 8px 0px 8px 16px;
    }
    .FeedbackOrderedList li, .FeedbackUnorderedList li {
        padding-bottom: 12px;
        line-height: 1.25rem;
      }
    .FeedbackOrderedList {
      list-style-type: decimal;
    }
    .FeedbackUnorderedList {
      list-style-type: disc;
    }


  .Billboard {
      display: grid;
      grid-template-columns: 20px 5fr 56px 7fr;
      grid-template-rows: minmax(32px, auto) auto;
      grid-template-areas: 'icon title . artwork' '. content . artwork';
      padding: 24px 24px 0px 32px;
      column-gap: 12px;
      row-gap: 12px;
      position: relative;
    }
    /* SUB-COMPONENTS*/
    .BillboardIcon {
      grid-area: icon;
      font-size: 20px;
      margin: 6px 0;
      align-self: flex-start;
    }
    .BillboardContent {
      grid-area: content;
      display: flex;
      flex-direction: column;
      font-size: 0.875rem;
      gap: 16px;
      padding-bottom: 32px;
    }
    .BillboardArtwork {
      grid-area: artwork;
      position: relative;
      display: flex;
    }
    .BillboardArtwork-top-y {
      align-items: flex-start;
    }
    .BillboardArtwork-center-y {
      align-items: center;
    }
    .BillboardArtwork-bottom-y {
      align-items: flex-end;
    }
    .BillboardArtwork-left-x {
      justify-content: flex-start;
    }
    .BillboardArtwork-center-x {
      justify-content: center;
    }
    .BillboardArtwork-right-x {
      justify-content: flex-end;
    }
    .BillboardActions {
      display: flex;
      align-items: center;
      gap: 24px;
      position: absolute;
      top: 11px;
      right: 16px;
    }
    /* VARIANTS*/
    .Billboard-info .BillboardIcon {
      color: var(--status--info);
    }
    .Billboard-warning .BillboardIcon {
      color: var(--status--warning);
    }
    .Billboard-error .BillboardIcon {
      color: var(--status--error);
    }
    .Billboard-success .BillboardIcon {
      color: var(--status--success);
    }
    .Billboard-promo .BillboardIcon {
      color: var(--status--promo);
    }


  .ButtonGroup {
      display: inline-flex;
      align-items: center;
    }
    /* Adjust radii of children*/
    .ButtonGroup .LUIGI_Button {
      border-radius: 0;
      z-index: 1;
    }
    .ButtonGroup .LUIGI_Button:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    .ButtonGroup .LUIGI_Button:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    /* No doubled borders between outline buttons*/
    .ButtonGroup .LUIGI_Button_outlined + .LUIGI_Button_outlined {
      margin-left: -1px;
    }
    .ButtonGroup .LUIGI_Button_outlined:active {
      z-index: 2;
    }
    .ButtonGroup .LUIGI_Button_outlined.C9Y-selected {
      z-index: 3;
    }


  .chart_guide-container--c4264 {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px;
    padding: 40px;
    width: 100%;
  }

  .chart_guide-containerNeutral--eb3d5 {
    border: 1px solid var(--border-color-base);
    background-color: var(--background-color-depth0);
  }

  .chart_guide-containerEmphasized--f4618 {
    background-color: var(--background-color-highlight);
  }

  .chart_guide-section--bdb1d {
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    margin-right: 40px;
  }

  .chart_guide-section--bdb1d:only-child,
    .chart_guide-section--bdb1d:last-child {
      margin-right: 0;
    }

  .chart_guide-sectionLarge--a4cf1 {
    flex: 5 0 0;
  }

  .chart_guide-sectionSmall--ad390 {
    flex: 3 0 0;
  }

  .chart_guide-icon--a3468 {
    width: 4.5rem;
    height: auto;
  }


  .Checkbox {
      display: inline-flex;
      position: relative;
      border-radius: 4px;
      border-style: solid;
      border-width: 1px;
      width: 16px;
      height: 16px;
      flex: 0 0 16px;
      vertical-align: middle;
      border-color: var(--input--default--border);
      background-color: var(--input--default--background);
      transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease,
        color 0.25s ease;
    }
    .Checkbox:not(.Checkbox-disabled):hover {
      cursor: pointer;
      background-color: var(--input--hover--background);
      border-color: var(--input--hover--border);
      box-shadow: var(--shadow--hover-glow);
    }
    .Checkbox:not(.Checkbox-disabled):active {
      cursor: pointer;
      background-color: var(--input--hover--background);
      border-color: var(--input--hover--border);
      box-shadow: var(--shadow--hover-glow);
    }
    .Checkbox:not(.Checkbox-disabled):focus {
      background-color: var(--input--focused--background);
      border-color: var(--input--focused--border);
      box-shadow: var(--shadow--focus-glow);
    }
    .CheckboxIcon {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 0.75rem; /* DS-Outlier*/
      pointer-events: none;
      z-index: 2;
      transform: translate(-50%, -50%);
      transition: opacity 0.125s ease;
      opacity: 0;
      border-radius: 4px;
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .CheckboxInput {
      position: absolute;
      z-index: 3;
      top: 50%;
      left: 50%;
      width: 32px;
      height: 32px;
      transform: translate(-50%, -50%);
      opacity: 0;
      cursor: inherit;
    }
    .CheckboxDash {
      width: 8px;
      height: 2px;
      background-color: currentColor;
      display: inline-block;
      border-radius: 1px;
    }
    /* PRIMARY - "Action" states*/
    .Checkbox-primary {
      color: var(--action--primary--default--foreground);
    }
    .Checkbox-primary:not(.Checkbox-disabled) .CheckboxIcon {
      background-color: var(--action--primary--default--background);
    }
    .Checkbox-primary:not(.Checkbox-disabled):hover .CheckboxIcon {
      background-color: var(--action--primary--hover--background);
    }
    .Checkbox-primary:not(.Checkbox-disabled):active .CheckboxIcon {
      background-color: var(--action--primary--selected--background);
    }
    /* SECONDARY - "Action" states*/
    .Checkbox-secondary {
      color: var(--action--secondary--default--foreground);
    }
    /* CUSTOM COLOR - "Action" states*/
    .Checkbox-custom {
      color: var(--action--primary--default--foreground);
    }
    /* CHECKED*/
    .Checkbox-active .CheckboxIcon {
      opacity: 1;
    }
    /* Disabled*/
    .Checkbox-disabled {
      background: var(--input--disabled--background);
      border: var(--input--disabled--border);
      color: var(--input--disabled--text);
    }
    .Checkbox-disabled .Checkbox-icon {
      background: var(--input--disabled--background);
      border: var(--input--disabled--border);
      color: var(--input--disabled--text);
    }
    .CheckboxInput:disabled:hover {
      cursor: not-allowed;
    }


  .code_snippet-container--db988 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 16px 0;
    position: relative;
    border-radius: 4px;
  }

    .code_snippet-container--db988 + .code_snippet-container--db988 {
      margin-top: 0;
    }

  .code_snippet-containerOutline--a276d {
    border: 1px solid var(--border-color-base);
  }

  .code_snippet-containerSolid--ead41 {
    background-color: var(--background-color-depth1);
  }

  .code_snippet-containerTransparent--d2c56 {
    /* no container styles */
  }

  .code_snippet-header--c1cab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid var(--border-color-base);
  }

  .code_snippet-pre--ef822 {
    background-color: transparent;
    padding: 16px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    overflow: auto;
    height: 'initial';
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .code_snippet-actionsContainer--baa35 {
  }

  .code_snippet-overlayActionsContainer--cae23 {
    position: absolute;
    top: 12px;
    right: 12px;

    /* Do not allow the Copy button to be highlight-able. This allows users to*/
    /* copy portions of the code without also accidentally copying the word*/
    /* "Copy" from the button.*/
    -webkit-user-select: none;
            user-select: none;
  }


  .copy_button-copyButton--b6e40 {
    /* Do not allow the Copy button to be highlight-able. This allows users to*/
    /* copy portions of the code without also accidentally copying the word*/
    /* "Copy" from the button.*/
    -webkit-user-select: none;
            user-select: none;
  }


  .download_button-downloadButton--e407c {
    /* Do not allow the Copy button to be highlight-able. This allows users to*/
    /* copy portions of the code without also accidentally copying the word*/
    /* "Copy" from the button.*/
    -webkit-user-select: none;
            user-select: none;
  }


  .definition_tooltip-underline--e6116 {
    border-bottom: 1px dotted var(--typography--main--subtext);
  }


  .Divider {
      display: block;
      flex-shrink: 0;
      background-color: var(--surface--depth1--border);
    }
    /* Orientations*/
    .Divider-vertical {
      width: 1px;
    }
    .Divider-horizontal {
      height: 1px;
      width: 100%;
    }


  .drawer-container--e7b38,
  .drawer-containerOpen--f491c {
    width: 100%;
  }

  .drawer-outlined--efeef {
    border: 1px solid var(--surface--depth1--border);
    border-radius: 4px;
  }

  .drawer-container-uqb--dc43e {
    padding: 12px 0px;
  }

  .drawer-header--bb04f {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .drawer-headerButton--e949c {
    padding: 12px 0px;
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    align-items: center;
    outline: 0;
    border: none;
    background-color: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--action--secondary--default--foreground);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .drawer-headerButton--e949c .C9Y-Text-base {
      color: inherit;
    }

  .drawer-header--bb04f:not(.drawer-header-disabled--d9ff9) .drawer-headerButton--e949c:hover {
    cursor: pointer;
    color: var(--action--secondary--hover--foreground);
  }

  .drawer-header-contained--d6d10 .drawer-headerButton--e949c {
    padding: 0;
  }

  .drawer-header-outlined--e77bf .drawer-headerButton--e949c {
    padding: 12px 16px;
  }

  .drawer-header-uqb--c0bd6 .drawer-headerButton--e949c {
    padding: 0px 24px;
    margin-bottom: 12px;
  }
  .drawer-header-uqb--open--bf4bf {
    border-bottom: 1px solid var(--surface--depth1--border);
    margin-bottom: 12px;
  }

  .drawer-icon--df91e {
    transition: transform 0.3s;
  }

  .drawer-header-disabled--d9ff9 .drawer-icon--df91e {
    opacity: 0;
  }

  .drawer-activeIcon--fc2d1 {
    transform: rotate(90deg);
  }

  .drawer-contents--c29aa {
    padding-bottom: 16px;
  }

  .drawer-contents-icon-size-override--ebbc6 {
    height: 24px;
    display: flex;
    align-items: center;
  }

  .drawer-contents-contained--ca1c1 {
    padding-bottom: 0;
    padding-top: 12px;
  }

  .drawer-contents-uqb--ba6c2 {
    padding: 0;
  }


  .duration_picker-numberInput--d0d7f {
    background-color: var(--input--default--background);
    width: 48px;
  }


  /**/
    /* --- Menu.Button ---*/
    /**/

    .MenuButton-root-input {
        font-weight: 400;
      }

    .MenuButton-root .LUIGI_ButtonEndIcon {
        margin-left: 4px;
        margin-right: -4px;
      }

    .MenuButton-root .LUIGI_ButtonLabel {
        text-align: left;
        flex: 1 0 0;
      }

    /* --- STATES*/

    .MenuButton-error {
      border: var(--input--error--border);
    }

    .MenuButton-error:hover {
        background-color: var(--surface--error--background-strong);
      }

    /**/

    /* --- Menu.Menu ---*/

    /**/

    .MenuMenu-smallSize .MuiMenuItem-root {
      /* Height for single line items should be 30px -> 16px line-height + 7px padding * 2*/
      padding: 7px 16px;
      padding-right: 40px;
      /* Medium menu items match subtitle2: 12px, bold, gray.400*/
      font-size: 0.75rem;
      line-height: 16px;
    }

    .MenuMenu-mediumSize .MuiMenuItem-root {
      /* Height for single line items should be 40px -> 20px line-height + 10px padding * 2*/
      padding: 10px 16px;
      padding-right: 40px;
      /* Large menu items match subtitle1: 14px, bold, gray.400*/
      font-size: 0.875rem;
      line-height: 20px;
    }

    /**/

    /* --- Menu.Item ---*/

    /**/

    .DisabledMenuItem-root.MuiMenuItem-root.Mui-disabled {
      background-color: inherit;
      cursor: not-allowed;
      pointer-events: auto;
    }

    .ActiveMenuItem-root {
      display: flex;
    }

    .ActiveMenuItem-icon {
      /* Alignment ensures icon is center aligned to top row even when a description*/
      /* is included*/
      align-self: start;
      font-size: 16px;
    }

    .MenuMenu-smallSize .ActiveMenuItem-icon {
        margin-right: 4px;
      }

    .MenuMenu-mediumSize .ActiveMenuItem-icon {
        /* line-height is 20px, icon is 16px = 2px padding top*/
        margin-top: 2px;
        margin-right: 8px;
      }

    .ActiveMenuItem-description {
      font-size: 0.75rem;
      white-space: normal;
    }

    .ActiveMenuItem-placeholder {
      display: block;
    }

    .MenuMenu-smallSize .ActiveMenuItem-placeholder {
        /* Match the 16px icon + 4px margin for the placeholder width*/
        width: 20px;
        min-width: 20px;
      }

    .MenuMenu-mediumSize .ActiveMenuItem-placeholder {
        /* Match the 16px icon + 8px margin for the placeholder width*/
        width: 24px;
        min-width: 24px;
      }

    .DeleteMenuItem-root {
      color: var(--typography--contextual--error) !important; /* MUI override*/
    }


  .LUIGI_TextField {
      display: inline-flex;
    }
    div.MuiFormControl-root.LUIGI_TextField p.MuiFormHelperText-root {
        color: var(--typography--main--subtext);
      }
    div.MuiFormControl-root.LUIGI_TextField input.MuiOutlinedInput-input, div.MuiFormControl-root.LUIGI_TextField textarea.MuiInputBase-inputMultiline {
        border: none;
        background-color: var(--input--default--background);
        color: var(--input--default--text);
        box-shadow: none;
        transition:
          color 0.25s ease,
          background-color 0.25s ease;
      }
    div.MuiFormControl-root.LUIGI_TextField textarea.MuiInputBase-inputMultiline::placeholder, div.MuiFormControl-root.LUIGI_TextField input.MuiOutlinedInput-input::placeholder {
        color: var(--input--placeholder);
      }
    div.MuiFormControl-root.LUIGI_TextField fieldset.MuiOutlinedInput-notchedOutline {
        border-radius: 4px;
        border: 1px solid var(--input--default--border);
        box-shadow: none;
        transition:
          border-color 0.25s ease,
          box-shadow 0.25s ease;
      }
    /* Hover*/
    div.MuiFormControl-root.LUIGI_TextField.Storybook-hover .MuiOutlinedInput-root input.MuiOutlinedInput-input, div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root:hover input.MuiOutlinedInput-input {
          background-color: var(--input--hover--background);
          color: var(--input--hover--text);
          box-shadow: none;
        }
    div.MuiFormControl-root.LUIGI_TextField.Storybook-hover .MuiOutlinedInput-root fieldset.MuiOutlinedInput-notchedOutline, div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root:hover fieldset.MuiOutlinedInput-notchedOutline {
          border: 1px solid var(--input--hover--border);
          box-shadow: var(--shadow--hover-glow);
        }
    /* Focused*/
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-focused textarea.MuiInputBase-input.MuiInputBase-inputMultiline, div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-focused input.MuiOutlinedInput-input {
          background-color: var(--input--focused--background);
          color: var(--input--focused--text);
          box-shadow: none;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-focused fieldset.MuiOutlinedInput-notchedOutline {
          border: 1px solid var(--input--focused--border);
          box-shadow: var(--shadow--focus-glow);
        }
    /* Error*/
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-error input.MuiOutlinedInput-input {
          background-color: var(--input--error--background);
          color: var(--input--error--text);
          box-shadow: none;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-error fieldset.MuiOutlinedInput-notchedOutline {
          border: 1px solid var(--input--error--border);
          box-shadow: none;
        }
    /* Error + Focused, Error + Hover*/
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-error:hover fieldset.MuiOutlinedInput-notchedOutline, div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-error.Mui-focused fieldset.MuiOutlinedInput-notchedOutline {
          box-shadow: var(--shadow--error-glow);
        }
    /* Disabled*/
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-disabled input.MuiOutlinedInput-input, div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-disabled:hover input.MuiOutlinedInput-input {
          background-color: var(--input--disabled--background);
          color: var(--input--disabled--text);
          box-shadow: none;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-disabled fieldset.MuiOutlinedInput-notchedOutline, div.MuiFormControl-root.LUIGI_TextField .MuiOutlinedInput-root.Mui-disabled:hover fieldset.MuiOutlinedInput-notchedOutline {
          border: 1px solid var(--input--disabled--border);
          box-shadow: none;
        }
    /* Default size*/
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl .MuiInputBase-input.MuiOutlinedInput-input {
          font-size: 0.8125rem;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl .MuiInputBase-input.MuiOutlinedInput-input:not(.MuiInputBase-inputMultiline) {
          padding: 0 0.75rem;
          height: 2rem;
          line-height: 2rem;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl.MuiInputBase-multiline {
          padding: 0;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl.MuiInputBase-multiline textarea.MuiInputBase-input.MuiInputBase-inputMultiline {
            padding: 0.4375rem 0.75rem;
            height: auto;
            line-height: 1.5em;
          }
    /* Small size*/
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl.MuiInputBase-sizeSmall .MuiInputBase-input.MuiOutlinedInput-input {
          font-size: 0.75rem;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl.MuiInputBase-sizeSmall .MuiInputBase-input.MuiOutlinedInput-input:not(.MuiInputBase-inputMultiline) {
          padding: 0 0.5rem;
          height: 1.5rem;
          line-height: 1.5rem;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl.MuiInputBase-sizeSmall.MuiInputBase-multiline {
          padding: 0;
        }
    div.MuiFormControl-root.LUIGI_TextField .MuiInputBase-formControl.MuiInputBase-sizeSmall.MuiInputBase-multiline textarea.MuiInputBase-input.MuiInputBase-inputMultiline {
            padding: 0.25rem 0.5rem;
            height: auto;
            line-height: 1.5em;
          }


  /* TODO: This layout style should be defined in the downstream layout component*/
  @media (max-width: 760px) {
  .editable_text-title--e71be {
      min-width: 680px
  }
    }

  /* --- BASE*/

  .LUIGI-EditableText {
      background-color: var(--input--default--background);
    }

  /* Misc Observation: Original intent of this spacing was to keep the Textfield*/

  /* element default height to 40px when an h2 element is inside, but we now*/

  /* also use this with subtitle1 elements which results in an odd 28px height*/

  /* element...*/

  .LUIGI-EditableText .MuiInputBase-multiline {
        padding: 4px 10px;
      }

  .LUIGI-EditableText .MuiOutlinedInput-notchedOutline {
        transition:
          border-color 0.25s ease,
          box-shadow 0.25s ease;
      }

  /* --- VARIANTS*/

  /* Variants match the font styles for that typography element in the component*/

  /* input*/

  .LUIGI-EditableText-h2 .MuiInputBase-input {
        background: transparent;
        color: var(--typography--main--heading);
        font-weight: 600;
        letter-spacing: 0;
        font-size: 1.5rem;
        line-height: 2rem;
      }

  .LUIGI-EditableText-h3 .MuiInputBase-input {
        background: transparent;
        color: var(--typography--main--heading);
        font-weight: 600;
        letter-spacing: 0;
        font-size: 1.125rem;
        line-height: 1.5rem;
      }

  .LUIGI-EditableText-subtitle1 .MuiInputBase-input {
        background: transparent;
        color: var(--typography--main--heading);
        font-weight: 600;
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

  .LUIGI-EditableText-body .MuiInputBase-input {
        background: transparent;
        color: var(--typography--main--heading);
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

  /* --- MODES*/

  /* Read only mode styles the un-editable Typography element to match the spacing*/

  /* and text styles of the editable Textfield*/

  .LUIGI-EditableText-readOnlyMode {
      padding: 4px 10px;
      /* Matches the text breaking behavior of the Textfield*/
      word-break: break-word;
    }

  /* Text mode styles the TextField to look like an unadorned typography element,*/

  /* displayed anytime the user isn't updating the text value.*/

  .LUIGI-EditableText-textMode {
      transition: background-color 0.25s ease;
      /* Blend with parent's bg color unless hovering*/
      background-color: transparent;
    }

  .LUIGI-EditableText-textMode:hover {
        background-color: var(--input--hover--background);
      }

  /* clear out default input styles when in view mode*/

  .LUIGI-EditableText-textMode .MuiOutlinedInput-notchedOutline {
        border-color: transparent;
        box-shadow: none;
      }

  .LUIGI-EditableText-textMode input {
        background: transparent;
      }

  .LUIGI-EditableText-textMode:hover .MuiOutlinedInput-notchedOutline {
        border: 1px solid var(--input--hover--border);
        box-shadow: var(--shadow--hover-glow);
      }

  /* Focus state*/

  .LUIGI-EditableText .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline {
      border: 1px solid var(--input--focused--border);
      box-shadow: var(--shadow--focus-glow);
    }


  .EmptyState {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 560px;
      margin-top: 80px;
      margin-left: auto;
      margin-right: auto;
    }
    .EmptyState-small .EmptyStateArtwork {
      margin-bottom: 16px;
    }
    .EmptyState-medium .EmptyStateArtwork {
      margin-bottom: 24px;
    }
    .EmptyState-large .EmptyStateArtwork {
      margin-bottom: 40px;
    }
    .EmptyStateLink + .EmptyStateLink {
      /* If a link follows a link, there is a divider between them.*/
      padding-left: 8px;
      border-left: var(--surface--depth1--border);
      margin-left: 8px;
    }


  .FormElement {
      display: flex;
      flex-direction: column;
    }
    .FormLabel {
      display: block;
      color: var(--typography--main--body);
      font-size: 0.875rem;
      font-weight: 600;
      line-height: 1.25rem;
      margin-bottom: 8px;
    }
    .FormLabelRequired {
      color: var(--text-color-error);
    }
    .FormHelperText {
      display: block;
      color: var(--typography--main--subtext);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1rem;
      margin-top: 4px;
    }
    .FormErrorMessage {
      display: block;
      color: var(--typography--contextual--error);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1rem;
      margin-top: 4px;
    }


  .GiftBadge > svg {
      transform: translateY(-5%);
    }
    .GiftBadge:hover {
      cursor: default;
    }
    .GiftBadge:hover .GiftBadgeOpen, .GiftBadgeClosed {
      display: block;
    }
    .GiftBadge:hover .GiftBadgeClosed, .GiftBadgeOpen {
      display: none;
    }


  .InputContainer {
      display: flex;
      align-items: center;
      border-radius: 4px;
      border: 1px solid var(--input--default--border);
      background-color: var(--input--default--background);
      transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
    }

      .InputContainer.InputContainer-hover, .InputContainer:hover {
        cursor: text;
        box-shadow: var(--shadow--hover-glow);
        border-color: var(--input--hover--border);
        background-color: var(--input--hover--background);
      }
    .InputAdornment, .EndAdornment {
      flex-grow: 0;
      flex-shrink: 0;
    }
    .Input {
      border: 0;
      background-color: transparent;
      outline: none;
      flex: 1 0 0;
      color: var(--input--default--text);
    }
    .Input::placeholder {
        color: var(--input--placeholder);
        opacity: 0.6;
      }
    .Input:focus {
        color: var(--input--focused--text);
        background-color: transparent;
      }
    /* Hide increment arrows because they are unstylable and ugly*/
    /* Users still get the keyboard increment*/
    .Input[type='number'] {
      appearance: textfield;
    }
    .Input[type='number']::-webkit-inner-spin-button, .Input[type='number']::-webkit-outer-spin-button {
      appearance: none;
    }
    .InputIconContainer {
      flex-grow: 0;
      flex-shrink: 0;
      pointer-events: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: inherit;
    }
    .InputIcon {
      transition: color 0.25s ease;
      color: inherit;
    }
    /* SIZES*/
    .InputContainer-small {
      height: 1.5rem;
    }
    .InputContainer-small .Input {
        height: calc(1.5rem - 2px);
        padding: 0 0.5rem;
        font-size: 0.75rem;
      }
    .InputContainer-small .InputAdornment {
        padding-left: 0.5rem;
      }
    .InputContainer-small .EndAdornment {
        padding-right: 0.5rem;
      }
    .InputContainer-small .InputIconContainer {
        font-size: 0.875rem;
        height: 1.5rem;
        width: 1.5rem;
      }
    .InputContainer-default {
      height: 2rem;
    }
    .InputContainer-default .Input {
        height: calc(2rem - 2px);
        padding: 0 0.75rem;
        font-size: 0.8125rem;
      }
    .InputContainer-default .InputAdornment {
        padding-left: 0.75rem;
      }
    .InputContainer-default .EndAdornment {
        padding-right: 0.5rem;
      }
    .InputContainer-default .InputIconContainer {
        font-size: 1rem;
        height: 2rem;
        width: 2rem;
      }
    .InputContainer-large {
      height: 2.5rem;
    }
    .InputContainer-large .Input {
        height: calc(2.5rem - 2px);
        padding: 0 1rem;
        font-size: 0.875rem;
      }
    .InputContainer-large .InputAdornment {
        padding-left: 1rem;
      }
    .InputContainer-large .EndAdornment {
        padding-right: 0.5rem;
      }
    .InputContainer-large .InputIconContainer {
        font-size: 1.125rem;
        height: 2.5rem;
        width: 2.5rem;
      }
    /* Reduce excess gap between icon and input*/
    .InputContainer .InputIconContainer + .Input {
      padding-left: 0;
    }
    /* STATUS VARIANTS*/
    .InputContainer-error {
      border-color: var(--input--error--border);
    }
    .InputContainer-error:hover {
        border-color: var(--input--error--border);
        box-shadow: var(--shadow--error-glow);
      }
    .InputContainer-error .InputStatusContainer {
        color: var(--input--error--border);
      }
    .InputContainer-success .InputStatusContainer {
        color: var(--status--success);
      }
    /* FOCUS & DISABLED STATES*/
    .InputContainer-focus, .InputContainer:focus-within {
      border-color: var(--input--focused--border);
      box-shadow: var(--shadow--focus-glow);
      color: var(--input--focused--text);
      background-color: var(--input--focused--background);
    }
    .InputContainer-disabled, .InputContainer-disabled:hover {
      background-color: var(--input--disabled--background);
      border-color: var(--input--disabled--border);
      box-shadow: none;
      cursor: not-allowed;
    }
    .InputContainer-disabled .Input, .InputContainer-disabled:hover .Input {
        background-color: var(--input--disabled--background);
        color: var(--input--disabled--text);
      }
    .InputContainer-disabled .InputIconContainer, .InputContainer-disabled:hover .InputIconContainer {
        color: var(--input--disabled--text);
      }


  .error_screen_layout-wrapper--e7f54 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    z-index: 0;
  }

  .error_screen_layout-background--e955f {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
    background-position: top right;
  }

  .error_screen_layout-tessyWrapper--f9006 {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .error_screen_layout-logo--d94a1 {
    position: absolute;
    top: 0;
    left: 0;
  }

  .error_screen_layout-content--ddf5c {
    background-color: var(--surface--depth1--background);
    border-radius: 4px;
    border-top: 4px solid var(--status--promo);
    width: 32rem;
    padding: 3rem;
    margin-top: 13vw;
  }


  .LUIGI_SpaceyHeaderBackground {
      background-color: #f3f4f6;
      position: relative;
      width: 100%;
    }

      .LUIGI_SpaceyHeaderBackground img {
        width: 100%;
      }


  .LUIGI_Tessy {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: -1;
      background-size: cover;
    }
    .dark-mode .LUIGI_Tessy {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8IS0tIENvbG9yIERlYnQ6IExTLTQ4NDcyIC0tPgogIDxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjkwMCIgZmlsbD0iIzEzMTcyMCIvPgogIDxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTAgNDkuODE1NUwxNDkuNzg0IDg4LjAwNzRNMTQ5Ljc4NCA4OC4wMDc0TDY5NC4wNDcgNjEuNDM5MU0xNDkuNzg0IDg4LjAwNzRMMzQ3LjAyNCAwTTY5NC4wNDcgNjEuNDM5MUw5MDMuMTUxIDEwMi45NTJNNjk0LjA0NyA2MS40MzkxVjBNOTAzLjE1MSAxMDIuOTUyTDEzMDguMDEgMjY3LjM0M0wxNDQwIDg4LjAwNzRNOTAzLjE1MSAxMDIuOTUyTDk2Mi40NzIgME0xMDMwLjY5IDBMOTkyLjEzMiAzNzguNTk4TDg0NS4zMTQgNTg0LjUwMkw4MjAuMTAzIDkwME0xMDE0LjM4IDkwMFY4NTUuMTY2TDMyOS4yMjggNTg0LjUwMkwwIDc1MC41NTRNMCA0NjkuOTI2TDMyLjYyNjIgNDI4LjQxM00zMi42MjYyIDQyOC40MTNMMjU5LjUyNiAzOTEuODgyTTMyLjYyNjIgNDI4LjQxM0wwIDM0MC40MDYiIHN0cm9rZT0iIzM5NDI1NiIvPgogIDxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTE1MS4yNjcgODcuNjgzOEwzMzAuNzEgNTg0LjAwN00zMzAuNzEgNTg0LjAwN0wzNTIuOTU2IDkwME0zMzAuNzEgNTg0LjAwN0g4NDIuMzQ4TDEzODMuNjUgNjQ2Ljg3NU0xMzgzLjY1IDY0Ni44NzVMMTQzOC41MiA3NDQuNDg1TTEzODMuNjUgNjQ2Ljg3NUwxNDM4LjUyIDU4NC4wMDdNMTM4My42NSA2NDYuODc1TDEwMTQgODU1LjVNMTM4My42NSA2NDYuODc1TDEzMTAuMjQgMjY5LjY2OU0xNDM4LjUyIDM3Ny4yMDZIOTkyLjEzMiIgc3Ryb2tlPSIjMzk0MjU2Ii8+Cjwvc3ZnPgo=);
    }
    .light-mode .LUIGI_Tessy {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSI5MDAiIHZpZXdCb3g9IjAgMCAxNDQwIDkwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8IS0tIENvbG9yIERlYnQ6IExTLTQ4NDcyIC0tPgogIDxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjkwMCIgZmlsbD0iI0YzRjRGNiIvPgogIDxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTAgNDkuODE1NUwxNDkuNzg0IDg4LjAwNzRNMTQ5Ljc4NCA4OC4wMDc0TDY5NC4wNDcgNjEuNDM5MU0xNDkuNzg0IDg4LjAwNzRMMzQ3LjAyNCAwTTY5NC4wNDcgNjEuNDM5MUw5MDMuMTUxIDEwMi45NTJNNjk0LjA0NyA2MS40MzkxVjBNOTAzLjE1MSAxMDIuOTUyTDEzMDguMDEgMjY3LjM0M0wxNDQwIDg4LjAwNzRNOTAzLjE1MSAxMDIuOTUyTDk2Mi40NzIgME0xMDMwLjY5IDBMOTkyLjEzMiAzNzguNTk4TDg0NS4zMTQgNTg0LjUwMkw4MjAuMTAzIDkwME0xMDE0LjM4IDkwMFY4NTUuMTY2TDMyOS4yMjggNTg0LjUwMkwwIDc1MC41NTRNMCA0NjkuOTI2TDMyLjYyNjIgNDI4LjQxM00zMi42MjYyIDQyOC40MTNMMjU5LjUyNiAzOTEuODgyTTMyLjYyNjIgNDI4LjQxM0wwIDM0MC40MDYiIHN0cm9rZT0iI0Q2REFFMSIvPgogIDxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTE1MS4yNjcgODcuNjgzOEwzMzAuNzEgNTg0LjAwN00zMzAuNzEgNTg0LjAwN0wzNTIuOTU2IDkwME0zMzAuNzEgNTg0LjAwN0g4NDIuMzQ4TDEzODMuNjUgNjQ2Ljg3NU0xMzgzLjY1IDY0Ni44NzVMMTQzOC41MiA3NDQuNDg1TTEzODMuNjUgNjQ2Ljg3NUwxNDM4LjUyIDU4NC4wMDdNMTM4My42NSA2NDYuODc1TDEwMTQgODU1LjVNMTM4My42NSA2NDYuODc1TDEzMTAuMjQgMjY5LjY2OU0xNDM4LjUyIDM3Ny4yMDZIOTkyLjEzMiIgc3Ryb2tlPSIjRDZEQUUxIi8+Cjwvc3ZnPgo=);
    }


  .legend-legend--e5bd4 {
    height: 16px;
    width: 16px;
    border-radius: 4px;
  }

  .legend-emphasis--e359c,
  .legend-label--c5c76 {
    white-space: nowrap;
  }


  .List {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      overflow: hidden;
      list-style: none;
    }
    .List_variant-default {
      background-color: var(--surface--depth1--background);
    }
    .List_variant-inverse {
      background-color: var(--surface--depth2--background);
    }
    /* When inside a tooltip*/
    .MuiTooltip-tooltip .List {
      padding-top: 6px;
      padding-bottom: 6px;
      border-radius: 4px;
    }


  .ListDivider {
      width: 100%;
      height: 0;
      border-top: 1px solid var(--surface--depth1--border);
      margin: 6px 0;
    }


  .ListHeading {
      width: 100%;
      display: grid;
      color: var(--typography--main--subtext);
    }
    /* SUB-COMPONENTS*/
    .ListHeadingTitle {
      text-align: left;
      grid-area: title;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-size: 0.6875rem;
      line-height: 1rem;
      align-self: center;
    }
    .ListHeadingLeftAddOn, .ListHeadingRightAddOn {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .ListHeadingLeftAddOn {
      grid-area: leftAddOn;
    }
    .ListHeadingRightAddOn {
      grid-area: rightAddOn;
    }
    .ListHeadingAddOn_flex-start {
      align-self: flex-start;
    }
    .ListHeadingAddOn_flex-end {
      align-self: flex-end;
    }
    .ListHeadingAddOn_center {
      align-self: center;
    }
    /* SIZES*/
    .ListHeading_small {
      column-gap: 8px;
      padding: 4px 16px;
    }
    .ListHeading_small:not(:first-child) {
        padding-top: 12px;
      }
    .ListHeading_small .ListHeadingLeftAddOn .C9Y-Icon-base, .ListHeading_small .ListHeadingRightAddOn .C9Y-Icon-base {
        margin-top: 1px;
        margin-bottom: 1px;
        font-size: 0.875rem;
        line-height: 1rem;
      }
    .ListHeading_default {
      column-gap: 12px;
      padding: 6px 16px;
    }
    .ListHeading_default:not(:first-child) {
        padding-top: 20px;
      }
    .ListHeading_default .ListHeadingLeftAddOn .C9Y-Icon-base, .ListHeading_default .ListHeadingRightAddOn .C9Y-Icon-base {
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 1rem;
        line-height: 1rem;
      }
    /* WRAPPING*/
    .ListHeading_noWrap .ListHeadingTitle {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }


  .ListItem {
      width: 100%;
      display: grid;
      border: 0;
      background-color: transparent;
      outline: none;
      transition:
        color 0.25s ease,
        background-color 0.25s ease;
    }
    .ListItem_clickable:hover {
      cursor: pointer;
    }
    /* SUB-COMPONENTS*/
    .ListItemTitle {
      text-align: left;
      grid-area: title;
      font-weight: 600;
      align-self: center;
    }
    .ListItemDescription {
      text-align: left;
      grid-area: description;
      font-weight: 400;
      opacity: 0.75;
    }
    .ListItemLeftAddOn, .ListItemRightAddOn {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .ListItemLeftAddOn {
      grid-area: leftAddOn;
    }
    .ListItemRightAddOn {
      grid-area: rightAddOn;
    }
    .ListItemContainer {
      position: relative;
      list-style: none;
    }
    .ListItemAddOn_flex-start {
      align-self: flex-start;
    }
    .ListItemAddOn_flex-end {
      align-self: flex-end;
    }
    .ListItemAddOn_center {
      align-self: center;
    }
    /* SIZES*/
    .ListItem_small {
      column-gap: 8px;
      padding: 6px 16px;
    }
    .ListItem_small .ListItemTitle, .ListItem_small .ListItemDescription {
        font-size: 0.75rem;
        line-height: 1rem;
      }
    .ListItem_small .ListItemLeftAddOn .C9Y-Icon-base, .ListItem_small .ListItemRightAddOn .C9Y-Icon-base {
        margin-top: 1px;
        margin-bottom: 1px;
        font-size: 0.875rem;
        line-height: 1rem;
      }
    .ListItem_default {
      column-gap: 12px;
      padding: 8px 16px;
    }
    .ListItem_default .ListItemTitle, .ListItem_default .ListItemDescription {
        font-size: 0.875rem;
        line-height: 1.25rem;
      }
    .ListItem_default .ListItemLeftAddOn .C9Y-Icon-base, .ListItem_default .ListItemRightAddOn .C9Y-Icon-base {
        margin-top: 2px;
        margin-bottom: 2px;
        font-size: 1rem;
        line-height: 1rem;
      }
    /* WRAPPING*/
    .ListItem_noWrap .ListItemTitle, .ListItem_noWrap .ListItemDescription {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    /* VARIANT - DEFAULT*/
    .List_variant-default .ListItem {
      background-color: var(--surface--depth1--background);
      color: var(--action--secondary--default--foreground);
    }
    .List_variant-default .ListItem_clickable:hover, .List_variant-default .ListItem_hover {
      background-color: var(--surface--depth2--background);
      color: var(--action--secondary--hover--foreground);
    }
    .List_variant-default .ListItem_active {
      background-color: var(--surface--depth2--background);
    }
    .List_variant-default .ListItem_clickable:hover .ListItemTitle, .List_variant-default .ListItem_hover .ListItemTitle, .List_variant-default .ListItem_clickable:hover .ListItemLeftAddOn, .List_variant-default .ListItem_hover .ListItemLeftAddOn {
      color: var(--action--primary--default--background);
    }
    .List_variant-default .ListItem_clickable:active .ListItemTitle, .List_variant-default .ListItem_clickable:active .ListItemLeftAddOn {
      color: var(--action--primary--hover--background);
    }
    /* VARIANT - INVERSE*/
    .List_variant-inverse .ListItem {
      background-color: var(--surface--depth2--background);
      color: var(--action--secondary--default--foreground);
    }
    .List_variant-inverse .ListItem_clickable:hover, .List_variant-inverse .ListItem_hover {
      background-color: var(--surface--depth1--background);
      color: var(--action--secondary--hover--foreground);
    }
    .List_variant-inverse .ListItem_active {
      background-color: var(--surface--depth1--background);
    }
    .List_variant-inverse .ListItem_clickable:hover .ListItemTitle, .List_variant-inverse .ListItem_hover .ListItemTitle, .List_variant-inverse .ListItem_clickable:hover .ListItemLeftAddOn, .List_variant-inverse .ListItem_hover .ListItemLeftAddOn {
      color: var(--action--primary--default--background);
    }
    .List_variant-inverse .ListItem_clickable:active .ListItemTitle, .List_variant-inverse .ListItem_clickable:active .ListItemLeftAddOn {
      color: var(--action--primary--hover--background);
    }
    /* ERROR VARIANT*/
    .List_variant-default .ListItem.ListItem_error .ListItemTitle, .List_variant-default .ListItem.ListItem_error .ListItemLeftAddOn, .List_variant-inverse .ListItem.ListItem_error .ListItemTitle, .List_variant-inverse .ListItem.ListItem_error .ListItemLeftAddOn {
      color: var(--typography--contextual--error);
    }
    .List_variant-default .ListItem_error.ListItem_clickable:hover .ListItemTitle, .List_variant-default .ListItem_error.ListItem_clickable:hover .ListItemLeftAddOn, .List_variant-inverse .ListItem_error.ListItem_clickable:hover .ListItemTitle, .List_variant-inverse .ListItem_error.ListItem_clickable:hover .ListItemLeftAddOn, .List_variant-default .ListItem_error.ListItem_hover .ListItemTitle, .List_variant-default .ListItem_error.ListItem_hover .ListItemLeftAddOn, .List_variant-inverse .ListItem_error.ListItem_hover .ListItemTitle, .List_variant-inverse .ListItem_error.ListItem_hover .ListItemLeftAddOn {
      color: var(--typography--contextual--error-strong);
    }
    /* BORDERED*/
    .List_bordered li:not(:first-child) .ListItem {
      border-top: 1px solid var(--border-color-base);
    }
    .List_bordered .ListHeading + li .ListItem {
      border-top-width: 0;
    }
    /* ACTIVE*/
    .ListItem_active .ListItemTitle, .ListItem_active .ListItemLeftAddOn {
      color: var(--typography--main--heading);
    }
    /* HIGHLIGHT*/
    .List_variant-default .ListItem.ListItem_highlight {
      background-color: var(--surface--depth2--background);
    }
    .List_variant-inverse .ListItem.ListItem_highlight {
      background-color: var(--surface--depth1--background);
    }
    .ListItem_highlight .ListItemTitle, .ListItem_highlight .ListItemLeftAddOn {
      color: var(--typography--main--heading);
    }
    .ListItemHighlighter {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 4px;
      background-color: var(--action--primary--default--background);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.25s ease;
    }
    .ListItem_highlight + .ListItemHighlighter {
      opacity: 1;
    }
    /* HIGHLIGHT + ACTIVE*/
    .ListItem_active.ListItem_highlight .ListItemTitle, .ListItem_active.ListItem_highlight .ListItemLeftAddOn, .ListItem_active.ListItem_highlight:hover .ListItemTitle, .ListItem_active.ListItem_highlight:hover .ListItemLeftAddOn {
      color: var(--action--primary--default--background);
    }
    .ListItem_active.ListItem_highlight.ListItem_error .ListItemTitle, .ListItem_active.ListItem_highlight.ListItem_error .ListItemLeftAddOn, .ListItem_active.ListItem_highlight.ListItem_error:hover .ListItemTitle, .ListItem_active.ListItem_highlight.ListItem_error:hover .ListItemLeftAddOn {
      color: var(--typography--contextual--error);
    }
    /* DISABLED*/
    .ListItem_disabled, .ListItem_disabled:hover {
      cursor: not-allowed;
    }
    .ListItem_disabled .ListItemTitle, .ListItem_disabled .ListItemDescription, .ListItem_disabled .ListItemLeftAddOn, .ListItem_disabled:hover .ListItemTitle, .ListItem_disabled:hover .ListItemDescription, .ListItem_disabled:hover .ListItemLeftAddOn {
        color: var(--action--disabled--foreground);
      }


  .LoadingState {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .LoadingState-fullScreen {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    /* Padding bottom in full screen instances help to visually center the spinner, as true*/
    /* center looks visually too low*/
    .LoadingState-paddedSpinner {
      padding-bottom: 5px;
    }


  .match-filled--c8951 {
    stroke: var(--status--neutral);
  }

  .match-unfilled--ec3fb {
    stroke: var(--surface--depth2--border);
  }


  .meter-container--bd385 {
    position: relative;
    height: 20px;
    border: 1px solid var(--border-color-base);
    border-radius: 2px;
  }

  .meter-segment--e5cbb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: 2px;
  }

  .meter-primary--d4833 {
    background-color: var(--chart-series-0);
    z-index: 2;
  }

  .meter-secondary--bf4ff {
    background-color: var(--chart-series-2);
    z-index: 1;
  }

  .meter-error--ebbcd {
    background-color: var(--chart-error);
    z-index: 1;
  }

  .meter-background--a0ddc {
    background-color: var(--background-color-depth1);
  }

  .meter-notHovered--fc2f9 {
    opacity: 0.4;
  }

  /* the vertical bar that represents Limit in an overage state*/
  .meter-tick--a2073 {
    background-color: #121c21;
    width: 4px;
    height: 32px;
    display: inline-block;
    position: absolute;
    top: -6px;
    bottom: 0;
    z-index: 5;
  }


  /* Button elements*/
    .MultiselectLabel {
      flex: 1 0 0;
      text-align: left;
      max-width: calc(100% - 20px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      /* Prevents descenders & ascenders from clipping*/
      line-height: 32px;
    }
    .MultiselectPlaceholder {
      opacity: 0.666;
      font-weight: 400;
    }
    /* Polishing tooltip styles*/
    .MultiselectPopper[data-popper-placement*='bottom'] > .MuiTooltip-tooltip {
      margin-left: 0;
      margin-top: 4px !important;
      margin-right: 0;
      margin-bottom: 0;
    }
    .MultiselectPopper[data-popper-placement*='top'] > .MuiTooltip-tooltip {
      margin-left: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 4px !important;
    }
    .MultiselectPopper[data-popper-placement*='left'] > .MuiTooltip-tooltip {
      margin-left: 0;
      margin-top: 0;
      margin-right: 4px !important;
      margin-bottom: 0;
    }
    .MultiselectPopper[data-popper-placement*='right'] > .MuiTooltip-tooltip {
      margin-left: 4px !important;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
    }
    .appearance-input {
      font-weight: 400;
    }


  .MultiselectContainer {
      border-radius: 4px;
    }
    .MultiselectLabelListHeading {
      /* List.Heading embeds its styles directly, making it impossible to add more specificity.*/
      grid-template-columns: min-content !important;
      -webkit-user-select: none;
              user-select: none;
    }
    .MultiselectLabelListHeading .ListHeadingRightAddOn {
        justify-content: space-between;
      }
    /* Menu elements*/
    .MultiselectMenu {
      overflow-y: auto;
      max-height: 450px;
      border-radius: 4px 4px 0 0;
    }
    .MultiselectEmptyState {
      padding: 24px 8px;
      text-align: center;
      font-size: 0.75rem;
      font-weight: 400;
    }
    /* Header Elements*/
    .MultiselectMenuHeader {
      position: relative;
    }
    .MultiselectFilter {
      border: 0;
      width: 100%;
      border-radius: 0;
      font-size: 0.75rem;
      font-weight: 400;
      height: 32px;
      background-color: transparent;
      padding-left: 40px;
    }
    .MultiselectFilter, .MultiselectFilter:focus {
        border-bottom: 1px solid var(--surface--depth1--border);
      }
    .MultiselectFilterIcon {
      position: absolute;
      top: 50%;
      left: 24px;
      transform: translate(-50%, -50%);
      pointer-events: none;
      font-size: 0.875rem;
    }
    /* Footer Elements*/
    .MultiselectMenuFooter {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 32px;
      padding: 0 16px;
      font-size: 0.75rem;
      font-weight: 400;
      color: var(--typography--main--subtext);
      border-top: 1px solid var(--surface--depth1--border);
    }
    .MultiselectSelectionCount {
      outline: none;
    }
    .MultiselectClearBtn {
      outline: none;
      background-color: transparent;
      height: 32px;
      border: 0;
      color: var(--action--primary--default--background);
      font-weight: 600;
    }
    .MultiselectClearBtn:hover {
        cursor: pointer;
        color: var(--action--primary--hover--background);
      }
    .MultiselectClearBtn[disabled], .MultiselectClearBtn[disabled]:hover {
        font-style: italic;
        color: var(--action--disabled--foreground);
        cursor: default;
      }
    .ListItemRightAddOn .MultiSelectButton {
      visibility: hidden;
    }
    .ListItem:hover .ListItemRightAddOn .MultiSelectButton {
      visibility: visible;
      color: var(--action--primary--default--background);
      height: initial;
      margin: -6px 8px;
      padding: 6px 8px;
      border-radius: 4px;
    }
    .ListItem:hover .ListItemRightAddOn .MultiSelectButton:hover {
        background-color: var(--surface--depth2--background);
      }
  /* We need to add !important here to override some ListItem styles*/
  .multiselect_item_list-arrowKeySelection--a0683 {
    background-color: var(--surface--depth2--background) !important;
    color: var(--action--secondary--hover--foreground) !important;
  }


  .MultiselectTooltip {
      display: flex;
      flex-direction: column;
      gap: 4px;
      padding: 2px;
    }


  .LUIGI_SystemNotification {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: stretch;
      min-height: 48px;
      padding: 8px 24px;
      gap: 8px;
    }

      .LUIGI_SystemNotification .C9Y-Link-text {
        font-weight: 600;
      }
    .LUIGI_SystemNotificationHeader {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .LUIGI_SystemNotificationTitle {
      display: flex;
      align-items: center;
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 400;
      text-transform: none;
      gap: 12px;
    }
    .LUIGI_SystemNotificationTitle > svg {
        font-size: 1rem;
      }
    .LUIGI_SystemNotificationTitle strong {
        font-weight: 600;
      }
    .LUIGI_SystemNotificationTitle button, .LUIGI_SystemNotificationTitle a {
        margin-left: 8px;
      }
    .LUIGI_SystemNotificationActions {
      display: flex;
      align-items: center;
      gap: 16px;
      justify-content: flex-end;
      font-size: 0.75rem;
      line-height: 1rem;
    }
    .LUIGI_SystemNotification-info {
      background-color: var(--surface--info--background-strong);
      color: var(--typography--contextual--info-strong);
    }
    .LUIGI_SystemNotification-neutral {
      background-color: var(--surface--depth2--background);
      color: var(--typography--main--heading);
    }
    .LUIGI_SystemNotification-error {
      background-color: var(--surface--error--background-strong);
      color: var(--typography--contextual--error-strong);
    }
    .LUIGI_SystemNotification-warning {
      background-color: var(--surface--warning--background-strong);
      color: var(--typography--contextual--warning-strong);
    }
    .LUIGI_SystemNotification-success {
      background-color: var(--surface--success--background-strong);
      color: var(--typography--contextual--success-strong);
    }
    .LUIGI_SystemNotification-promo {
      background-color: var(--surface--promo--background-strong);
      color: var(--typography--contextual--promo-strong);
    }
    .LUIGI_SystemNotificationDismiss {
      margin-right: -12px;
    }


  .LUIGI_SystemNotificationCarousel {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .LUIGI_SystemNotificationCarouselCount {
      color: var(--action--tertiary--default--foreground);
      font-size: 0.75rem;
      line-height: 1rem;
      font-weight: 600;
    }


  .ObjectList {
      display: flex;
      flex-direction: column;
    }


  .ObjectListItem {
      display: flex;
      height: 56px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 20px;
      padding-right: 16px;

      border-left: 4px solid;
      border-color: transparent;
      color: var(--text-color-body);

      transition: all 0.25s ease;
      transition-property: background-color, border-color;
    }

      .ObjectListItem:hover, .ObjectListItem.C9Y-selected {
        cursor: pointer;
        background-color: var(--background-color-action-hovered);
      }

      .ObjectListItem.C9Y-selected {
        border-color: var(--border-color-action-selected);
      }
    .ObjectListItem_compact {
      height: 36px;
      padding-top: 8px;
      padding-bottom: 8px;
    }
    /* --- ACTION*/
    .ObjectListItemAction {
      display: flex;
      /* flex 1 w/ min-width instructs actions to grow to fill space w/out*/
      /* overflowing, which is required for Overflow tooltip to work*/
      flex: 1;
      min-width: 1px;
      justify-content: space-between;
      align-items: stretch;
      height: auto;
      padding: 0;
      background-color: transparent;
      border: transparent;
      text-align: left;
      cursor: pointer;
      /* ^ reset all button styles*/
      align-self: center;
    }
    /* --- ADORNMENT*/
    .ObjectListItemAdornment {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: 12px;
      padding-left: 16px;
    }
    .ObjectListItem_hoverAdornment {
      opacity: 0;
      transition: opacity 0.25s ease;
    }
    .ObjectListItem:hover .ObjectListItem_hoverAdornment {
      opacity: 1;
    }


  /* --- BASE*/

    .LUIGI-Star-base {
      cursor: pointer;
      color: var(--typography--main--subtext);
    }

    .LUIGI-Star-base:hover {
        stroke: var(--status--favorite);
        fill: var(--status--favorite);
      }

    /* --- STATES*/

    .LUIGI-Star-filled {
      stroke: var(--status--favorite);
      fill: var(--status--favorite);
    }


  .C9Y-Paper-base {
      background-color: var(--surface--depth1--background);
      color: var(--typography--main--body);
      border: 1px solid var(--surface--depth1--border);
      border-radius: 4px;
    }
    /* --- VARIANTS*/
    .C9Y-Paper-flat {
      box-shadow: none;
    }
    .C9Y-Paper-container {
      box-shadow: var(--shadow--elevation1);
    }
    .C9Y-Paper-dialog {
      box-shadow: var(--shadow--elevation2);
    }


  .LUIGI_Popover {
      border-radius: 4px;
    }
    /* LAYOUT*/
    .LUIGI_Popover_padded {
      padding: 16px;
    }
    .LUIGI_Popover_flush {
      padding: 0;
    }
    /* VARIANT*/
    .LUIGI_Popover_unstyled {
      color: var(--typography--main--body);
      background-color: var(--surface--depth1--background);
      box-shadow: var(--shadow--elevation2);
    }
    .LUIGI_Popover_outlined {
      color: var(--typography--main--body);
      background-color: var(--surface--depth1--background);
      border: 1px solid var(--surface--depth1--border);
      box-shadow: var(--shadow--elevation2);
    }
    .LUIGI_Popover_invert {
      color: var(--typography--contextual--invert);
      background-color: var(--surface--invert--background);
      border: 0;
      box-shadow: var(--shadow--elevation2);
    }
    .LUIGI_Popover_promo {
      color: var(--typography--contextual--invert-strong);
      background-color: var(--status--promo);
      border: 0;
      box-shadow: var(--shadow--elevation2);
    }


  .Progress {
      position: relative;
      width: 100%;
      height: 2px;
      border-radius: 9999px;
      background-color: var(--surface--depth2--background-strong);
      overflow: hidden;
    }
    /* VARIANTS*/
    .Progress-primary {
      color: var(--status--info);
    }
    .Progress-muted {
      color: var(--status--neutral);
    }
    .Progress-inherit {
      color: inherit;
    }
    .ProgressBar {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      transform-origin: 0 center;
      background-color: currentColor;
      transition: transform 0.25s ease-in-out;
      width: 100%;
    }


  .promo-orderedList--cfc27 {
    list-style-type: decimal;
    padding-left: 16px;
  }

  .promo-unorderedList--f2204 {
    list-style-type: disc;
    padding-left: 16px;
  }


  .radio-LUIGI_Radio--e1861 .radio-iconContainer--d175e {
      background-color: var(--input--default--background);
      border: 1px solid var(--input--default--border);
      border-radius: 50%;
      width: 16px;
      height: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
      transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
    }
    .radio-LUIGI_Radio--e1861 .radio-iconCenter--d2b6f {
      z-index: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      transform: translate(-50%, -50%);
      background-color: var(--action--primary--default--background);
    }
    .radio-LUIGI_Radio--e1861:hover .radio-iconContainer--d175e {
        background-color: var(--input--hover--background);
        border-color: var(--input--hover--border);
        box-shadow: var(--shadow--hover-glow);
      }
    .radio-LUIGI_Radio--e1861:hover .radio-iconCenter--d2b6f {
        background-color: var(--action--primary--hover--background);
      }
    .radio-LUIGI_Radio--e1861:active .radio-iconContainer--d175e {
        background-color: var(--input--hover--background);
        border-color: var(--input--hover--border);
      }
    .radio-LUIGI_Radio--e1861:active .radio-iconCenter--d2b6f {
        background-color: var(--action--primary--hover--background);
      }
    .radio-LUIGI_Radio--e1861.Mui-disabled .radio-iconContainer--d175e {
        background-color: var(--input--disabled--background);
        border: 1px solid var(--input--disabled--border);
        box-shadow: none;
      }
    .radio-LUIGI_Radio--e1861.Mui-disabled .radio-iconCenter--d2b6f {
        background-color: var(--action--disabled--foreground);
      }
    .radio-LUIGI_Radio--e1861.Mui-focusVisible .radio-iconContainer--d175e {
        border-color: var(--input--focused--border);
        box-shadow: var(--shadow--focus-glow);
      }


  .InputContainer-small .search_input-ClearButton--ebca7 {
    transform: translateX(calc(0.5rem - 1px));
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
  }

  .InputContainer-default .search_input-ClearButton--ebca7 {
    transform: translateX(calc(0.75rem - 7px));
  }

  .InputContainer-large .search_input-ClearButton--ebca7 {
    transform: translateX(calc(1rem - 15px));
  }


  .SideNav {
      border-right: 1px solid var(--surface--depth2--border);
      display: flex;
      flex-direction: column;
      height: 100%;
      position: relative;
      background-color: var(--surface--depth2--background);
    }
    .SideNavToggleButton {
      position: absolute;
      top: 32px;
      right: 0;
      padding: 0; /* required for round button*/
      width: 1.5rem;
      border-radius: 9999px;
      transition:
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease; /* add transform*/
    }
    .SideNav .SideNavToggleButton.SideNavToggleButton-isExpanded {
      visibility: hidden;
    }
    .SideNav:hover .SideNavToggleButton {
      visibility: visible;
    }
    /* Meant for use in tandem with .toggleButton*/
    .SideNavToggleButton-isExpanded {
      transform: translate(12px, -50%) rotate(180deg);
    }
    /* Meant for use in tandem with .toggleButton*/
    .SideNavToggleButton-isCollapsed {
      transform: translate(12px, -50%) rotate(0deg);
    }
    .SideNavHeadingContainer {
      border-bottom: 1px solid var(--surface--depth2--border);
    }


  .SideNavSection {
      display: inline-block;
      width: 100%;
      padding: 6px 24px;
      font-size: 0.6875rem;
      text-transform: uppercase;
      font-weight: 600;
      color: var(--typography--main--subtext);
      letter-spacing: 1.5px;
      margin-top: 16px;
    }
    .SideNavHeading + .SideNavSection {
      margin-top: 0;
    }


  .SideNavHeading {
      flex-shrink: 0;
      flex-grow: 0;
      min-height: 64px;
      display: flex;
      flex-direction: column;
      padding: 22px 24px 24px 24px;
      width: 100%;
      gap: 4px;
    }
    .SideNavTitle {
      text-transform: uppercase;
      letter-spacing: 0.1em;
    }


  .LUIGI_SidePanel_PushOpen {
      margin-right: 480px;
      /* overlaps the content when screen width <1280px*/
      min-width: calc(1280px - 480px);
    }

  .LUIGI_SidePanel_PushOpen .MuiDialog-root {
        /* Account for side panel with full screen dialogs like dashboard chart editor*/
        margin-right: calc(480px);
      }

  /* Selects "paper" element within drawer*/

  .LUIGI_SidePanelContainer > div {
        z-index: 1350;
      }

  .LUIGI_SidePanelInnerContainer {
      display: flex;
      flex-direction: column;
      width: 480px;
      min-height: 100%;
    }

  /* MODES*/

  .LUIGI_SidePanel-push > .MuiPaper-root {
        border-left: 1px solid var(--border-color-base);
        background-color: var(--surface--depth1--background);
        overflow: hidden;
      }

  .LUIGI_SidePanel-overlay > .MuiPaper-root {
        border: none;
        background-color: var(--surface--depth1--background);
        box-shadow: var(--shadow--elevation2);
      }


  .SidePanelBody {
      flex: 1 0 0;
      display: flex;
      flex-direction: column;
      width: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 24px;
      gap: 16px;
    }
    .SidePanelBody-masked {
      mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
    }


  .LUIGI_SidePanelFooter {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 8px;
      width: 100%;
      padding: 16px 24px;
      border-top: 1px solid var(--surface--depth2--border);
      background-color: var(--surface--depth2--background);
    }


  .LUIGI_SidePanelHeader {
      display: grid;
      background-color: var(--surface--depth2--background);
      border-bottom: 1px solid var(--surface--depth2--border);
      padding: 24px;
      row-gap: 4px;
      position: relative;
      grid-template-columns: 1fr auto;
    }
    .LUIGI_SidePanelHeaderActions {
      grid-area: actions;
      display: flex;
      justify-content: flex-end;
      gap: 4px;
      margin-left: 8px;
    }
    .LUIGI_SidePanelTitle {
      grid-area: title;
      color: var(--typography--main--heading);
      font-size: 1.125rem;
      line-height: 1.5rem;
      font-weight: 600;
      word-break: break-all;
    }
    .LUIGI_SidePanelTitle:nth-child(2) {
        margin-top: 8px;
      }
    .LUIGI_SidePanelTitleContainer {
      gap: 8px;
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .LUIGI_SidePanelTitleContainer:nth-child(2) {
        margin-top: 8px;
      }
    .LUIGI_SidePanelCategory {
      grid-area: category;
      display: flex;
      align-items: center;
      color: var(--typography--main--subtext);
      font-size: 0.6875rem;
      line-height: 1rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      font-weight: 600;
    }
    .LUIGI_SidePanelCategory > svg {
        margin-right: 8px;
        font-size: 0.875rem;
      }
    .LUIGI_SidePanelSubtitle {
      grid-area: subtitle;
      color: var(--typography--main--body);
      font-size: 0.75rem;
      font-weight: 400;
      line-height: 1rem;
    }
    .LUIGI_SidePanelHeaderChildren {
      grid-area: children;
    }


  .SkeletonPlaceholder {
      width: 100%;
      height: 1em;
      border-radius: 4px;
      overflow: hidden;
      position: relative;
      background-color: var(--component-skeleton-background);
    }
    .SkeletonPlaceholder:after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 176px;
      background: var(--component-skeleton-highlight);
    }
    .SkeletonPlaceholder:after {
      animation: 2s linear infinite skeleton-wave--c955e;
    }

  @keyframes skeleton-wave--c955e {
    0% {
      left: -176px;
    }
    /* Using a large value here so that when multiple Skeletons are present,*/
    /* the animation appears to move at the same speed across all of them.*/
    /* Initially tried a % width here and it looks very bizarre once you see*/
    /* multiple Skeletons.*/
    100% {
      left: 90vw;
    }
  }


  .status_bar-statusBar--ddf06 {
    background-color: var(--surface--depth2--background);
    border-radius: 2px;
    height: 12px;
  }

  .status_bar-primary--dee0c {
    color: var(--chart-series-0);
  }

  .status_bar-error--b0e10 {
    color: var(--chart-error);
  }

  .status_bar-grey--fa805 {
    color: var(--chart-deemphasized);
  }


  .Switch {
      position: relative;
    }
    .SwitchTrack {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      pointer-events: none;
      background-color: var(--action--secondary--default--border);
      overflow: hidden;
    }
    .SwitchTrackFill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: var(--action--tertiary--selected--background);
      transform: scaleX(0);
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      transform-origin: top left;
    }
    .SwitchKnob {
      position: absolute;
      top: 50%;
      pointer-events: none;
      z-index: 2;
      border-radius: 50%;
      background-color: var(--action--secondary--default--foreground);
      height: 1em;
      width: 1em;
      transform: translate(0, -50%);
      transition:
        transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
        background-color 0.25s ease;
    }
    .SwitchInput {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
    }
    /* Hover*/
    .Switch:not(.Switch-disabled):hover .SwitchKnob {
        background-color: var(--action--secondary--hover--foreground);
      }
    .SwitchInput:hover {
      cursor: pointer;
    }
    /* Pressed (aka active)*/
    .Switch:not(.Switch-disabled):active {
      cursor: pointer;
    }
    .Switch:not(.Switch-disabled):active .SwitchKnob {
        background-color: var(--action--secondary--pressed--foreground);
      }
    /* Sizes*/
    .Switch-small {
      height: 1.5rem;
      width: calc(1.5rem * 1.125);
    }
    .Switch-small .SwitchTrack {
        height: 4px;
        border-radius: 2px;
        left: calc(1.5rem / 8);
        right: calc(1.5rem / 8);
      }
    .Switch-small .SwitchKnob {
        font-size: calc(1.5rem / 2);
      }
    .Switch-default {
      height: 2rem;
      width: calc(2rem * 1.125);
    }
    .Switch-default .SwitchTrack {
        height: 8px;
        border-radius: 4px;
        left: calc(2rem / 8);
        right: calc(2rem / 8);
      }
    .Switch-default .SwitchKnob {
        font-size: calc(2rem / 2);
      }
    .Switch-large {
      height: 2.5rem;
      width: calc(2.5rem * 1.125);
    }
    .Switch-large .SwitchTrack {
        height: 12px;
        border-radius: 6px;
        left: calc(2.5rem / 8);
        right: calc(2.5rem / 8);
      }
    .Switch-large .SwitchKnob {
        font-size: calc(2.5rem / 2);
      }
    /* Checked*/
    .Switch-checked .SwitchKnob {
        transform: translate(125%, -50%);
        background-color: var(--action--primary--default--background);
      }
    .Switch-checked .SwitchTrackFill {
        transform: scaleX(1);
      }
    .Switch-checked:not(.Switch-disabled):hover .SwitchKnob {
      background-color: var(--action--primary--hover--background);
    }
    .Switch-checked:not(.Switch-disabled):active .SwitchKnob {
      background-color: var(--action--primary--pressed--background);
    }
    /* Disabled*/
    .Switch-disabled .SwitchKnob {
        background-color: var(--action--disabled--foreground);
      }
    .Switch-disabled .SwitchTrack, .Switch-disabled .SwitchTrackFill {
        background-color: var(--action--disabled--background);
      }
    .SwitchInput:disabled:hover {
      cursor: not-allowed;
    }


  /*/ Wrapper div providing fixed position+layout styles to show toast at*/
    /*/ top-center of viewport*/
    .ToastPositioner {
      position: fixed;
      z-index: 1400;
      top: 16px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      /* The positioner covers the full width of the screen and may overlay elements below*/
      /* it, ensure that those elements can still receive actions.*/
      pointer-events: none;
    }
    .Toast {
      box-shadow: var(--shadow--elevation2);
      /* Enable clicks within the toast element itself*/
      pointer-events: auto;
    }


  .tutorial-wrapper--db0e8 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .tutorial-banner--b0ce8 {
    color: #fff;
    padding: 40px;
    min-height: 18rem;
    display: flex;
    position: relative;
  }

  .tutorial-artworkContainer--e344e {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
  }

  .tutorial-artworkContainer--e344e .tutorial-artwork--f6b07 {
      height: 100%;
      object-fit: cover;
    }

  .tutorial-leftPanel--e7a16 {
    grid-area: leftPanel;
  }

  .tutorial-rightPanel--ce22b {
    grid-area: rightPanel;
  }

  .tutorial-rightPanel--ce22b > img {
      max-width: 100%;
      max-height: 100%;
    }

  .tutorial-half--c787c {
    position: relative;
    z-index: 2;
    flex: 1 0 0;
  }

  .tutorial-half--c787c:nth-child(1) {
      margin-right: 16px;
    }

  .tutorial-half--c787c:nth-child(2) {
      margin-left: 16px;
    }

  .tutorial-linkContainer--bc757 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }

  .tutorial-body--a5622 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: 'leftPanel leftPanel leftPanel leftPanel rightPanel rightPanel rightPanel rightPanel rightPanel rightPanel rightPanel rightPanel';
    column-gap: 24px;
    padding: 40px;
  }

  @media screen and (min-width: 1280px) {

  .tutorial-body--a5622 {
      grid-template-areas: 'leftPanel leftPanel leftPanel . rightPanel rightPanel rightPanel rightPanel rightPanel rightPanel rightPanel rightPanel'
  }
    }

  /* Adding multiple shadows to create a border effect*/
  /* This preserves legibility when the text ends up on top of a light-colored element in the artwork*/
  .tutorial-subtitle--e7f1d {
    color: #e7e9ee;
    font-size: 0.875rem;
    margin-top: 16px;
    filter: 'url(#threshold-outlined-text)';
  }


  /**/
    /* --- Table ---*/
    /**/

    .LS-Table {
      display: flex;
      flex-direction: column;
      height: 100%;

      /* Default typography styles to body to reduce the need for Typography components*/
      font-size: 0.875rem;
      color: var(--text-color-body);
      line-height: 1.25rem;
    }

    /**/

    /* --- Table.Head ---*/

    /**/

    .LS-TableHead {
      border-bottom: 1px solid var(--border-color-base);
      margin-bottom: -1px;
    }

    /* fixes double border issue*/

    .LS-TableHead .LS-TableRow {
        align-items: center;
        border-top: none;
      }

    .LS-TableHeader {
      display: flex;
      justify-content: flex-start;
      padding: 8px 10px;
      color: var(--text-color-body);
      font-size: 0.75rem;
      font-weight: 600;
      line-height: 1.333;
    }

    .LS-TableHeader > span {
        /* needed for allowing truncation on child span when using the sort label*/
        overflow: hidden;
      }

    .LS-TableHeader > span:focus {
          color: var(--text-color-heading);
        }

    .LS-TableHeader-centered {
      justify-content: center;
    }

    /**/

    /* --- Table.Body ---*/

    /**/

    .LS-TableVirtualizedBody {
      display: block;
      height: 100%;
    }

    .LS-TableBody .LS-TableRow {
        /* In virtualized body default row height of 40px is set by FixedSizeList*/
        height: 40px;
      }

    /**/

    /* --- Table.Row ---*/

    /**/

    .LS-TableRow {
      display: grid;
      /* Set height for rows that are contained inside of anchors (see dashboards list table)*/
      height: 100%;
      border-top: 1px solid var(--border-color-base);
      grid-template-columns: var(--row-columns);
    }

    .LS-TableRow-actionRow {
      cursor: pointer;
    }

    .LS-TableRow-actionRow:hover {
        background: var(--background-color-action-hovered);
        color: var(--text-color-action-hovered);
      }

    .LS-TableRow-actionRow .LS-TableRow-hoverDisabled {
        background: none;
      }

    /**/

    /* --- Table.Cell ---*/

    /**/

    .LS-TableCell {
      display: flex;
      align-items: center;
      padding: 0px 10px;
    }

    /**/

    /* --- Table LoadingContent ---*/

    /**/

    /* With a 0.5s timeline this will wait to show anything until 200ms, then fade*/

    /* in over next 300 ms*/

    @keyframes turbo_table-table-loading--e142c {
      0% {
        opacity: 0;
      }

      40% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    .LS-TableLoadingState {
      /* Fade in the loading state to reduce jumpiness when table data returns*/
      /* quickly (eg if table data loads in 300ms it can be jarring to see just a*/
      /* flash of the loading state)*/
      animation: table-loading 0.5s;
    }

    .LS-TableLoadingRow {
      /* Just a single loading bar for each row for now, overrides table row styles*/
      grid-template-columns: 1fr !important;
      height: 40px;
    }

    .LS-TableNoResults {
      flex-grow: 1;
    }


  .error_copy-iconBorder--e3637 {
    background-color: var(--background-color-depth1);
    border-radius: 96px;
    padding: 16px;
    margin-bottom: 24px;
  }
  .error_copy-icon--bdbc0 {
    color: var(--text-color-muted);
    font-size: 32px;
  }


  .LS-TableMenuContainer {
      position: relative;
      height: 24px; /* Match the height of LS-TableMenuIcon for centering*/
    }
    .LS-TableMenuIcon {
      font-size: 24px;
      padding: 4px;
      border-radius: 4px;
      cursor: pointer;
    }
    .LS-TableMenuIcon:hover {
        background-color: var(--background-color-action-hovered);
      }
    .LS-TableMenu {
      z-index: 2;
      position: absolute;
      width: max-content; /* set a default width that should show all menu items on a single line*/
      top: 100%;
      margin-top: 4px;
      right: 0;
      padding: 8px 0;
      font-size: 12px;
      background: var(--background-color-depth0);
      border: 1px solid var(--border-color-container);
      border-radius: 4px;
      box-shadow: var(--shadow-color-container);
      cursor: pointer;
    }
    .LS-TableMenuItem {
      display: flex;
      padding: 8px 40px 8px 16px;
    }
    .LS-TableMenuItem:hover {
        background-color: var(--background-color-action-hovered);
      }
    .LS-TableMenuItem[aria-disabled='true'] {
        background-color: inherit;
        cursor: not-allowed;
        pointer-events: auto;
        opacity: 0.38; /* Match Menu.Item disabled style*/
      }
    .LS-TableDeleteMenuItem {
      color: var(--text-color-error);
    }


  .Tabs {
      gap: 16px;
      display: flex;
      align-items: stretch;
      border-bottom: 1px solid var(--surface--depth1--border);
      position: relative;
    }
    .TabsHighlighter {
      position: absolute;
      bottom: -1px;
      left: 0;
      height: 3px;
      border-radius: 1px 1px 0 0;
      background-color: var(--action--primary--default--background);
      transform: translate3d(0, 0, 0);
    }
    .TabsHighlighter-animated {
      transition:
        left 0.25s ease,
        width 0.25s ease;
    }


  .Tab {
      gap: 6px;
      background-color: transparent;
      border: none;
      display: flex;
      align-items: center;
      height: 40px;
      transition: color 0.25s ease;
      color: var(--typography--main--subtext);
      font-size: 0.875rem;
    }

      .Tab:hover {
        cursor: pointer;
      }
    .Tab:hover, .Tab-active, .Tab-active:hover {
      color: var(--typography--main--heading);
    }
    .Tab-disabled, .Tab-disabled:hover {
      color: var(--typography--main--subtext);
      font-style: italic;
      opacity: 0.5;
      cursor: default;
    }
    .TabLabel {
      font-weight: 600;
      line-height: 1.25rem;
    }
    .TabIcon {
      margin: 3px 0;
    }


  .TabPanel {
      display: block;
    }


  .text_block-editableText--e0ac6,
  .text_block-editableReadOnlyText--c50dd {
    box-sizing: border-box;
    border: 1px solid transparent;
    transition:
      box-shadow 0.25s ease,
      border-color 0.25s ease,
      background-color 0.25s ease;
  }

  .text_block-readOnlyText--dd16b,
  .text_block-editableText--e0ac6 {
    font-size: 0.875rem !important;
    padding: 0.875rem 1rem !important;
    line-height: 1.25rem;
  }

  .text_block-containerBordered--b5e07 .text_block-editableReadOnlyText--c50dd {
    border-color: var(--input--default--border);
  }

  .text_block-editableReadOnlyText--c50dd {
    min-height: 50px;
    cursor: pointer;
    border-radius: 4px;
  }

  .text_block-editableReadOnlyText--c50dd:hover {
      border-color: var(--input--hover--border);
      box-shadow: var(--shadow--hover-glow);
    }

  .text_block-readOnlyText--dd16b {
    color: var(--input--default--text);
  }

  .text_block-readOnlyPlaceholder--cf7c4 {
    font-size: inherit;
    line-height: inherit;
    color: var(--input--placeholder);
  }

  .text_block-editableText--e0ac6 {
    align-items: flex-start;
    flex-grow: 1;
    background-color: var(--input--focused--background);
  }

  .text_block-textBlockContainer--ff00b {
    display: flex;
    flex-direction: column;
    height: inherit;
  }

  /* overflow: auto;*/

  .text_block-textBlockContainer--ff00b > * {
      display: flex;
      flex-grow: 1;
    }

  .text_block-textBlockContainer--ff00b textarea {
      font-size: 0.875rem !important;
      padding: 0 !important;
      line-height: 1.25rem !important;
      flex-grow: 1;
    }

  .text_block-readyOnlyClamped--a5c5c {
    max-height: 104px;
    overflow-y: auto;
  }

  .text_block-clearButton--af65c {
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .text_block-containerClamped--a0d83 .MuiInputBase-root {
      position: static;
      /* Subtract 2px for the top/bottom borders in parent so there is no visual jitter between states*/
      max-height: calc(6.5rem - 2px);
      overflow-y: auto;
    }

  .text_block-containerClamped--a0d83 div[class*='markdown'] > *:first-child {
      margin-top: 0;
    }

  .text_block-containerClamped--a0d83 div[class*='markdown'] > *:last-child {
      margin-bottom: 0;
    }


  /*/ Defines the "Prose" styles for HTML elements rendered in the Markdown*/
  /*/ context. These styles are scoped to the container class, providing a*/
  /*/ simple sandbox where element styles can be tweaked as needed for this*/
  /*/ display case without impacting the rest of the application (which also*/
  /*/ means we shouldn't need to bake Markdown specific styles into the design*/
  /*/ system used for application features.*/

  .markdown_renderer-container--c7d73 {
    color: var(--typography--main--heading);
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .markdown_renderer-container--c7d73 h1 {
      color: var(--typography--main--heading);
      font-weight: 600;
      letter-spacing: 0;
      font-size: 1.75rem;
      line-height: 2.5rem;
      margin-bottom: 24px;
    }

  .markdown_renderer-container--c7d73 h2 {
      color: var(--typography--main--heading);
      font-weight: 600;
      letter-spacing: 0;
      font-size: 1.5rem;
      line-height: 2rem;
      margin-top: 16px;
      margin-bottom: 24px;
    }

  .markdown_renderer-container--c7d73 h3 {
      color: var(--typography--main--heading);
      font-weight: 600;
      letter-spacing: 0;
      font-size: 1.125rem;
      line-height: 1.5rem;
      margin: 16px 0px;
    }

  .markdown_renderer-container--c7d73 h4 {
      color: var(--typography--main--heading);
      font-weight: 600;
      font-size: 0.875rem;
      line-height: 1.25rem;
      text-transform: none;
      margin: 12px 0px;
    }

  .markdown_renderer-container--c7d73 h5 {
      color: var(--typography--main--heading);
      font-weight: 600;
      font-size: 0.75rem;
      line-height: 1rem;
      margin: 8px 0px;
    }

  .markdown_renderer-container--c7d73 p {
      color: var(--typography--main--heading);
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 16px 0px;
    }

  .markdown_renderer-container--c7d73 p:only-child {
      margin: 0;
    }

  .markdown_renderer-container--c7d73 hr {
      border: none;
      height: 1px;
      margin: 16px 0;
      background-color: #e7e9ee;
    }

  .markdown_renderer-container--c7d73 ol,
    .markdown_renderer-container--c7d73 ul {
      padding-left: 24px;
    }

  .markdown_renderer-container--c7d73 ol {
      list-style-type: decimal;
    }

  .markdown_renderer-container--c7d73 ul {
      list-style-type: disc;
    }

  .markdown_renderer-container--c7d73 li {
      color: var(--typography--main--heading);
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem;
      margin: 8px 0px;
    }

  .markdown_renderer-container--c7d73 blockquote {
      margin: 32px 0px;
      padding-left: 16px;
      border-left: 4px solid var(--border-color-base);
    }

  .markdown_renderer-container--c7d73 table {
      width: 100%;
      table-layout: auto;
      text-align: left;
      margin: 32px 0px;
      border-collapse: collapse;
    }

  .markdown_renderer-container--c7d73 thead {
      border-bottom: 1px solid var(--border-color-base);
    }

  .markdown_renderer-container--c7d73 th {
      color: var(--typography--main--heading);
      font-weight: 600;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-right: 12px;
      padding-bottom: 12px;
    }

  .markdown_renderer-container--c7d73 td {
      color: var(--typography--main--heading);
      font-family: "Inter", sans-serif;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding-top: 12px;
      padding-right: 12px;
      padding-bottom: 12px;
    }

  .markdown_renderer-container--c7d73 tbody tr {
      border-bottom: 1px solid var(--border-color-base);
    }

  .markdown_renderer-container--c7d73 tbody tr:last-child {
      border-bottom: none;
    }

  .markdown_renderer-container--c7d73 pre {
      color: var(--typography--syntax--text);
      font-family: 'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
      font-weight: 400;
      font-size: 0.875rem;
      line-height: 1.25rem;
      padding: 16px;
      background-color: var(--background-color-depth1);
      border-radius: 4px;
    }


  .LUIGI_TextFieldWithPills {
      background-color: var(--input--default--background);
    }

      .LUIGI_TextFieldWithPills .MuiInputBase-adornedStart {
        flex-wrap: wrap;
      }

      .LUIGI_TextFieldWithPills .Pill {
        margin: 4px;
      }

      .LUIGI_TextFieldWithPills .MuiInputBase-input {
        flex-grow: 1;
        width: auto;
      }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.pointer-events-none {
    pointer-events: none
}
.visible {
    visibility: visible
}
.invisible {
    visibility: hidden
}
.collapse {
    visibility: collapse
}
.static {
    position: static
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.sticky {
    position: sticky
}
.right-3 {
    right: 1.5rem
}
.isolate {
    isolation: isolate
}
.m-0 {
    margin: 0
}
.m-0\.25 {
    margin: 0.125rem
}
.m-0\.5 {
    margin: 0.25rem
}
.m-0\.75 {
    margin: 0.375rem
}
.m-1 {
    margin: 0.5rem
}
.m-1\.25 {
    margin: 0.625rem
}
.m-1\.5 {
    margin: 0.75rem
}
.m-10 {
    margin: 5rem
}
.m-12 {
    margin: 6rem
}
.m-16 {
    margin: 8rem
}
.m-2 {
    margin: 1rem
}
.m-2\.5 {
    margin: 1.25rem
}
.m-24 {
    margin: 12rem
}
.m-3 {
    margin: 1.5rem
}
.m-3\.5 {
    margin: 1.75rem
}
.m-32 {
    margin: 16rem
}
.m-4 {
    margin: 2rem
}
.m-5 {
    margin: 2.5rem
}
.m-6 {
    margin: 3rem
}
.m-7 {
    margin: 3.5rem
}
.m-8 {
    margin: 4rem
}
.m-auto {
    margin: auto
}
.m-px {
    margin: 1px
}
.mx-0 {
    margin-left: 0;
    margin-right: 0
}
.mx-0\.25 {
    margin-left: 0.125rem;
    margin-right: 0.125rem
}
.mx-0\.5 {
    margin-left: 0.25rem;
    margin-right: 0.25rem
}
.mx-0\.75 {
    margin-left: 0.375rem;
    margin-right: 0.375rem
}
.mx-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
.mx-1\.25 {
    margin-left: 0.625rem;
    margin-right: 0.625rem
}
.mx-1\.5 {
    margin-left: 0.75rem;
    margin-right: 0.75rem
}
.mx-10 {
    margin-left: 5rem;
    margin-right: 5rem
}
.mx-12 {
    margin-left: 6rem;
    margin-right: 6rem
}
.mx-16 {
    margin-left: 8rem;
    margin-right: 8rem
}
.mx-2 {
    margin-left: 1rem;
    margin-right: 1rem
}
.mx-2\.5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}
.mx-24 {
    margin-left: 12rem;
    margin-right: 12rem
}
.mx-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}
.mx-3\.5 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}
.mx-32 {
    margin-left: 16rem;
    margin-right: 16rem
}
.mx-4 {
    margin-left: 2rem;
    margin-right: 2rem
}
.mx-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}
.mx-6 {
    margin-left: 3rem;
    margin-right: 3rem
}
.mx-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}
.mx-8 {
    margin-left: 4rem;
    margin-right: 4rem
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mx-px {
    margin-left: 1px;
    margin-right: 1px
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0
}
.my-0\.25 {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem
}
.my-0\.5 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem
}
.my-0\.75 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem
}
.my-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.my-1\.25 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem
}
.my-1\.5 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem
}
.my-10 {
    margin-top: 5rem;
    margin-bottom: 5rem
}
.my-12 {
    margin-top: 6rem;
    margin-bottom: 6rem
}
.my-16 {
    margin-top: 8rem;
    margin-bottom: 8rem
}
.my-2 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.my-2\.5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}
.my-24 {
    margin-top: 12rem;
    margin-bottom: 12rem
}
.my-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}
.my-3\.5 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}
.my-32 {
    margin-top: 16rem;
    margin-bottom: 16rem
}
.my-4 {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.my-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
.my-6 {
    margin-top: 3rem;
    margin-bottom: 3rem
}
.my-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}
.my-8 {
    margin-top: 4rem;
    margin-bottom: 4rem
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto
}
.my-px {
    margin-top: 1px;
    margin-bottom: 1px
}
.mb-0 {
    margin-bottom: 0
}
.mb-0\.25 {
    margin-bottom: 0.125rem
}
.mb-0\.5 {
    margin-bottom: 0.25rem
}
.mb-0\.75 {
    margin-bottom: 0.375rem
}
.mb-1 {
    margin-bottom: 0.5rem
}
.mb-1\.25 {
    margin-bottom: 0.625rem
}
.mb-1\.5 {
    margin-bottom: 0.75rem
}
.mb-10 {
    margin-bottom: 5rem
}
.mb-12 {
    margin-bottom: 6rem
}
.mb-16 {
    margin-bottom: 8rem
}
.mb-2 {
    margin-bottom: 1rem
}
.mb-2\.5 {
    margin-bottom: 1.25rem
}
.mb-24 {
    margin-bottom: 12rem
}
.mb-3 {
    margin-bottom: 1.5rem
}
.mb-3\.5 {
    margin-bottom: 1.75rem
}
.mb-32 {
    margin-bottom: 16rem
}
.mb-4 {
    margin-bottom: 2rem
}
.mb-5 {
    margin-bottom: 2.5rem
}
.mb-6 {
    margin-bottom: 3rem
}
.mb-7 {
    margin-bottom: 3.5rem
}
.mb-8 {
    margin-bottom: 4rem
}
.mb-auto {
    margin-bottom: auto
}
.mb-px {
    margin-bottom: 1px
}
.ml-0 {
    margin-left: 0
}
.ml-0\.25 {
    margin-left: 0.125rem
}
.ml-0\.5 {
    margin-left: 0.25rem
}
.ml-0\.75 {
    margin-left: 0.375rem
}
.ml-1 {
    margin-left: 0.5rem
}
.ml-1\.25 {
    margin-left: 0.625rem
}
.ml-1\.5 {
    margin-left: 0.75rem
}
.ml-10 {
    margin-left: 5rem
}
.ml-12 {
    margin-left: 6rem
}
.ml-16 {
    margin-left: 8rem
}
.ml-2 {
    margin-left: 1rem
}
.ml-2\.5 {
    margin-left: 1.25rem
}
.ml-24 {
    margin-left: 12rem
}
.ml-3 {
    margin-left: 1.5rem
}
.ml-3\.5 {
    margin-left: 1.75rem
}
.ml-32 {
    margin-left: 16rem
}
.ml-4 {
    margin-left: 2rem
}
.ml-5 {
    margin-left: 2.5rem
}
.ml-6 {
    margin-left: 3rem
}
.ml-7 {
    margin-left: 3.5rem
}
.ml-8 {
    margin-left: 4rem
}
.ml-auto {
    margin-left: auto
}
.ml-px {
    margin-left: 1px
}
.mr-0 {
    margin-right: 0
}
.mr-0\.25 {
    margin-right: 0.125rem
}
.mr-0\.5 {
    margin-right: 0.25rem
}
.mr-0\.75 {
    margin-right: 0.375rem
}
.mr-1 {
    margin-right: 0.5rem
}
.mr-1\.25 {
    margin-right: 0.625rem
}
.mr-1\.5 {
    margin-right: 0.75rem
}
.mr-10 {
    margin-right: 5rem
}
.mr-12 {
    margin-right: 6rem
}
.mr-16 {
    margin-right: 8rem
}
.mr-2 {
    margin-right: 1rem
}
.mr-2\.5 {
    margin-right: 1.25rem
}
.mr-24 {
    margin-right: 12rem
}
.mr-3 {
    margin-right: 1.5rem
}
.mr-3\.5 {
    margin-right: 1.75rem
}
.mr-32 {
    margin-right: 16rem
}
.mr-4 {
    margin-right: 2rem
}
.mr-5 {
    margin-right: 2.5rem
}
.mr-6 {
    margin-right: 3rem
}
.mr-7 {
    margin-right: 3.5rem
}
.mr-8 {
    margin-right: 4rem
}
.mr-auto {
    margin-right: auto
}
.mr-px {
    margin-right: 1px
}
.mt-0 {
    margin-top: 0
}
.mt-0\.25 {
    margin-top: 0.125rem
}
.mt-0\.5 {
    margin-top: 0.25rem
}
.mt-0\.75 {
    margin-top: 0.375rem
}
.mt-1 {
    margin-top: 0.5rem
}
.mt-1\.25 {
    margin-top: 0.625rem
}
.mt-1\.5 {
    margin-top: 0.75rem
}
.mt-10 {
    margin-top: 5rem
}
.mt-12 {
    margin-top: 6rem
}
.mt-16 {
    margin-top: 8rem
}
.mt-2 {
    margin-top: 1rem
}
.mt-2\.5 {
    margin-top: 1.25rem
}
.mt-24 {
    margin-top: 12rem
}
.mt-3 {
    margin-top: 1.5rem
}
.mt-3\.5 {
    margin-top: 1.75rem
}
.mt-32 {
    margin-top: 16rem
}
.mt-4 {
    margin-top: 2rem
}
.mt-5 {
    margin-top: 2.5rem
}
.mt-6 {
    margin-top: 3rem
}
.mt-7 {
    margin-top: 3.5rem
}
.mt-8 {
    margin-top: 4rem
}
.mt-auto {
    margin-top: auto
}
.mt-px {
    margin-top: 1px
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.inline {
    display: inline
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.table {
    display: table
}
.table-cell {
    display: table-cell
}
.table-row {
    display: table-row
}
.flow-root {
    display: flow-root
}
.grid {
    display: grid
}
.inline-grid {
    display: inline-grid
}
.contents {
    display: contents
}
.list-item {
    display: list-item
}
.\!hidden {
    display: none !important
}
.hidden {
    display: none
}
.h-0 {
    height: 0
}
.h-0\.25 {
    height: 0.125rem
}
.h-0\.5 {
    height: 0.25rem
}
.h-0\.75 {
    height: 0.375rem
}
.h-1 {
    height: 0.5rem
}
.h-1\.25 {
    height: 0.625rem
}
.h-1\.5 {
    height: 0.75rem
}
.h-1\/2 {
    height: 50%
}
.h-1\/3 {
    height: 33.333333%
}
.h-1\/4 {
    height: 25%
}
.h-1\/5 {
    height: 20%
}
.h-1\/6 {
    height: 16.666667%
}
.h-10 {
    height: 5rem
}
.h-12 {
    height: 6rem
}
.h-16 {
    height: 8rem
}
.h-2 {
    height: 1rem
}
.h-2\.5 {
    height: 1.25rem
}
.h-2\/3 {
    height: 66.666667%
}
.h-2\/4 {
    height: 50%
}
.h-2\/5 {
    height: 40%
}
.h-2\/6 {
    height: 33.333333%
}
.h-24 {
    height: 12rem
}
.h-3 {
    height: 1.5rem
}
.h-3\.5 {
    height: 1.75rem
}
.h-3\/4 {
    height: 75%
}
.h-3\/5 {
    height: 60%
}
.h-3\/6 {
    height: 50%
}
.h-32 {
    height: 16rem
}
.h-4 {
    height: 2rem
}
.h-4\/5 {
    height: 80%
}
.h-4\/6 {
    height: 66.666667%
}
.h-5 {
    height: 2.5rem
}
.h-5\/6 {
    height: 83.333333%
}
.h-6 {
    height: 3rem
}
.h-7 {
    height: 3.5rem
}
.h-8 {
    height: 4rem
}
.h-auto {
    height: auto
}
.h-fit {
    height: -moz-fit-content;
    height: fit-content
}
.h-full {
    height: 100%
}
.h-max {
    height: max-content
}
.h-min {
    height: min-content
}
.h-px {
    height: 1px
}
.h-screen {
    height: 100vh
}
.max-h-0 {
    max-height: 0
}
.max-h-0\.25 {
    max-height: 0.125rem
}
.max-h-0\.5 {
    max-height: 0.25rem
}
.max-h-0\.75 {
    max-height: 0.375rem
}
.max-h-1 {
    max-height: 0.5rem
}
.max-h-1\.25 {
    max-height: 0.625rem
}
.max-h-1\.5 {
    max-height: 0.75rem
}
.max-h-10 {
    max-height: 5rem
}
.max-h-12 {
    max-height: 6rem
}
.max-h-16 {
    max-height: 8rem
}
.max-h-2 {
    max-height: 1rem
}
.max-h-2\.5 {
    max-height: 1.25rem
}
.max-h-24 {
    max-height: 12rem
}
.max-h-3 {
    max-height: 1.5rem
}
.max-h-3\.5 {
    max-height: 1.75rem
}
.max-h-32 {
    max-height: 16rem
}
.max-h-4 {
    max-height: 2rem
}
.max-h-5 {
    max-height: 2.5rem
}
.max-h-6 {
    max-height: 3rem
}
.max-h-7 {
    max-height: 3.5rem
}
.max-h-8 {
    max-height: 4rem
}
.max-h-auto {
    max-height: auto
}
.max-h-fit {
    max-height: -moz-fit-content;
    max-height: fit-content
}
.max-h-full {
    max-height: 100%
}
.max-h-max {
    max-height: max-content
}
.max-h-min {
    max-height: min-content
}
.max-h-none {
    max-height: none
}
.max-h-px {
    max-height: 1px
}
.max-h-screen {
    max-height: 100vh
}
.min-h-0 {
    min-height: 0px
}
.min-h-fit {
    min-height: -moz-fit-content;
    min-height: fit-content
}
.min-h-full {
    min-height: 100%
}
.min-h-max {
    min-height: max-content
}
.min-h-min {
    min-height: min-content
}
.min-h-screen {
    min-height: 100vh
}
.w-0 {
    width: 0
}
.w-0\.25 {
    width: 0.125rem
}
.w-0\.5 {
    width: 0.25rem
}
.w-0\.75 {
    width: 0.375rem
}
.w-1 {
    width: 0.5rem
}
.w-1\.25 {
    width: 0.625rem
}
.w-1\.5 {
    width: 0.75rem
}
.w-1\/12 {
    width: 8.333333%
}
.w-1\/2 {
    width: 50%
}
.w-1\/3 {
    width: 33.333333%
}
.w-1\/4 {
    width: 25%
}
.w-1\/5 {
    width: 20%
}
.w-1\/6 {
    width: 16.666667%
}
.w-10 {
    width: 5rem
}
.w-10\/12 {
    width: 83.333333%
}
.w-11\/12 {
    width: 91.666667%
}
.w-12 {
    width: 6rem
}
.w-16 {
    width: 8rem
}
.w-2 {
    width: 1rem
}
.w-2\.5 {
    width: 1.25rem
}
.w-2\/12 {
    width: 16.666667%
}
.w-2\/3 {
    width: 66.666667%
}
.w-2\/4 {
    width: 50%
}
.w-2\/5 {
    width: 40%
}
.w-2\/6 {
    width: 33.333333%
}
.w-24 {
    width: 12rem
}
.w-3 {
    width: 1.5rem
}
.w-3\.5 {
    width: 1.75rem
}
.w-3\/12 {
    width: 25%
}
.w-3\/4 {
    width: 75%
}
.w-3\/5 {
    width: 60%
}
.w-3\/6 {
    width: 50%
}
.w-32 {
    width: 16rem
}
.w-4 {
    width: 2rem
}
.w-4\/12 {
    width: 33.333333%
}
.w-4\/5 {
    width: 80%
}
.w-4\/6 {
    width: 66.666667%
}
.w-5 {
    width: 2.5rem
}
.w-5\/12 {
    width: 41.666667%
}
.w-5\/6 {
    width: 83.333333%
}
.w-6 {
    width: 3rem
}
.w-6\/12 {
    width: 50%
}
.w-7 {
    width: 3.5rem
}
.w-7\/12 {
    width: 58.333333%
}
.w-8 {
    width: 4rem
}
.w-8\/12 {
    width: 66.666667%
}
.w-9\/12 {
    width: 75%
}
.w-auto {
    width: auto
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.w-full {
    width: 100%
}
.w-max {
    width: max-content
}
.w-min {
    width: min-content
}
.w-px {
    width: 1px
}
.w-screen {
    width: 100vw
}
.min-w-0 {
    min-width: 0px
}
.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content
}
.min-w-full {
    min-width: 100%
}
.min-w-max {
    min-width: max-content
}
.min-w-min {
    min-width: min-content
}
.max-w-0 {
    max-width: 0rem
}
.max-w-2xl {
    max-width: 42rem
}
.max-w-3xl {
    max-width: 48rem
}
.max-w-4xl {
    max-width: 56rem
}
.max-w-5xl {
    max-width: 64rem
}
.max-w-6xl {
    max-width: 72rem
}
.max-w-7xl {
    max-width: 80rem
}
.max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}
.max-w-full {
    max-width: 100%
}
.max-w-lg {
    max-width: 32rem
}
.max-w-max {
    max-width: max-content
}
.max-w-md {
    max-width: 28rem
}
.max-w-min {
    max-width: min-content
}
.max-w-none {
    max-width: none
}
.max-w-prose {
    max-width: 65ch
}
.max-w-screen-2xl {
    max-width: 1536px
}
.max-w-screen-lg {
    max-width: 1024px
}
.max-w-screen-md {
    max-width: 768px
}
.max-w-screen-sm {
    max-width: 640px
}
.max-w-screen-xl {
    max-width: 1280px
}
.max-w-sm {
    max-width: 24rem
}
.max-w-xl {
    max-width: 36rem
}
.max-w-xs {
    max-width: 20rem
}
.flex-1 {
    flex: 1 1 0%
}
.flex-auto {
    flex: 1 1 auto
}
.flex-initial {
    flex: 0 1 auto
}
.flex-none {
    flex: none
}
.flex-shrink {
    flex-shrink: 1
}
.flex-shrink-0 {
    flex-shrink: 0
}
.shrink {
    flex-shrink: 1
}
.shrink-0 {
    flex-shrink: 0
}
.flex-grow {
    flex-grow: 1
}
.flex-grow-0 {
    flex-grow: 0
}
.grow {
    flex-grow: 1
}
.grow-0 {
    flex-grow: 0
}
.basis-0 {
    flex-basis: 0
}
.border-collapse {
    border-collapse: collapse
}
.border-separate {
    border-collapse: separate
}
.border-spacing-0 {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-0\.25 {
    --tw-border-spacing-x: 0.125rem;
    --tw-border-spacing-y: 0.125rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-0\.5 {
    --tw-border-spacing-x: 0.25rem;
    --tw-border-spacing-y: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-0\.75 {
    --tw-border-spacing-x: 0.375rem;
    --tw-border-spacing-y: 0.375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-1 {
    --tw-border-spacing-x: 0.5rem;
    --tw-border-spacing-y: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-1\.25 {
    --tw-border-spacing-x: 0.625rem;
    --tw-border-spacing-y: 0.625rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-1\.5 {
    --tw-border-spacing-x: 0.75rem;
    --tw-border-spacing-y: 0.75rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-10 {
    --tw-border-spacing-x: 5rem;
    --tw-border-spacing-y: 5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-12 {
    --tw-border-spacing-x: 6rem;
    --tw-border-spacing-y: 6rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-16 {
    --tw-border-spacing-x: 8rem;
    --tw-border-spacing-y: 8rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-2 {
    --tw-border-spacing-x: 1rem;
    --tw-border-spacing-y: 1rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-2\.5 {
    --tw-border-spacing-x: 1.25rem;
    --tw-border-spacing-y: 1.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-24 {
    --tw-border-spacing-x: 12rem;
    --tw-border-spacing-y: 12rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-3 {
    --tw-border-spacing-x: 1.5rem;
    --tw-border-spacing-y: 1.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-3\.5 {
    --tw-border-spacing-x: 1.75rem;
    --tw-border-spacing-y: 1.75rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-32 {
    --tw-border-spacing-x: 16rem;
    --tw-border-spacing-y: 16rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-4 {
    --tw-border-spacing-x: 2rem;
    --tw-border-spacing-y: 2rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-5 {
    --tw-border-spacing-x: 2.5rem;
    --tw-border-spacing-y: 2.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-6 {
    --tw-border-spacing-x: 3rem;
    --tw-border-spacing-y: 3rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-7 {
    --tw-border-spacing-x: 3.5rem;
    --tw-border-spacing-y: 3.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-8 {
    --tw-border-spacing-x: 4rem;
    --tw-border-spacing-y: 4rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-auto {
    --tw-border-spacing-x: auto;
    --tw-border-spacing-y: auto;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-px {
    --tw-border-spacing-x: 1px;
    --tw-border-spacing-y: 1px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-0 {
    --tw-border-spacing-x: 0;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-0\.25 {
    --tw-border-spacing-x: 0.125rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-0\.5 {
    --tw-border-spacing-x: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-0\.75 {
    --tw-border-spacing-x: 0.375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-1 {
    --tw-border-spacing-x: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-1\.25 {
    --tw-border-spacing-x: 0.625rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-1\.5 {
    --tw-border-spacing-x: 0.75rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-10 {
    --tw-border-spacing-x: 5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-12 {
    --tw-border-spacing-x: 6rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-16 {
    --tw-border-spacing-x: 8rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-2 {
    --tw-border-spacing-x: 1rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-2\.5 {
    --tw-border-spacing-x: 1.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-24 {
    --tw-border-spacing-x: 12rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-3 {
    --tw-border-spacing-x: 1.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-3\.5 {
    --tw-border-spacing-x: 1.75rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-32 {
    --tw-border-spacing-x: 16rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-4 {
    --tw-border-spacing-x: 2rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-5 {
    --tw-border-spacing-x: 2.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-6 {
    --tw-border-spacing-x: 3rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-7 {
    --tw-border-spacing-x: 3.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-8 {
    --tw-border-spacing-x: 4rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-auto {
    --tw-border-spacing-x: auto;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-x-px {
    --tw-border-spacing-x: 1px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-0 {
    --tw-border-spacing-y: 0;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-0\.25 {
    --tw-border-spacing-y: 0.125rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-0\.5 {
    --tw-border-spacing-y: 0.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-0\.75 {
    --tw-border-spacing-y: 0.375rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-1 {
    --tw-border-spacing-y: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-1\.25 {
    --tw-border-spacing-y: 0.625rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-1\.5 {
    --tw-border-spacing-y: 0.75rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-10 {
    --tw-border-spacing-y: 5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-12 {
    --tw-border-spacing-y: 6rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-16 {
    --tw-border-spacing-y: 8rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-2 {
    --tw-border-spacing-y: 1rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-2\.5 {
    --tw-border-spacing-y: 1.25rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-24 {
    --tw-border-spacing-y: 12rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-3 {
    --tw-border-spacing-y: 1.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-3\.5 {
    --tw-border-spacing-y: 1.75rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-32 {
    --tw-border-spacing-y: 16rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-4 {
    --tw-border-spacing-y: 2rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-5 {
    --tw-border-spacing-y: 2.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-6 {
    --tw-border-spacing-y: 3rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-7 {
    --tw-border-spacing-y: 3.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-8 {
    --tw-border-spacing-y: 4rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-auto {
    --tw-border-spacing-y: auto;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.border-spacing-y-px {
    --tw-border-spacing-y: 1px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-col-resize {
    cursor: col-resize
}
.cursor-crosshair {
    cursor: crosshair
}
.cursor-default {
    cursor: default
}
.cursor-grab {
    cursor: grab
}
.cursor-grabbing {
    cursor: grabbing
}
.cursor-not-allowed {
    cursor: not-allowed
}
.cursor-pointer {
    cursor: pointer
}
.cursor-text {
    cursor: text
}
.cursor-zoom-out {
    cursor: zoom-out
}
.select-none {
    -webkit-user-select: none;
            user-select: none
}
.resize {
    resize: both
}
.list-decimal {
    list-style-type: decimal
}
.flex-row {
    flex-direction: row
}
.flex-row-reverse {
    flex-direction: row-reverse
}
.flex-col {
    flex-direction: column
}
.flex-col-reverse {
    flex-direction: column-reverse
}
.flex-wrap {
    flex-wrap: wrap
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}
.flex-nowrap {
    flex-wrap: nowrap
}
.content-normal {
    align-content: normal
}
.content-center {
    align-content: center
}
.content-start {
    align-content: flex-start
}
.content-end {
    align-content: flex-end
}
.content-between {
    align-content: space-between
}
.content-around {
    align-content: space-around
}
.content-evenly {
    align-content: space-evenly
}
.content-baseline {
    align-content: baseline
}
.content-stretch {
    align-content: stretch
}
.items-start {
    align-items: flex-start
}
.items-end {
    align-items: flex-end
}
.items-center {
    align-items: center
}
.items-baseline {
    align-items: baseline
}
.items-stretch {
    align-items: stretch
}
.justify-normal {
    justify-content: normal
}
.justify-start {
    justify-content: flex-start
}
.justify-end {
    justify-content: flex-end
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.justify-around {
    justify-content: space-around
}
.justify-evenly {
    justify-content: space-evenly
}
.justify-stretch {
    justify-content: stretch
}
.justify-items-start {
    justify-items: start
}
.justify-items-end {
    justify-items: end
}
.justify-items-center {
    justify-items: center
}
.justify-items-stretch {
    justify-items: stretch
}
.gap-0 {
    gap: 0
}
.gap-0\.25 {
    gap: 0.125rem
}
.gap-0\.5 {
    gap: 0.25rem
}
.gap-0\.75 {
    gap: 0.375rem
}
.gap-1 {
    gap: 0.5rem
}
.gap-1\.25 {
    gap: 0.625rem
}
.gap-1\.5 {
    gap: 0.75rem
}
.gap-10 {
    gap: 5rem
}
.gap-12 {
    gap: 6rem
}
.gap-16 {
    gap: 8rem
}
.gap-2 {
    gap: 1rem
}
.gap-2\.5 {
    gap: 1.25rem
}
.gap-24 {
    gap: 12rem
}
.gap-3 {
    gap: 1.5rem
}
.gap-3\.5 {
    gap: 1.75rem
}
.gap-32 {
    gap: 16rem
}
.gap-4 {
    gap: 2rem
}
.gap-5 {
    gap: 2.5rem
}
.gap-6 {
    gap: 3rem
}
.gap-7 {
    gap: 3.5rem
}
.gap-8 {
    gap: 4rem
}
.gap-auto {
    gap: auto
}
.gap-px {
    gap: 1px
}
.gap-x-0 {
    column-gap: 0
}
.gap-x-0\.25 {
    column-gap: 0.125rem
}
.gap-x-0\.5 {
    column-gap: 0.25rem
}
.gap-x-0\.75 {
    column-gap: 0.375rem
}
.gap-x-1 {
    column-gap: 0.5rem
}
.gap-x-1\.25 {
    column-gap: 0.625rem
}
.gap-x-1\.5 {
    column-gap: 0.75rem
}
.gap-x-10 {
    column-gap: 5rem
}
.gap-x-12 {
    column-gap: 6rem
}
.gap-x-16 {
    column-gap: 8rem
}
.gap-x-2 {
    column-gap: 1rem
}
.gap-x-2\.5 {
    column-gap: 1.25rem
}
.gap-x-24 {
    column-gap: 12rem
}
.gap-x-3 {
    column-gap: 1.5rem
}
.gap-x-3\.5 {
    column-gap: 1.75rem
}
.gap-x-32 {
    column-gap: 16rem
}
.gap-x-4 {
    column-gap: 2rem
}
.gap-x-5 {
    column-gap: 2.5rem
}
.gap-x-6 {
    column-gap: 3rem
}
.gap-x-7 {
    column-gap: 3.5rem
}
.gap-x-8 {
    column-gap: 4rem
}
.gap-x-auto {
    column-gap: auto
}
.gap-x-px {
    column-gap: 1px
}
.gap-y-0 {
    row-gap: 0
}
.gap-y-0\.25 {
    row-gap: 0.125rem
}
.gap-y-0\.5 {
    row-gap: 0.25rem
}
.gap-y-0\.75 {
    row-gap: 0.375rem
}
.gap-y-1 {
    row-gap: 0.5rem
}
.gap-y-1\.25 {
    row-gap: 0.625rem
}
.gap-y-1\.5 {
    row-gap: 0.75rem
}
.gap-y-10 {
    row-gap: 5rem
}
.gap-y-12 {
    row-gap: 6rem
}
.gap-y-16 {
    row-gap: 8rem
}
.gap-y-2 {
    row-gap: 1rem
}
.gap-y-2\.5 {
    row-gap: 1.25rem
}
.gap-y-24 {
    row-gap: 12rem
}
.gap-y-3 {
    row-gap: 1.5rem
}
.gap-y-3\.5 {
    row-gap: 1.75rem
}
.gap-y-32 {
    row-gap: 16rem
}
.gap-y-4 {
    row-gap: 2rem
}
.gap-y-5 {
    row-gap: 2.5rem
}
.gap-y-6 {
    row-gap: 3rem
}
.gap-y-7 {
    row-gap: 3.5rem
}
.gap-y-8 {
    row-gap: 4rem
}
.gap-y-auto {
    row-gap: auto
}
.gap-y-px {
    row-gap: 1px
}
.self-auto {
    align-self: auto
}
.self-start {
    align-self: flex-start
}
.self-end {
    align-self: flex-end
}
.self-center {
    align-self: center
}
.self-stretch {
    align-self: stretch
}
.self-baseline {
    align-self: baseline
}
.justify-self-auto {
    justify-self: auto
}
.justify-self-start {
    justify-self: start
}
.justify-self-end {
    justify-self: end
}
.justify-self-center {
    justify-self: center
}
.justify-self-stretch {
    justify-self: stretch
}
.overflow-hidden {
    overflow: hidden
}
.overflow-y-auto {
    overflow-y: auto
}
.overflow-x-hidden {
    overflow-x: hidden
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.overflow-ellipsis {
    text-overflow: ellipsis
}
.text-ellipsis {
    text-overflow: ellipsis
}
.text-clip {
    text-overflow: clip
}
.break-words {
    overflow-wrap: break-word
}
.rounded-\[borderRadius\] {
    border-radius: borderRadius
}
.rounded-large {
    border-radius: 8px
}
.rounded-medium {
    border-radius: 4px
}
.rounded-none {
    border-radius: 0
}
.rounded-round {
    border-radius: 9999px
}
.rounded-small {
    border-radius: 2px
}
.rounded-b-large {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}
.rounded-b-medium {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}
.rounded-b-round {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}
.rounded-b-small {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}
.rounded-e-large {
    border-start-end-radius: 8px;
    border-end-end-radius: 8px
}
.rounded-e-medium {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px
}
.rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0
}
.rounded-e-round {
    border-start-end-radius: 9999px;
    border-end-end-radius: 9999px
}
.rounded-e-small {
    border-start-end-radius: 2px;
    border-end-end-radius: 2px
}
.rounded-l-large {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.rounded-l-medium {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.rounded-l-round {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}
.rounded-l-small {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}
.rounded-r-large {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.rounded-r-medium {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.rounded-r-round {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}
.rounded-r-small {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}
.rounded-s-large {
    border-start-start-radius: 8px;
    border-end-start-radius: 8px
}
.rounded-s-medium {
    border-start-start-radius: 4px;
    border-end-start-radius: 4px
}
.rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0
}
.rounded-s-round {
    border-start-start-radius: 9999px;
    border-end-start-radius: 9999px
}
.rounded-s-small {
    border-start-start-radius: 2px;
    border-end-start-radius: 2px
}
.rounded-t-large {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
.rounded-t-medium {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.rounded-t-round {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px
}
.rounded-t-small {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}
.rounded-bl-large {
    border-bottom-left-radius: 8px
}
.rounded-bl-medium {
    border-bottom-left-radius: 4px
}
.rounded-bl-none {
    border-bottom-left-radius: 0
}
.rounded-bl-round {
    border-bottom-left-radius: 9999px
}
.rounded-bl-small {
    border-bottom-left-radius: 2px
}
.rounded-br-large {
    border-bottom-right-radius: 8px
}
.rounded-br-medium {
    border-bottom-right-radius: 4px
}
.rounded-br-none {
    border-bottom-right-radius: 0
}
.rounded-br-round {
    border-bottom-right-radius: 9999px
}
.rounded-br-small {
    border-bottom-right-radius: 2px
}
.rounded-ee-large {
    border-end-end-radius: 8px
}
.rounded-ee-medium {
    border-end-end-radius: 4px
}
.rounded-ee-none {
    border-end-end-radius: 0
}
.rounded-ee-round {
    border-end-end-radius: 9999px
}
.rounded-ee-small {
    border-end-end-radius: 2px
}
.rounded-es-large {
    border-end-start-radius: 8px
}
.rounded-es-medium {
    border-end-start-radius: 4px
}
.rounded-es-none {
    border-end-start-radius: 0
}
.rounded-es-round {
    border-end-start-radius: 9999px
}
.rounded-es-small {
    border-end-start-radius: 2px
}
.rounded-se-large {
    border-start-end-radius: 8px
}
.rounded-se-medium {
    border-start-end-radius: 4px
}
.rounded-se-none {
    border-start-end-radius: 0
}
.rounded-se-round {
    border-start-end-radius: 9999px
}
.rounded-se-small {
    border-start-end-radius: 2px
}
.rounded-ss-large {
    border-start-start-radius: 8px
}
.rounded-ss-medium {
    border-start-start-radius: 4px
}
.rounded-ss-none {
    border-start-start-radius: 0
}
.rounded-ss-round {
    border-start-start-radius: 9999px
}
.rounded-ss-small {
    border-start-start-radius: 2px
}
.rounded-tl-large {
    border-top-left-radius: 8px
}
.rounded-tl-medium {
    border-top-left-radius: 4px
}
.rounded-tl-none {
    border-top-left-radius: 0
}
.rounded-tl-round {
    border-top-left-radius: 9999px
}
.rounded-tl-small {
    border-top-left-radius: 2px
}
.rounded-tr-large {
    border-top-right-radius: 8px
}
.rounded-tr-medium {
    border-top-right-radius: 4px
}
.rounded-tr-none {
    border-top-right-radius: 0
}
.rounded-tr-round {
    border-top-right-radius: 9999px
}
.rounded-tr-small {
    border-top-right-radius: 2px
}
.border-opacity-0 {
    --tw-border-opacity: 0
}
.border-opacity-10 {
    --tw-border-opacity: 0.1
}
.border-opacity-100 {
    --tw-border-opacity: 1
}
.border-opacity-20 {
    --tw-border-opacity: 0.2
}
.border-opacity-25 {
    --tw-border-opacity: 0.25
}
.border-opacity-30 {
    --tw-border-opacity: 0.3
}
.border-opacity-40 {
    --tw-border-opacity: 0.4
}
.border-opacity-5 {
    --tw-border-opacity: 0.05
}
.border-opacity-50 {
    --tw-border-opacity: 0.5
}
.border-opacity-60 {
    --tw-border-opacity: 0.6
}
.border-opacity-70 {
    --tw-border-opacity: 0.7
}
.border-opacity-75 {
    --tw-border-opacity: 0.75
}
.border-opacity-80 {
    --tw-border-opacity: 0.8
}
.border-opacity-90 {
    --tw-border-opacity: 0.9
}
.border-opacity-95 {
    --tw-border-opacity: 0.95
}
.bg-\[backgroundColor\] {
    background-color: backgroundColor
}
.bg-actionHovered {
    background-color: var(--background-color-action-hovered)
}
.bg-actionPressed {
    background-color: var(--background-color-action-pressed)
}
.bg-actionSelected {
    background-color: var(--background-color-action-selected)
}
.bg-background {
    background-color: var(--background-color-depth0)
}
.bg-depth0 {
    background-color: var(--background-color-depth0)
}
.bg-depth1 {
    background-color: var(--background-color-depth1)
}
.bg-depth2 {
    background-color: var(--background-color-depth2)
}
.bg-depth3 {
    background-color: var(--background-color-depth3)
}
.bg-error {
    background-color: var(--background-color-error)
}
.bg-grey-0 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-grey-0\/0 {
    background-color: rgb(255 255 255 / 0)
}
.bg-grey-0\/10 {
    background-color: rgb(255 255 255 / 0.1)
}
.bg-grey-0\/100 {
    background-color: rgb(255 255 255 / 1)
}
.bg-grey-0\/20 {
    background-color: rgb(255 255 255 / 0.2)
}
.bg-grey-0\/25 {
    background-color: rgb(255 255 255 / 0.25)
}
.bg-grey-0\/30 {
    background-color: rgb(255 255 255 / 0.3)
}
.bg-grey-0\/40 {
    background-color: rgb(255 255 255 / 0.4)
}
.bg-grey-0\/5 {
    background-color: rgb(255 255 255 / 0.05)
}
.bg-grey-0\/50 {
    background-color: rgb(255 255 255 / 0.5)
}
.bg-grey-0\/60 {
    background-color: rgb(255 255 255 / 0.6)
}
.bg-grey-0\/70 {
    background-color: rgb(255 255 255 / 0.7)
}
.bg-grey-0\/75 {
    background-color: rgb(255 255 255 / 0.75)
}
.bg-grey-0\/80 {
    background-color: rgb(255 255 255 / 0.8)
}
.bg-grey-0\/90 {
    background-color: rgb(255 255 255 / 0.9)
}
.bg-grey-0\/95 {
    background-color: rgb(255 255 255 / 0.95)
}
.bg-grey-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 249 / var(--tw-bg-opacity))
}
.bg-grey-100\/0 {
    background-color: rgb(246 247 249 / 0)
}
.bg-grey-100\/10 {
    background-color: rgb(246 247 249 / 0.1)
}
.bg-grey-100\/100 {
    background-color: rgb(246 247 249 / 1)
}
.bg-grey-100\/20 {
    background-color: rgb(246 247 249 / 0.2)
}
.bg-grey-100\/25 {
    background-color: rgb(246 247 249 / 0.25)
}
.bg-grey-100\/30 {
    background-color: rgb(246 247 249 / 0.3)
}
.bg-grey-100\/40 {
    background-color: rgb(246 247 249 / 0.4)
}
.bg-grey-100\/5 {
    background-color: rgb(246 247 249 / 0.05)
}
.bg-grey-100\/50 {
    background-color: rgb(246 247 249 / 0.5)
}
.bg-grey-100\/60 {
    background-color: rgb(246 247 249 / 0.6)
}
.bg-grey-100\/70 {
    background-color: rgb(246 247 249 / 0.7)
}
.bg-grey-100\/75 {
    background-color: rgb(246 247 249 / 0.75)
}
.bg-grey-100\/80 {
    background-color: rgb(246 247 249 / 0.8)
}
.bg-grey-100\/90 {
    background-color: rgb(246 247 249 / 0.9)
}
.bg-grey-100\/95 {
    background-color: rgb(246 247 249 / 0.95)
}
.bg-grey-1000 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 24 31 / var(--tw-bg-opacity))
}
.bg-grey-1000\/0 {
    background-color: rgb(20 24 31 / 0)
}
.bg-grey-1000\/10 {
    background-color: rgb(20 24 31 / 0.1)
}
.bg-grey-1000\/100 {
    background-color: rgb(20 24 31 / 1)
}
.bg-grey-1000\/20 {
    background-color: rgb(20 24 31 / 0.2)
}
.bg-grey-1000\/25 {
    background-color: rgb(20 24 31 / 0.25)
}
.bg-grey-1000\/30 {
    background-color: rgb(20 24 31 / 0.3)
}
.bg-grey-1000\/40 {
    background-color: rgb(20 24 31 / 0.4)
}
.bg-grey-1000\/5 {
    background-color: rgb(20 24 31 / 0.05)
}
.bg-grey-1000\/50 {
    background-color: rgb(20 24 31 / 0.5)
}
.bg-grey-1000\/60 {
    background-color: rgb(20 24 31 / 0.6)
}
.bg-grey-1000\/70 {
    background-color: rgb(20 24 31 / 0.7)
}
.bg-grey-1000\/75 {
    background-color: rgb(20 24 31 / 0.75)
}
.bg-grey-1000\/80 {
    background-color: rgb(20 24 31 / 0.8)
}
.bg-grey-1000\/90 {
    background-color: rgb(20 24 31 / 0.9)
}
.bg-grey-1000\/95 {
    background-color: rgb(20 24 31 / 0.95)
}
.bg-grey-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 233 238 / var(--tw-bg-opacity))
}
.bg-grey-200\/0 {
    background-color: rgb(231 233 238 / 0)
}
.bg-grey-200\/10 {
    background-color: rgb(231 233 238 / 0.1)
}
.bg-grey-200\/100 {
    background-color: rgb(231 233 238 / 1)
}
.bg-grey-200\/20 {
    background-color: rgb(231 233 238 / 0.2)
}
.bg-grey-200\/25 {
    background-color: rgb(231 233 238 / 0.25)
}
.bg-grey-200\/30 {
    background-color: rgb(231 233 238 / 0.3)
}
.bg-grey-200\/40 {
    background-color: rgb(231 233 238 / 0.4)
}
.bg-grey-200\/5 {
    background-color: rgb(231 233 238 / 0.05)
}
.bg-grey-200\/50 {
    background-color: rgb(231 233 238 / 0.5)
}
.bg-grey-200\/60 {
    background-color: rgb(231 233 238 / 0.6)
}
.bg-grey-200\/70 {
    background-color: rgb(231 233 238 / 0.7)
}
.bg-grey-200\/75 {
    background-color: rgb(231 233 238 / 0.75)
}
.bg-grey-200\/80 {
    background-color: rgb(231 233 238 / 0.8)
}
.bg-grey-200\/90 {
    background-color: rgb(231 233 238 / 0.9)
}
.bg-grey-200\/95 {
    background-color: rgb(231 233 238 / 0.95)
}
.bg-grey-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(211 214 223 / var(--tw-bg-opacity))
}
.bg-grey-300\/0 {
    background-color: rgb(211 214 223 / 0)
}
.bg-grey-300\/10 {
    background-color: rgb(211 214 223 / 0.1)
}
.bg-grey-300\/100 {
    background-color: rgb(211 214 223 / 1)
}
.bg-grey-300\/20 {
    background-color: rgb(211 214 223 / 0.2)
}
.bg-grey-300\/25 {
    background-color: rgb(211 214 223 / 0.25)
}
.bg-grey-300\/30 {
    background-color: rgb(211 214 223 / 0.3)
}
.bg-grey-300\/40 {
    background-color: rgb(211 214 223 / 0.4)
}
.bg-grey-300\/5 {
    background-color: rgb(211 214 223 / 0.05)
}
.bg-grey-300\/50 {
    background-color: rgb(211 214 223 / 0.5)
}
.bg-grey-300\/60 {
    background-color: rgb(211 214 223 / 0.6)
}
.bg-grey-300\/70 {
    background-color: rgb(211 214 223 / 0.7)
}
.bg-grey-300\/75 {
    background-color: rgb(211 214 223 / 0.75)
}
.bg-grey-300\/80 {
    background-color: rgb(211 214 223 / 0.8)
}
.bg-grey-300\/90 {
    background-color: rgb(211 214 223 / 0.9)
}
.bg-grey-300\/95 {
    background-color: rgb(211 214 223 / 0.95)
}
.bg-grey-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(190 195 208 / var(--tw-bg-opacity))
}
.bg-grey-400\/0 {
    background-color: rgb(190 195 208 / 0)
}
.bg-grey-400\/10 {
    background-color: rgb(190 195 208 / 0.1)
}
.bg-grey-400\/100 {
    background-color: rgb(190 195 208 / 1)
}
.bg-grey-400\/20 {
    background-color: rgb(190 195 208 / 0.2)
}
.bg-grey-400\/25 {
    background-color: rgb(190 195 208 / 0.25)
}
.bg-grey-400\/30 {
    background-color: rgb(190 195 208 / 0.3)
}
.bg-grey-400\/40 {
    background-color: rgb(190 195 208 / 0.4)
}
.bg-grey-400\/5 {
    background-color: rgb(190 195 208 / 0.05)
}
.bg-grey-400\/50 {
    background-color: rgb(190 195 208 / 0.5)
}
.bg-grey-400\/60 {
    background-color: rgb(190 195 208 / 0.6)
}
.bg-grey-400\/70 {
    background-color: rgb(190 195 208 / 0.7)
}
.bg-grey-400\/75 {
    background-color: rgb(190 195 208 / 0.75)
}
.bg-grey-400\/80 {
    background-color: rgb(190 195 208 / 0.8)
}
.bg-grey-400\/90 {
    background-color: rgb(190 195 208 / 0.9)
}
.bg-grey-400\/95 {
    background-color: rgb(190 195 208 / 0.95)
}
.bg-grey-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(158 165 184 / var(--tw-bg-opacity))
}
.bg-grey-500\/0 {
    background-color: rgb(158 165 184 / 0)
}
.bg-grey-500\/10 {
    background-color: rgb(158 165 184 / 0.1)
}
.bg-grey-500\/100 {
    background-color: rgb(158 165 184 / 1)
}
.bg-grey-500\/20 {
    background-color: rgb(158 165 184 / 0.2)
}
.bg-grey-500\/25 {
    background-color: rgb(158 165 184 / 0.25)
}
.bg-grey-500\/30 {
    background-color: rgb(158 165 184 / 0.3)
}
.bg-grey-500\/40 {
    background-color: rgb(158 165 184 / 0.4)
}
.bg-grey-500\/5 {
    background-color: rgb(158 165 184 / 0.05)
}
.bg-grey-500\/50 {
    background-color: rgb(158 165 184 / 0.5)
}
.bg-grey-500\/60 {
    background-color: rgb(158 165 184 / 0.6)
}
.bg-grey-500\/70 {
    background-color: rgb(158 165 184 / 0.7)
}
.bg-grey-500\/75 {
    background-color: rgb(158 165 184 / 0.75)
}
.bg-grey-500\/80 {
    background-color: rgb(158 165 184 / 0.8)
}
.bg-grey-500\/90 {
    background-color: rgb(158 165 184 / 0.9)
}
.bg-grey-500\/95 {
    background-color: rgb(158 165 184 / 0.95)
}
.bg-grey-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(129 137 156 / var(--tw-bg-opacity))
}
.bg-grey-600\/0 {
    background-color: rgb(129 137 156 / 0)
}
.bg-grey-600\/10 {
    background-color: rgb(129 137 156 / 0.1)
}
.bg-grey-600\/100 {
    background-color: rgb(129 137 156 / 1)
}
.bg-grey-600\/20 {
    background-color: rgb(129 137 156 / 0.2)
}
.bg-grey-600\/25 {
    background-color: rgb(129 137 156 / 0.25)
}
.bg-grey-600\/30 {
    background-color: rgb(129 137 156 / 0.3)
}
.bg-grey-600\/40 {
    background-color: rgb(129 137 156 / 0.4)
}
.bg-grey-600\/5 {
    background-color: rgb(129 137 156 / 0.05)
}
.bg-grey-600\/50 {
    background-color: rgb(129 137 156 / 0.5)
}
.bg-grey-600\/60 {
    background-color: rgb(129 137 156 / 0.6)
}
.bg-grey-600\/70 {
    background-color: rgb(129 137 156 / 0.7)
}
.bg-grey-600\/75 {
    background-color: rgb(129 137 156 / 0.75)
}
.bg-grey-600\/80 {
    background-color: rgb(129 137 156 / 0.8)
}
.bg-grey-600\/90 {
    background-color: rgb(129 137 156 / 0.9)
}
.bg-grey-600\/95 {
    background-color: rgb(129 137 156 / 0.95)
}
.bg-grey-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(89 97 115 / var(--tw-bg-opacity))
}
.bg-grey-700\/0 {
    background-color: rgb(89 97 115 / 0)
}
.bg-grey-700\/10 {
    background-color: rgb(89 97 115 / 0.1)
}
.bg-grey-700\/100 {
    background-color: rgb(89 97 115 / 1)
}
.bg-grey-700\/20 {
    background-color: rgb(89 97 115 / 0.2)
}
.bg-grey-700\/25 {
    background-color: rgb(89 97 115 / 0.25)
}
.bg-grey-700\/30 {
    background-color: rgb(89 97 115 / 0.3)
}
.bg-grey-700\/40 {
    background-color: rgb(89 97 115 / 0.4)
}
.bg-grey-700\/5 {
    background-color: rgb(89 97 115 / 0.05)
}
.bg-grey-700\/50 {
    background-color: rgb(89 97 115 / 0.5)
}
.bg-grey-700\/60 {
    background-color: rgb(89 97 115 / 0.6)
}
.bg-grey-700\/70 {
    background-color: rgb(89 97 115 / 0.7)
}
.bg-grey-700\/75 {
    background-color: rgb(89 97 115 / 0.75)
}
.bg-grey-700\/80 {
    background-color: rgb(89 97 115 / 0.8)
}
.bg-grey-700\/90 {
    background-color: rgb(89 97 115 / 0.9)
}
.bg-grey-700\/95 {
    background-color: rgb(89 97 115 / 0.95)
}
.bg-grey-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 59 70 / var(--tw-bg-opacity))
}
.bg-grey-800\/0 {
    background-color: rgb(52 59 70 / 0)
}
.bg-grey-800\/10 {
    background-color: rgb(52 59 70 / 0.1)
}
.bg-grey-800\/100 {
    background-color: rgb(52 59 70 / 1)
}
.bg-grey-800\/20 {
    background-color: rgb(52 59 70 / 0.2)
}
.bg-grey-800\/25 {
    background-color: rgb(52 59 70 / 0.25)
}
.bg-grey-800\/30 {
    background-color: rgb(52 59 70 / 0.3)
}
.bg-grey-800\/40 {
    background-color: rgb(52 59 70 / 0.4)
}
.bg-grey-800\/5 {
    background-color: rgb(52 59 70 / 0.05)
}
.bg-grey-800\/50 {
    background-color: rgb(52 59 70 / 0.5)
}
.bg-grey-800\/60 {
    background-color: rgb(52 59 70 / 0.6)
}
.bg-grey-800\/70 {
    background-color: rgb(52 59 70 / 0.7)
}
.bg-grey-800\/75 {
    background-color: rgb(52 59 70 / 0.75)
}
.bg-grey-800\/80 {
    background-color: rgb(52 59 70 / 0.8)
}
.bg-grey-800\/90 {
    background-color: rgb(52 59 70 / 0.9)
}
.bg-grey-800\/95 {
    background-color: rgb(52 59 70 / 0.95)
}
.bg-grey-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(29 33 42 / var(--tw-bg-opacity))
}
.bg-grey-900\/0 {
    background-color: rgb(29 33 42 / 0)
}
.bg-grey-900\/10 {
    background-color: rgb(29 33 42 / 0.1)
}
.bg-grey-900\/100 {
    background-color: rgb(29 33 42 / 1)
}
.bg-grey-900\/20 {
    background-color: rgb(29 33 42 / 0.2)
}
.bg-grey-900\/25 {
    background-color: rgb(29 33 42 / 0.25)
}
.bg-grey-900\/30 {
    background-color: rgb(29 33 42 / 0.3)
}
.bg-grey-900\/40 {
    background-color: rgb(29 33 42 / 0.4)
}
.bg-grey-900\/5 {
    background-color: rgb(29 33 42 / 0.05)
}
.bg-grey-900\/50 {
    background-color: rgb(29 33 42 / 0.5)
}
.bg-grey-900\/60 {
    background-color: rgb(29 33 42 / 0.6)
}
.bg-grey-900\/70 {
    background-color: rgb(29 33 42 / 0.7)
}
.bg-grey-900\/75 {
    background-color: rgb(29 33 42 / 0.75)
}
.bg-grey-900\/80 {
    background-color: rgb(29 33 42 / 0.8)
}
.bg-grey-900\/90 {
    background-color: rgb(29 33 42 / 0.9)
}
.bg-grey-900\/95 {
    background-color: rgb(29 33 42 / 0.95)
}
.bg-highlight {
    background-color: var(--background-color-highlight)
}
.bg-hovered {
    --tw-bg-opacity: 1;
    background-color: rgb(246 247 249 / var(--tw-bg-opacity))
}
.bg-hovered\/0 {
    background-color: rgb(246 247 249 / 0)
}
.bg-hovered\/10 {
    background-color: rgb(246 247 249 / 0.1)
}
.bg-hovered\/100 {
    background-color: rgb(246 247 249 / 1)
}
.bg-hovered\/20 {
    background-color: rgb(246 247 249 / 0.2)
}
.bg-hovered\/25 {
    background-color: rgb(246 247 249 / 0.25)
}
.bg-hovered\/30 {
    background-color: rgb(246 247 249 / 0.3)
}
.bg-hovered\/40 {
    background-color: rgb(246 247 249 / 0.4)
}
.bg-hovered\/5 {
    background-color: rgb(246 247 249 / 0.05)
}
.bg-hovered\/50 {
    background-color: rgb(246 247 249 / 0.5)
}
.bg-hovered\/60 {
    background-color: rgb(246 247 249 / 0.6)
}
.bg-hovered\/70 {
    background-color: rgb(246 247 249 / 0.7)
}
.bg-hovered\/75 {
    background-color: rgb(246 247 249 / 0.75)
}
.bg-hovered\/80 {
    background-color: rgb(246 247 249 / 0.8)
}
.bg-hovered\/90 {
    background-color: rgb(246 247 249 / 0.9)
}
.bg-hovered\/95 {
    background-color: rgb(246 247 249 / 0.95)
}
.bg-info {
    background-color: var(--background-color-info)
}
.bg-muted {
    background-color: var(--background-color-muted)
}
.bg-promo {
    background-color: var(--background-color-promo)
}
.bg-success {
    background-color: var(--background-color-success)
}
.bg-warning {
    background-color: var(--background-color-warning)
}
.bg-opacity-0 {
    --tw-bg-opacity: 0
}
.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}
.bg-opacity-100 {
    --tw-bg-opacity: 1
}
.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}
.bg-opacity-25 {
    --tw-bg-opacity: 0.25
}
.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}
.bg-opacity-40 {
    --tw-bg-opacity: 0.4
}
.bg-opacity-5 {
    --tw-bg-opacity: 0.05
}
.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}
.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}
.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}
.bg-opacity-75 {
    --tw-bg-opacity: 0.75
}
.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}
.bg-opacity-90 {
    --tw-bg-opacity: 0.9
}
.bg-opacity-95 {
    --tw-bg-opacity: 0.95
}
.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}
.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops))
}
.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}
.bg-none {
    background-image: none
}
.bg-auto {
    background-size: auto
}
.bg-contain {
    background-size: contain
}
.bg-cover {
    background-size: cover
}
.bg-fixed {
    background-attachment: fixed
}
.bg-local {
    background-attachment: local
}
.bg-scroll {
    background-attachment: scroll
}
.bg-clip-border {
    background-clip: border-box
}
.bg-clip-padding {
    background-clip: padding-box
}
.bg-clip-content {
    background-clip: content-box
}
.bg-clip-text {
    background-clip: text
}
.bg-bottom {
    background-position: bottom
}
.bg-center {
    background-position: center
}
.bg-left {
    background-position: left
}
.bg-left-bottom {
    background-position: left bottom
}
.bg-left-top {
    background-position: left top
}
.bg-right {
    background-position: right
}
.bg-right-bottom {
    background-position: right bottom
}
.bg-right-top {
    background-position: right top
}
.bg-top {
    background-position: top
}
.bg-repeat {
    background-repeat: repeat
}
.bg-no-repeat {
    background-repeat: no-repeat
}
.bg-repeat-x {
    background-repeat: repeat-x
}
.bg-repeat-y {
    background-repeat: repeat-y
}
.bg-repeat-round {
    background-repeat: round
}
.bg-repeat-space {
    background-repeat: space
}
.bg-origin-border {
    background-origin: border-box
}
.bg-origin-padding {
    background-origin: padding-box
}
.bg-origin-content {
    background-origin: content-box
}
.p-0 {
    padding: 0
}
.p-0\.25 {
    padding: 0.125rem
}
.p-0\.5 {
    padding: 0.25rem
}
.p-0\.75 {
    padding: 0.375rem
}
.p-1 {
    padding: 0.5rem
}
.p-1\.25 {
    padding: 0.625rem
}
.p-1\.5 {
    padding: 0.75rem
}
.p-10 {
    padding: 5rem
}
.p-12 {
    padding: 6rem
}
.p-16 {
    padding: 8rem
}
.p-2 {
    padding: 1rem
}
.p-2\.5 {
    padding: 1.25rem
}
.p-24 {
    padding: 12rem
}
.p-3 {
    padding: 1.5rem
}
.p-3\.5 {
    padding: 1.75rem
}
.p-32 {
    padding: 16rem
}
.p-4 {
    padding: 2rem
}
.p-5 {
    padding: 2.5rem
}
.p-6 {
    padding: 3rem
}
.p-7 {
    padding: 3.5rem
}
.p-8 {
    padding: 4rem
}
.p-auto {
    padding: auto
}
.p-px {
    padding: 1px
}
.px-0 {
    padding-left: 0;
    padding-right: 0
}
.px-0\.25 {
    padding-left: 0.125rem;
    padding-right: 0.125rem
}
.px-0\.5 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.px-0\.75 {
    padding-left: 0.375rem;
    padding-right: 0.375rem
}
.px-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.px-1\.25 {
    padding-left: 0.625rem;
    padding-right: 0.625rem
}
.px-1\.5 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.px-10 {
    padding-left: 5rem;
    padding-right: 5rem
}
.px-12 {
    padding-left: 6rem;
    padding-right: 6rem
}
.px-16 {
    padding-left: 8rem;
    padding-right: 8rem
}
.px-2 {
    padding-left: 1rem;
    padding-right: 1rem
}
.px-2\.5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.px-24 {
    padding-left: 12rem;
    padding-right: 12rem
}
.px-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.px-3\.5 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}
.px-32 {
    padding-left: 16rem;
    padding-right: 16rem
}
.px-4 {
    padding-left: 2rem;
    padding-right: 2rem
}
.px-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}
.px-6 {
    padding-left: 3rem;
    padding-right: 3rem
}
.px-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}
.px-8 {
    padding-left: 4rem;
    padding-right: 4rem
}
.px-auto {
    padding-left: auto;
    padding-right: auto
}
.px-px {
    padding-left: 1px;
    padding-right: 1px
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0
}
.py-0\.25 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem
}
.py-0\.5 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.py-0\.75 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem
}
.py-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.py-1\.25 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
.py-1\.5 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
.py-10 {
    padding-top: 5rem;
    padding-bottom: 5rem
}
.py-12 {
    padding-top: 6rem;
    padding-bottom: 6rem
}
.py-16 {
    padding-top: 8rem;
    padding-bottom: 8rem
}
.py-2 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.py-2\.5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}
.py-24 {
    padding-top: 12rem;
    padding-bottom: 12rem
}
.py-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.py-3\.5 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}
.py-32 {
    padding-top: 16rem;
    padding-bottom: 16rem
}
.py-4 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.py-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
.py-6 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.py-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}
.py-8 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.py-auto {
    padding-top: auto;
    padding-bottom: auto
}
.py-px {
    padding-top: 1px;
    padding-bottom: 1px
}
.pb-0 {
    padding-bottom: 0
}
.pb-0\.25 {
    padding-bottom: 0.125rem
}
.pb-0\.5 {
    padding-bottom: 0.25rem
}
.pb-0\.75 {
    padding-bottom: 0.375rem
}
.pb-1 {
    padding-bottom: 0.5rem
}
.pb-1\.25 {
    padding-bottom: 0.625rem
}
.pb-1\.5 {
    padding-bottom: 0.75rem
}
.pb-10 {
    padding-bottom: 5rem
}
.pb-12 {
    padding-bottom: 6rem
}
.pb-16 {
    padding-bottom: 8rem
}
.pb-2 {
    padding-bottom: 1rem
}
.pb-2\.5 {
    padding-bottom: 1.25rem
}
.pb-24 {
    padding-bottom: 12rem
}
.pb-3 {
    padding-bottom: 1.5rem
}
.pb-3\.5 {
    padding-bottom: 1.75rem
}
.pb-32 {
    padding-bottom: 16rem
}
.pb-4 {
    padding-bottom: 2rem
}
.pb-5 {
    padding-bottom: 2.5rem
}
.pb-6 {
    padding-bottom: 3rem
}
.pb-7 {
    padding-bottom: 3.5rem
}
.pb-8 {
    padding-bottom: 4rem
}
.pb-auto {
    padding-bottom: auto
}
.pb-px {
    padding-bottom: 1px
}
.pl-0 {
    padding-left: 0
}
.pl-0\.25 {
    padding-left: 0.125rem
}
.pl-0\.5 {
    padding-left: 0.25rem
}
.pl-0\.75 {
    padding-left: 0.375rem
}
.pl-1 {
    padding-left: 0.5rem
}
.pl-1\.25 {
    padding-left: 0.625rem
}
.pl-1\.5 {
    padding-left: 0.75rem
}
.pl-10 {
    padding-left: 5rem
}
.pl-12 {
    padding-left: 6rem
}
.pl-16 {
    padding-left: 8rem
}
.pl-2 {
    padding-left: 1rem
}
.pl-2\.5 {
    padding-left: 1.25rem
}
.pl-24 {
    padding-left: 12rem
}
.pl-3 {
    padding-left: 1.5rem
}
.pl-3\.5 {
    padding-left: 1.75rem
}
.pl-32 {
    padding-left: 16rem
}
.pl-4 {
    padding-left: 2rem
}
.pl-5 {
    padding-left: 2.5rem
}
.pl-6 {
    padding-left: 3rem
}
.pl-7 {
    padding-left: 3.5rem
}
.pl-8 {
    padding-left: 4rem
}
.pl-auto {
    padding-left: auto
}
.pl-px {
    padding-left: 1px
}
.pr-0 {
    padding-right: 0
}
.pr-0\.25 {
    padding-right: 0.125rem
}
.pr-0\.5 {
    padding-right: 0.25rem
}
.pr-0\.75 {
    padding-right: 0.375rem
}
.pr-1 {
    padding-right: 0.5rem
}
.pr-1\.25 {
    padding-right: 0.625rem
}
.pr-1\.5 {
    padding-right: 0.75rem
}
.pr-10 {
    padding-right: 5rem
}
.pr-12 {
    padding-right: 6rem
}
.pr-16 {
    padding-right: 8rem
}
.pr-2 {
    padding-right: 1rem
}
.pr-2\.5 {
    padding-right: 1.25rem
}
.pr-24 {
    padding-right: 12rem
}
.pr-3 {
    padding-right: 1.5rem
}
.pr-3\.5 {
    padding-right: 1.75rem
}
.pr-32 {
    padding-right: 16rem
}
.pr-4 {
    padding-right: 2rem
}
.pr-5 {
    padding-right: 2.5rem
}
.pr-6 {
    padding-right: 3rem
}
.pr-7 {
    padding-right: 3.5rem
}
.pr-8 {
    padding-right: 4rem
}
.pr-auto {
    padding-right: auto
}
.pr-px {
    padding-right: 1px
}
.pt-0 {
    padding-top: 0
}
.pt-0\.25 {
    padding-top: 0.125rem
}
.pt-0\.5 {
    padding-top: 0.25rem
}
.pt-0\.75 {
    padding-top: 0.375rem
}
.pt-1 {
    padding-top: 0.5rem
}
.pt-1\.25 {
    padding-top: 0.625rem
}
.pt-1\.5 {
    padding-top: 0.75rem
}
.pt-10 {
    padding-top: 5rem
}
.pt-12 {
    padding-top: 6rem
}
.pt-16 {
    padding-top: 8rem
}
.pt-2 {
    padding-top: 1rem
}
.pt-2\.5 {
    padding-top: 1.25rem
}
.pt-24 {
    padding-top: 12rem
}
.pt-3 {
    padding-top: 1.5rem
}
.pt-3\.5 {
    padding-top: 1.75rem
}
.pt-32 {
    padding-top: 16rem
}
.pt-4 {
    padding-top: 2rem
}
.pt-5 {
    padding-top: 2.5rem
}
.pt-6 {
    padding-top: 3rem
}
.pt-7 {
    padding-top: 3.5rem
}
.pt-8 {
    padding-top: 4rem
}
.pt-auto {
    padding-top: auto
}
.pt-px {
    padding-top: 1px
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.text-justify {
    text-align: justify
}
.text-start {
    text-align: start
}
.text-end {
    text-align: end
}
.align-baseline {
    vertical-align: baseline
}
.font-\[fontFamily\] {
    font-family: fontFamily
}
.font-\[fontWeight\] {
    font-family: fontWeight
}
.font-body {
    font-family: 'Inter', sans-serif
}
.font-monospace {
    font-family: 'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace
}
.text-base {
    font-size: 0.875rem
}
.text-bodyLarge {
    font-size: 1.125rem
}
.text-bodySmall {
    font-size: 0.75rem
}
.text-h1 {
    font-size: 1.75rem
}
.text-h2 {
    font-size: 1.5rem
}
.text-h3 {
    font-size: 1.125rem
}
.text-sm {
    font-size: 0.75rem
}
.text-subtitle1 {
    font-size: 0.875rem
}
.text-subtitle2 {
    font-size: 0.75rem
}
.text-xs {
    font-size: 0.6875rem
}
.font-bold {
    font-weight: 600
}
.font-normal {
    font-weight: 400
}
.uppercase {
    text-transform: uppercase
}
.\!lowercase {
    text-transform: lowercase !important
}
.lowercase {
    text-transform: lowercase
}
.capitalize {
    text-transform: capitalize
}
.normal-case {
    text-transform: none
}
.italic {
    font-style: italic
}
.not-italic {
    font-style: normal
}
.leading-\[lineHeight\] {
    line-height: lineHeight
}
.leading-body {
    line-height: 1.25rem
}
.leading-single {
    line-height: 1
}
.tracking-normal {
    letter-spacing: 0em
}
.tracking-tight {
    letter-spacing: -0.025em
}
.tracking-tighter {
    letter-spacing: -0.05em
}
.tracking-wide {
    letter-spacing: 0.025em
}
.tracking-wider {
    letter-spacing: 0.05em
}
.tracking-widest {
    letter-spacing: 0.1em
}
.text-\[fontSize\] {
    color: fontSize
}
.text-\[textColor\] {
    color: textColor
}
.text-actionHovered {
    color: var(--text-color-action-hovered)
}
.text-actionSelected {
    color: var(--text-color-action-selected)
}
.text-body {
    color: var(--text-color-body)
}
.text-disabled {
    color: var(--text-color-disabled)
}
.text-error {
    color: var(--text-color-error)
}
.text-heading {
    color: var(--text-color-heading)
}
.text-info {
    color: var(--text-color-info)
}
.text-inherit {
    color: inherit
}
.text-inverse {
    color: var(--text-color-inverse)
}
.text-link {
    color: var(--text-color-info)
}
.text-muted {
    color: var(--text-color-muted)
}
.text-promo {
    color: var(--text-color-promo)
}
.text-success {
    color: var(--text-color-success)
}
.text-warning {
    color: var(--text-color-warning)
}
.text-warningIcon {
    color: var(--text-color-warning)
}
.text-white {
    color: var(--text-color-inverse)
}
.text-opacity-0 {
    --tw-text-opacity: 0
}
.text-opacity-10 {
    --tw-text-opacity: 0.1
}
.text-opacity-100 {
    --tw-text-opacity: 1
}
.text-opacity-20 {
    --tw-text-opacity: 0.2
}
.text-opacity-25 {
    --tw-text-opacity: 0.25
}
.text-opacity-30 {
    --tw-text-opacity: 0.3
}
.text-opacity-40 {
    --tw-text-opacity: 0.4
}
.text-opacity-5 {
    --tw-text-opacity: 0.05
}
.text-opacity-50 {
    --tw-text-opacity: 0.5
}
.text-opacity-60 {
    --tw-text-opacity: 0.6
}
.text-opacity-70 {
    --tw-text-opacity: 0.7
}
.text-opacity-75 {
    --tw-text-opacity: 0.75
}
.text-opacity-80 {
    --tw-text-opacity: 0.8
}
.text-opacity-90 {
    --tw-text-opacity: 0.9
}
.text-opacity-95 {
    --tw-text-opacity: 0.95
}
.underline {
    text-decoration-line: underline
}
.opacity-0 {
    opacity: 0
}
.opacity-25 {
    opacity: 0.25
}
.bg-blend-normal {
    background-blend-mode: normal
}
.bg-blend-multiply {
    background-blend-mode: multiply
}
.bg-blend-screen {
    background-blend-mode: screen
}
.bg-blend-overlay {
    background-blend-mode: overlay
}
.bg-blend-darken {
    background-blend-mode: darken
}
.bg-blend-lighten {
    background-blend-mode: lighten
}
.bg-blend-color-dodge {
    background-blend-mode: color-dodge
}
.bg-blend-color-burn {
    background-blend-mode: color-burn
}
.bg-blend-hard-light {
    background-blend-mode: hard-light
}
.bg-blend-soft-light {
    background-blend-mode: soft-light
}
.bg-blend-difference {
    background-blend-mode: difference
}
.bg-blend-exclusion {
    background-blend-mode: exclusion
}
.bg-blend-hue {
    background-blend-mode: hue
}
.bg-blend-saturation {
    background-blend-mode: saturation
}
.bg-blend-color {
    background-blend-mode: color
}
.bg-blend-luminosity {
    background-blend-mode: luminosity
}
.shadow-actionFocused {
    --tw-shadow: var(--shadow-color-action-focused);
    --tw-shadow-colored: var(--shadow-color-action-focused);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-actionHovered {
    --tw-shadow: var(--shadow-color-action-hovered);
    --tw-shadow-colored: var(--shadow-color-action-hovered);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-container {
    --tw-shadow: var(--shadow-color-container);
    --tw-shadow-colored: var(--shadow-color-container);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-dialog {
    --tw-shadow: var(--shadow-color-dialog);
    --tw-shadow-colored: var(--shadow-color-dialog);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-error {
    --tw-shadow: var(--shadow-color-error);
    --tw-shadow-colored: var(--shadow-color-error);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-focusVisible {
    --tw-shadow: var(--shadow-color-focus-visible);
    --tw-shadow-colored: var(--shadow-color-focus-visible);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-focused {
    --tw-shadow: var(--shadow-color-action-focused);
    --tw-shadow-colored: var(--shadow-color-action-focused);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-hovered {
    --tw-shadow: var(--shadow-color-action-hovered);
    --tw-shadow-colored: var(--shadow-color-action-hovered);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-keyboardFocused {
    --tw-shadow: var(--shadow-color-focus-visible);
    --tw-shadow-colored: var(--shadow-color-focus-visible);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sidebar {
    --tw-shadow: var(--shadow-color-sidebar);
    --tw-shadow-colored: var(--shadow-color-sidebar);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-widget {
    --tw-shadow: var(--shadow-color-widget);
    --tw-shadow-colored: var(--shadow-color-widget);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-\[boxShadow\] {
    --tw-shadow-color: boxShadow;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-disabled-background {
    --tw-shadow-color: var(--action-disabled-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-disabled-border {
    --tw-shadow-color: var(--action-disabled-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-disabled-text {
    --tw-shadow-color: var(--action-disabled-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-error-text {
    --tw-shadow-color: var(--action-error-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-error-textHover {
    --tw-shadow-color: var(--action-error-text-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primary-text {
    --tw-shadow-color: var(--action-primary-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primary-textActive {
    --tw-shadow-color: var(--action-primary-text-active);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primary-textHover {
    --tw-shadow-color: var(--action-primary-text-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primaryFilled-background {
    --tw-shadow-color: var(--action-primary-filled-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primaryFilled-backgroundActive {
    --tw-shadow-color: var(--action-primary-filled-background-active);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primaryFilled-backgroundHover {
    --tw-shadow-color: var(--action-primary-filled-background-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primaryFilled-text {
    --tw-shadow-color: var(--action-primary-filled-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-primaryFilled-track {
    --tw-shadow-color: var(--action-primary-filled-track);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-background {
    --tw-shadow-color: var(--action-secondary-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-backgroundActive {
    --tw-shadow-color: var(--action-secondary-background-active);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-backgroundHover {
    --tw-shadow-color: var(--action-secondary-background-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-border {
    --tw-shadow-color: var(--action-secondary-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-borderActive {
    --tw-shadow-color: var(--action-secondary-border-active);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-borderHover {
    --tw-shadow-color: var(--action-secondary-border-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-text {
    --tw-shadow-color: var(--action-secondary-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-textActive {
    --tw-shadow-color: var(--action-secondary-text-active);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondary-textHover {
    --tw-shadow-color: var(--action-secondary-text-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondaryFilled-background {
    --tw-shadow-color: var(--action-secondary-filled-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondaryFilled-backgroundActive {
    --tw-shadow-color: var(--action-secondary-filled-background-active);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondaryFilled-backgroundHover {
    --tw-shadow-color: var(--action-secondary-filled-background-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-action-secondaryFilled-track {
    --tw-shadow-color: var(--action-secondary-filled-track);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alertHistory-status-critical {
    --tw-shadow-color: var(--alert-history-status-critical);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alertHistory-status-noData {
    --tw-shadow-color: var(--alert-history-status-no-data);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alertHistory-status-ok {
    --tw-shadow-color: var(--alert-history-status-ok);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alertHistory-status-unknown {
    --tw-shadow-color: var(--alert-history-status-unknown);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alertHistory-status-warning {
    --tw-shadow-color: var(--alert-history-status-warning);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200 {
    --tw-shadow-color: rgba(86, 99, 129, 0.24);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/0 {
    --tw-shadow-color: rgba(86, 99, 129, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/10 {
    --tw-shadow-color: rgba(86, 99, 129, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/100 {
    --tw-shadow-color: rgba(86, 99, 129, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/20 {
    --tw-shadow-color: rgba(86, 99, 129, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/25 {
    --tw-shadow-color: rgba(86, 99, 129, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/30 {
    --tw-shadow-color: rgba(86, 99, 129, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/40 {
    --tw-shadow-color: rgba(86, 99, 129, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/5 {
    --tw-shadow-color: rgba(86, 99, 129, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/50 {
    --tw-shadow-color: rgba(86, 99, 129, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/60 {
    --tw-shadow-color: rgba(86, 99, 129, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/70 {
    --tw-shadow-color: rgba(86, 99, 129, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/75 {
    --tw-shadow-color: rgba(86, 99, 129, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/80 {
    --tw-shadow-color: rgba(86, 99, 129, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/90 {
    --tw-shadow-color: rgba(86, 99, 129, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-200\/95 {
    --tw-shadow-color: rgba(86, 99, 129, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400 {
    --tw-shadow-color: rgba(86, 99, 129, 0.74);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/0 {
    --tw-shadow-color: rgba(86, 99, 129, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/10 {
    --tw-shadow-color: rgba(86, 99, 129, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/100 {
    --tw-shadow-color: rgba(86, 99, 129, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/20 {
    --tw-shadow-color: rgba(86, 99, 129, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/25 {
    --tw-shadow-color: rgba(86, 99, 129, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/30 {
    --tw-shadow-color: rgba(86, 99, 129, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/40 {
    --tw-shadow-color: rgba(86, 99, 129, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/5 {
    --tw-shadow-color: rgba(86, 99, 129, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/50 {
    --tw-shadow-color: rgba(86, 99, 129, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/60 {
    --tw-shadow-color: rgba(86, 99, 129, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/70 {
    --tw-shadow-color: rgba(86, 99, 129, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/75 {
    --tw-shadow-color: rgba(86, 99, 129, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/80 {
    --tw-shadow-color: rgba(86, 99, 129, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/90 {
    --tw-shadow-color: rgba(86, 99, 129, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-alpha-400\/95 {
    --tw-shadow-color: rgba(86, 99, 129, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold {
    --tw-shadow-color: rgba(0,0,0,0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/0 {
    --tw-shadow-color: rgba(0, 0, 0, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/10 {
    --tw-shadow-color: rgba(0, 0, 0, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/100 {
    --tw-shadow-color: rgba(0, 0, 0, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/20 {
    --tw-shadow-color: rgba(0, 0, 0, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/25 {
    --tw-shadow-color: rgba(0, 0, 0, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/30 {
    --tw-shadow-color: rgba(0, 0, 0, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/40 {
    --tw-shadow-color: rgba(0, 0, 0, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/5 {
    --tw-shadow-color: rgba(0, 0, 0, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/50 {
    --tw-shadow-color: rgba(0, 0, 0, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/60 {
    --tw-shadow-color: rgba(0, 0, 0, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/70 {
    --tw-shadow-color: rgba(0, 0, 0, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/75 {
    --tw-shadow-color: rgba(0, 0, 0, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/80 {
    --tw-shadow-color: rgba(0, 0, 0, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/90 {
    --tw-shadow-color: rgba(0, 0, 0, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThreshold\/95 {
    --tw-shadow-color: rgba(0, 0, 0, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered {
    --tw-shadow-color: #363E50;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/0 {
    --tw-shadow-color: rgb(54 62 80 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/10 {
    --tw-shadow-color: rgb(54 62 80 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/100 {
    --tw-shadow-color: rgb(54 62 80 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/20 {
    --tw-shadow-color: rgb(54 62 80 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/25 {
    --tw-shadow-color: rgb(54 62 80 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/30 {
    --tw-shadow-color: rgb(54 62 80 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/40 {
    --tw-shadow-color: rgb(54 62 80 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/5 {
    --tw-shadow-color: rgb(54 62 80 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/50 {
    --tw-shadow-color: rgb(54 62 80 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/60 {
    --tw-shadow-color: rgb(54 62 80 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/70 {
    --tw-shadow-color: rgb(54 62 80 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/75 {
    --tw-shadow-color: rgb(54 62 80 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/80 {
    --tw-shadow-color: rgb(54 62 80 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/90 {
    --tw-shadow-color: rgb(54 62 80 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-alertThresholdHovered\/95 {
    --tw-shadow-color: rgb(54 62 80 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-baseline {
    --tw-shadow-color: var(--chart-baseline);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-brushSelection {
    --tw-shadow-color: var(--chart-brush-selection);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-deemphasized {
    --tw-shadow-color: var(--chart-deemphasized);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison100 {
    --tw-shadow-color: var(--dependencymap-comparison-100);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison200 {
    --tw-shadow-color: var(--dependencymap-comparison-200);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison300 {
    --tw-shadow-color: var(--dependencymap-comparison-300);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison400 {
    --tw-shadow-color: var(--dependencymap-comparison-400);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison500 {
    --tw-shadow-color: var(--dependencymap-comparison-500);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison600 {
    --tw-shadow-color: var(--dependencymap-comparison-600);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-comparison700 {
    --tw-shadow-color: var(--dependencymap-comparison-700);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-edge {
    --tw-shadow-color: var(--dependencymap-edge);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-edgeOverlay {
    --tw-shadow-color: var(--dependencymap-edge-overlay);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-edgeOverlayComparison {
    --tw-shadow-color: var(--dependencymap-edge-overlay-comparison);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error {
    --tw-shadow-color: var(--dependencymap-error);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error100 {
    --tw-shadow-color: var(--dependencymap-error-100);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error200 {
    --tw-shadow-color: var(--dependencymap-error-200);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error300 {
    --tw-shadow-color: var(--dependencymap-error-300);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error400 {
    --tw-shadow-color: var(--dependencymap-error-400);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error500 {
    --tw-shadow-color: var(--dependencymap-error-500);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error600 {
    --tw-shadow-color: var(--dependencymap-error-600);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-error700 {
    --tw-shadow-color: var(--dependencymap-error-700);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-inferred {
    --tw-shadow-color: var(--dependencymap-inferred);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-latency {
    --tw-shadow-color: var(--dependencymap-latency);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-latencyNew {
    --tw-shadow-color: var(--dependencymap-latency-new);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-nodeBase {
    --tw-shadow-color: var(--dependencymap-node-base);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-dependencyMap-selected {
    --tw-shadow-color: var(--dependencymap-selected);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-deviation {
    --tw-shadow-color: var(--chart-deviation);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-error {
    --tw-shadow-color: var(--chart-error);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-error_rate {
    --tw-shadow-color: var(--chart-error);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-error_ratio {
    --tw-shadow-color: var(--chart-error);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-exemplars-error {
    --tw-shadow-color: var(--chart-exemplars-error);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-exemplars-standard {
    --tw-shadow-color: var(--chart-exemplars-success);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-gridLine {
    --tw-shadow-color: var(--chart-grid-line);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-0 {
    --tw-shadow-color: var(--heatmap-series-0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-1 {
    --tw-shadow-color: var(--heatmap-series-1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-2 {
    --tw-shadow-color: var(--heatmap-series-2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-3 {
    --tw-shadow-color: var(--heatmap-series-3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-4 {
    --tw-shadow-color: var(--heatmap-series-4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-5 {
    --tw-shadow-color: var(--heatmap-series-5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-6 {
    --tw-shadow-color: var(--heatmap-series-6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-7 {
    --tw-shadow-color: var(--heatmap-series-7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-8 {
    --tw-shadow-color: var(--heatmap-series-8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-heatmap-9 {
    --tw-shadow-color: var(--heatmap-series-9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-hoverCursor {
    --tw-shadow-color: var(--chart-hover-cursor);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-hoverHalo {
    --tw-shadow-color: var(--chart-hover-halo);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay {
    --tw-shadow-color: rgba(22,22,29,.35);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/0 {
    --tw-shadow-color: rgba(22, 22, 29, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/10 {
    --tw-shadow-color: rgba(22, 22, 29, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/100 {
    --tw-shadow-color: rgba(22, 22, 29, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/20 {
    --tw-shadow-color: rgba(22, 22, 29, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/25 {
    --tw-shadow-color: rgba(22, 22, 29, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/30 {
    --tw-shadow-color: rgba(22, 22, 29, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/40 {
    --tw-shadow-color: rgba(22, 22, 29, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/5 {
    --tw-shadow-color: rgba(22, 22, 29, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/50 {
    --tw-shadow-color: rgba(22, 22, 29, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/60 {
    --tw-shadow-color: rgba(22, 22, 29, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/70 {
    --tw-shadow-color: rgba(22, 22, 29, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/75 {
    --tw-shadow-color: rgba(22, 22, 29, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/80 {
    --tw-shadow-color: rgba(22, 22, 29, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/90 {
    --tw-shadow-color: rgba(22, 22, 29, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonCheckedOverlay\/95 {
    --tw-shadow-color: rgba(22, 22, 29, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay {
    --tw-shadow-color: #6158ff;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/0 {
    --tw-shadow-color: rgb(97 88 255 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/10 {
    --tw-shadow-color: rgb(97 88 255 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/100 {
    --tw-shadow-color: rgb(97 88 255 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/20 {
    --tw-shadow-color: rgb(97 88 255 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/25 {
    --tw-shadow-color: rgb(97 88 255 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/30 {
    --tw-shadow-color: rgb(97 88 255 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/40 {
    --tw-shadow-color: rgb(97 88 255 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/5 {
    --tw-shadow-color: rgb(97 88 255 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/50 {
    --tw-shadow-color: rgb(97 88 255 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/60 {
    --tw-shadow-color: rgb(97 88 255 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/70 {
    --tw-shadow-color: rgb(97 88 255 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/75 {
    --tw-shadow-color: rgb(97 88 255 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/80 {
    --tw-shadow-color: rgb(97 88 255 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/90 {
    --tw-shadow-color: rgb(97 88 255 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDay\/95 {
    --tw-shadow-color: rgb(97 88 255 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100 {
    --tw-shadow-color: rgba(97, 88, 255, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/0 {
    --tw-shadow-color: rgba(97, 88, 255, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/10 {
    --tw-shadow-color: rgba(97, 88, 255, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/100 {
    --tw-shadow-color: rgba(97, 88, 255, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/20 {
    --tw-shadow-color: rgba(97, 88, 255, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/25 {
    --tw-shadow-color: rgba(97, 88, 255, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/30 {
    --tw-shadow-color: rgba(97, 88, 255, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/40 {
    --tw-shadow-color: rgba(97, 88, 255, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/5 {
    --tw-shadow-color: rgba(97, 88, 255, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/50 {
    --tw-shadow-color: rgba(97, 88, 255, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/60 {
    --tw-shadow-color: rgba(97, 88, 255, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/70 {
    --tw-shadow-color: rgba(97, 88, 255, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/75 {
    --tw-shadow-color: rgba(97, 88, 255, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/80 {
    --tw-shadow-color: rgba(97, 88, 255, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/90 {
    --tw-shadow-color: rgba(97, 88, 255, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonDayA100\/95 {
    --tw-shadow-color: rgba(97, 88, 255, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour {
    --tw-shadow-color: #d62400;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/0 {
    --tw-shadow-color: rgb(214 36 0 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/10 {
    --tw-shadow-color: rgb(214 36 0 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/100 {
    --tw-shadow-color: rgb(214 36 0 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/20 {
    --tw-shadow-color: rgb(214 36 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/25 {
    --tw-shadow-color: rgb(214 36 0 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/30 {
    --tw-shadow-color: rgb(214 36 0 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/40 {
    --tw-shadow-color: rgb(214 36 0 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/5 {
    --tw-shadow-color: rgb(214 36 0 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/50 {
    --tw-shadow-color: rgb(214 36 0 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/60 {
    --tw-shadow-color: rgb(214 36 0 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/70 {
    --tw-shadow-color: rgb(214 36 0 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/75 {
    --tw-shadow-color: rgb(214 36 0 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/80 {
    --tw-shadow-color: rgb(214 36 0 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/90 {
    --tw-shadow-color: rgb(214 36 0 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHour\/95 {
    --tw-shadow-color: rgb(214 36 0 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100 {
    --tw-shadow-color: rgba(214, 36, 0, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/0 {
    --tw-shadow-color: rgba(214, 36, 0, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/10 {
    --tw-shadow-color: rgba(214, 36, 0, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/100 {
    --tw-shadow-color: rgba(214, 36, 0, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/20 {
    --tw-shadow-color: rgba(214, 36, 0, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/25 {
    --tw-shadow-color: rgba(214, 36, 0, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/30 {
    --tw-shadow-color: rgba(214, 36, 0, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/40 {
    --tw-shadow-color: rgba(214, 36, 0, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/5 {
    --tw-shadow-color: rgba(214, 36, 0, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/50 {
    --tw-shadow-color: rgba(214, 36, 0, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/60 {
    --tw-shadow-color: rgba(214, 36, 0, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/70 {
    --tw-shadow-color: rgba(214, 36, 0, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/75 {
    --tw-shadow-color: rgba(214, 36, 0, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/80 {
    --tw-shadow-color: rgba(214, 36, 0, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/90 {
    --tw-shadow-color: rgba(214, 36, 0, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA100\/95 {
    --tw-shadow-color: rgba(214, 36, 0, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500 {
    --tw-shadow-color: rgba(214, 36, 0, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/0 {
    --tw-shadow-color: rgba(214, 36, 0, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/10 {
    --tw-shadow-color: rgba(214, 36, 0, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/100 {
    --tw-shadow-color: rgba(214, 36, 0, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/20 {
    --tw-shadow-color: rgba(214, 36, 0, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/25 {
    --tw-shadow-color: rgba(214, 36, 0, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/30 {
    --tw-shadow-color: rgba(214, 36, 0, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/40 {
    --tw-shadow-color: rgba(214, 36, 0, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/5 {
    --tw-shadow-color: rgba(214, 36, 0, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/50 {
    --tw-shadow-color: rgba(214, 36, 0, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/60 {
    --tw-shadow-color: rgba(214, 36, 0, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/70 {
    --tw-shadow-color: rgba(214, 36, 0, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/75 {
    --tw-shadow-color: rgba(214, 36, 0, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/80 {
    --tw-shadow-color: rgba(214, 36, 0, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/90 {
    --tw-shadow-color: rgba(214, 36, 0, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonHourA500\/95 {
    --tw-shadow-color: rgba(214, 36, 0, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute {
    --tw-shadow-color: #edc602;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/0 {
    --tw-shadow-color: rgb(237 198 2 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/10 {
    --tw-shadow-color: rgb(237 198 2 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/100 {
    --tw-shadow-color: rgb(237 198 2 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/20 {
    --tw-shadow-color: rgb(237 198 2 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/25 {
    --tw-shadow-color: rgb(237 198 2 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/30 {
    --tw-shadow-color: rgb(237 198 2 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/40 {
    --tw-shadow-color: rgb(237 198 2 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/5 {
    --tw-shadow-color: rgb(237 198 2 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/50 {
    --tw-shadow-color: rgb(237 198 2 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/60 {
    --tw-shadow-color: rgb(237 198 2 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/70 {
    --tw-shadow-color: rgb(237 198 2 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/75 {
    --tw-shadow-color: rgb(237 198 2 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/80 {
    --tw-shadow-color: rgb(237 198 2 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/90 {
    --tw-shadow-color: rgb(237 198 2 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinute\/95 {
    --tw-shadow-color: rgb(237 198 2 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100 {
    --tw-shadow-color: rgba(237, 198, 2, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/0 {
    --tw-shadow-color: rgba(237, 198, 2, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/10 {
    --tw-shadow-color: rgba(237, 198, 2, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/100 {
    --tw-shadow-color: rgba(237, 198, 2, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/20 {
    --tw-shadow-color: rgba(237, 198, 2, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/25 {
    --tw-shadow-color: rgba(237, 198, 2, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/30 {
    --tw-shadow-color: rgba(237, 198, 2, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/40 {
    --tw-shadow-color: rgba(237, 198, 2, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/5 {
    --tw-shadow-color: rgba(237, 198, 2, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/50 {
    --tw-shadow-color: rgba(237, 198, 2, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/60 {
    --tw-shadow-color: rgba(237, 198, 2, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/70 {
    --tw-shadow-color: rgba(237, 198, 2, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/75 {
    --tw-shadow-color: rgba(237, 198, 2, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/80 {
    --tw-shadow-color: rgba(237, 198, 2, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/90 {
    --tw-shadow-color: rgba(237, 198, 2, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA100\/95 {
    --tw-shadow-color: rgba(237, 198, 2, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500 {
    --tw-shadow-color: rgba(237, 198, 2, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/0 {
    --tw-shadow-color: rgba(237, 198, 2, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/10 {
    --tw-shadow-color: rgba(237, 198, 2, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/100 {
    --tw-shadow-color: rgba(237, 198, 2, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/20 {
    --tw-shadow-color: rgba(237, 198, 2, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/25 {
    --tw-shadow-color: rgba(237, 198, 2, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/30 {
    --tw-shadow-color: rgba(237, 198, 2, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/40 {
    --tw-shadow-color: rgba(237, 198, 2, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/5 {
    --tw-shadow-color: rgba(237, 198, 2, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/50 {
    --tw-shadow-color: rgba(237, 198, 2, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/60 {
    --tw-shadow-color: rgba(237, 198, 2, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/70 {
    --tw-shadow-color: rgba(237, 198, 2, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/75 {
    --tw-shadow-color: rgba(237, 198, 2, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/80 {
    --tw-shadow-color: rgba(237, 198, 2, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/90 {
    --tw-shadow-color: rgba(237, 198, 2, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-comparisonMinuteA500\/95 {
    --tw-shadow-color: rgba(237, 198, 2, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500 {
    --tw-shadow-color: rgba(97, 88, 255, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/0 {
    --tw-shadow-color: rgba(97, 88, 255, 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/10 {
    --tw-shadow-color: rgba(97, 88, 255, 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/100 {
    --tw-shadow-color: rgba(97, 88, 255, 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/20 {
    --tw-shadow-color: rgba(97, 88, 255, 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/25 {
    --tw-shadow-color: rgba(97, 88, 255, 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/30 {
    --tw-shadow-color: rgba(97, 88, 255, 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/40 {
    --tw-shadow-color: rgba(97, 88, 255, 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/5 {
    --tw-shadow-color: rgba(97, 88, 255, 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/50 {
    --tw-shadow-color: rgba(97, 88, 255, 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/60 {
    --tw-shadow-color: rgba(97, 88, 255, 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/70 {
    --tw-shadow-color: rgba(97, 88, 255, 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/75 {
    --tw-shadow-color: rgba(97, 88, 255, 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/80 {
    --tw-shadow-color: rgba(97, 88, 255, 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/90 {
    --tw-shadow-color: rgba(97, 88, 255, 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-latencyHistogram-compparsonDayA500\/95 {
    --tw-shadow-color: rgba(97, 88, 255, 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-debug {
    --tw-shadow-color: var(--logs-histogram-1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-error {
    --tw-shadow-color: var(--logs-histogram-3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-fatal {
    --tw-shadow-color: var(--logs-histogram-5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-info {
    --tw-shadow-color: var(--logs-histogram-0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-total {
    --tw-shadow-color: var(--logs-histogram-0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-trace {
    --tw-shadow-color: var(--logs-histogram-4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-unknown {
    --tw-shadow-color: var(--logs-histogram-6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-logsHistogram-warn {
    --tw-shadow-color: var(--logs-histogram-2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p50 {
    --tw-shadow-color: var(--chart-percentile-p50);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p50\.0 {
    --tw-shadow-color: var(--chart-percentile-p50);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p50_emphasized {
    --tw-shadow-color: var(--chart-percentile-p50-emphasized);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p95 {
    --tw-shadow-color: var(--chart-percentile-p95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p95\.0 {
    --tw-shadow-color: var(--chart-percentile-p95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p95_emphasized {
    --tw-shadow-color: var(--chart-percentile-p95-emphasized);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p99 {
    --tw-shadow-color: var(--chart-percentile-p99);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p99\.0 {
    --tw-shadow-color: var(--chart-percentile-p99);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p99\.9 {
    --tw-shadow-color: var(--chart-percentile-p99_9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p999 {
    --tw-shadow-color: var(--chart-percentile-p99_9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-p999_emphasized {
    --tw-shadow-color: var(--chart-percentile-p99_9-emphasized);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-rate {
    --tw-shadow-color: var(--chart-rate);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-regression {
    --tw-shadow-color: var(--chart-deviation);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-0 {
    --tw-shadow-color: var(--chart-series-0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-1 {
    --tw-shadow-color: var(--chart-series-1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-10 {
    --tw-shadow-color: var(--chart-series-10);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-2 {
    --tw-shadow-color: var(--chart-series-2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-3 {
    --tw-shadow-color: var(--chart-series-3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-4 {
    --tw-shadow-color: var(--chart-series-4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-5 {
    --tw-shadow-color: var(--chart-series-5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-6 {
    --tw-shadow-color: var(--chart-series-6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-7 {
    --tw-shadow-color: var(--chart-series-7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-8 {
    --tw-shadow-color: var(--chart-series-8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-series-9 {
    --tw-shadow-color: var(--chart-series-9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange {
    --tw-shadow-color: #FACEA1;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/0 {
    --tw-shadow-color: rgb(250 206 161 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/10 {
    --tw-shadow-color: rgb(250 206 161 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/100 {
    --tw-shadow-color: rgb(250 206 161 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/20 {
    --tw-shadow-color: rgb(250 206 161 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/25 {
    --tw-shadow-color: rgb(250 206 161 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/30 {
    --tw-shadow-color: rgb(250 206 161 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/40 {
    --tw-shadow-color: rgb(250 206 161 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/5 {
    --tw-shadow-color: rgb(250 206 161 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/50 {
    --tw-shadow-color: rgb(250 206 161 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/60 {
    --tw-shadow-color: rgb(250 206 161 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/70 {
    --tw-shadow-color: rgb(250 206 161 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/75 {
    --tw-shadow-color: rgb(250 206 161 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/80 {
    --tw-shadow-color: rgb(250 206 161 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/90 {
    --tw-shadow-color: rgb(250 206 161 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-chart-toplineChange\/95 {
    --tw-shadow-color: rgb(250 206 161 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-component-caret {
    --tw-shadow-color: var(--component-caret-color);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-component-skeletonBackground {
    --tw-shadow-color: var(--component-skeleton-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-component-skeletonHighlight {
    --tw-shadow-color: var(--component-skeleton-highlight);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-component-tableRowHighlightBackground {
    --tw-shadow-color: var(--component-table-row-highlight-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-component-tableRowHighlightBorder {
    --tw-shadow-color: var(--component-table-row-highlight-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-favorite {
    --tw-shadow-color: var(--contextual-favorite);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-error-background {
    --tw-shadow-color: var(--contextual-p0-error-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-error-text {
    --tw-shadow-color: var(--contextual-p0-error-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-info-background {
    --tw-shadow-color: var(--contextual-p0-info-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-info-text {
    --tw-shadow-color: var(--contextual-p0-info-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-muted-background {
    --tw-shadow-color: var(--contextual-p0-muted-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-muted-text {
    --tw-shadow-color: var(--contextual-p0-muted-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-neutral-background {
    --tw-shadow-color: var(--contextual-p0-neutral-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-neutral-text {
    --tw-shadow-color: var(--contextual-p0-neutral-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-promo-background {
    --tw-shadow-color: var(--contextual-p0-promo-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-promo-text {
    --tw-shadow-color: var(--contextual-p0-promo-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-success-background {
    --tw-shadow-color: var(--contextual-p0-success-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-success-text {
    --tw-shadow-color: var(--contextual-p0-success-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-warning-background {
    --tw-shadow-color: var(--contextual-p0-warning-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p0-warning-text {
    --tw-shadow-color: var(--contextual-p0-warning-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-error-background {
    --tw-shadow-color: var(--contextual-p1-error-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-error-backgroundHover {
    --tw-shadow-color: var(--contextual-p1-error-background-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-error-border {
    --tw-shadow-color: var(--contextual-p1-error-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-error-borderHover {
    --tw-shadow-color: var(--contextual-p1-error-border-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-error-text {
    --tw-shadow-color: var(--contextual-p1-error-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-error-textHover {
    --tw-shadow-color: var(--contextual-p1-error-text-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-neutral-background {
    --tw-shadow-color: var(--contextual-p1-neutral-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-neutral-backgroundHover {
    --tw-shadow-color: var(--contextual-p1-neutral-background-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-neutral-border {
    --tw-shadow-color: var(--contextual-p1-neutral-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-neutral-borderHover {
    --tw-shadow-color: var(--contextual-p1-neutral-border-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-neutral-text {
    --tw-shadow-color: var(--contextual-p1-neutral-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-neutral-textHover {
    --tw-shadow-color: var(--contextual-p1-neutral-text-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-warning-background {
    --tw-shadow-color: var(--contextual-p1-warning-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-warning-backgroundHover {
    --tw-shadow-color: var(--contextual-p1-warning-background-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-warning-border {
    --tw-shadow-color: var(--contextual-p1-warning-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-warning-borderHover {
    --tw-shadow-color: var(--contextual-p1-warning-border-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-warning-text {
    --tw-shadow-color: var(--contextual-p1-warning-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p1-warning-textHover {
    --tw-shadow-color: var(--contextual-p1-warning-text-hover);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-error-background {
    --tw-shadow-color: var(--contextual-p2-error-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-error-border {
    --tw-shadow-color: var(--contextual-p2-error-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-error-text {
    --tw-shadow-color: var(--contextual-p2-error-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-info-background {
    --tw-shadow-color: var(--contextual-p2-info-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-info-border {
    --tw-shadow-color: var(--contextual-p2-info-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-info-text {
    --tw-shadow-color: var(--contextual-p2-info-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-muted-text {
    --tw-shadow-color: var(--contextual-p2-muted-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-neutral-text {
    --tw-shadow-color: var(--contextual-p2-neutral-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-promo-background {
    --tw-shadow-color: var(--contextual-p2-promo-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-promo-border {
    --tw-shadow-color: var(--contextual-p2-promo-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-promo-text {
    --tw-shadow-color: var(--contextual-p2-promo-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-success-background {
    --tw-shadow-color: var(--contextual-p2-success-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-success-border {
    --tw-shadow-color: var(--contextual-p2-success-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-success-text {
    --tw-shadow-color: var(--contextual-p2-success-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-warning-background {
    --tw-shadow-color: var(--contextual-p2-warning-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-warning-border {
    --tw-shadow-color: var(--contextual-p2-warning-border);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-contextual-p2-warning-text {
    --tw-shadow-color: var(--contextual-p2-warning-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100 {
    --tw-shadow-color: #fdf8f6;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/0 {
    --tw-shadow-color: rgb(253 248 246 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/10 {
    --tw-shadow-color: rgb(253 248 246 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/100 {
    --tw-shadow-color: rgb(253 248 246 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/20 {
    --tw-shadow-color: rgb(253 248 246 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/25 {
    --tw-shadow-color: rgb(253 248 246 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/30 {
    --tw-shadow-color: rgb(253 248 246 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/40 {
    --tw-shadow-color: rgb(253 248 246 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/5 {
    --tw-shadow-color: rgb(253 248 246 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/50 {
    --tw-shadow-color: rgb(253 248 246 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/60 {
    --tw-shadow-color: rgb(253 248 246 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/70 {
    --tw-shadow-color: rgb(253 248 246 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/75 {
    --tw-shadow-color: rgb(253 248 246 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/80 {
    --tw-shadow-color: rgb(253 248 246 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/90 {
    --tw-shadow-color: rgb(253 248 246 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-100\/95 {
    --tw-shadow-color: rgb(253 248 246 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200 {
    --tw-shadow-color: #f9e1dc;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/0 {
    --tw-shadow-color: rgb(249 225 220 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/10 {
    --tw-shadow-color: rgb(249 225 220 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/100 {
    --tw-shadow-color: rgb(249 225 220 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/20 {
    --tw-shadow-color: rgb(249 225 220 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/25 {
    --tw-shadow-color: rgb(249 225 220 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/30 {
    --tw-shadow-color: rgb(249 225 220 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/40 {
    --tw-shadow-color: rgb(249 225 220 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/5 {
    --tw-shadow-color: rgb(249 225 220 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/50 {
    --tw-shadow-color: rgb(249 225 220 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/60 {
    --tw-shadow-color: rgb(249 225 220 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/70 {
    --tw-shadow-color: rgb(249 225 220 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/75 {
    --tw-shadow-color: rgb(249 225 220 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/80 {
    --tw-shadow-color: rgb(249 225 220 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/90 {
    --tw-shadow-color: rgb(249 225 220 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-200\/95 {
    --tw-shadow-color: rgb(249 225 220 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300 {
    --tw-shadow-color: #f4c3b9;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/0 {
    --tw-shadow-color: rgb(244 195 185 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/10 {
    --tw-shadow-color: rgb(244 195 185 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/100 {
    --tw-shadow-color: rgb(244 195 185 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/20 {
    --tw-shadow-color: rgb(244 195 185 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/25 {
    --tw-shadow-color: rgb(244 195 185 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/30 {
    --tw-shadow-color: rgb(244 195 185 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/40 {
    --tw-shadow-color: rgb(244 195 185 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/5 {
    --tw-shadow-color: rgb(244 195 185 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/50 {
    --tw-shadow-color: rgb(244 195 185 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/60 {
    --tw-shadow-color: rgb(244 195 185 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/70 {
    --tw-shadow-color: rgb(244 195 185 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/75 {
    --tw-shadow-color: rgb(244 195 185 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/80 {
    --tw-shadow-color: rgb(244 195 185 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/90 {
    --tw-shadow-color: rgb(244 195 185 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-300\/95 {
    --tw-shadow-color: rgb(244 195 185 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400 {
    --tw-shadow-color: #ec9483;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/0 {
    --tw-shadow-color: rgb(236 148 131 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/10 {
    --tw-shadow-color: rgb(236 148 131 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/100 {
    --tw-shadow-color: rgb(236 148 131 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/20 {
    --tw-shadow-color: rgb(236 148 131 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/25 {
    --tw-shadow-color: rgb(236 148 131 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/30 {
    --tw-shadow-color: rgb(236 148 131 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/40 {
    --tw-shadow-color: rgb(236 148 131 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/5 {
    --tw-shadow-color: rgb(236 148 131 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/50 {
    --tw-shadow-color: rgb(236 148 131 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/60 {
    --tw-shadow-color: rgb(236 148 131 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/70 {
    --tw-shadow-color: rgb(236 148 131 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/75 {
    --tw-shadow-color: rgb(236 148 131 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/80 {
    --tw-shadow-color: rgb(236 148 131 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/90 {
    --tw-shadow-color: rgb(236 148 131 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-400\/95 {
    --tw-shadow-color: rgb(236 148 131 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500 {
    --tw-shadow-color: #e86d54;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/0 {
    --tw-shadow-color: rgb(232 109 84 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/10 {
    --tw-shadow-color: rgb(232 109 84 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/100 {
    --tw-shadow-color: rgb(232 109 84 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/20 {
    --tw-shadow-color: rgb(232 109 84 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/25 {
    --tw-shadow-color: rgb(232 109 84 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/30 {
    --tw-shadow-color: rgb(232 109 84 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/40 {
    --tw-shadow-color: rgb(232 109 84 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/5 {
    --tw-shadow-color: rgb(232 109 84 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/50 {
    --tw-shadow-color: rgb(232 109 84 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/60 {
    --tw-shadow-color: rgb(232 109 84 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/70 {
    --tw-shadow-color: rgb(232 109 84 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/75 {
    --tw-shadow-color: rgb(232 109 84 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/80 {
    --tw-shadow-color: rgb(232 109 84 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/90 {
    --tw-shadow-color: rgb(232 109 84 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-500\/95 {
    --tw-shadow-color: rgb(232 109 84 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600 {
    --tw-shadow-color: #e44525;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/0 {
    --tw-shadow-color: rgb(228 69 37 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/10 {
    --tw-shadow-color: rgb(228 69 37 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/100 {
    --tw-shadow-color: rgb(228 69 37 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/20 {
    --tw-shadow-color: rgb(228 69 37 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/25 {
    --tw-shadow-color: rgb(228 69 37 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/30 {
    --tw-shadow-color: rgb(228 69 37 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/40 {
    --tw-shadow-color: rgb(228 69 37 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/5 {
    --tw-shadow-color: rgb(228 69 37 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/50 {
    --tw-shadow-color: rgb(228 69 37 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/60 {
    --tw-shadow-color: rgb(228 69 37 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/70 {
    --tw-shadow-color: rgb(228 69 37 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/75 {
    --tw-shadow-color: rgb(228 69 37 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/80 {
    --tw-shadow-color: rgb(228 69 37 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/90 {
    --tw-shadow-color: rgb(228 69 37 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-600\/95 {
    --tw-shadow-color: rgb(228 69 37 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700 {
    --tw-shadow-color: #aa3018;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/0 {
    --tw-shadow-color: rgb(170 48 24 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/10 {
    --tw-shadow-color: rgb(170 48 24 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/100 {
    --tw-shadow-color: rgb(170 48 24 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/20 {
    --tw-shadow-color: rgb(170 48 24 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/25 {
    --tw-shadow-color: rgb(170 48 24 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/30 {
    --tw-shadow-color: rgb(170 48 24 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/40 {
    --tw-shadow-color: rgb(170 48 24 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/5 {
    --tw-shadow-color: rgb(170 48 24 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/50 {
    --tw-shadow-color: rgb(170 48 24 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/60 {
    --tw-shadow-color: rgb(170 48 24 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/70 {
    --tw-shadow-color: rgb(170 48 24 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/75 {
    --tw-shadow-color: rgb(170 48 24 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/80 {
    --tw-shadow-color: rgb(170 48 24 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/90 {
    --tw-shadow-color: rgb(170 48 24 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-700\/95 {
    --tw-shadow-color: rgb(170 48 24 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800 {
    --tw-shadow-color: #4f180d;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/0 {
    --tw-shadow-color: rgb(79 24 13 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/10 {
    --tw-shadow-color: rgb(79 24 13 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/100 {
    --tw-shadow-color: rgb(79 24 13 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/20 {
    --tw-shadow-color: rgb(79 24 13 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/25 {
    --tw-shadow-color: rgb(79 24 13 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/30 {
    --tw-shadow-color: rgb(79 24 13 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/40 {
    --tw-shadow-color: rgb(79 24 13 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/5 {
    --tw-shadow-color: rgb(79 24 13 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/50 {
    --tw-shadow-color: rgb(79 24 13 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/60 {
    --tw-shadow-color: rgb(79 24 13 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/70 {
    --tw-shadow-color: rgb(79 24 13 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/75 {
    --tw-shadow-color: rgb(79 24 13 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/80 {
    --tw-shadow-color: rgb(79 24 13 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/90 {
    --tw-shadow-color: rgb(79 24 13 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-800\/95 {
    --tw-shadow-color: rgb(79 24 13 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900 {
    --tw-shadow-color: #281815;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/0 {
    --tw-shadow-color: rgb(40 24 21 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/10 {
    --tw-shadow-color: rgb(40 24 21 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/100 {
    --tw-shadow-color: rgb(40 24 21 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/20 {
    --tw-shadow-color: rgb(40 24 21 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/25 {
    --tw-shadow-color: rgb(40 24 21 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/30 {
    --tw-shadow-color: rgb(40 24 21 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/40 {
    --tw-shadow-color: rgb(40 24 21 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/5 {
    --tw-shadow-color: rgb(40 24 21 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/50 {
    --tw-shadow-color: rgb(40 24 21 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/60 {
    --tw-shadow-color: rgb(40 24 21 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/70 {
    --tw-shadow-color: rgb(40 24 21 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/75 {
    --tw-shadow-color: rgb(40 24 21 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/80 {
    --tw-shadow-color: rgb(40 24 21 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/90 {
    --tw-shadow-color: rgb(40 24 21 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-error-900\/95 {
    --tw-shadow-color: rgb(40 24 21 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0 {
    --tw-shadow-color: #ffffff;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/0 {
    --tw-shadow-color: rgb(255 255 255 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/10 {
    --tw-shadow-color: rgb(255 255 255 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/100 {
    --tw-shadow-color: rgb(255 255 255 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/20 {
    --tw-shadow-color: rgb(255 255 255 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/25 {
    --tw-shadow-color: rgb(255 255 255 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/30 {
    --tw-shadow-color: rgb(255 255 255 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/40 {
    --tw-shadow-color: rgb(255 255 255 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/5 {
    --tw-shadow-color: rgb(255 255 255 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/50 {
    --tw-shadow-color: rgb(255 255 255 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/60 {
    --tw-shadow-color: rgb(255 255 255 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/70 {
    --tw-shadow-color: rgb(255 255 255 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/75 {
    --tw-shadow-color: rgb(255 255 255 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/80 {
    --tw-shadow-color: rgb(255 255 255 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/90 {
    --tw-shadow-color: rgb(255 255 255 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-0\/95 {
    --tw-shadow-color: rgb(255 255 255 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100 {
    --tw-shadow-color: #f6f7f9;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/0 {
    --tw-shadow-color: rgb(246 247 249 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/10 {
    --tw-shadow-color: rgb(246 247 249 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/100 {
    --tw-shadow-color: rgb(246 247 249 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/20 {
    --tw-shadow-color: rgb(246 247 249 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/25 {
    --tw-shadow-color: rgb(246 247 249 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/30 {
    --tw-shadow-color: rgb(246 247 249 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/40 {
    --tw-shadow-color: rgb(246 247 249 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/5 {
    --tw-shadow-color: rgb(246 247 249 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/50 {
    --tw-shadow-color: rgb(246 247 249 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/60 {
    --tw-shadow-color: rgb(246 247 249 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/70 {
    --tw-shadow-color: rgb(246 247 249 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/75 {
    --tw-shadow-color: rgb(246 247 249 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/80 {
    --tw-shadow-color: rgb(246 247 249 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/90 {
    --tw-shadow-color: rgb(246 247 249 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-100\/95 {
    --tw-shadow-color: rgb(246 247 249 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000 {
    --tw-shadow-color: #14181f;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/0 {
    --tw-shadow-color: rgb(20 24 31 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/10 {
    --tw-shadow-color: rgb(20 24 31 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/100 {
    --tw-shadow-color: rgb(20 24 31 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/20 {
    --tw-shadow-color: rgb(20 24 31 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/25 {
    --tw-shadow-color: rgb(20 24 31 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/30 {
    --tw-shadow-color: rgb(20 24 31 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/40 {
    --tw-shadow-color: rgb(20 24 31 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/5 {
    --tw-shadow-color: rgb(20 24 31 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/50 {
    --tw-shadow-color: rgb(20 24 31 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/60 {
    --tw-shadow-color: rgb(20 24 31 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/70 {
    --tw-shadow-color: rgb(20 24 31 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/75 {
    --tw-shadow-color: rgb(20 24 31 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/80 {
    --tw-shadow-color: rgb(20 24 31 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/90 {
    --tw-shadow-color: rgb(20 24 31 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-1000\/95 {
    --tw-shadow-color: rgb(20 24 31 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200 {
    --tw-shadow-color: #e7e9ee;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/0 {
    --tw-shadow-color: rgb(231 233 238 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/10 {
    --tw-shadow-color: rgb(231 233 238 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/100 {
    --tw-shadow-color: rgb(231 233 238 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/20 {
    --tw-shadow-color: rgb(231 233 238 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/25 {
    --tw-shadow-color: rgb(231 233 238 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/30 {
    --tw-shadow-color: rgb(231 233 238 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/40 {
    --tw-shadow-color: rgb(231 233 238 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/5 {
    --tw-shadow-color: rgb(231 233 238 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/50 {
    --tw-shadow-color: rgb(231 233 238 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/60 {
    --tw-shadow-color: rgb(231 233 238 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/70 {
    --tw-shadow-color: rgb(231 233 238 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/75 {
    --tw-shadow-color: rgb(231 233 238 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/80 {
    --tw-shadow-color: rgb(231 233 238 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/90 {
    --tw-shadow-color: rgb(231 233 238 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-200\/95 {
    --tw-shadow-color: rgb(231 233 238 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300 {
    --tw-shadow-color: #d3d6df;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/0 {
    --tw-shadow-color: rgb(211 214 223 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/10 {
    --tw-shadow-color: rgb(211 214 223 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/100 {
    --tw-shadow-color: rgb(211 214 223 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/20 {
    --tw-shadow-color: rgb(211 214 223 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/25 {
    --tw-shadow-color: rgb(211 214 223 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/30 {
    --tw-shadow-color: rgb(211 214 223 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/40 {
    --tw-shadow-color: rgb(211 214 223 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/5 {
    --tw-shadow-color: rgb(211 214 223 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/50 {
    --tw-shadow-color: rgb(211 214 223 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/60 {
    --tw-shadow-color: rgb(211 214 223 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/70 {
    --tw-shadow-color: rgb(211 214 223 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/75 {
    --tw-shadow-color: rgb(211 214 223 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/80 {
    --tw-shadow-color: rgb(211 214 223 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/90 {
    --tw-shadow-color: rgb(211 214 223 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-300\/95 {
    --tw-shadow-color: rgb(211 214 223 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400 {
    --tw-shadow-color: #bec3d0;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/0 {
    --tw-shadow-color: rgb(190 195 208 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/10 {
    --tw-shadow-color: rgb(190 195 208 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/100 {
    --tw-shadow-color: rgb(190 195 208 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/20 {
    --tw-shadow-color: rgb(190 195 208 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/25 {
    --tw-shadow-color: rgb(190 195 208 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/30 {
    --tw-shadow-color: rgb(190 195 208 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/40 {
    --tw-shadow-color: rgb(190 195 208 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/5 {
    --tw-shadow-color: rgb(190 195 208 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/50 {
    --tw-shadow-color: rgb(190 195 208 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/60 {
    --tw-shadow-color: rgb(190 195 208 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/70 {
    --tw-shadow-color: rgb(190 195 208 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/75 {
    --tw-shadow-color: rgb(190 195 208 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/80 {
    --tw-shadow-color: rgb(190 195 208 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/90 {
    --tw-shadow-color: rgb(190 195 208 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-400\/95 {
    --tw-shadow-color: rgb(190 195 208 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500 {
    --tw-shadow-color: #9ea5b8;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/0 {
    --tw-shadow-color: rgb(158 165 184 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/10 {
    --tw-shadow-color: rgb(158 165 184 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/100 {
    --tw-shadow-color: rgb(158 165 184 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/20 {
    --tw-shadow-color: rgb(158 165 184 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/25 {
    --tw-shadow-color: rgb(158 165 184 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/30 {
    --tw-shadow-color: rgb(158 165 184 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/40 {
    --tw-shadow-color: rgb(158 165 184 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/5 {
    --tw-shadow-color: rgb(158 165 184 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/50 {
    --tw-shadow-color: rgb(158 165 184 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/60 {
    --tw-shadow-color: rgb(158 165 184 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/70 {
    --tw-shadow-color: rgb(158 165 184 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/75 {
    --tw-shadow-color: rgb(158 165 184 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/80 {
    --tw-shadow-color: rgb(158 165 184 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/90 {
    --tw-shadow-color: rgb(158 165 184 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-500\/95 {
    --tw-shadow-color: rgb(158 165 184 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600 {
    --tw-shadow-color: #81899c;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/0 {
    --tw-shadow-color: rgb(129 137 156 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/10 {
    --tw-shadow-color: rgb(129 137 156 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/100 {
    --tw-shadow-color: rgb(129 137 156 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/20 {
    --tw-shadow-color: rgb(129 137 156 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/25 {
    --tw-shadow-color: rgb(129 137 156 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/30 {
    --tw-shadow-color: rgb(129 137 156 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/40 {
    --tw-shadow-color: rgb(129 137 156 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/5 {
    --tw-shadow-color: rgb(129 137 156 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/50 {
    --tw-shadow-color: rgb(129 137 156 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/60 {
    --tw-shadow-color: rgb(129 137 156 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/70 {
    --tw-shadow-color: rgb(129 137 156 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/75 {
    --tw-shadow-color: rgb(129 137 156 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/80 {
    --tw-shadow-color: rgb(129 137 156 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/90 {
    --tw-shadow-color: rgb(129 137 156 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-600\/95 {
    --tw-shadow-color: rgb(129 137 156 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700 {
    --tw-shadow-color: #596173;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/0 {
    --tw-shadow-color: rgb(89 97 115 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/10 {
    --tw-shadow-color: rgb(89 97 115 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/100 {
    --tw-shadow-color: rgb(89 97 115 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/20 {
    --tw-shadow-color: rgb(89 97 115 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/25 {
    --tw-shadow-color: rgb(89 97 115 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/30 {
    --tw-shadow-color: rgb(89 97 115 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/40 {
    --tw-shadow-color: rgb(89 97 115 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/5 {
    --tw-shadow-color: rgb(89 97 115 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/50 {
    --tw-shadow-color: rgb(89 97 115 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/60 {
    --tw-shadow-color: rgb(89 97 115 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/70 {
    --tw-shadow-color: rgb(89 97 115 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/75 {
    --tw-shadow-color: rgb(89 97 115 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/80 {
    --tw-shadow-color: rgb(89 97 115 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/90 {
    --tw-shadow-color: rgb(89 97 115 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-700\/95 {
    --tw-shadow-color: rgb(89 97 115 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800 {
    --tw-shadow-color: #343b46;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/0 {
    --tw-shadow-color: rgb(52 59 70 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/10 {
    --tw-shadow-color: rgb(52 59 70 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/100 {
    --tw-shadow-color: rgb(52 59 70 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/20 {
    --tw-shadow-color: rgb(52 59 70 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/25 {
    --tw-shadow-color: rgb(52 59 70 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/30 {
    --tw-shadow-color: rgb(52 59 70 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/40 {
    --tw-shadow-color: rgb(52 59 70 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/5 {
    --tw-shadow-color: rgb(52 59 70 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/50 {
    --tw-shadow-color: rgb(52 59 70 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/60 {
    --tw-shadow-color: rgb(52 59 70 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/70 {
    --tw-shadow-color: rgb(52 59 70 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/75 {
    --tw-shadow-color: rgb(52 59 70 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/80 {
    --tw-shadow-color: rgb(52 59 70 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/90 {
    --tw-shadow-color: rgb(52 59 70 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-800\/95 {
    --tw-shadow-color: rgb(52 59 70 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900 {
    --tw-shadow-color: #1d212a;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/0 {
    --tw-shadow-color: rgb(29 33 42 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/10 {
    --tw-shadow-color: rgb(29 33 42 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/100 {
    --tw-shadow-color: rgb(29 33 42 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/20 {
    --tw-shadow-color: rgb(29 33 42 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/25 {
    --tw-shadow-color: rgb(29 33 42 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/30 {
    --tw-shadow-color: rgb(29 33 42 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/40 {
    --tw-shadow-color: rgb(29 33 42 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/5 {
    --tw-shadow-color: rgb(29 33 42 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/50 {
    --tw-shadow-color: rgb(29 33 42 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/60 {
    --tw-shadow-color: rgb(29 33 42 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/70 {
    --tw-shadow-color: rgb(29 33 42 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/75 {
    --tw-shadow-color: rgb(29 33 42 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/80 {
    --tw-shadow-color: rgb(29 33 42 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/90 {
    --tw-shadow-color: rgb(29 33 42 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-grey-900\/95 {
    --tw-shadow-color: rgb(29 33 42 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen {
    --tw-shadow-color: #039C49;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/0 {
    --tw-shadow-color: rgb(3 156 73 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/10 {
    --tw-shadow-color: rgb(3 156 73 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/100 {
    --tw-shadow-color: rgb(3 156 73 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/20 {
    --tw-shadow-color: rgb(3 156 73 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/25 {
    --tw-shadow-color: rgb(3 156 73 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/30 {
    --tw-shadow-color: rgb(3 156 73 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/40 {
    --tw-shadow-color: rgb(3 156 73 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/5 {
    --tw-shadow-color: rgb(3 156 73 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/50 {
    --tw-shadow-color: rgb(3 156 73 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/60 {
    --tw-shadow-color: rgb(3 156 73 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/70 {
    --tw-shadow-color: rgb(3 156 73 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/75 {
    --tw-shadow-color: rgb(3 156 73 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/80 {
    --tw-shadow-color: rgb(3 156 73 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/90 {
    --tw-shadow-color: rgb(3 156 73 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-lightstepGreen\/95 {
    --tw-shadow-color: rgb(3 156 73 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-text {
    --tw-shadow-color: var(--component-logo-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi {
    --tw-shadow-color: #62D84E;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/0 {
    --tw-shadow-color: rgb(98 216 78 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/10 {
    --tw-shadow-color: rgb(98 216 78 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/100 {
    --tw-shadow-color: rgb(98 216 78 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/20 {
    --tw-shadow-color: rgb(98 216 78 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/25 {
    --tw-shadow-color: rgb(98 216 78 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/30 {
    --tw-shadow-color: rgb(98 216 78 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/40 {
    --tw-shadow-color: rgb(98 216 78 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/5 {
    --tw-shadow-color: rgb(98 216 78 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/50 {
    --tw-shadow-color: rgb(98 216 78 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/60 {
    --tw-shadow-color: rgb(98 216 78 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/70 {
    --tw-shadow-color: rgb(98 216 78 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/75 {
    --tw-shadow-color: rgb(98 216 78 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/80 {
    --tw-shadow-color: rgb(98 216 78 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/90 {
    --tw-shadow-color: rgb(98 216 78 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-logo-wasabi\/95 {
    --tw-shadow-color: rgb(98 216 78 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-backgroundColor {
    --tw-shadow-color: var(--navbar-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-item-background {
    --tw-shadow-color: var(--navbar-item-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-item-backgroundHover {
    --tw-shadow-color: var(--navbar-item-hover-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-item-backgroundSelected {
    --tw-shadow-color: var(--navbar-item-selected-background);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-item-text {
    --tw-shadow-color: var(--navbar-item-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-item-textHover {
    --tw-shadow-color: var(--navbar-item-hover-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-navbar-item-textSelected {
    --tw-shadow-color: var(--navbar-item-selected-text);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100 {
    --tw-shadow-color: #f2f9fd;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/0 {
    --tw-shadow-color: rgb(242 249 253 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/10 {
    --tw-shadow-color: rgb(242 249 253 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/100 {
    --tw-shadow-color: rgb(242 249 253 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/20 {
    --tw-shadow-color: rgb(242 249 253 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/25 {
    --tw-shadow-color: rgb(242 249 253 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/30 {
    --tw-shadow-color: rgb(242 249 253 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/40 {
    --tw-shadow-color: rgb(242 249 253 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/5 {
    --tw-shadow-color: rgb(242 249 253 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/50 {
    --tw-shadow-color: rgb(242 249 253 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/60 {
    --tw-shadow-color: rgb(242 249 253 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/70 {
    --tw-shadow-color: rgb(242 249 253 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/75 {
    --tw-shadow-color: rgb(242 249 253 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/80 {
    --tw-shadow-color: rgb(242 249 253 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/90 {
    --tw-shadow-color: rgb(242 249 253 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-100\/95 {
    --tw-shadow-color: rgb(242 249 253 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200 {
    --tw-shadow-color: #d9eefd;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/0 {
    --tw-shadow-color: rgb(217 238 253 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/10 {
    --tw-shadow-color: rgb(217 238 253 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/100 {
    --tw-shadow-color: rgb(217 238 253 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/20 {
    --tw-shadow-color: rgb(217 238 253 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/25 {
    --tw-shadow-color: rgb(217 238 253 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/30 {
    --tw-shadow-color: rgb(217 238 253 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/40 {
    --tw-shadow-color: rgb(217 238 253 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/5 {
    --tw-shadow-color: rgb(217 238 253 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/50 {
    --tw-shadow-color: rgb(217 238 253 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/60 {
    --tw-shadow-color: rgb(217 238 253 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/70 {
    --tw-shadow-color: rgb(217 238 253 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/75 {
    --tw-shadow-color: rgb(217 238 253 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/80 {
    --tw-shadow-color: rgb(217 238 253 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/90 {
    --tw-shadow-color: rgb(217 238 253 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-200\/95 {
    --tw-shadow-color: rgb(217 238 253 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300 {
    --tw-shadow-color: #b1dbfb;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/0 {
    --tw-shadow-color: rgb(177 219 251 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/10 {
    --tw-shadow-color: rgb(177 219 251 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/100 {
    --tw-shadow-color: rgb(177 219 251 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/20 {
    --tw-shadow-color: rgb(177 219 251 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/25 {
    --tw-shadow-color: rgb(177 219 251 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/30 {
    --tw-shadow-color: rgb(177 219 251 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/40 {
    --tw-shadow-color: rgb(177 219 251 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/5 {
    --tw-shadow-color: rgb(177 219 251 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/50 {
    --tw-shadow-color: rgb(177 219 251 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/60 {
    --tw-shadow-color: rgb(177 219 251 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/70 {
    --tw-shadow-color: rgb(177 219 251 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/75 {
    --tw-shadow-color: rgb(177 219 251 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/80 {
    --tw-shadow-color: rgb(177 219 251 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/90 {
    --tw-shadow-color: rgb(177 219 251 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-300\/95 {
    --tw-shadow-color: rgb(177 219 251 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400 {
    --tw-shadow-color: #79bcf6;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/0 {
    --tw-shadow-color: rgb(121 188 246 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/10 {
    --tw-shadow-color: rgb(121 188 246 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/100 {
    --tw-shadow-color: rgb(121 188 246 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/20 {
    --tw-shadow-color: rgb(121 188 246 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/25 {
    --tw-shadow-color: rgb(121 188 246 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/30 {
    --tw-shadow-color: rgb(121 188 246 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/40 {
    --tw-shadow-color: rgb(121 188 246 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/5 {
    --tw-shadow-color: rgb(121 188 246 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/50 {
    --tw-shadow-color: rgb(121 188 246 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/60 {
    --tw-shadow-color: rgb(121 188 246 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/70 {
    --tw-shadow-color: rgb(121 188 246 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/75 {
    --tw-shadow-color: rgb(121 188 246 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/80 {
    --tw-shadow-color: rgb(121 188 246 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/90 {
    --tw-shadow-color: rgb(121 188 246 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-400\/95 {
    --tw-shadow-color: rgb(121 188 246 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500 {
    --tw-shadow-color: #4d99f0;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/0 {
    --tw-shadow-color: rgb(77 153 240 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/10 {
    --tw-shadow-color: rgb(77 153 240 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/100 {
    --tw-shadow-color: rgb(77 153 240 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/20 {
    --tw-shadow-color: rgb(77 153 240 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/25 {
    --tw-shadow-color: rgb(77 153 240 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/30 {
    --tw-shadow-color: rgb(77 153 240 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/40 {
    --tw-shadow-color: rgb(77 153 240 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/5 {
    --tw-shadow-color: rgb(77 153 240 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/50 {
    --tw-shadow-color: rgb(77 153 240 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/60 {
    --tw-shadow-color: rgb(77 153 240 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/70 {
    --tw-shadow-color: rgb(77 153 240 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/75 {
    --tw-shadow-color: rgb(77 153 240 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/80 {
    --tw-shadow-color: rgb(77 153 240 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/90 {
    --tw-shadow-color: rgb(77 153 240 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-500\/95 {
    --tw-shadow-color: rgb(77 153 240 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600 {
    --tw-shadow-color: #1e82e6;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/0 {
    --tw-shadow-color: rgb(30 130 230 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/10 {
    --tw-shadow-color: rgb(30 130 230 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/100 {
    --tw-shadow-color: rgb(30 130 230 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/20 {
    --tw-shadow-color: rgb(30 130 230 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/25 {
    --tw-shadow-color: rgb(30 130 230 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/30 {
    --tw-shadow-color: rgb(30 130 230 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/40 {
    --tw-shadow-color: rgb(30 130 230 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/5 {
    --tw-shadow-color: rgb(30 130 230 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/50 {
    --tw-shadow-color: rgb(30 130 230 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/60 {
    --tw-shadow-color: rgb(30 130 230 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/70 {
    --tw-shadow-color: rgb(30 130 230 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/75 {
    --tw-shadow-color: rgb(30 130 230 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/80 {
    --tw-shadow-color: rgb(30 130 230 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/90 {
    --tw-shadow-color: rgb(30 130 230 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-600\/95 {
    --tw-shadow-color: rgb(30 130 230 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700 {
    --tw-shadow-color: #115cb0;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/0 {
    --tw-shadow-color: rgb(17 92 176 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/10 {
    --tw-shadow-color: rgb(17 92 176 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/100 {
    --tw-shadow-color: rgb(17 92 176 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/20 {
    --tw-shadow-color: rgb(17 92 176 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/25 {
    --tw-shadow-color: rgb(17 92 176 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/30 {
    --tw-shadow-color: rgb(17 92 176 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/40 {
    --tw-shadow-color: rgb(17 92 176 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/5 {
    --tw-shadow-color: rgb(17 92 176 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/50 {
    --tw-shadow-color: rgb(17 92 176 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/60 {
    --tw-shadow-color: rgb(17 92 176 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/70 {
    --tw-shadow-color: rgb(17 92 176 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/75 {
    --tw-shadow-color: rgb(17 92 176 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/80 {
    --tw-shadow-color: rgb(17 92 176 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/90 {
    --tw-shadow-color: rgb(17 92 176 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-700\/95 {
    --tw-shadow-color: rgb(17 92 176 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800 {
    --tw-shadow-color: #18366d;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/0 {
    --tw-shadow-color: rgb(24 54 109 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/10 {
    --tw-shadow-color: rgb(24 54 109 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/100 {
    --tw-shadow-color: rgb(24 54 109 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/20 {
    --tw-shadow-color: rgb(24 54 109 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/25 {
    --tw-shadow-color: rgb(24 54 109 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/30 {
    --tw-shadow-color: rgb(24 54 109 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/40 {
    --tw-shadow-color: rgb(24 54 109 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/5 {
    --tw-shadow-color: rgb(24 54 109 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/50 {
    --tw-shadow-color: rgb(24 54 109 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/60 {
    --tw-shadow-color: rgb(24 54 109 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/70 {
    --tw-shadow-color: rgb(24 54 109 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/75 {
    --tw-shadow-color: rgb(24 54 109 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/80 {
    --tw-shadow-color: rgb(24 54 109 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/90 {
    --tw-shadow-color: rgb(24 54 109 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-800\/95 {
    --tw-shadow-color: rgb(24 54 109 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900 {
    --tw-shadow-color: #1c2736;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/0 {
    --tw-shadow-color: rgb(28 39 54 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/10 {
    --tw-shadow-color: rgb(28 39 54 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/100 {
    --tw-shadow-color: rgb(28 39 54 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/20 {
    --tw-shadow-color: rgb(28 39 54 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/25 {
    --tw-shadow-color: rgb(28 39 54 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/30 {
    --tw-shadow-color: rgb(28 39 54 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/40 {
    --tw-shadow-color: rgb(28 39 54 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/5 {
    --tw-shadow-color: rgb(28 39 54 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/50 {
    --tw-shadow-color: rgb(28 39 54 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/60 {
    --tw-shadow-color: rgb(28 39 54 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/70 {
    --tw-shadow-color: rgb(28 39 54 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/75 {
    --tw-shadow-color: rgb(28 39 54 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/80 {
    --tw-shadow-color: rgb(28 39 54 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/90 {
    --tw-shadow-color: rgb(28 39 54 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-primary-900\/95 {
    --tw-shadow-color: rgb(28 39 54 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100 {
    --tw-shadow-color: #f7f6fe;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/0 {
    --tw-shadow-color: rgb(247 246 254 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/10 {
    --tw-shadow-color: rgb(247 246 254 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/100 {
    --tw-shadow-color: rgb(247 246 254 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/20 {
    --tw-shadow-color: rgb(247 246 254 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/25 {
    --tw-shadow-color: rgb(247 246 254 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/30 {
    --tw-shadow-color: rgb(247 246 254 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/40 {
    --tw-shadow-color: rgb(247 246 254 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/5 {
    --tw-shadow-color: rgb(247 246 254 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/50 {
    --tw-shadow-color: rgb(247 246 254 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/60 {
    --tw-shadow-color: rgb(247 246 254 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/70 {
    --tw-shadow-color: rgb(247 246 254 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/75 {
    --tw-shadow-color: rgb(247 246 254 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/80 {
    --tw-shadow-color: rgb(247 246 254 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/90 {
    --tw-shadow-color: rgb(247 246 254 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-100\/95 {
    --tw-shadow-color: rgb(247 246 254 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200 {
    --tw-shadow-color: #e8e8fd;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/0 {
    --tw-shadow-color: rgb(232 232 253 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/10 {
    --tw-shadow-color: rgb(232 232 253 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/100 {
    --tw-shadow-color: rgb(232 232 253 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/20 {
    --tw-shadow-color: rgb(232 232 253 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/25 {
    --tw-shadow-color: rgb(232 232 253 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/30 {
    --tw-shadow-color: rgb(232 232 253 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/40 {
    --tw-shadow-color: rgb(232 232 253 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/5 {
    --tw-shadow-color: rgb(232 232 253 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/50 {
    --tw-shadow-color: rgb(232 232 253 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/60 {
    --tw-shadow-color: rgb(232 232 253 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/70 {
    --tw-shadow-color: rgb(232 232 253 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/75 {
    --tw-shadow-color: rgb(232 232 253 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/80 {
    --tw-shadow-color: rgb(232 232 253 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/90 {
    --tw-shadow-color: rgb(232 232 253 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-200\/95 {
    --tw-shadow-color: rgb(232 232 253 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300 {
    --tw-shadow-color: #cdc9f8;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/0 {
    --tw-shadow-color: rgb(205 201 248 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/10 {
    --tw-shadow-color: rgb(205 201 248 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/100 {
    --tw-shadow-color: rgb(205 201 248 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/20 {
    --tw-shadow-color: rgb(205 201 248 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/25 {
    --tw-shadow-color: rgb(205 201 248 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/30 {
    --tw-shadow-color: rgb(205 201 248 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/40 {
    --tw-shadow-color: rgb(205 201 248 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/5 {
    --tw-shadow-color: rgb(205 201 248 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/50 {
    --tw-shadow-color: rgb(205 201 248 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/60 {
    --tw-shadow-color: rgb(205 201 248 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/70 {
    --tw-shadow-color: rgb(205 201 248 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/75 {
    --tw-shadow-color: rgb(205 201 248 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/80 {
    --tw-shadow-color: rgb(205 201 248 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/90 {
    --tw-shadow-color: rgb(205 201 248 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-300\/95 {
    --tw-shadow-color: rgb(205 201 248 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400 {
    --tw-shadow-color: #aca7f1;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/0 {
    --tw-shadow-color: rgb(172 167 241 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/10 {
    --tw-shadow-color: rgb(172 167 241 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/100 {
    --tw-shadow-color: rgb(172 167 241 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/20 {
    --tw-shadow-color: rgb(172 167 241 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/25 {
    --tw-shadow-color: rgb(172 167 241 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/30 {
    --tw-shadow-color: rgb(172 167 241 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/40 {
    --tw-shadow-color: rgb(172 167 241 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/5 {
    --tw-shadow-color: rgb(172 167 241 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/50 {
    --tw-shadow-color: rgb(172 167 241 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/60 {
    --tw-shadow-color: rgb(172 167 241 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/70 {
    --tw-shadow-color: rgb(172 167 241 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/75 {
    --tw-shadow-color: rgb(172 167 241 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/80 {
    --tw-shadow-color: rgb(172 167 241 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/90 {
    --tw-shadow-color: rgb(172 167 241 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-400\/95 {
    --tw-shadow-color: rgb(172 167 241 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500 {
    --tw-shadow-color: #8986e9;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/0 {
    --tw-shadow-color: rgb(137 134 233 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/10 {
    --tw-shadow-color: rgb(137 134 233 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/100 {
    --tw-shadow-color: rgb(137 134 233 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/20 {
    --tw-shadow-color: rgb(137 134 233 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/25 {
    --tw-shadow-color: rgb(137 134 233 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/30 {
    --tw-shadow-color: rgb(137 134 233 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/40 {
    --tw-shadow-color: rgb(137 134 233 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/5 {
    --tw-shadow-color: rgb(137 134 233 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/50 {
    --tw-shadow-color: rgb(137 134 233 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/60 {
    --tw-shadow-color: rgb(137 134 233 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/70 {
    --tw-shadow-color: rgb(137 134 233 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/75 {
    --tw-shadow-color: rgb(137 134 233 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/80 {
    --tw-shadow-color: rgb(137 134 233 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/90 {
    --tw-shadow-color: rgb(137 134 233 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-500\/95 {
    --tw-shadow-color: rgb(137 134 233 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600 {
    --tw-shadow-color: #6e68de;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/0 {
    --tw-shadow-color: rgb(110 104 222 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/10 {
    --tw-shadow-color: rgb(110 104 222 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/100 {
    --tw-shadow-color: rgb(110 104 222 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/20 {
    --tw-shadow-color: rgb(110 104 222 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/25 {
    --tw-shadow-color: rgb(110 104 222 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/30 {
    --tw-shadow-color: rgb(110 104 222 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/40 {
    --tw-shadow-color: rgb(110 104 222 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/5 {
    --tw-shadow-color: rgb(110 104 222 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/50 {
    --tw-shadow-color: rgb(110 104 222 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/60 {
    --tw-shadow-color: rgb(110 104 222 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/70 {
    --tw-shadow-color: rgb(110 104 222 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/75 {
    --tw-shadow-color: rgb(110 104 222 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/80 {
    --tw-shadow-color: rgb(110 104 222 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/90 {
    --tw-shadow-color: rgb(110 104 222 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-600\/95 {
    --tw-shadow-color: rgb(110 104 222 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700 {
    --tw-shadow-color: #433db3;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/0 {
    --tw-shadow-color: rgb(67 61 179 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/10 {
    --tw-shadow-color: rgb(67 61 179 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/100 {
    --tw-shadow-color: rgb(67 61 179 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/20 {
    --tw-shadow-color: rgb(67 61 179 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/25 {
    --tw-shadow-color: rgb(67 61 179 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/30 {
    --tw-shadow-color: rgb(67 61 179 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/40 {
    --tw-shadow-color: rgb(67 61 179 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/5 {
    --tw-shadow-color: rgb(67 61 179 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/50 {
    --tw-shadow-color: rgb(67 61 179 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/60 {
    --tw-shadow-color: rgb(67 61 179 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/70 {
    --tw-shadow-color: rgb(67 61 179 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/75 {
    --tw-shadow-color: rgb(67 61 179 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/80 {
    --tw-shadow-color: rgb(67 61 179 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/90 {
    --tw-shadow-color: rgb(67 61 179 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-700\/95 {
    --tw-shadow-color: rgb(67 61 179 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800 {
    --tw-shadow-color: #211b5f;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/0 {
    --tw-shadow-color: rgb(33 27 95 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/10 {
    --tw-shadow-color: rgb(33 27 95 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/100 {
    --tw-shadow-color: rgb(33 27 95 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/20 {
    --tw-shadow-color: rgb(33 27 95 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/25 {
    --tw-shadow-color: rgb(33 27 95 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/30 {
    --tw-shadow-color: rgb(33 27 95 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/40 {
    --tw-shadow-color: rgb(33 27 95 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/5 {
    --tw-shadow-color: rgb(33 27 95 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/50 {
    --tw-shadow-color: rgb(33 27 95 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/60 {
    --tw-shadow-color: rgb(33 27 95 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/70 {
    --tw-shadow-color: rgb(33 27 95 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/75 {
    --tw-shadow-color: rgb(33 27 95 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/80 {
    --tw-shadow-color: rgb(33 27 95 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/90 {
    --tw-shadow-color: rgb(33 27 95 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-800\/95 {
    --tw-shadow-color: rgb(33 27 95 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900 {
    --tw-shadow-color: #201f33;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/0 {
    --tw-shadow-color: rgb(32 31 51 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/10 {
    --tw-shadow-color: rgb(32 31 51 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/100 {
    --tw-shadow-color: rgb(32 31 51 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/20 {
    --tw-shadow-color: rgb(32 31 51 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/25 {
    --tw-shadow-color: rgb(32 31 51 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/30 {
    --tw-shadow-color: rgb(32 31 51 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/40 {
    --tw-shadow-color: rgb(32 31 51 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/5 {
    --tw-shadow-color: rgb(32 31 51 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/50 {
    --tw-shadow-color: rgb(32 31 51 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/60 {
    --tw-shadow-color: rgb(32 31 51 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/70 {
    --tw-shadow-color: rgb(32 31 51 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/75 {
    --tw-shadow-color: rgb(32 31 51 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/80 {
    --tw-shadow-color: rgb(32 31 51 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/90 {
    --tw-shadow-color: rgb(32 31 51 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-promo-900\/95 {
    --tw-shadow-color: rgb(32 31 51 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100 {
    --tw-shadow-color: #f8fcf8;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/0 {
    --tw-shadow-color: rgb(248 252 248 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/10 {
    --tw-shadow-color: rgb(248 252 248 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/100 {
    --tw-shadow-color: rgb(248 252 248 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/20 {
    --tw-shadow-color: rgb(248 252 248 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/25 {
    --tw-shadow-color: rgb(248 252 248 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/30 {
    --tw-shadow-color: rgb(248 252 248 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/40 {
    --tw-shadow-color: rgb(248 252 248 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/5 {
    --tw-shadow-color: rgb(248 252 248 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/50 {
    --tw-shadow-color: rgb(248 252 248 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/60 {
    --tw-shadow-color: rgb(248 252 248 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/70 {
    --tw-shadow-color: rgb(248 252 248 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/75 {
    --tw-shadow-color: rgb(248 252 248 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/80 {
    --tw-shadow-color: rgb(248 252 248 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/90 {
    --tw-shadow-color: rgb(248 252 248 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-100\/95 {
    --tw-shadow-color: rgb(248 252 248 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200 {
    --tw-shadow-color: #e1f4e4;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/0 {
    --tw-shadow-color: rgb(225 244 228 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/10 {
    --tw-shadow-color: rgb(225 244 228 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/100 {
    --tw-shadow-color: rgb(225 244 228 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/20 {
    --tw-shadow-color: rgb(225 244 228 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/25 {
    --tw-shadow-color: rgb(225 244 228 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/30 {
    --tw-shadow-color: rgb(225 244 228 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/40 {
    --tw-shadow-color: rgb(225 244 228 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/5 {
    --tw-shadow-color: rgb(225 244 228 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/50 {
    --tw-shadow-color: rgb(225 244 228 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/60 {
    --tw-shadow-color: rgb(225 244 228 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/70 {
    --tw-shadow-color: rgb(225 244 228 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/75 {
    --tw-shadow-color: rgb(225 244 228 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/80 {
    --tw-shadow-color: rgb(225 244 228 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/90 {
    --tw-shadow-color: rgb(225 244 228 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-200\/95 {
    --tw-shadow-color: rgb(225 244 228 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300 {
    --tw-shadow-color: #c3e9ca;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/0 {
    --tw-shadow-color: rgb(195 233 202 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/10 {
    --tw-shadow-color: rgb(195 233 202 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/100 {
    --tw-shadow-color: rgb(195 233 202 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/20 {
    --tw-shadow-color: rgb(195 233 202 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/25 {
    --tw-shadow-color: rgb(195 233 202 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/30 {
    --tw-shadow-color: rgb(195 233 202 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/40 {
    --tw-shadow-color: rgb(195 233 202 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/5 {
    --tw-shadow-color: rgb(195 233 202 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/50 {
    --tw-shadow-color: rgb(195 233 202 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/60 {
    --tw-shadow-color: rgb(195 233 202 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/70 {
    --tw-shadow-color: rgb(195 233 202 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/75 {
    --tw-shadow-color: rgb(195 233 202 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/80 {
    --tw-shadow-color: rgb(195 233 202 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/90 {
    --tw-shadow-color: rgb(195 233 202 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-300\/95 {
    --tw-shadow-color: rgb(195 233 202 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400 {
    --tw-shadow-color: #98d7a3;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/0 {
    --tw-shadow-color: rgb(152 215 163 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/10 {
    --tw-shadow-color: rgb(152 215 163 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/100 {
    --tw-shadow-color: rgb(152 215 163 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/20 {
    --tw-shadow-color: rgb(152 215 163 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/25 {
    --tw-shadow-color: rgb(152 215 163 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/30 {
    --tw-shadow-color: rgb(152 215 163 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/40 {
    --tw-shadow-color: rgb(152 215 163 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/5 {
    --tw-shadow-color: rgb(152 215 163 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/50 {
    --tw-shadow-color: rgb(152 215 163 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/60 {
    --tw-shadow-color: rgb(152 215 163 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/70 {
    --tw-shadow-color: rgb(152 215 163 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/75 {
    --tw-shadow-color: rgb(152 215 163 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/80 {
    --tw-shadow-color: rgb(152 215 163 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/90 {
    --tw-shadow-color: rgb(152 215 163 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-400\/95 {
    --tw-shadow-color: rgb(152 215 163 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500 {
    --tw-shadow-color: #75c783;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/0 {
    --tw-shadow-color: rgb(117 199 131 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/10 {
    --tw-shadow-color: rgb(117 199 131 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/100 {
    --tw-shadow-color: rgb(117 199 131 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/20 {
    --tw-shadow-color: rgb(117 199 131 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/25 {
    --tw-shadow-color: rgb(117 199 131 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/30 {
    --tw-shadow-color: rgb(117 199 131 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/40 {
    --tw-shadow-color: rgb(117 199 131 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/5 {
    --tw-shadow-color: rgb(117 199 131 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/50 {
    --tw-shadow-color: rgb(117 199 131 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/60 {
    --tw-shadow-color: rgb(117 199 131 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/70 {
    --tw-shadow-color: rgb(117 199 131 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/75 {
    --tw-shadow-color: rgb(117 199 131 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/80 {
    --tw-shadow-color: rgb(117 199 131 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/90 {
    --tw-shadow-color: rgb(117 199 131 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-500\/95 {
    --tw-shadow-color: rgb(117 199 131 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600 {
    --tw-shadow-color: #48a85e;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/0 {
    --tw-shadow-color: rgb(72 168 94 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/10 {
    --tw-shadow-color: rgb(72 168 94 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/100 {
    --tw-shadow-color: rgb(72 168 94 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/20 {
    --tw-shadow-color: rgb(72 168 94 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/25 {
    --tw-shadow-color: rgb(72 168 94 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/30 {
    --tw-shadow-color: rgb(72 168 94 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/40 {
    --tw-shadow-color: rgb(72 168 94 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/5 {
    --tw-shadow-color: rgb(72 168 94 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/50 {
    --tw-shadow-color: rgb(72 168 94 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/60 {
    --tw-shadow-color: rgb(72 168 94 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/70 {
    --tw-shadow-color: rgb(72 168 94 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/75 {
    --tw-shadow-color: rgb(72 168 94 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/80 {
    --tw-shadow-color: rgb(72 168 94 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/90 {
    --tw-shadow-color: rgb(72 168 94 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-600\/95 {
    --tw-shadow-color: rgb(72 168 94 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700 {
    --tw-shadow-color: #3c864f;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/0 {
    --tw-shadow-color: rgb(60 134 79 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/10 {
    --tw-shadow-color: rgb(60 134 79 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/100 {
    --tw-shadow-color: rgb(60 134 79 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/20 {
    --tw-shadow-color: rgb(60 134 79 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/25 {
    --tw-shadow-color: rgb(60 134 79 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/30 {
    --tw-shadow-color: rgb(60 134 79 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/40 {
    --tw-shadow-color: rgb(60 134 79 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/5 {
    --tw-shadow-color: rgb(60 134 79 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/50 {
    --tw-shadow-color: rgb(60 134 79 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/60 {
    --tw-shadow-color: rgb(60 134 79 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/70 {
    --tw-shadow-color: rgb(60 134 79 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/75 {
    --tw-shadow-color: rgb(60 134 79 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/80 {
    --tw-shadow-color: rgb(60 134 79 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/90 {
    --tw-shadow-color: rgb(60 134 79 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-700\/95 {
    --tw-shadow-color: rgb(60 134 79 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800 {
    --tw-shadow-color: #21452b;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/0 {
    --tw-shadow-color: rgb(33 69 43 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/10 {
    --tw-shadow-color: rgb(33 69 43 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/100 {
    --tw-shadow-color: rgb(33 69 43 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/20 {
    --tw-shadow-color: rgb(33 69 43 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/25 {
    --tw-shadow-color: rgb(33 69 43 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/30 {
    --tw-shadow-color: rgb(33 69 43 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/40 {
    --tw-shadow-color: rgb(33 69 43 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/5 {
    --tw-shadow-color: rgb(33 69 43 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/50 {
    --tw-shadow-color: rgb(33 69 43 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/60 {
    --tw-shadow-color: rgb(33 69 43 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/70 {
    --tw-shadow-color: rgb(33 69 43 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/75 {
    --tw-shadow-color: rgb(33 69 43 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/80 {
    --tw-shadow-color: rgb(33 69 43 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/90 {
    --tw-shadow-color: rgb(33 69 43 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-800\/95 {
    --tw-shadow-color: rgb(33 69 43 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900 {
    --tw-shadow-color: #1d2a21;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/0 {
    --tw-shadow-color: rgb(29 42 33 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/10 {
    --tw-shadow-color: rgb(29 42 33 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/100 {
    --tw-shadow-color: rgb(29 42 33 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/20 {
    --tw-shadow-color: rgb(29 42 33 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/25 {
    --tw-shadow-color: rgb(29 42 33 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/30 {
    --tw-shadow-color: rgb(29 42 33 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/40 {
    --tw-shadow-color: rgb(29 42 33 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/5 {
    --tw-shadow-color: rgb(29 42 33 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/50 {
    --tw-shadow-color: rgb(29 42 33 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/60 {
    --tw-shadow-color: rgb(29 42 33 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/70 {
    --tw-shadow-color: rgb(29 42 33 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/75 {
    --tw-shadow-color: rgb(29 42 33 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/80 {
    --tw-shadow-color: rgb(29 42 33 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/90 {
    --tw-shadow-color: rgb(29 42 33 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-success-900\/95 {
    --tw-shadow-color: rgb(29 42 33 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent {
    --tw-shadow-color: transparent;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/0 {
    --tw-shadow-color: rgb(0 0 0 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/10 {
    --tw-shadow-color: rgb(0 0 0 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/100 {
    --tw-shadow-color: rgb(0 0 0 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/20 {
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/25 {
    --tw-shadow-color: rgb(0 0 0 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/30 {
    --tw-shadow-color: rgb(0 0 0 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/40 {
    --tw-shadow-color: rgb(0 0 0 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/5 {
    --tw-shadow-color: rgb(0 0 0 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/50 {
    --tw-shadow-color: rgb(0 0 0 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/60 {
    --tw-shadow-color: rgb(0 0 0 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/70 {
    --tw-shadow-color: rgb(0 0 0 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/75 {
    --tw-shadow-color: rgb(0 0 0 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/80 {
    --tw-shadow-color: rgb(0 0 0 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/90 {
    --tw-shadow-color: rgb(0 0 0 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-transparent\/95 {
    --tw-shadow-color: rgb(0 0 0 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100 {
    --tw-shadow-color: #fefbf6;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/0 {
    --tw-shadow-color: rgb(254 251 246 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/10 {
    --tw-shadow-color: rgb(254 251 246 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/100 {
    --tw-shadow-color: rgb(254 251 246 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/20 {
    --tw-shadow-color: rgb(254 251 246 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/25 {
    --tw-shadow-color: rgb(254 251 246 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/30 {
    --tw-shadow-color: rgb(254 251 246 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/40 {
    --tw-shadow-color: rgb(254 251 246 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/5 {
    --tw-shadow-color: rgb(254 251 246 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/50 {
    --tw-shadow-color: rgb(254 251 246 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/60 {
    --tw-shadow-color: rgb(254 251 246 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/70 {
    --tw-shadow-color: rgb(254 251 246 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/75 {
    --tw-shadow-color: rgb(254 251 246 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/80 {
    --tw-shadow-color: rgb(254 251 246 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/90 {
    --tw-shadow-color: rgb(254 251 246 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-100\/95 {
    --tw-shadow-color: rgb(254 251 246 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200 {
    --tw-shadow-color: #fbedd0;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/0 {
    --tw-shadow-color: rgb(251 237 208 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/10 {
    --tw-shadow-color: rgb(251 237 208 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/100 {
    --tw-shadow-color: rgb(251 237 208 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/20 {
    --tw-shadow-color: rgb(251 237 208 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/25 {
    --tw-shadow-color: rgb(251 237 208 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/30 {
    --tw-shadow-color: rgb(251 237 208 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/40 {
    --tw-shadow-color: rgb(251 237 208 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/5 {
    --tw-shadow-color: rgb(251 237 208 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/50 {
    --tw-shadow-color: rgb(251 237 208 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/60 {
    --tw-shadow-color: rgb(251 237 208 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/70 {
    --tw-shadow-color: rgb(251 237 208 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/75 {
    --tw-shadow-color: rgb(251 237 208 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/80 {
    --tw-shadow-color: rgb(251 237 208 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/90 {
    --tw-shadow-color: rgb(251 237 208 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-200\/95 {
    --tw-shadow-color: rgb(251 237 208 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300 {
    --tw-shadow-color: #f9de9f;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/0 {
    --tw-shadow-color: rgb(249 222 159 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/10 {
    --tw-shadow-color: rgb(249 222 159 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/100 {
    --tw-shadow-color: rgb(249 222 159 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/20 {
    --tw-shadow-color: rgb(249 222 159 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/25 {
    --tw-shadow-color: rgb(249 222 159 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/30 {
    --tw-shadow-color: rgb(249 222 159 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/40 {
    --tw-shadow-color: rgb(249 222 159 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/5 {
    --tw-shadow-color: rgb(249 222 159 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/50 {
    --tw-shadow-color: rgb(249 222 159 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/60 {
    --tw-shadow-color: rgb(249 222 159 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/70 {
    --tw-shadow-color: rgb(249 222 159 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/75 {
    --tw-shadow-color: rgb(249 222 159 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/80 {
    --tw-shadow-color: rgb(249 222 159 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/90 {
    --tw-shadow-color: rgb(249 222 159 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-300\/95 {
    --tw-shadow-color: rgb(249 222 159 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400 {
    --tw-shadow-color: #f4d07c;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/0 {
    --tw-shadow-color: rgb(244 208 124 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/10 {
    --tw-shadow-color: rgb(244 208 124 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/100 {
    --tw-shadow-color: rgb(244 208 124 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/20 {
    --tw-shadow-color: rgb(244 208 124 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/25 {
    --tw-shadow-color: rgb(244 208 124 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/30 {
    --tw-shadow-color: rgb(244 208 124 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/40 {
    --tw-shadow-color: rgb(244 208 124 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/5 {
    --tw-shadow-color: rgb(244 208 124 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/50 {
    --tw-shadow-color: rgb(244 208 124 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/60 {
    --tw-shadow-color: rgb(244 208 124 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/70 {
    --tw-shadow-color: rgb(244 208 124 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/75 {
    --tw-shadow-color: rgb(244 208 124 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/80 {
    --tw-shadow-color: rgb(244 208 124 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/90 {
    --tw-shadow-color: rgb(244 208 124 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-400\/95 {
    --tw-shadow-color: rgb(244 208 124 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500 {
    --tw-shadow-color: #f3c649;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/0 {
    --tw-shadow-color: rgb(243 198 73 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/10 {
    --tw-shadow-color: rgb(243 198 73 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/100 {
    --tw-shadow-color: rgb(243 198 73 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/20 {
    --tw-shadow-color: rgb(243 198 73 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/25 {
    --tw-shadow-color: rgb(243 198 73 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/30 {
    --tw-shadow-color: rgb(243 198 73 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/40 {
    --tw-shadow-color: rgb(243 198 73 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/5 {
    --tw-shadow-color: rgb(243 198 73 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/50 {
    --tw-shadow-color: rgb(243 198 73 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/60 {
    --tw-shadow-color: rgb(243 198 73 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/70 {
    --tw-shadow-color: rgb(243 198 73 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/75 {
    --tw-shadow-color: rgb(243 198 73 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/80 {
    --tw-shadow-color: rgb(243 198 73 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/90 {
    --tw-shadow-color: rgb(243 198 73 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-500\/95 {
    --tw-shadow-color: rgb(243 198 73 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600 {
    --tw-shadow-color: #f4b72a;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/0 {
    --tw-shadow-color: rgb(244 183 42 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/10 {
    --tw-shadow-color: rgb(244 183 42 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/100 {
    --tw-shadow-color: rgb(244 183 42 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/20 {
    --tw-shadow-color: rgb(244 183 42 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/25 {
    --tw-shadow-color: rgb(244 183 42 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/30 {
    --tw-shadow-color: rgb(244 183 42 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/40 {
    --tw-shadow-color: rgb(244 183 42 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/5 {
    --tw-shadow-color: rgb(244 183 42 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/50 {
    --tw-shadow-color: rgb(244 183 42 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/60 {
    --tw-shadow-color: rgb(244 183 42 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/70 {
    --tw-shadow-color: rgb(244 183 42 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/75 {
    --tw-shadow-color: rgb(244 183 42 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/80 {
    --tw-shadow-color: rgb(244 183 42 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/90 {
    --tw-shadow-color: rgb(244 183 42 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-600\/95 {
    --tw-shadow-color: rgb(244 183 42 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700 {
    --tw-shadow-color: #b67d0c;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/0 {
    --tw-shadow-color: rgb(182 125 12 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/10 {
    --tw-shadow-color: rgb(182 125 12 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/100 {
    --tw-shadow-color: rgb(182 125 12 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/20 {
    --tw-shadow-color: rgb(182 125 12 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/25 {
    --tw-shadow-color: rgb(182 125 12 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/30 {
    --tw-shadow-color: rgb(182 125 12 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/40 {
    --tw-shadow-color: rgb(182 125 12 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/5 {
    --tw-shadow-color: rgb(182 125 12 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/50 {
    --tw-shadow-color: rgb(182 125 12 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/60 {
    --tw-shadow-color: rgb(182 125 12 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/70 {
    --tw-shadow-color: rgb(182 125 12 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/75 {
    --tw-shadow-color: rgb(182 125 12 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/80 {
    --tw-shadow-color: rgb(182 125 12 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/90 {
    --tw-shadow-color: rgb(182 125 12 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-700\/95 {
    --tw-shadow-color: rgb(182 125 12 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800 {
    --tw-shadow-color: #5f3f07;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/0 {
    --tw-shadow-color: rgb(95 63 7 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/10 {
    --tw-shadow-color: rgb(95 63 7 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/100 {
    --tw-shadow-color: rgb(95 63 7 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/20 {
    --tw-shadow-color: rgb(95 63 7 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/25 {
    --tw-shadow-color: rgb(95 63 7 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/30 {
    --tw-shadow-color: rgb(95 63 7 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/40 {
    --tw-shadow-color: rgb(95 63 7 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/5 {
    --tw-shadow-color: rgb(95 63 7 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/50 {
    --tw-shadow-color: rgb(95 63 7 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/60 {
    --tw-shadow-color: rgb(95 63 7 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/70 {
    --tw-shadow-color: rgb(95 63 7 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/75 {
    --tw-shadow-color: rgb(95 63 7 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/80 {
    --tw-shadow-color: rgb(95 63 7 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/90 {
    --tw-shadow-color: rgb(95 63 7 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-800\/95 {
    --tw-shadow-color: rgb(95 63 7 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900 {
    --tw-shadow-color: #2a2722;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/0 {
    --tw-shadow-color: rgb(42 39 34 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/10 {
    --tw-shadow-color: rgb(42 39 34 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/100 {
    --tw-shadow-color: rgb(42 39 34 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/20 {
    --tw-shadow-color: rgb(42 39 34 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/25 {
    --tw-shadow-color: rgb(42 39 34 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/30 {
    --tw-shadow-color: rgb(42 39 34 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/40 {
    --tw-shadow-color: rgb(42 39 34 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/5 {
    --tw-shadow-color: rgb(42 39 34 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/50 {
    --tw-shadow-color: rgb(42 39 34 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/60 {
    --tw-shadow-color: rgb(42 39 34 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/70 {
    --tw-shadow-color: rgb(42 39 34 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/75 {
    --tw-shadow-color: rgb(42 39 34 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/80 {
    --tw-shadow-color: rgb(42 39 34 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/90 {
    --tw-shadow-color: rgb(42 39 34 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-warning-900\/95 {
    --tw-shadow-color: rgb(42 39 34 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white {
    --tw-shadow-color: #fff;
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/0 {
    --tw-shadow-color: rgb(255 255 255 / 0);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/10 {
    --tw-shadow-color: rgb(255 255 255 / 0.1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/100 {
    --tw-shadow-color: rgb(255 255 255 / 1);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/20 {
    --tw-shadow-color: rgb(255 255 255 / 0.2);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/25 {
    --tw-shadow-color: rgb(255 255 255 / 0.25);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/30 {
    --tw-shadow-color: rgb(255 255 255 / 0.3);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/40 {
    --tw-shadow-color: rgb(255 255 255 / 0.4);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/5 {
    --tw-shadow-color: rgb(255 255 255 / 0.05);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/50 {
    --tw-shadow-color: rgb(255 255 255 / 0.5);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/60 {
    --tw-shadow-color: rgb(255 255 255 / 0.6);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/70 {
    --tw-shadow-color: rgb(255 255 255 / 0.7);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/75 {
    --tw-shadow-color: rgb(255 255 255 / 0.75);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/80 {
    --tw-shadow-color: rgb(255 255 255 / 0.8);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/90 {
    --tw-shadow-color: rgb(255 255 255 / 0.9);
    --tw-shadow: var(--tw-shadow-colored)
}
.shadow-white\/95 {
    --tw-shadow-color: rgb(255 255 255 / 0.95);
    --tw-shadow: var(--tw-shadow-colored)
}
.outline {
    outline-style: solid
}
.blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.content-none {
    --tw-content: none;
    content: var(--tw-content)
}
.border-\[border\] {
    border: border
}
.border-actionFocused {
    border: 1px solid var(--border-color-action-focused)
}
.border-actionHovered {
    border: 1px solid var(--border-color-action-hovered)
}
.border-b-actionFocused {
    border-bottom: 1px solid var(--border-color-action-focused)
}
.border-b-actionHovered {
    border-bottom: 1px solid var(--border-color-action-hovered)
}
.border-b-base {
    border-bottom: 1px solid var(--border-color-base)
}
.border-b-container {
    border-bottom: 1px solid var(--border-color-container)
}
.border-b-default {
    border-bottom: 1px solid var(--border-color-base)
}
.border-b-error {
    border-bottom: 1px solid var(--border-color-error)
}
.border-b-focused {
    border-bottom: 1px solid var(var(--border-color-action-focused))
}
.border-base {
    border: 1px solid var(--border-color-base)
}
.border-container {
    border: 1px solid var(--border-color-container)
}
.border-default {
    border: 1px solid var(--border-color-base)
}
.border-error {
    border: 1px solid var(--border-color-error)
}
.border-focused {
    border: 1px solid var(var(--border-color-action-focused))
}
.border-l-actionFocused {
    border-left: 1px solid var(--border-color-action-focused)
}
.border-l-actionHovered {
    border-left: 1px solid var(--border-color-action-hovered)
}
.border-l-base {
    border-left: 1px solid var(--border-color-base)
}
.border-l-container {
    border-left: 1px solid var(--border-color-container)
}
.border-l-default {
    border-left: 1px solid var(--border-color-base)
}
.border-l-error {
    border-left: 1px solid var(--border-color-error)
}
.border-l-focused {
    border-left: 1px solid var(var(--border-color-action-focused))
}
.border-r-actionFocused {
    border-right: 1px solid var(--border-color-action-focused)
}
.border-r-actionHovered {
    border-right: 1px solid var(--border-color-action-hovered)
}
.border-r-base {
    border-right: 1px solid var(--border-color-base)
}
.border-r-container {
    border-right: 1px solid var(--border-color-container)
}
.border-r-default {
    border-right: 1px solid var(--border-color-base)
}
.border-r-error {
    border-right: 1px solid var(--border-color-error)
}
.border-r-focused {
    border-right: 1px solid var(var(--border-color-action-focused))
}
.border-t-actionFocused {
    border-top: 1px solid var(--border-color-action-focused)
}
.border-t-actionHovered {
    border-top: 1px solid var(--border-color-action-hovered)
}
.border-t-base {
    border-top: 1px solid var(--border-color-base)
}
.border-t-container {
    border-top: 1px solid var(--border-color-container)
}
.border-t-default {
    border-top: 1px solid var(--border-color-base)
}
.border-t-error {
    border-top: 1px solid var(--border-color-error)
}
.border-t-focused {
    border-top: 1px solid var(var(--border-color-action-focused))
}
.\[operationConfigID\:string\] {
    operation-config-i-d: string
}

  .filterable_list-tab--f24ae {
    text-wrap: nowrap;
  }


  .all_tab_panel-fullHeight--a796d {
    height: 100%;
  }


  .index-listRow--afa07 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    border-bottom: 1px solid var(--border-color-base);
  }

    .index-listRow--afa07:hover {
      background-color: var(--background-color-depth1);
    }


  .tql_help_side_panel-container--a2890 {
    overflow-y: auto;
  }

  .tql_help_side_panel-successVariant--d8daa {
    /* more color variants may be added in the future */
  }

  .tql_help_side_panel-successVariant--d8daa .tql_help_side_panel-heading--f1aa4 {
      background: var(--background-color-success);
    }

  .tql_help_side_panel-successVariant--d8daa .tql_help_side_panel-allowedValue--d6f19 {
      color: var(--text-color-success);
      background: var(--background-color-success);
    }

  .tql_help_side_panel-successVariant--d8daa .tql_help_side_panel-docsLink--b708f {
      color: var(--text-color-success);
    }

  .tql_help_side_panel-heading--f1aa4 {
    padding: 24px;
  }

  .tql_help_side_panel-body--a12f8 {
    margin: 24px;
  }

  .tql_help_side_panel-examplesSection--b3bbe {
    border-top: 1px solid var(--border-color-base);
    margin: 24px;
  }

  .tql_help_side_panel-tqlExample--bd107 {
    margin-top: 24px;
  }

  .tql_help_side_panel-allowedValue--d6f19 {
    border-radius: 2px;
    padding: 0 4px;
    margin-top: 4px;
    font-family: 'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  }

  .tql_help_side_panel-docsLink--b708f {
    /* overridden above with style-specific colors (primary or success), but needs a top-level declaration */
  }


  /**/
  /* --- TQL Editor Styles ---*/
  /**/
  /* 1. CodeMirror editor styles to match a textarea*/
  /* 2. LS syntax theme styles*/
  /* https://codemirror.net/doc/manual.html#styling*/
  /**/

  /* --- Top level wrapper*/
  .tql_editor-componentWrapper--a1743 {
    position: relative;
    width: 100%;
  }
  .tql_editor-componentWrapper--a1743:hover .tql_editor-copyButtonWrapper--ff756 {
      opacity: 1;
    }

  /* --- BASE*/
  .tql_editor-tqlEditorBase--b99e7 {
    /* Setting an explicit z-index allows us to position the hover menu over the*/
    /* code mirror editor*/
    z-index: 1;
    width: 100%;
  }

  /* --- CODEMIRROR EDITOR*/

  .cm-editor {
      border: 1px solid var(--input--default--border);
      border-radius: 4px;
      transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
    }

  .cm-editor:hover {
        border-color: var(--input--hover--border);
        box-shadow: var(--shadow--hover-glow);
      }

  .cm-editor.cm-focused {
        border-color: var(--input--focused--border);
        box-shadow: var(--shadow--focus-glow);
        outline: none !important; /* overwrite cm default outline*/
      }

  .cm-editor .cm-scroller {
        /* Nested div in cm-editor needs matching border radius to not affect cm-editor*/
        border-radius: 4px;
        font-family: 'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        font-size: 0.875rem;
        line-height: 1.25rem;
      }

  .cm-editor .cm-content {
        /* Leave extra right-padding for the clear-query button*/
        background-color: var(--input--default--background);
        /* Default CodeMirror value (black) doesn't support light/dark color mode*/
        caret-color: var(--typography--syntax--text);
        padding: 12px 36px 12px 12px;
      }

  .cm-editor .cm-line {
        padding-right: 32px;
        padding-left: 4px;
      }

  .cm-editor .cm-placeholder {
        background-color: var(--input--placeholder);
        color: var(--input--default--text);
      }

  /* Gutters*/

  .cm-editor .cm-gutters {
        background-color: var(--action--tertiary--hover--background); /* DS-Outlier*/
        border-right: none;
        color: var(--typography--syntax--comment);
      }

  .cm-editor .cm-lineNumbers .cm-gutterElement {
          padding: 0px 8px;
        }

  /* Tooltips*/

  .cm-editor .cm-tooltip {
        background-color: var(--surface--depth1--background);
        border-radius: 2px;
        border: 1px solid var(--surface--depth1--border);
      }

  /* Autocomplete*/

  .cm-editor .cm-tooltip.cm-tooltip-autocomplete {
          left: -1px; /* shift left 1px to match border start*/
          background-color: var(--surface--depth1--background);
          border: 1px solid var(--surface--depth1--border);
          border-radius: 4px;
          box-shadow: var(--shadow--elevation2);
          margin-top: 8px;
          max-height: 400px;
          padding: 8px 0px;
          z-index: 1200;
        }

  .cm-editor .cm-tooltip.cm-tooltip-autocomplete ul li {
              font-family: 'Inter', sans-serif;
              color: var(--typography--main--body);
              font-size: 0.875rem;
              cursor: pointer;
              padding: 8px 16px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }

  .cm-editor .cm-tooltip.cm-tooltip-autocomplete ul li:hover {
                background-color: var(--surface--depth1--background-strong);
              }

  .cm-editor .cm-tooltip.cm-tooltip-autocomplete ul li[aria-selected='true'] {
                background-color: var(--background-color-action-selected);
              }

  /* Linting*/

  /* ref: https://github.com/codemirror/lint/blob/main/src/lint.ts#L561*/

  .cm-editor .cm-lintRange-error {
        background-image: none;
        border-bottom: 1px solid var(--input--error--border);
        background-color: var(--surface--error--background);
      }

  .cm-editor .cm-diagnostic {
        font-size: 0.75rem;
        padding: 6px 8px;
      }

  .cm-editor .cm-diagnostic-error {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border-left: 1px solid var(--input--error--border);
      }

  .cm-bodySmall .cm-editor .cm-scroller {
          font-family: 'JetBrainsMono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
          font-size: 0.75rem;
          line-height: 1rem;
        }

  .cm-noBorder .cm-editor {
        border: none;
      }

  /* Syntax Highlighting Theme*/

  .cm-line {
      color: var(--typography--syntax--text);
    }

  /* --- ERROR STATE*/

  .tql_editor-error--e0849 .cm-editor {
      border-color: var(--input--error--border);
      box-shadow: var(--shadow--error-glow);
    }

  /* --- READ ONLY MODE*/

  .tql_editor-readOnly--abfc4 .cm-content {
      background-color: var(--surface--depth2--background);
      cursor: default;
    }

  .tql_editor-readOnly--abfc4 .cm-editor:hover {
      border-color: var(--input--default--border);
      box-shadow: none;
    }

  .tql_editor-preview--dda12 .cm-content {
      background-color: var(--surface--depth1--background);
      cursor: pointer;
      padding: 0;
    }

  /* --- Copy menu*/
  .tql_editor-copyMenu--bdfd7 {
    /* Positioning*/
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;

    /* Layout*/
    display: flex;
    margin: 8px 8px 0px 0px;
  }
  .tql_editor-copyMenu--bdfd7 .tql_editor-copyButtonWrapper--ff756 {
      opacity: 0;
    }
  .tql_editor-copyMenu--bdfd7 .tql_editor-show--b548f {
      opacity: 1;
    }
  .tql_editor-copyMenu--bdfd7.tql_editor-copyMenuReadOnly--e87a5 {
      margin: 4px 4px 0px 0px;
    }


  .side_panel-buttonFadeIn--e5389 {
    animation: side_panel-fadeIn--f874b 0.1s;
  }

  .side_panel-buttonFadeOut--cd3d6 {
    animation: side_panel-fadeOut--ae031 0.1s;
    opacity: 0;
  }

  .side_panel-header--b6418 {
    display: flex;
    padding: 24px 24px 6.8px 24px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--background-color-depth0);
    border-bottom: solid 1px transparent;
  }

  .side_panel-header--b6418.side_panel-scrollBorder--ced18 {
      border-bottom: 1px solid var(--border-color-base);
    }

  .side_panel-content--d4292 {
    overflow-y: auto;
    padding: 0px 24px 24px 24px;
    position: relative;
  }

  @keyframes side_panel-fadeIn--f874b {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes side_panel-fadeOut--ae031 {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }


  .change_intelligence_view-timePickerButtons--b93d2 div button:nth-of-type(1) {
      flex: 1;
    }
    .change_intelligence_view-timePickerButtons--b93d2 button:nth-of-type(2) {
      margin-right: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-right: 1px solid var(--border-color-base);
    }
    .change_intelligence_view-timePickerButtons--b93d2 button:nth-of-type(3) {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }


  .turbo_chart-TurboChart--f7a01 {
    display: flex;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    /* put chart in its own vertical layer for GPU acceleration*/
    transform: translateZ(0);
  }

  .turbo_chart-TimeseriesCanvas--f30a2 {
    display: flex;
    margin-left: var(--y-axis-width);
    margin-bottom: var(--x-axis-height);
    width: 100%;
  }

  .turbo_chart-Canvas--d47ea {
    position: absolute;
    bottom: var(--x-axis-height);
    left: var(--y-axis-width);
  }

  .turbo_chart-ChartAxesLayer--f47f0 {
    position: absolute;
  }

  .turbo_chart-SpinnerLayer--a8a6c {
    position: absolute;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    /* nudge up a tiny bit*/
    padding-bottom: 8px;
  }

  .turbo_chart-TooltipContent--ee9ee {
    display: inline;
    word-break: break-word;
    white-space: normal;
  }

  .turbo_chart-DeemphasizedParent--e73d7 .turbo_chart-Deemphasized--b6552 {
      /* invert(0.5) discards color data for just white and black*/
      /* opacity is a cheap way to turn white/black to white / light grey*/
      /* an SVG color matrix filter would be another option here*/
      filter: invert(0.5);
      opacity: 0.15;
      animation: turbo_chart-dim--a7e9b 0.5s;
    }

  .turbo_chart-DeemphasizedParent--e73d7 .LS-DeploymentMarkerLayer line,
        .turbo_chart-DeemphasizedParent--e73d7 .LS-DeploymentMarkerLayer circle {
          opacity: 0.3;
          animation: dim 0.5s;
        }

  .turbo_chart-noData--a48b3 {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--background-color-depth0);
  }

  @keyframes turbo_chart-dim--a7e9b {
    from {
      opacity: 0.6;
      filter: invert(0);
    }
    to {
      opacity: 0.15;
      filter: invert(0.5);
    }
  }


  .alert_threshold_regions-labelContainer--f113f {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
  }
  .alert_threshold_regions-warningLabelColor--c9982 {
    color: #5f3f07;
  }
  .alert_threshold_regions-criticalLabelColor--c7b21 {
    color: #aa3018;
  }


  .x_axis-tickText--f67ed {
    fill: var(--text-color-muted);
    font-size: 0.6875rem;
    pointer-events: none;
  }

    .x_axis-tickText--f67ed.x_axis-timezoneTickText--b9642 {
      font-size: 9px; /* non-standard choice to make smaller than the regular tickText*/
    }

  .x_axis-tickLine--d95e9 {
    stroke: var(--chart-grid-line);
  }

  .x_axis-axisContainer--a4a01 {
    position: absolute;
  }


  .chart_dst_markers-dstTick--a2f3a {
    stroke: #d3d6df;
    stroke-dasharray: 2;
  }

  .chart_dst_markers-dstBubble--d0926 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: default;
    font-size: 10.5px;
    color: var(--text-color-muted);
  }

  .chart_dst_markers-dstClock--ff24b {
    font-size: 10.5px;
    color: var(--text-color-muted);
    margin-right: 2px;
  }


  .y_axis-logTickText--aaef4 {
    /*fill: theme('textColor.body');*/
    font-weight: 600;
  }
  .y_axis-logBaseTickText--d2773 {
    font-size: 8px;
  }
  .y_axis-tickText--e56aa {
    fill: var(--text-color-muted);
    font-size: 0.6875rem;
    pointer-events: none;
  }

  .y_axis-tickLine--df06a {
    stroke: var(--chart-grid-line);
  }

  .y_axis-axisContainer--fe266 {
    position: absolute;
  }

  .y_axis-emphasizedAxis--edc8a text {
      transition: fill linear 0.5s;
      fill: var(--text-color-body);
    }

  .y_axis-emphasizedAxis--edc8a line {
      transition: stroke linear 0.5s;
      stroke: var(--text-color-body);
    }

  .y_axis-deemphasizedAxis--ed69f line {
      transition: opacity linear 0.5s;
      opacity: 0.5;
    }

  .y_axis-deemphasizedAxis--ed69f text {
      transition: opacity linear 0.5s;
      opacity: 0.5;
    }


  .chart_thresholds-thresholdsContainer--a6579 {
    position: absolute;
  }
    .chart_thresholds-thresholdsContainer--a6579 line {
      transition: stroke linear 0.5s;
      stroke: var(--text-color-body);
    }


  .deployment_marker_layer-markerContent--c7ceb {
    position: relative;
  }
    /* Display copy button when hovering in marker tooltip*/
    .deployment_marker_layer-markerContent--c7ceb:hover .deployment_marker_layer-copyButton--d98f9 {
      display: block;
    }
    .deployment_marker_layer-markerContent--c7ceb:hover .deployment_marker_layer-hoverCopyButton--e230c {
      visibility: visible;
    }

  .deployment_marker_layer-deployVariable--c0459 {
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .deployment_marker_layer-copyButton--d98f9 {
    bottom: 0;
    right: 0;
  }

  .deployment_marker_layer-hoverCopyButton--e230c {
    visibility: hidden;
  }


  .events_layer-eventTime--deee1 {
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .events_layer-eventTooltop--d9d59 {
    cursor: pointer;
  }


  .mega_tooltip-tooltipContainer--b555f {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    z-index: 1500;
    display: flex;
    pointer-events: none;
  }

    .mega_tooltip-tooltipContainer--b555f:after {
      background: color-mix(in srgb, var(--background-color-depth0), transparent 20%);
      -webkit-backdrop-filter: blur(4px);
              backdrop-filter: blur(4px);
      left: var(--arrow-left);
      right: var(--arrow-right);
      top: var(--arrow-top);
      bottom: var(--arrow-bottom);
      content: '';
      position: absolute;
      height: 8px;
      width: 8px;
      border-top: 1px solid var(--border-color-base);
      border-left: 1px solid var(--border-color-base);
      transform: rotate(var(--arrow-rotation));
      visibility: var(--arrow-visibility);
    }

  .mega_tooltip-innerContainer--b63d0 {
    box-shadow: var(--shadow-color-container);
    border-radius: 4px;
    border: 1px solid var(--border-color-container);
    overflow: hidden;
  }

  .mega_tooltip-tooltipSeriesClippingBox--df9e0 {
    max-height: 3rem;
    overflow: hidden;
    display: flex;
    flex-flow: column wrap;
  }

  .mega_tooltip-tooltipSeriesName--e4399 {
    white-space: normal;
    word-break: break-all;
  }

  .mega_tooltip-dateTime--cfbf0 {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-color-base);
  }

  .mega_tooltip-dateTimeWithInterval--b4acd {
    padding: 8px 16px;
  }

  .mega_tooltip-tooltipRow--e7e68 {
    display: grid;
    align-items: center;
    grid-template-columns: 8px auto fit-content(24ch);
    gap: 8px;
    padding-bottom: 4px;
  }

  .mega_tooltip-tooltipRow--e7e68.mega_tooltip-tooltipBeyondRetentionWindow--eb817 {
      grid-template-columns: auto;
    }

  .mega_tooltip-tooltipSeries--b957a {
    display: grid;
    gap: 8px;
    padding: 12px 16px;
  }

  .mega_tooltip-tooltipValue--db40b {
    margin-left: 8px;
  }

  .mega_tooltip-exemplarCta--bde7a {
    grid-column: 1 / -1;
  }

  .mega_tooltip-seriesDot--a9aea {
    height: 8px;
    width: 8px;
    border-radius: 9999px;
  }

  .mega_tooltip-intervalContainer--cee19 {
    background-color: var(--surface--depth2--background-strong);
    border-radius: 2px;
    padding: 4px;
  }


  .turbo_chart_status-container--d6b38 {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }


  .chart_guide-listContainer--cd144 {
    list-style: disc;
    margin-left: 24px;
  }


  .ordered_list_row-container--dc71f {
    display: grid;
    grid-template-columns: minmax(100px, 1fr);
    column-gap: 8px;
    padding: 8px 16px 6px 0px;
  }
  /* Override some container styles to accommodate the drilldown button*/
  .ordered_list_row-containerWithDrilldown--f2c4e {
    grid-template-columns: minmax(100px, 1fr) 24px;
    padding-right: 0;
  }

  .ordered_list_row-bar--d7012 {
    height: 8px;
    border-radius: 2px;
    background-color: var(--background-color-depth1);
  }

  .ordered_list_row-actions--d9c67 {
    margin-right: 4px;
  }

  .ordered_list_row-copyButton--b5e63 {
    display: none;
  }

  .ordered_list_row-container--dc71f:hover .ordered_list_row-copyButton--b5e63 {
      display: flex;
    }

  .ordered_list_row-description--b48a0 {
    align-items: center;
    height: 16px;
    margin-bottom: 6px;
  }

  .ordered_list_row-value--fd166 {
    margin-left: auto; /* align to edge of row (right-justified)*/
    white-space: nowrap;

    /* Need to override react-grid-item, which wants to set overflow: auto,*/
    /* which causes undesired scrollbars at small sizes*/
    overflow: visible !important;
  }

  .ordered_list_row-clickableItem--cf1df .ordered_list_row-infoIcon--a8396 {
      display: none;
    }

  .ordered_list_row-clickableItem--cf1df {
    cursor: pointer;
}

  .ordered_list_row-clickableItem--cf1df:hover {
      background-color: var(--background-color-action-hovered);
      border-radius: 8px;
    }

  .ordered_list_row-clickableItem--cf1df:hover .ordered_list_row-infoIcon--a8396 {
        display: block;
        font-size: 14px;
      }


  .logs_list-contrastRow--a2b5c {
    background-color: var(--background-color-depth1);
  }

  .logs_list-selectedRow--d0834 {
    background-color: var(--background-color-action-selected);
  }

  .logs_list-tableCell--cc752 {
    justify-content: space-between;
    position: relative;
  }


  .log_detail_panel-list--f03c1 div:nth-child(odd) {
      background-color: var(--background-color-depth1);
    }


  .heatmap-heatmap--e5de4 {
    position: relative;
    display: flex;
    flex-grow: 1;
    height: 100%;
    width: 100%;
  }

  .heatmap-chartAxesLayer--e61d5 {
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .heatmap-canvasContainer--f6975 {
    display: flex;
    margin-left: var(--y-axis-width);
    margin-bottom: var(--x-axis-height);
    width: calc(100% - var(--y-axis-width));
  }

  .heatmap-canvas--b84b6 {
    position: absolute;
  }

  .heatmap-dimmed--f0a4a {
    opacity: 0.33;
    animation: heatmap-dim--bc93e 0.5s;
  }

  .heatmap-noData--d7ead {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--background-color-depth0);
  }

  @keyframes heatmap-dim--bc93e {
    from {
      opacity: 1;
    }
    to {
      opacity: 0.33;
    }
  }


  .comparison_chart_container-container--bc82c {
    display: flex;
    flex-direction: column;
    height: 100%;
  }


  .chart_block-chartBlock--bf8af {
    border: 1px solid var(--border-color-base);
    border-radius: 4px;
    padding: 16px 24px;
  }

  .chart_block-chartBlockHeader--e217b {
    justify-content: space-between;
    cursor: pointer;
  }


  .accordion_icon-accordionIconClosed--ef8ec {
    transform: rotate(0deg);
    transition: all 150ms linear;
  }

  .accordion_icon-accordionIconOpen--cbb69 {
    transform: rotate(90deg);
    transition: all 150ms linear;
  }


  .color_dot-colorDot--c6ddc {
    height: 8px;
    width: 8px;
    border-radius: 2px;
    margin-right: 8px;
    margin-left: 4px;
  }


  .correlations_metrics-whyService--b2da5 {
    /* Override the cursor, since the whole element is a hover target*/
    cursor: default;
  }


  .change_intelligence_entry-keyOpClickable--ac75d {
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .change_intelligence_entry-keyOpCorrelation--c9f87 {
    border: 1px solid var(--border-color-base);
    margin-bottom: 24px;
    border-radius: 4px;
  }

  .change_intelligence_entry-keyOpCorrelationCondensed--b9b6c {
    border-bottom: 1px solid var(--border-color-base);
  }


  .correlations_list-showButtonContainer--fa2cc {
    padding-bottom: 24px;
    margin-top: 16px;
  }


  .correlation-highlighted--d4b1f {
    animation: correlation-highlight--da6f8 2.95s;
  }

  @keyframes correlation-highlight--da6f8 {
    0% {
      background: var(--background-color-depth0);
    }
    8% {
      background: var(--background-color-highlight);
    }
    66% {
      background: var(--background-color-highlight);
    }
    100% {
      background: var(--background-color-depth0);
    }
  }


  .correlations_list_item-relationshipIcon--f4069 {
    margin-right: 8px;
    padding: 2px 8px;
    border: 1px solid var(--border-color-base);
    border-radius: 999px;
  }

  .correlations_list_item-summaryTableHeaderWrapper--da691 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .correlations_list_item-summaryTableHeader--e8e79 {
    grid-template-rows: 1fr;
    padding: 16px 0px;
    align-items: center;
    margin-left: 0;
  }

  .correlations_list_item-summaryTableHeader--e8e79 > div:first-child {
      cursor: pointer;
    }

  .correlations_list_item-summaryTableHeader--e8e79 > div:first-child .correlations_list_item-summaryTableCell--be592 {
        font-weight: 600;
      }

  .correlations_list_item-summaryTableHeader--e8e79.correlations_list_item-expandedHeader--c77cc {
      margin-left: -4px;
    }

  .correlations_list_item-summaryRow--cf239 {
    border-bottom: 1px solid var(--border-color-base);
    border-left: none;
  }

  .correlations_list_item-summaryRow--cf239.correlations_list_item-expandedRow--eceaa {
      border-left: 4px solid #b1dbfb;
    }

  .correlations_list_item-traceCount--f8021 {
    color: var(--text-color-muted);
  }

  .correlations_list_item-tooltipRow--d1021 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .correlations_list_item-performanceDrawer--dfae8 {
    font-size: 0.75rem;
    font-weight: 600;
  }

  .correlations_list_item-performanceDrawer--dfae8 > div:first-child {
      display: flex;
      justify-content: center;
    }

  .correlations_list_item-performanceDrawer--dfae8 > div:first-child svg {
        transform: rotate(90deg);
        stroke-width: 3;
        transition: transform 0.3s;
      }

  .correlations_list_item-performanceActiveIcon--ef463 > div:first-child svg {
        transform: rotate(-90deg);
      }

  .correlations_list_item-expandedDataCorrelationChartTitle--b77f6 {
    margin-top: 8px;
  }

  .correlations_list_item-expandedDataCorrelationChartTitle--b77f6 div:first-child {
      margin-left: 0;
    }


  .add_to_notebook_menu-addToNotebookContainer--ad52e {
    width: 100%;
  }
  .add_to_notebook_menu-listItem--f528d > div > svg {
    display: block;
  }
  @media (min-width: 768px) {
    .add_to_notebook_menu-addToNotebookContainer--ad52e {
      width: 400px;
    }
  }


  .change_indicator-bar--b1d0f {
    fill: #f2f9fd;
  }

  .change_indicator-high--d2782 .change_indicator-bar--b1d0f {
      fill: #79bcf6;
    }

  .change_indicator-medium--cb6ec .change_indicator-bar--b1d0f:nth-of-type(1) {
      fill: #b1dbfb;
    }

  .change_indicator-medium--cb6ec .change_indicator-bar--b1d0f:nth-of-type(2) {
      fill: #b1dbfb;
    }

  .change_indicator-low--f28d7 .change_indicator-bar--b1d0f:nth-of-type(1) {
      fill: #d9eefd;
    }


  .exemplar_chart_controls-labelRoot--a2d8a {
    margin: 0;
  }


  .no_error_circle-circle--c368f {
    display: inline-block;
    background-color: var(--chart-exemplars-success);
    border-radius: 9999px;
    height: 8px;
    min-width: 8px;
    flex-basis: 8px;
    flex-shrink: 0;
  }

  .no_error_circle-groupByCircle--d1783 {
    background-color: #bec3d0;
  }


  .has_error_triangle-triangle--a00ed {
    -webkit-text-stroke: 1px var(--chart-exemplars-error);
    color: transparent;
    font-size: 8px;
    cursor: default;
    display: inline-block;
  }

  .has_error_triangle-groupByTriangle--af5f0 {
    -webkit-text-stroke: 1px #bec3d0;
  }


  .correlation_query_control-correlationComparison--c74bb {
    min-width: 0;
    margin-right: 8px;
    align-items: center;
    display: inline-flex;
  }

  .correlation_query_control-switch--cf3cd {
    margin-right: 16px;
  }

  .correlation_query_control-formControl--a34f6 {
    margin-bottom: 1px;
    margin-left: -8px;
  }


  .correlations_list_expanded_data-serviceHeader--ea709 div > div {
      font-weight: 600;
    }
  .correlations_list_expanded_data-row--e2e42 {
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
    height: 20px;
  }
  .correlations_list_expanded_data-rowValue--cd017 {
    font-weight: 600;
  }
  .correlations_list_expanded_data-rowValue--cd017 div {
      display: flex;
      margin-left: 4px;
    }


  .correlations_list_service_header-compactTooltip--b21d5 {
    min-width: 0;
  }


  .mini_diagram_tooltip_content-container--e5f18 {
    display: flex;
    flex-direction: column;
    width: 222px;
  }

  .mini_diagram_tooltip_content-diagramWrapper--f9ac7 {
    border: 1px solid var(--border-color-base);
    padding: 32px 8px 16px 8px;
    border-radius: 4px;
    margin-bottom: 4px;
  }

  .mini_diagram_tooltip_content-diagramWrapper--f9ac7.mini_diagram_tooltip_content-messagingWrapper--b5c4b {
      padding: 32px 8px;
    }

  .mini_diagram_tooltip_content-diagramWrapper--f9ac7.mini_diagram_tooltip_content-connectorWrapper--bc961 {
      padding: 8px;
    }

  .mini_diagram_tooltip_content-circle--a7086 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color-base);
    border-radius: 9999px;
    height: 16px;
    width: 16px;
  }

  .mini_diagram_tooltip_content-diagramServiceName--d54bc {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }


  .correlations_list_grid-twoColumn--ca7b8 {
    display: grid;
    grid-template-columns: 310px min-content;
  }

  .correlations_list_grid-fourColumn--e2f40 {
    display: grid;
    grid-template-columns: 310px repeat(3, auto);
  }

  .correlations_list_grid-sixColumn--e6ede {
    display: grid;
    grid-template-columns: minmax(0, 2.25fr) repeat(3, minmax(0, 1fr)) 0.5fr 0.5fr;
  }

  @media (max-width: 1279px) {

  .correlations_list_grid-sixColumn--e6ede {
      /* Adjustment for when baseline & deviation columns start to overlap*/
      grid-template-columns: minmax(0, 2.25fr) repeat(4, minmax(0, 1fr)) 0.75fr
  }
    }

  .correlations_list_grid-sevenColumn--c69ea {
    display: grid;
    grid-template-columns: minmax(0, 2.25fr) repeat(4, minmax(0, 1fr)) 0.5fr 0.5fr;
  }

  @media (max-width: 1279px) {

  .correlations_list_grid-sevenColumn--c69ea {
      /* Adjustment for when baseline & deviation columns start to overlap*/
      grid-template-columns: minmax(0, 2.25fr) repeat(4, minmax(0, 1fr)) 0.75fr 0.75fr
  }
    }


  .correlations_list_heading-correlationsListHeading--ac2f1 {
    border-bottom: 1px solid var(--border-color-base);
    align-items: end;
    padding-right: 0;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .correlations_list_heading-dot--d5a85 {
    height: 8px;
    width: 8px;
    border-radius: 2px;
    margin-right: 8px;
  }

  .correlations_list_heading-baselineDot--c5c9e {
    background: var(--chart-baseline);
  }

  .correlations_list_heading-regressionDot--a6a42 {
    background: var(--chart-deviation);
  }

  .correlations_list_heading-traceCount--ddf33 {
    margin-left: 4px;
  }

  @media (max-width: 1279px) {

  .correlations_list_heading-traceCount--ddf33 {
      margin-left: 0
  }
    }

  .correlations_list_heading-baselineDeviationHeader--b6442 {
    align-items: center;
  }

  @media (max-width: 1279px) {

  .correlations_list_heading-baselineDeviationHeader--b6442 {
      align-items: baseline
  }

  .correlations_list_heading-breakLine--e71f3 {
      flex-direction: column
  }
    }


  .key_operation_summary-summaryGrid--f86d6 {
    display: grid;
    grid-template-columns: 1fr 1fr repeat(4, 96px) 85px;
  }

  .key_operation_summary-healthChangesHeader--b7412 {
    border-bottom: 1px solid var(--border-color-base);
    border-top: 1px solid var(--border-color-base);
    padding: 16px 20px 8px 64px;
  }

  .key_operation_summary-keyOpSli--b4ecb {
    border-bottom: 1px solid var(--border-color-base);
  }

  .key_operation_summary-keyOpSliHeader--fee49 {
    align-items: baseline;
    cursor: pointer;
    padding: 8px 32px 8px 64px;
    padding-right: 20px;
  }

  .key_operation_summary-sliSummary--ae79e {
    height: 240px;
    margin-bottom: 16px;
  }


  .sli_correlation_chart-container--a51e6 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    padding-top: 16px;
    padding-left: 64px;
    padding-right: 16px;
    height: 100%;
  }

  .sli_correlation_chart-chartBlock--d25aa {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid var(--border-color-base);
    border-radius: 4px;
  }


  .correlations_list_menu-menuLabel--cf7c7 {
    margin-right: 8px;
    color: var(--text-color-muted);
  }


  .correlations_spans_header-description--f1f0a {
    color: var(--text-color-muted);
    margin-right: 16px;
    margin-bottom: 8px;
  }

    .correlations_spans_header-condensed--ddc73 .correlations_spans_header-description--f1f0a {
      margin-right: 4px;
    }


  .correlations_filters-header--b8932 {
    padding-top: 16px;
    margin-bottom: 16px;
    border-top: 1px solid var(--border-color-base);
    border-bottom: 1px solid var(--border-color-base);
  }
  .correlations_filters-filterContainer--b36a3 {
    flex-wrap: wrap;
  }
  @media screen and (max-width: 544px) {
  .correlations_filters-filterContainer--b36a3 {
      flex-direction: column
  }
    }
  .correlations_filters-filterContainerCondensed--a7bdd {
    flex-direction: column;
  }


  .attribute_filter_tooltip_content-image--d7eed {
    margin-top: 16px;
  }


  .filter_container-filterLabel--d09d4 {
    margin-right: 8px;
  }
    @media screen and (max-width: 544px) {
  .filter_container-filterLabel--d09d4 {
      flex-grow: 1
  }
    }
  .filter_container-filterLabelCondensed--a50bc {
    flex-grow: 1;
  }
  .filter_container-filterSection--f96be {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
    margin-right: 16px;
  }
  @media screen and (max-width: 544px) {
  .filter_container-filterSection--f96be {
      margin-right: 0
  }
    }
  .filter_container-filterSectionCondensed--f582f {
    margin-right: 0;
  }


  .diff_time_picker-container--ddba0 {
    width: 100%;
  }


  .time_window_controls-leftScrubButton--e2265,
  .time_window_controls-rightScrubButton--bd190,
  .time_window_controls-playButton--b000c {
    position: relative;
  }

    .time_window_controls-leftScrubButton--e2265:active, .time_window_controls-rightScrubButton--bd190:active, .time_window_controls-playButton--b000c:active {
      z-index: 2;
    }
  .time_window_controls-playButton--b000c:hover {
    color: var(--action--secondary--selected--foreground);
  }
  .time_window_controls-leftScrubButton--e2265 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1px;
  }

  .time_window_controls-rightScrubButton--bd190 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .time_window_controls-playButton--b000c {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -1px;
  }

  .time_window_controls-playButton--b000c path {
      fill: currentColor;
    }


  .time_window_picker-menuParent--e3764 .MuiList-padding {
      padding-bottom: 0;
    }

  .time_window_picker-timePickerContainer--ae786 {
    align-items: center;
    display: grid;
    grid-template-columns: 0.125fr 1fr;
  }

  .time_window_picker-container--c2884 {
    outline: none;
    width: auto;
  }

  .time_window_picker-applyCancelButtons--d511d {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
  }

  .time_window_picker-timePickerValue--feef2 {
    flex: 1 0 0;
    text-align: left;
  }

  .time_window_picker-timePickerButton--e8125 {
    width: 192px;
    max-width: 100%;
  }

  @media (min-width: 768px) {
    .time_window_picker-timePickerButton--e8125 {
      min-width: 296px;
    }
    .time_window_picker-container--c2884 {
      width: 392px;
    }
  }

  .time_window_picker-hasPlayButton--be6db {
    position: relative;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .time_window_picker-hasPlayButton--be6db:active {
      z-index: 2;
    }


  .custom_time-customTimeWindow--cf215 {
    padding: 0px 44px 24px 40px;
  }

  .custom_time-customTimeWindowHeading--fe19a {
    display: grid;
    padding: 24px 16px 0px 16px;
    column-gap: 8px;
    grid-template-columns: 16px 1fr 40px;
    cursor: pointer;
    border-top: 1px solid var(--border-color-base);
  }

  .custom_time-nowButton--b844a {
    cursor: pointer;
  }

  .custom_time-disabledNowButton--aed62 {
    cursor: default;
  }


  /**/
  /* --- REACT CALENDAR STYLES*/
  /**/

  /*/ Top level container component*/

  .react-calendar {
      min-height: 232px;
      width: 296px;
      background-color: var(--background-color-depth0);
      border: 1px solid var(--border-color-base);
      border-radius: 4px;
      color: var(--text-color-heading);
      padding-bottom: 16px;
    }

  /* Reset all button styles for easier customization*/

  .react-calendar button {
        border: 0;
        outline: none;
      }

  .react-calendar button:enabled:hover {
            cursor: pointer;
          }

  /*/ Month level calendar navigation controls*/

  .react-calendar__navigation {
      height: 48px;
      display: flex;
    }

  /* Month label*/

  .react-calendar__navigation .react-calendar__navigation__label {
        background: none;
      }

  /* Month forward/backward navigation arrows*/

  .react-calendar__navigation .react-calendar__navigation__arrow {
        background: none;
        color: #bec3d0;
        min-width: 44px;
      }

  .react-calendar__navigation .react-calendar__navigation__arrow:enabled:hover, .react-calendar__navigation .react-calendar__navigation__arrow:enabled:focus-visible {
            background-color: var(--background-color-action-hovered);
          }

  .react-calendar__navigation .react-calendar__navigation__arrow:disabled {
          color: #e7e9ee;
          cursor: not-allowed;
        }

  .react-calendar__navigation .react-calendar__navigation__prev2-button, .react-calendar__navigation .react-calendar__navigation__next2-button {
        display: none; /* hide the year navigation buttons*/
      }

  /*/ Container that wraps the weekdays legend and day tiles*/

  .react-calendar__viewContainer {
      padding-left: 8px;
      padding-right: 8px;
    }

  /*/ Weekdays legend (Sun, Mon, Tues, etc.) above the day tiles*/

  .react-calendar__month-view__weekdays {
      padding: 8px 2px;
      text-align: center;
      text-decoration: none;
    }

  .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday {
        padding: 4px;
      }

  .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday > abbr {
          text-decoration: none;
        }

  /*/  Individual day tiles, eg 4*/

  .react-calendar__tile {
      background: none;
      padding: 2px 2px;
    }

  .react-calendar__tile:enabled:hover, .react-calendar__tile:enabled:focus {
          background-color: var(--action-primary-filled-background);
          color: var(--text-color-inverse);
        }

  .react-calendar__tile:disabled {
        background-color: var(--background-color-depth0);
        color: #e7e9ee;
        cursor: not-allowed;
      }

  /*/ Visible tiles from the previous month are a lighter grey to help orient users*/

  .react-calendar__month-view__days__day--neighboringMonth {
      color: var(--text-color-muted);
    }

  .react-calendar__tile--range {
      background-color: var(--background-color-action-selected);
      color: var(--text-color-heading);
    }

  .react-calendar__tile--rangeStart {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

  .react-calendar__tile--rangeEnd {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

  /* --- FROM CALENDAR ---*/

  .calendar_input-fromCalendar--c36a6 .react-calendar__tile--rangeStart {
        background-color: var(--action-primary-filled-background);
        color: var(--text-color-inverse);
      }

  .calendar_input-fromCalendar--c36a6 .react-calendar__tile--rangeStart:enabled:hover,
          .calendar_input-fromCalendar--c36a6 .react-calendar__tile--rangeStart:enabled:focus {
            background-color: var(--background-color-action-selected);
          }

  .calendar_input-fromCalendar--c36a6 .react-calendar__month-view__days:hover .react-calendar__tile {
          background-color: var(--background-color-depth0);
          color: var(--text-color-heading);
        }

  .calendar_input-fromCalendar--c36a6 .react-calendar__month-view__days:hover .react-calendar__tile:hover {
            background-color: var(--action-primary-filled-background);
            color: var(--text-color-inverse);
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
          }

  .calendar_input-fromCalendar--c36a6 .react-calendar__month-view__days:hover .react-calendar__tile:disabled {
            background-color: var(--background-color-depth0);
            color: #e7e9ee;
          }

  .calendar_input-fromCalendar--c36a6 .react-calendar__month-view__days:hover .react-calendar__tile:hover ~ .react-calendar__tile--range {
            background-color: var(--background-color-action-selected);
            color: var(--text-color-heading);
          }

  /* --- TO CALENDAR ---*/

  .calendar_input-toCalendar--a52ae .react-calendar__tile--rangeEnd {
        background-color: var(--action-primary-filled-background);
        color: var(--text-color-inverse);
      }

  .calendar_input-toCalendar--a52ae .react-calendar__tile--rangeEnd:enabled:hover,
          .calendar_input-toCalendar--a52ae .react-calendar__tile--rangeEnd:enabled:focus {
            background-color: var(--background-color-action-selected);
          }

  .calendar_input-toCalendar--a52ae .react-calendar__month-view__days:hover .react-calendar__tile {
          background-color: var(--background-color-depth0);
          color: var(--text-color-heading);
        }

  .calendar_input-toCalendar--a52ae .react-calendar__month-view__days:hover .react-calendar__tile:hover {
            background-color: var(--action-primary-filled-background);
            color: var(--text-color-inverse);
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
          }

  .calendar_input-toCalendar--a52ae .react-calendar__month-view__days:hover .react-calendar__tile:disabled {
            background-color: var(--background-color-depth0);
            color: #e7e9ee;
          }

  .calendar_input-toCalendar--a52ae .react-calendar__month-view__days:hover .react-calendar__tile:hover ~ .react-calendar__tile--range {
            background-color: var(--background-color-depth0);
            color: var(--text-color-heading);
          }

  .calendar_input-toCalendar--a52ae .react-calendar__month-view__days:hover .react-calendar__tile--range {
          background-color: var(--background-color-action-selected);
          color: var(--text-color-heading);
        }
  .calendar_input-startAdornment--a7193 {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: var(--surface--depth1--background-strong);
    padding: 8px 10px;
  }


  .custom_text_input-startAdornmentSpacing--df0bb div {
      padding-left: 0px;
    }
  .custom_text_input-customTimeWindowTextField--e3659 {
    height: 32px;
    width: 144px;
  }
  .custom_text_input-customTimeWindowTextField--e3659 div {
      border-color: var(--border-color-base);
    }
  .custom_text_input-customTimeWindowTextField--e3659 .Mui-disabled {
      cursor: pointer;
    }
  .custom_text_input-customTimeWindowTextField--e3659 input.Mui-disabled {
      color: #e7e9ee;
      pointer-events: none;
    }
  .custom_text_input-customTimeWindowInput--b8786 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 32px;
    width: 124px;
    padding: 0px 8px 0px 12px;
  }


  .fixed_badge-fixedBadge--dd1be {
    margin-right: 4px;
    justify-content: center;
  }


  .live_badge-liveBadge--d0ee9 {
    margin-right: 4px;
    justify-content: center;
  }


  .presets-presetTimeWindowHeading--ec9f5 {
    padding: 16px 16px 0px 44px;
  }

  .presets-presetGrid--a9adf {
    display: grid;
    padding: 16px 16px 24px 16px;
    grid-template-columns: 16px 1fr;
    column-gap: 8px;
    row-gap: 12px;
  }

  @media (min-width: 768px) {
    .presets-presetGrid--a9adf {
      grid-template-columns: 16px 1fr 40px;
    }
  }

  .presets-presetRow--d5891 {
    cursor: pointer;
  }

  .presets-presetRow--d5891 .Mui-disabled {
      cursor: pointer;
    }

  .presets-presetRow--d5891 input.Mui-disabled {
      pointer-events: none;
    }

  .presets-input--b85ee input {
      color: var(--text-color-body);
      padding: 4px 8px 4px 10px;
    }

  .presets-input--b85ee input::selection {
        background: var(--background-color-action-selected);
      }

  .presets-input--b85ee input.MuiInputBase-input {
      height: 16px;
    }

  .presets-input--b85ee input.Mui-disabled {
      color: var(--text-color-disabled);
    }


  .recent_times-recentTimeWindowHeading--cb1c9 {
    display: grid;
    padding: 0px 16px 0px 16px;
    column-gap: 8px;
    grid-template-columns: 16px 1fr 40px;
  }

  .recent_times-recentTimeWindowListContainer--e68a1 {
    border-bottom: 1px solid var(--border-color-base);
    padding: 0px 8px 8px 40px;
  }

  .recent_times-recentTimeWindowList--fea24 {
    height: 160px;
    overflow-y: auto;
  }

  .recent_times-recentTimeWindowOption--c1ab4 {
    padding: 8px 0px 0px 0px;
  }

  .recent_times-unselectedRecentTimeWindowOption--aec8c {
    cursor: pointer;
  }


  .timezone_settings_link-container--e4578 {
    display: grid;
    padding-bottom: 8px;
    border-radius: 4px;
    background: var(--background-color-depth1);
    grid-template-columns: 80% 1fr;
    grid-template-rows: auto;
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 16px;
    align-items: center;
  }
    .timezone_settings_link-container--e4578 .C9Y-Icon-base {
      margin-top: 0;
    }

.OverviewTimeWindowControl{display:flex;margin-left:auto}.OverviewTimeWindowControl__chevron-button{width:1.5rem;color:#95a0b7}.OverviewTimeWindowControl__chevron-button:first-of-type{margin-right:0.25rem}.OverviewTimeWindowControl__chevron-button:disabled,.OverviewTimeWindowControl__chevron-button:disabled:hover{color:#d6dae1;background-color:var(--background-color-depth0)}.OverviewTimeWindowControl__label{font-size:.75rem;letter-spacing:.0125em;line-height:1.5rem;border-right:1px solid #e4e6eb;padding-left:0.5rem;padding-right:0.5rem;margin-top:0.25rem;margin-bottom:0.25rem;-webkit-user-select:none;user-select:none;white-space:nowrap;word-wrap:none}.OverviewTimeWindowControl .TimeWindowBadgeLabel>*{margin-right:0.5rem}.OverviewTimeWindowControl .TimeWindowBadgeLabel .Badge{padding-left:0.5rem;padding-right:0.5rem;border-radius:0.25rem;background-color:#95a0b7}

  .app_protected-app--acb31 {
    position: relative; /* nb: required for position:sticky nav*/
    min-height: 100vh;
    display: grid;
    /* In small view the app layout is a single column of stacked areas, with*/
    /* screen content filling whatever space isn't used by the nav+notifications*/
    grid-template-rows: max-content max-content minmax(0, 1fr);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      'nav'
      'notifications'
      'screen';
  }

    @media only screen and (min-width: 760px) {
      .app_protected-app--acb31 {
        /* In large view the app layout is a 2 columns by 2 rows grid with*/
        /* screen content filling the bottom right quadrant*/
        grid-template-rows: max-content minmax(0, 1fr);
        grid-template-columns: max-content minmax(0, 1fr);
        grid-template-areas:
          'nav notifications'
          'nav screen';
      }
    }


  .nav-navContainer--e5b1a {
    grid-area: nav;

    position: sticky;
    top: 0;
    display: flex;
    height: 100vh;
    width: 48px;

    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-content: center;

    overflow: auto;
    background-color: var(--navbar-background);
  }


  .logo_option-logo--c9dbe path,
    .logo_option-logo--c9dbe circle {
      transition: fill 0.25s;
    }
    .logo_option-logo--c9dbe path {
      /* This should be removed after SN rebrand to always use youmoji*/
      fill: var(--navbar-item-hover-text);
    }
    .logo_option-logo--c9dbe:not(:hover) path,
      .logo_option-logo--c9dbe:not(:hover) circle {
        fill: var(--navbar-item-text);
      }


  .mobile_nav-mobileNavContainer--e5a9a {
    padding: 0px 16px;
    background-color: var(--background-color-depth3);
    height: 70px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000; /* todo: use theme()*/
  }
  .mobile_nav-mobileNavMenu--b7b06 {
    height: calc(100vh - 70px);
    width: 100vw;
    position: absolute;
    top: 70px;
    z-index: 1000; /* todo: use theme()*/
  }
  .mobile_nav-listContainer--a28f5 {
    height: 100%;
    overflow: auto;
  }


  .NavOption {
      position: relative;
      border: 0;
      outline: none;
      display: flex;
      height: 48px;
      width: 48px;
      flex: 0 0 48px;
      justify-content: center;
      align-items: center;
      transition:
        color 0.25s ease,
        background-color 0.25s ease;
      color: var(--navbar-item-text);
      background-color: var(--navbar-item-background);
    }
    .NavOption > .C9Y-Icon-base {
      font-size: 1.125rem;
    }
    .NavOption_hover, .NavOption:hover {
      cursor: pointer;
      color: var(--navbar-item-hover-text);
      background-color: var(--navbar-item-hover-background);
    }
    .NavOption_selected, .NavOption_selected:hover {
      color: var(--navbar-item-selected-text);
      background-color: var(--navbar-item-selected-background);
    }
    .NavOption_mobile {
      justify-content: start;
      padding-left: 12px;
      width: 100%;
    }
    .NavOption_disabled, .NavOption_disabled:hover {
      pointer-events: none;
      opacity: 0.5;
      color: var(--navbar-item-text);
      background-color: var(--navbar-item-background);
    }


  .nav_option_get_help-needHelp--e1608 {
    position: fixed;
    bottom: 108px;
    left: 48px;
    width: 144px;
  }

    .nav_option_get_help-needHelp--e1608 .nav_option_get_help-arrow--ee6a1 {
      width: 45px;
      height: 50px;
      transform: scaleX(-1) rotate(90deg);
      margin-left: 16px;
      stroke-width: 1;
      fill: currentColor;
    }
  .nav_option_get_help-needHelpNoSettings--b6908 {
    bottom: 56px;
  }


  .nav_menu_option_base-caret--ee838 {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }


  .organization_settings_menu-menuRow--d30c7:hover {
      background-color: var(--action--tertiary--hover--background);
      cursor: pointer;
    }


  .personal_settings_menu-menuRow--ef52e:hover {
      background-color: var(--background-color-action-hovered);
      cursor: pointer;
    }