@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100..900;1,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Tourney:ital,wght@0,100..900;1,100..900&display=swap"; /*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-tracking: initial;
    }
  }
}
.flatpickr-calendar {
  opacity: 0;
  text-align: center;
  visibility: hidden;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  direction: ltr;
  background: #fff;
  border: 0;
  border-radius: 5px;
  width: 307.875px;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  animation: none;
  display: none;
  position: absolute;
  box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6,
    0 3px 13px #00000014;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  max-height: 640px;
}
.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block;
}
.flatpickr-calendar.animate.open {
  animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) fpFadeInDown;
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  pointer-events: none;
  content: "";
  border: solid #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  display: inline-block;
  position: relative;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month {
  color: #000000e6;
  fill: #000000e6;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  background: 0 0;
  flex: 1;
  height: 34px;
  line-height: 1;
  position: relative;
  overflow: hidden;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3;
  color: #000000e6;
  fill: #000000e6;
  height: 34px;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  fill: inherit;
  transition: fill 0.1s;
}
.numInputWrapper {
  height: auto;
  position: relative;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numInputWrapper span {
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #39393926;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  position: absolute;
  right: 0;
}
.numInputWrapper span:hover {
  background: #0000001a;
}
.numInputWrapper span:active {
  background: #0003;
}
.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}
.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}
.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-top: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: #00000080;
}
.numInputWrapper:hover {
  background: #0000000d;
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  color: inherit;
  text-align: center;
  width: 75%;
  height: 34px;
  padding: 7.48px 0 0;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: 12.5%;
  transform: translate(0);
}
.flatpickr-current-month span.cur-month {
  color: inherit;
  margin-left: 0.5ch;
  padding: 0;
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
}
.flatpickr-current-month span.cur-month:hover {
  background: #0000000d;
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch�;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #000000e6;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #000000e6;
}
.flatpickr-current-month input.cur-year {
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  vertical-align: initial;
  appearance: textfield;
  background: 0 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0 0 0 0.5ch;
  display: inline-block;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: #00000080;
  pointer-events: none;
  background: 0 0;
  font-size: 100%;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  height: auto;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  background: 0 0;
  border: none;
  border-radius: 0;
  outline: none;
  width: auto;
  margin: -1px 0 0;
  padding: 0 0 0 0.5ch;
  position: relative;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: #0000000d;
}
.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: #0000;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  text-align: center;
  background: 0 0;
  align-items: center;
  width: 100%;
  height: 28px;
  display: flex;
  overflow: hidden;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  flex: 1;
  display: flex;
}
span.flatpickr-weekday {
  cursor: default;
  color: #0000008a;
  text-align: center;
  background: 0 0;
  flex: 1;
  margin: 0;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  display: block;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  align-items: flex-start;
  width: 307.875px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  text-align: left;
  box-sizing: border-box;
  opacity: 1;
  outline: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  padding: 0;
  display: flex;
  transform: translate(0);
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 #e6e6e6;
}
.flatpickr-day {
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  text-align: center;
  background: 0 0;
  border: 1px solid #0000;
  border-radius: 150px;
  flex-basis: 14.2857%;
  justify-content: center;
  width: 14.2857%;
  max-width: 39px;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  display: inline-block;
  position: relative;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background: #569ff7;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: #3939394d;
  cursor: default;
  background: 0 0;
  border-color: #0000;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: #3939391a;
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 #569ff7, 5px 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  color: #3939394d;
  cursor: default;
  background: 0 0;
  border: none;
  width: 100%;
  max-width: none;
  display: block;
}
.flatpickr-innerContainer {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}
.flatpickr-rContainer {
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
}
.flatpickr-time {
  text-align: center;
  box-sizing: border-box;
  outline: 0;
  height: 0;
  max-height: 40px;
  line-height: 40px;
  display: flex;
  overflow: hidden;
}
.flatpickr-time:after {
  content: "";
  clear: both;
  display: table;
}
.flatpickr-time .numInputWrapper {
  float: left;
  flex: 1;
  width: 40%;
  height: 40px;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  height: inherit;
  line-height: inherit;
  color: #393939;
  box-sizing: border-box;
  appearance: textfield;
  background: 0 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  position: relative;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  -webkit-user-select: none;
  user-select: none;
  align-self: center;
  width: 2%;
  font-weight: 700;
}
.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  text-align: center;
  outline: 0;
  width: 18%;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  cursor: pointer;
  float: left;
  background: 0 0;
  border: none;
  width: 28px;
  height: 24px;
  padding: 3px 5px;
  display: inline-block;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type="file"],
.ql-bubble .ql-toolbar input.ql-image[type="file"] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble,
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  vertical-align: middle;
  display: inline-block;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1px;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor .ql-code-block-container {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  padding: 2px 4px;
  font-size: 85%;
}
.ql-bubble .ql-editor .ql-code-block-container {
  color: #f8f8f2;
  background-color: #23241f;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  float: left;
  vertical-align: middle;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  display: inline-block;
  position: relative;
}
.ql-bubble .ql-picker-label:before {
  line-height: 22px;
  display: inline-block;
}
.ql-bubble .ql-picker-options {
  white-space: nowrap;
  background-color: #444;
  min-width: 100%;
  padding: 4px 8px;
  display: none;
  position: absolute;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  z-index: 1;
  margin-top: -1px;
  display: block;
  top: 100%;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  width: 24px;
  height: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  width: 152px;
  padding: 3px 5px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  float: left;
  border: 1px solid #0000;
  width: 16px;
  height: 16px;
  margin: 2px;
  padding: 0;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  width: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 0;
}
.ql-bubble
  .ql-picker.ql-header
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-bubble
  .ql-picker.ql-font
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-bubble
  .ql-picker.ql-size
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-bubble
  .ql-picker.ql-header
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-bubble
  .ql-picker.ql-font
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-bubble
  .ql-picker.ql-size
  .ql-picker-item[data-label]:not([data-label=""]):before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item:before {
  content: "Normal";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  content: "Heading 1";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  content: "Heading 2";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  content: "Heading 3";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  content: "Heading 4";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  content: "Heading 5";
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  content: "Heading 6";
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label:before,
.ql-bubble .ql-picker.ql-font .ql-picker-item:before {
  content: "Sans Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  content: "Serif";
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  content: "Monospace";
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label:before,
.ql-bubble .ql-picker.ql-size .ql-picker-item:before {
  content: "Normal";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="small"]:before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  content: "Small";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="large"]:before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  content: "Large";
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  content: "Huge";
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  color: #fff;
  background-color: #444;
  border-radius: 25px;
}
.ql-bubble .ql-tooltip-arrow {
  content: " ";
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  margin-left: -6px;
  display: block;
  position: absolute;
  left: 50%;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type="text"] {
  color: #fff;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  font-size: 13px;
  position: absolute;
}
.ql-bubble .ql-tooltip-editor a {
  position: absolute;
  top: 10px;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "×";
  font-size: 16px;
  font-weight: 700;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) {
  white-space: nowrap;
  position: relative;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before {
  color: #fff;
  content: attr(href);
  z-index: 1;
  background-color: #444;
  border-radius: 15px;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  top: -5px;
  overflow: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
  content: " ";
  border-top: 6px solid #444;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  width: 0;
  height: 0;
  top: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before,
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after {
  visibility: hidden;
  margin-left: 50%;
  transition: visibility 0s 0.2s;
  position: absolute;
  left: 0;
  transform: translate(-50%, -100%);
}
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:before,
.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:after {
  visibility: visible;
}
.ql-container {
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  height: 1px;
  position: absolute;
  top: 50%;
  left: -100000px;
  overflow-y: hidden;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
    list-9;
  tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  height: 100%;
  padding: 12px 15px;
  line-height: 1.42;
  overflow-y: auto;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
      list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7
      list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  padding-left: 1.5em;
  list-style-type: none;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
  margin-left: -1.5em;
  margin-right: 0.3em;
  display: inline-block;
}
.ql-editor li[data-list="checked"] > .ql-ui,
.ql-editor li[data-list="unchecked"] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list="bullet"] > .ql-ui:before {
  content: "•";
}
.ql-editor li[data-list="checked"] > .ql-ui:before {
  content: "☑";
}
.ql-editor li[data-list="unchecked"] > .ql-ui:before {
  content: "☐";
}
@supports (counter-set: none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
      list-9;
  }
}
.ql-editor li[data-list="ordered"] {
  counter-increment: list-0;
}
.ql-editor li[data-list="ordered"] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list="ordered"].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set: none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list="ordered"].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  text-align: left;
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  max-width: 100%;
  display: block;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  text-align: inherit;
  direction: rtl;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank:before {
  color: #0009;
  content: attr(data-placeholder);
  pointer-events: none;
  font-style: italic;
  position: absolute;
  left: 15px;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  cursor: pointer;
  float: left;
  background: 0 0;
  border: none;
  width: 28px;
  height: 24px;
  padding: 3px 5px;
  display: inline-block;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type="file"],
.ql-snow .ql-toolbar input.ql-image[type="file"] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow,
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  vertical-align: middle;
  display: inline-block;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2px;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2px;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1px;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  padding: 2px 4px;
  font-size: 85%;
}
.ql-snow .ql-editor .ql-code-block-container {
  color: #f8f8f2;
  background-color: #23241f;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  float: left;
  vertical-align: middle;
  height: 24px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  position: relative;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  display: inline-block;
  position: relative;
}
.ql-snow .ql-picker-label:before {
  line-height: 22px;
  display: inline-block;
}
.ql-snow .ql-picker-options {
  white-space: nowrap;
  background-color: #fff;
  min-width: 100%;
  padding: 4px 8px;
  display: none;
  position: absolute;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  display: block;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  z-index: 1;
  margin-top: -1px;
  display: block;
  top: 100%;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  width: 24px;
  height: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  width: 152px;
  padding: 3px 5px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  float: left;
  border: 1px solid #0000;
  width: 16px;
  height: 16px;
  margin: 2px;
  padding: 0;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  width: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 0;
}
.ql-snow
  .ql-picker.ql-header
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-font
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-size
  .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-header
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-font
  .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow
  .ql-picker.ql-size
  .ql-picker-item[data-label]:not([data-label=""]):before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label:before,
.ql-snow .ql-picker.ql-header .ql-picker-item:before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label:before,
.ql-snow .ql-picker.ql-font .ql-picker-item:before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label:before,
.ql-snow .ql-picker.ql-size .ql-picker-item:before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  top: 5px;
  right: 5px;
}
.ql-toolbar.ql-snow {
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 8px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid #0000;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid #0000;
  box-shadow: 0 2px 8px #0003;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  color: #444;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px 12px;
  box-shadow: 0 0 5px #ddd;
}
.ql-snow .ql-tooltip:before {
  content: "Visit URL:";
  margin-right: 8px;
  line-height: 26px;
}
.ql-snow .ql-tooltip input[type="text"] {
  border: 1px solid #ccc;
  width: 170px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  font-size: 13px;
  display: none;
}
.ql-snow .ql-tooltip a.ql-preview {
  text-overflow: ellipsis;
  vertical-align: top;
  max-width: 200px;
  display: inline-block;
  overflow-x: hidden;
}
.ql-snow .ql-tooltip a.ql-action:after {
  content: "Edit";
  border-right: 1px solid #ccc;
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove:before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type="text"] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
  content: "Save";
  border-right: 0;
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode="link"]:before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode="formula"]:before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode="video"]:before {
  content: "Enter video:";
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.pcr-app[data-theme="classic"] {
  width: 28.5em;
  max-width: 95vw;
  padding: 0.8em;
}
.pcr-app[data-theme="classic"] .pcr-selection {
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview {
  z-index: 1;
  flex-direction: column;
  justify-content: space-between;
  width: 2em;
  margin-right: 0.75em;
  display: flex;
  position: relative;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app[data-theme="classic"]
  .pcr-selection
  .pcr-color-preview
  .pcr-last-color {
  cursor: pointer;
  z-index: 2;
  border-radius: 0.15em 0.15em 0 0;
}
.pcr-app[data-theme="classic"]
  .pcr-selection
  .pcr-color-preview
  .pcr-current-color {
  border-radius: 0 0 0.15em 0.15em;
}
.pcr-app[data-theme="classic"]
  .pcr-selection
  .pcr-color-preview
  .pcr-last-color,
.pcr-app[data-theme="classic"]
  .pcr-selection
  .pcr-color-preview
  .pcr-current-color {
  background: var(--pcr-color);
  width: 100%;
  height: 50%;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-palette {
  z-index: 1;
  width: 100%;
  height: 8em;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-palette .pcr-palette {
  border-radius: 0.15em;
  flex-grow: 1;
}
.pcr-app[data-theme="classic"]
  .pcr-selection
  .pcr-color-palette
  .pcr-palette:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity {
  margin-left: 0.75em;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity .pcr-picker {
  left: 50%;
  transform: translate(-50%);
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity .pcr-slider {
  border-radius: 50em;
  flex-grow: 1;
  width: 8px;
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser .pcr-slider {
  background: linear-gradient(red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity .pcr-slider {
  background: linear-gradient(#0000, #000) 0 0/100%,
    url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
      0 0/50%;
}
.pcr-app[data-theme="monolith"] {
  width: 14.25em;
  max-width: 95vw;
  padding: 0.8em;
}
.pcr-app[data-theme="monolith"] .pcr-selection {
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview {
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 1em;
  margin-bottom: 0.5em;
  display: flex;
  position: relative;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app[data-theme="monolith"]
  .pcr-selection
  .pcr-color-preview
  .pcr-last-color {
  cursor: pointer;
  z-index: 2;
  border-radius: 0.15em 0 0 0.15em;
  transition: background-color 0.3s, box-shadow 0.3s;
}
.pcr-app[data-theme="monolith"]
  .pcr-selection
  .pcr-color-preview
  .pcr-current-color {
  border-radius: 0 0.15em 0.15em 0;
}
.pcr-app[data-theme="monolith"]
  .pcr-selection
  .pcr-color-preview
  .pcr-last-color,
.pcr-app[data-theme="monolith"]
  .pcr-selection
  .pcr-color-preview
  .pcr-current-color {
  background: var(--pcr-color);
  width: 50%;
  height: 100%;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-palette {
  z-index: 1;
  width: 100%;
  height: 8em;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-palette .pcr-palette {
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
}
.pcr-app[data-theme="monolith"]
  .pcr-selection
  .pcr-color-palette
  .pcr-palette:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity {
  height: 0.5em;
  margin-top: 0.75em;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity .pcr-picker {
  top: 50%;
  transform: translateY(-50%);
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity .pcr-slider {
  border-radius: 50em;
  flex-grow: 1;
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser .pcr-slider {
  background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity .pcr-slider {
  background: linear-gradient(90deg, #0000, #000) 0 0/100%,
    url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
      0 0/0.25em;
}
.pickr {
  position: relative;
  overflow: visible;
  transform: translateY(0);
}
.pickr * {
  box-sizing: border-box;
  -webkit-appearance: none;
  border: none;
  outline: none;
}
.pickr .pcr-button {
  cursor: pointer;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>')
    50%/0 no-repeat;
  border-radius: 0.15em;
  width: 2em;
  height: 2em;
  padding: 0.5em;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  transition: all 0.3s;
  position: relative;
}
.pickr .pcr-button:before {
  content: "";
  z-index: -1;
  width: 100%;
  height: 100%;
  z-index: initial;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  position: absolute;
  top: 0;
  left: 0;
}
.pickr .pcr-button:after {
  content: "";
  background: var(--pcr-color);
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  transition: background 0.3s;
  position: absolute;
  top: 0;
  left: 0;
}
.pickr .pcr-button.clear {
  background-size: 70%;
}
.pickr .pcr-button.clear:before {
  opacity: 0;
}
.pickr .pcr-button.clear:focus {
  box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
  cursor: not-allowed;
}
.pickr *,
.pcr-app * {
  box-sizing: border-box;
  -webkit-appearance: none;
  border: none;
  outline: none;
}
.pickr input:focus,
.pickr input.pcr-active,
.pickr button:focus,
.pickr button.pcr-active,
.pcr-app input:focus,
.pcr-app input.pcr-active,
.pcr-app button:focus,
.pcr-app button.pcr-active {
  box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-palette,
.pickr .pcr-slider,
.pcr-app .pcr-palette,
.pcr-app .pcr-slider {
  transition: box-shadow 0.3s;
}
.pickr .pcr-palette:focus,
.pickr .pcr-slider:focus,
.pcr-app .pcr-palette:focus,
.pcr-app .pcr-slider:focus {
  box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px #00000040;
}
.pcr-app {
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border-radius: 0.1em;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
  transition: opacity 0.3s, visibility 0s 0.3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 0.15em 1.5em #0000001a, 0 0 1em #00000008;
}
.pcr-app.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}
.pcr-app .pcr-swatches {
  flex-wrap: wrap;
  margin-top: 0.75em;
  display: flex;
}
.pcr-app .pcr-swatches.pcr-last {
  margin: 0;
}
@supports (display: grid) {
  .pcr-app .pcr-swatches {
    grid-template-columns: repeat(auto-fit, 1.75em);
    align-items: center;
    display: grid;
  }
}
.pcr-app .pcr-swatches > button {
  cursor: pointer;
  z-index: 1;
  background: 0 0;
  border-radius: 0.15em;
  flex-shrink: 0;
  justify-self: center;
  width: calc(1.75em - 5px);
  height: calc(1.75em - 5px);
  margin: 2.5px;
  font-size: 1em;
  transition: all 0.15s;
  position: relative;
  overflow: hidden;
}
.pcr-app .pcr-swatches > button:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/6px;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app .pcr-swatches > button:after {
  content: "";
  background: var(--pcr-color);
  box-sizing: border-box;
  border: 1px solid #0000000d;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app .pcr-swatches > button:hover {
  filter: brightness(1.05);
}
.pcr-app .pcr-swatches > button:not(.pcr-active) {
  box-shadow: none;
}
.pcr-app .pcr-interaction {
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -0.2em;
  display: flex;
}
.pcr-app .pcr-interaction > * {
  margin: 0 0.2em;
}
.pcr-app .pcr-interaction input {
  letter-spacing: 0.07em;
  text-align: center;
  cursor: pointer;
  color: #75797e;
  background: #f1f3f4;
  border-radius: 0.15em;
  margin-top: 0.75em;
  padding: 0.45em 0.5em;
  font-size: 0.75em;
  transition: all 0.15s;
}
.pcr-app .pcr-interaction input:hover {
  filter: brightness(0.975);
}
.pcr-app .pcr-interaction input:focus {
  box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px #4285f4bf;
}
.pcr-app .pcr-interaction .pcr-result {
  color: #75797e;
  text-align: left;
  cursor: text;
  background: #f1f3f4;
  border-radius: 0.15em;
  flex: 8em;
  min-width: 8em;
  transition: all 0.2s;
}
.pcr-app .pcr-interaction .pcr-result::selection {
  color: #fff;
  background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-type.active {
  color: #fff;
  background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-save,
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
  color: #fff;
  width: auto;
}
.pcr-app .pcr-interaction .pcr-save:hover,
.pcr-app .pcr-interaction .pcr-cancel:hover,
.pcr-app .pcr-interaction .pcr-clear:hover {
  filter: brightness(0.925);
}
.pcr-app .pcr-interaction .pcr-save {
  background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-cancel {
  background: #f44250;
}
.pcr-app .pcr-interaction .pcr-clear:focus,
.pcr-app .pcr-interaction .pcr-cancel:focus {
  box-shadow: 0 0 0 1px #ffffffd9, 0 0 0 3px #f44250bf;
}
.pcr-app .pcr-selection .pcr-picker {
  -webkit-user-select: none;
  user-select: none;
  border: 2px solid #fff;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  position: absolute;
}
.pcr-app .pcr-selection .pcr-color-palette,
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity {
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
  cursor: -webkit-grab;
  flex-direction: column;
  display: flex;
  position: relative;
}
.pcr-app .pcr-selection .pcr-color-palette:active,
.pcr-app .pcr-selection .pcr-color-chooser:active,
.pcr-app .pcr-selection .pcr-color-opacity:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.pcr-app[data-theme="nano"] {
  width: 14.25em;
  max-width: 95vw;
}
.pcr-app[data-theme="nano"] .pcr-swatches {
  margin-top: 0.6em;
  padding: 0 0.6em;
}
.pcr-app[data-theme="nano"] .pcr-interaction {
  padding: 0 0.6em 0.6em;
}
.pcr-app[data-theme="nano"] .pcr-selection {
  grid-gap: 0.6em;
  grid-template-rows: 5fr auto auto;
  grid-template-columns: 1fr 4fr;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5em;
  display: grid;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-preview {
  flex-direction: row;
  grid-area: 2/1/4/1;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin-left: 0.6em;
  display: flex;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-preview .pcr-last-color {
  display: none;
}
.pcr-app[data-theme="nano"]
  .pcr-selection
  .pcr-color-preview
  .pcr-current-color {
  background: var(--pcr-color);
  border-radius: 50em;
  width: 2em;
  height: 2em;
  position: relative;
  overflow: hidden;
}
.pcr-app[data-theme="nano"]
  .pcr-selection
  .pcr-color-preview
  .pcr-current-color:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-palette {
  z-index: 1;
  grid-area: 1/1/2/3;
  width: 100%;
  height: 100%;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-palette .pcr-palette {
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
}
.pcr-app[data-theme="nano"]
  .pcr-selection
  .pcr-color-palette
  .pcr-palette:before {
  content: "";
  z-index: -1;
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
    0 0/0.5em;
  border-radius: 0.15em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser {
  grid-area: 2/2/2/2;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity {
  grid-area: 3/2/3/2;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity {
  height: 0.5em;
  margin: 0 0.6em;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity .pcr-picker {
  top: 50%;
  transform: translateY(-50%);
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity .pcr-slider {
  border-radius: 50em;
  flex-grow: 1;
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser .pcr-slider {
  background: linear-gradient(90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
}
.pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity .pcr-slider {
  background: linear-gradient(90deg, #0000, #000) 0 0/100%,
    url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>')
      0 0/0.25em;
}
@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone {
  border: 1px solid #000c;
  border-radius: 5px;
  min-height: 150px;
  padding: 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 3em 0;
}
.dropzone .dz-message .dz-button {
  color: inherit;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  background: 0 0;
  border: none;
  padding: 0;
}
.dropzone .dz-preview {
  vertical-align: top;
  min-height: 100px;
  margin: 16px;
  display: inline-block;
  position: relative;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  background: linear-gradient(#eee, #ddd);
  border-radius: 20px;
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: #fff;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  text-align: center;
  cursor: pointer;
  border: none;
  font-size: 14px;
  display: block;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  opacity: 0;
  text-align: center;
  color: #000000e6;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  font-size: 13px;
  line-height: 150%;
  position: absolute;
  top: 0;
  left: 0;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  background-color: #fffc;
  border: 1px solid #c8c8c8cc;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  text-overflow: ellipsis;
  overflow: hidden;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid #0000;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: #fff6;
  border-radius: 3px;
  padding: 0 0.4em;
}
.dropzone .dz-preview:hover .dz-image img {
  filter: blur(8px);
  transform: scale(1.05);
}
.dropzone .dz-preview .dz-image {
  z-index: 10;
  border-radius: 20px;
  width: 120px;
  height: 120px;
  display: block;
  position: relative;
  overflow: hidden;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: 3s cubic-bezier(0.77, 0, 0.175, 1) passing-through;
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: 3s cubic-bezier(0.77, 0, 0.175, 1) slide-in;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  background: #000c;
  border-radius: 50%;
  margin-top: -27px;
  margin-left: -27px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  fill: #fff;
  width: 54px;
  height: 54px;
  display: block;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: 6s infinite pulse;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  background: #000c;
  border: 3px solid #000c;
  border-radius: 10px;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 15%;
  right: 15%;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #fff;
  border-radius: 17px;
  width: 0;
  height: 100%;
  transition: width 0.3s ease-in-out;
  display: block;
  position: relative;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  opacity: 0;
  color: #fff;
  background: #b10606;
  border-radius: 8px;
  width: 140px;
  padding: 0.5em 1em;
  font-size: 13px;
  transition: opacity 0.3s;
  display: none;
  position: absolute;
  top: 130px;
  left: -10px;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  border-bottom: 6px solid #b10606;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 64px;
}
.gridjs-head button,
.gridjs-footer button {
  cursor: pointer;
  background-color: #0000;
  background-image: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}
.gridjs-temp {
  position: relative;
}
.gridjs-head {
  width: 100%;
  margin-bottom: 5px;
  padding: 5px 1px;
}
.gridjs-head:after {
  content: "";
  clear: both;
  display: block;
}
.gridjs-head:empty {
  border: none;
  padding: 0;
}
.gridjs-container {
  color: #000;
  z-index: 0;
  padding: 2px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.gridjs-footer {
  z-index: 5;
  background-color: #fff;
  border-color: #e5e7eb;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-radius: 0 0 8px 8px;
  width: 100%;
  padding: 12px 24px;
  display: block;
  position: relative;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #00000042;
}
.gridjs-footer:empty {
  border: none;
  padding: 0;
}
input.gridjs-input {
  appearance: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
  border-radius: 5px;
  outline: none;
  padding: 10px 13px;
  font-size: 14px;
  line-height: 1.45;
}
input.gridjs-input:focus {
  border-color: #9bc2f7;
  box-shadow: 0 0 0 3px #95bdf380;
}
.gridjs-pagination {
  color: #3d4044;
}
.gridjs-pagination:after {
  content: "";
  clear: both;
  display: block;
}
.gridjs-pagination .gridjs-summary {
  float: left;
  margin-top: 5px;
}
.gridjs-pagination .gridjs-pages {
  float: right;
}
.gridjs-pagination .gridjs-pages button {
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #d2d6dc;
  border-right: none;
  outline: none;
  padding: 5px 14px;
}
.gridjs-pagination .gridjs-pages button:focus {
  border-right: 1px solid #d2d6dc;
  margin-right: -1px;
  position: relative;
  box-shadow: 0 0 0 2px #95bdf380;
}
.gridjs-pagination .gridjs-pages button:hover {
  color: #3c4257;
  background-color: #f7f7f7;
  outline: none;
}
.gridjs-pagination .gridjs-pages button:disabled,
.gridjs-pagination .gridjs-pages button[disabled],
.gridjs-pagination .gridjs-pages button:hover:disabled {
  cursor: default;
  color: #6b7280;
  background-color: #fff;
}
.gridjs-pagination .gridjs-pages button.gridjs-spread {
  cursor: default;
  box-shadow: none;
  background-color: #fff;
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  background-color: #f7f7f7;
  font-weight: 700;
}
.gridjs-pagination .gridjs-pages button:last-child {
  border-right: 1px solid #d2d6dc;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.gridjs-pagination .gridjs-pages button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.gridjs-pagination .gridjs-pages button:last-child:focus {
  margin-right: 0;
}
button.gridjs-sort {
  float: right;
  cursor: pointer;
  background-color: #0000;
  background-position-x: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  outline: none;
  width: 13px;
  height: 24px;
  margin: 0;
  padding: 0;
}
button.gridjs-sort-neutral {
  opacity: 0.3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0MDEuOTk4cHgiIGhlaWdodD0iNDAxLjk5OHB4IiB2aWV3Qm94PSIwIDAgNDAxLjk5OCA0MDEuOTk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDEuOTk4IDQwMS45OTg7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik03My4wOTIsMTY0LjQ1MmgyNTUuODEzYzQuOTQ5LDAsOS4yMzMtMS44MDcsMTIuODQ4LTUuNDI0YzMuNjEzLTMuNjE2LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0NwoJCQljMC00Ljk0OS0xLjgxMy05LjIyOS01LjQyNy0xMi44NUwyMTMuODQ2LDUuNDI0QzIxMC4yMzIsMS44MTIsMjA1Ljk1MSwwLDIwMC45OTksMHMtOS4yMzMsMS44MTItMTIuODUsNS40MjRMNjAuMjQyLDEzMy4zMzEKCQkJYy0zLjYxNywzLjYxNy01LjQyNCw3LjkwMS01LjQyNCwxMi44NWMwLDQuOTQ4LDEuODA3LDkuMjMxLDUuNDI0LDEyLjg0N0M2My44NjMsMTYyLjY0NSw2OC4xNDQsMTY0LjQ1Miw3My4wOTIsMTY0LjQ1MnoiLz4KCQk8cGF0aCBkPSJNMzI4LjkwNSwyMzcuNTQ5SDczLjA5MmMtNC45NTIsMC05LjIzMywxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MTctNS40MjQsNy44OTgtNS40MjQsMTIuODQ3CgkJCWMwLDQuOTQ5LDEuODA3LDkuMjMzLDUuNDI0LDEyLjg0OEwxODguMTQ5LDM5Ni41N2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhsMTI3LjkwNy0xMjcuOTA2CgkJCWMzLjYxMy0zLjYxNCw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDhjMC00Ljk0OC0xLjgxMy05LjIyOS01LjQyNy0xMi44NDdDMzM4LjEzOSwyMzkuMzUzLDMzMy44NTQsMjM3LjU0OSwzMjguOTA1LDIzNy41NDl6Ii8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
  background-position-y: 50%;
}
button.gridjs-sort-asc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MXB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjE7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDE5Ny4yODdMMTU5LjAyOCw2OS4zODFjLTMuNjEzLTMuNjE3LTcuODk1LTUuNDI0LTEyLjg0Ny01LjQyNHMtOS4yMzMsMS44MDctMTIuODUsNS40MjRMNS40MjQsMTk3LjI4NwoJCUMxLjgwNywyMDAuOTA0LDAsMjA1LjE4NiwwLDIxMC4xMzRzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI1LDEyLjg1LDUuNDI1aDI1NS44MTMKCQljNC45NDksMCw5LjIzMy0xLjgwOCwxMi44NDgtNS40MjVjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjkwNCwyODYuOTM1LDE5Ny4yODd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
  background-position-y: 35%;
  background-size: 10px;
}
button.gridjs-sort-desc {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOTIuMzYycHgiIGhlaWdodD0iMjkyLjM2MnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGQ9Ik0yODYuOTM1LDY5LjM3N2MtMy42MTQtMy42MTctNy44OTgtNS40MjQtMTIuODQ4LTUuNDI0SDE4LjI3NGMtNC45NTIsMC05LjIzMywxLjgwNy0xMi44NSw1LjQyNAoJCUMxLjgwNyw3Mi45OTgsMCw3Ny4yNzksMCw4Mi4yMjhjMCw0Ljk0OCwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDdsMTI3LjkwNywxMjcuOTA3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4CgkJczkuMjMzLTEuODExLDEyLjg0Ny01LjQyOEwyODYuOTM1LDk1LjA3NGMzLjYxMy0zLjYxNyw1LjQyNy03Ljg5OCw1LjQyNy0xMi44NDdDMjkyLjM2Miw3Ny4yNzksMjkwLjU0OCw3Mi45OTgsMjg2LjkzNSw2OS4zNzd6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+);
  background-position-y: 65%;
  background-size: 10px;
}
button.gridjs-sort:focus {
  outline: none;
}
table.gridjs-table {
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  display: table;
  overflow: auto;
}
.gridjs-tbody {
  background-color: #fff;
}
td.gridjs-td {
  box-sizing: content-box;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  padding: 12px 24px;
}
td.gridjs-td:first-child {
  border-left: none;
}
td.gridjs-td:last-child {
  border-right: none;
}
td.gridjs-message {
  text-align: center;
}
th.gridjs-th {
  color: #6b7280;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-top: none;
  outline: none;
  padding: 14px 24px;
  position: relative;
}
th.gridjs-th .gridjs-th-content {
  text-overflow: ellipsis;
  float: left;
  width: 100%;
  overflow: hidden;
}
th.gridjs-th-sort {
  cursor: pointer;
}
th.gridjs-th-sort:hover,
th.gridjs-th-sort:focus {
  background-color: #e5e7eb;
}
th.gridjs-th-fixed {
  position: sticky;
  box-shadow: 0 1px #e5e7eb;
}
@supports ((-moz-appearance: none)) {
  th.gridjs-th-fixed {
    box-shadow: 0 0 0 1px #e5e7eb;
  }
}
th.gridjs-th:first-child {
  border-left: none;
}
th.gridjs-th:last-child {
  border-right: none;
}
.gridjs-tr {
  border: none;
}
.gridjs-tr-selected td {
  background-color: #ebf5ff;
}
.gridjs-tr:last-child td {
  border-bottom: 0;
}
.gridjs *,
.gridjs :after,
.gridjs :before {
  box-sizing: border-box;
}
.gridjs-wrapper {
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #e5e7eb;
  border-top-width: 1px;
  border-radius: 8px 8px 0 0;
  width: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #00000042;
}
.gridjs-wrapper:nth-last-of-type(2) {
  border-bottom-width: 1px;
  border-radius: 8px;
}
.gridjs-search {
  float: left;
}
.gridjs-search-input {
  width: 250px;
}
.gridjs-loading-bar {
  z-index: 10;
  opacity: 0.5;
  background-color: #fff;
  position: absolute;
  inset: 0;
}
.gridjs-loading-bar:after {
  content: "";
  background-image: linear-gradient(
    90deg,
    #ccc0 0,
    #ccc3 20%,
    #cccccc80 60%,
    #ccc0
  );
  animation: 2s infinite shimmer;
  position: absolute;
  inset: 0;
  transform: translate(-100%);
}
@keyframes shimmer {
  to {
    transform: translate(100%);
  }
}
.gridjs-td .gridjs-checkbox {
  cursor: pointer;
  margin: auto;
  display: block;
}
.gridjs-resizable {
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.gridjs-resizable:hover {
  cursor: ew-resize;
  background-color: #9bc2f7;
}
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 228, 228, 228;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-header-align-items: center;
  --dt-header-vertical-align: middle;
  --dt-html-background: white;
}
:root.dark {
  --dt-html-background: #212529;
}
table.dataTable tbody td.dt-control {
  text-align: center;
  cursor: pointer;
}
table.dataTable tbody td.dt-control:before {
  box-sizing: border-box;
  content: "";
  border: 5px solid #0000;
  border-left: 10px solid #00000080;
  border-right-width: 0;
  display: inline-block;
}
table.dataTable tbody tr.dt-hasChild td.dt-control:before {
  border: 5px solid #0000;
  border-top: 10px solid #00000080;
  border-bottom-width: 0;
}
table.dataTable tfoot:empty {
  display: none;
}
html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme="dark"] table.dataTable td.dt-control:before,
:root[data-theme="dark"] table.dataTable td.dt-control:before {
  border-left-color: #ffffff80;
}
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme="dark"] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: #ffffff80;
  border-left-color: #0000;
}
div.dt-scroll {
  width: 100%;
}
div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}
div.dt-scroll-body thead tr th,
div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
div.dt-scroll-body thead tr th div.dt-scroll-sizing,
div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  content: "▲";
  content: "▲"/"";
  display: block;
  position: absolute;
  bottom: 50%;
}
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  content: "▼";
  content: "▼"/"";
  display: block;
  position: absolute;
  top: 50%;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  width: 12px;
  height: 20px;
  position: relative;
}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.125;
  font-size: 0.8em;
  line-height: 9px;
  left: 0;
}
table.dataTable thead > tr > th.dt-orderable-asc,
table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover,
table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline-offset: -2px;
  outline: 2px solid #0000000d;
}
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}
table.dataTable
  thead
  > tr
  > th.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc)
  span.dt-column-order:empty,
table.dataTable
  thead
  > tr
  > th.sorting_desc_disabled
  span.dt-column-order:after,
table.dataTable
  thead
  > tr
  > th.sorting_asc_disabled
  span.dt-column-order:before,
table.dataTable
  thead
  > tr
  > td.dt-orderable-none:not(.dt-ordering-asc, .dt-ordering-desc)
  span.dt-column-order:empty,
table.dataTable
  thead
  > tr
  > td.sorting_desc_disabled
  span.dt-column-order:after,
table.dataTable
  thead
  > tr
  > td.sorting_asc_disabled
  span.dt-column-order:before {
  display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
table.dataTable thead > tr > th div.dt-column-header,
table.dataTable thead > tr > th div.dt-column-footer,
table.dataTable thead > tr > td div.dt-column-header,
table.dataTable thead > tr > td div.dt-column-footer,
table.dataTable tfoot > tr > th div.dt-column-header,
table.dataTable tfoot > tr > th div.dt-column-footer,
table.dataTable tfoot > tr > td div.dt-column-header,
table.dataTable tfoot > tr > td div.dt-column-footer {
  justify-content: space-between;
  align-items: var(--dt-header-align-items);
  gap: 4px;
  display: flex;
}
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title,
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title,
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title,
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
  flex-grow: 1;
}
table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty,
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty,
table.dataTable
  tfoot
  > tr
  > td
  div.dt-column-footer
  span.dt-column-title:empty {
  display: none;
}
div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}
:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme="dark"]
  table.dataTable
  thead
  > tr
  > th.dt-orderable-asc:hover,
:root[data-bs-theme="dark"]
  table.dataTable
  thead
  > tr
  > th.dt-orderable-desc:hover,
:root[data-bs-theme="dark"]
  table.dataTable
  thead
  > tr
  > td.dt-orderable-asc:hover,
:root[data-bs-theme="dark"]
  table.dataTable
  thead
  > tr
  > td.dt-orderable-desc:hover {
  outline: 2px solid #ffffff0d;
}
div.dt-processing {
  text-align: center;
  z-index: 10;
  width: 200px;
  margin-top: -22px;
  margin-left: -100px;
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
}
div.dt-processing > div:last-child {
  width: 80px;
  height: 15px;
  margin: 1em auto;
  position: relative;
}
div.dt-processing > div:last-child > div {
  background: #0d6efd;
  background: rgb(var(--dt-row-selected));
  border-radius: 50%;
  width: 13px;
  height: 13px;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  position: absolute;
  top: 0;
}
div.dt-processing > div:last-child > div:first-child {
  animation: 0.6s infinite datatables-loader-1;
  left: 8px;
}
div.dt-processing > div:last-child > div:nth-child(2) {
  animation: 0.6s infinite datatables-loader-2;
  left: 8px;
}
div.dt-processing > div:last-child > div:nth-child(3) {
  animation: 0.6s infinite datatables-loader-2;
  left: 32px;
}
div.dt-processing > div:last-child > div:nth-child(4) {
  animation: 0.6s infinite datatables-loader-3;
  left: 56px;
}
@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(24px);
  }
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}
table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: right;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-left div.dt-column-header,
table.dataTable th.dt-left div.dt-column-footer,
table.dataTable td.dt-left div.dt-column-header,
table.dataTable td.dt-left div.dt-column-footer {
  flex-direction: row;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-right div.dt-column-header,
table.dataTable th.dt-right div.dt-column-footer,
table.dataTable td.dt-right div.dt-column-header,
table.dataTable td.dt-right div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-justify div.dt-column-header,
table.dataTable th.dt-justify div.dt-column-footer,
table.dataTable td.dt-justify div.dt-column-header,
table.dataTable td.dt-justify div.dt-column-footer {
  flex-direction: row;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
  vertical-align: var(--dt-header-vertical-align);
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-left div.dt-column-header,
table.dataTable thead th.dt-head-left div.dt-column-footer,
table.dataTable thead td.dt-head-left div.dt-column-header,
table.dataTable thead td.dt-head-left div.dt-column-footer,
table.dataTable tfoot th.dt-head-left div.dt-column-header,
table.dataTable tfoot th.dt-head-left div.dt-column-footer,
table.dataTable tfoot td.dt-head-left div.dt-column-header,
table.dataTable tfoot td.dt-head-left div.dt-column-footer {
  flex-direction: row;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-right div.dt-column-header,
table.dataTable thead th.dt-head-right div.dt-column-footer,
table.dataTable thead td.dt-head-right div.dt-column-header,
table.dataTable thead td.dt-head-right div.dt-column-footer,
table.dataTable tfoot th.dt-head-right div.dt-column-header,
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
table.dataTable tfoot td.dt-head-right div.dt-column-header,
table.dataTable tfoot td.dt-head-right div.dt-column-footer {
  flex-direction: row-reverse;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-justify div.dt-column-header,
table.dataTable thead th.dt-head-justify div.dt-column-footer,
table.dataTable thead td.dt-head-justify div.dt-column-header,
table.dataTable thead td.dt-head-justify div.dt-column-footer,
table.dataTable tfoot th.dt-head-justify div.dt-column-header,
table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
table.dataTable tfoot td.dt-head-justify div.dt-column-header,
table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
  flex-direction: row;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
:root {
  --dt-row-hover-alpha: 0.035;
  --dt-row-stripe-alpha: 0.023;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
}
table.dataTable {
  border-spacing: 0;
  width: 100%;
  margin: 0 auto;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: 700;
}
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  border-bottom: 1px solid #0000004d;
  padding: 10px;
}
table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active {
  outline: none;
}
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td {
  border-top: 1px solid #0000004d;
  padding: 10px 10px 6px;
}
table.dataTable > tbody > tr {
  background-color: #0000;
}
table.dataTable > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable > tbody > tr:last-child > * {
  border-bottom: none;
}
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px #0d6efde6;
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
  color: rgb(var(--dt-row-selected-text));
}
table.dataTable > tbody > tr.selected a {
  color: rgb(var(--dt-row-selected-link));
}
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  padding: 8px 10px;
}
table.dataTable.row-border > tbody > tr > *,
table.dataTable.display > tbody > tr > * {
  border-top: 1px solid #00000026;
}
table.dataTable.row-border > tbody > tr:first-child > *,
table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable.row-border > tbody > tr.selected + tr.selected > td,
table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: #0d6efda6;
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}
table.dataTable.cell-border > tbody > tr > * {
  border-top: 1px solid #00000026;
  border-right: 1px solid #00000026;
}
table.dataTable.cell-border > tbody > tr > :first-child {
  border-left: 1px solid #00000026;
}
table.dataTable.cell-border > tbody > tr:first-child > * {
  border-top: 1px solid #0000004d;
}
table.dataTable.stripe > tbody > tr:nth-child(odd) > *,
table.dataTable.display > tbody > tr:nth-child(odd) > * {
  box-shadow: inset 0 0 0 9999px #00000006;
  box-shadow: inset 0 0 0 9999px
    rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha));
}
table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *,
table.dataTable.display > tbody > tr:nth-child(odd).selected > * {
  box-shadow: inset 0 0 0 9999px #0d6efdeb;
  box-shadow: inset 0 0 0 9999px
    rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha));
}
table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px #00000009;
  box-shadow: inset 0 0 0 9999px
    rgba(var(--dt-row-hover), var(--dt-row-hover-alpha));
}
table.dataTable.hover > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px #0d6efd !important;
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}
table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 9999px #00000005;
  box-shadow: inset 0 0 0 9999px
    rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha));
}
table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3,
table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px #0d6efdea;
  box-shadow: inset 0 0 0 9999px
    rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha));
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
  box-shadow: inset 0 0 0 9999px #0000000e;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-column-ordering),
      calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha))
    );
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2 {
  box-shadow: inset 0 0 0 9999px #0000000c;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-column-ordering),
      calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007)
    );
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3 {
  box-shadow: inset 0 0 0 9999px #0000000a;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-column-ordering),
      calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015)
    );
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1,
table.dataTable.order-column.stripe
  > tbody
  > tr:nth-child(odd).selected
  > .sorting_1 {
  box-shadow: inset 0 0 0 9999px #0d6efdf3;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-selected),
      calc(
        var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)
      )
    );
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2,
table.dataTable.order-column.stripe
  > tbody
  > tr:nth-child(odd).selected
  > .sorting_2 {
  box-shadow: inset 0 0 0 9999px #0d6efdf1;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-selected),
      calc(
        var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) -
          0.007
      )
    );
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3,
table.dataTable.order-column.stripe
  > tbody
  > tr:nth-child(odd).selected
  > .sorting_3 {
  box-shadow: inset 0 0 0 9999px #0d6efdef;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-selected),
      calc(
        var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) -
          0.015
      )
    );
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 9999px #00000015;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-hover),
      calc(
        var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) +
          var(--dt-row-hover-alpha)
      )
    );
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 9999px #00000013;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-hover),
      calc(
        var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) +
          var(--dt-row-hover-alpha) - 0.007
      )
    );
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 9999px #00000010;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-hover),
      calc(
        var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) +
          var(--dt-row-hover-alpha) - 0.015
      )
    );
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px #0d6efdfa;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-selected),
      calc(
        var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)
      )
    );
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px #0d6efdf8;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-selected),
      calc(
        var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) +
          var(--dt-row-hover-alpha) - 0.007
      )
    );
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px #0d6efdf5;
  box-shadow: inset 0 0 0 9999px
    rgba(
      var(--dt-row-selected),
      calc(
        var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) +
          var(--dt-row-hover-alpha) - 0.015
      )
    );
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
div.dt-container div.dt-layout-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0.75em 0;
  display: flex;
}
div.dt-container div.dt-layout-row div.dt-layout-cell {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
  justify-content: flex-start;
  margin-right: auto;
}
div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
  justify-content: flex-end;
  margin-left: auto;
}
div.dt-container div.dt-layout-row div.dt-layout-cell:empty {
  display: none;
}
@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row:not(.dt-layout-table) {
    display: block;
  }
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
    text-align: center;
    display: block;
  }
  div.dt-container
    div.dt-layout-row:not(.dt-layout-table)
    div.dt-layout-cell
    > * {
    margin: 0.5em 0;
  }
  div.dt-container
    div.dt-layout-row:not(.dt-layout-table)
    div.dt-layout-cell.dt-layout-start {
    margin-right: 0;
  }
  div.dt-container
    div.dt-layout-row:not(.dt-layout-table)
    div.dt-layout-cell.dt-layout-end {
    margin-left: 0;
  }
}
div.dt-container div.dt-layout-start > :not(:last-child) {
  margin-right: 1em;
}
div.dt-container div.dt-layout-end > :not(:first-child) {
  margin-left: 1em;
}
div.dt-container div.dt-layout-full {
  width: 100%;
}
div.dt-container div.dt-layout-full > :only-child {
  margin-left: auto;
  margin-right: auto;
}
div.dt-container div.dt-layout-table > div {
  display: block !important;
}
@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start > :not(:last-child) {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-end > :not(:first-child) {
    margin-left: 0;
  }
}
div.dt-container {
  clear: both;
  position: relative;
}
div.dt-container .dt-search input {
  color: inherit;
  background-color: #0000;
  border: 1px solid #aaa;
  border-radius: 3px;
  margin-left: 3px;
  padding: 5px;
}
div.dt-container .dt-input {
  color: inherit;
  background-color: #0000;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
}
div.dt-container select.dt-input {
  padding: 4px;
}
div.dt-container .dt-paging .dt-paging-button {
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  background: 0 0;
  border: 1px solid #0000;
  border-radius: 2px;
  min-width: 1.5em;
  margin-left: 2px;
  padding: 0.5em 1em;
  display: inline-block;
  color: inherit !important;
  text-decoration: none !important;
}
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
  background: -moz-linear-gradient(#0000000d 0%, #e6e6e60d 100%);
  background: -ms-linear-gradient(top, #e6e6e60d 0%, #0000000d 100%);
  background: linear-gradient(#e6e6e60d, #0000000d);
  border: 1px solid #0000004d;
  color: inherit !important;
}
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
  cursor: default;
  box-shadow: none;
  background: 0 0;
  border: 1px solid #0000;
  color: #00000080 !important;
}
div.dt-container .dt-paging .dt-paging-button:hover {
  background: -moz-linear-gradient(#111 0%, #585858 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(#585858, #111);
  border: 1px solid #111;
  color: #fff !important;
}
div.dt-container .dt-paging .dt-paging-button:active {
  background: -moz-linear-gradient(#0c0c0c 0%, #2b2b2b 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(#2b2b2b, #0c0c0c);
  outline: none;
  box-shadow: inset 0 0 3px #111;
}
div.dt-container .dt-paging .ellipsis {
  padding: 0 1em;
}
div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  color: inherit;
}
div.dt-container .dataTables_scroll {
  clear: both;
}
div.dt-container .dataTables_scroll div.dt-scroll-body {
  -webkit-overflow-scrolling: touch;
}
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > thead
  > tr
  > th,
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > thead
  > tr
  > td,
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > tbody
  > tr
  > th,
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > tbody
  > tr
  > td {
  vertical-align: middle;
}
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > thead
  > tr
  > th
  > div.dataTables_sizing,
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > thead
  > tr
  > td
  > div.dataTables_sizing,
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > tbody
  > tr
  > th
  > div.dataTables_sizing,
div.dt-container
  .dataTables_scroll
  div.dt-scroll-body
  > table
  > tbody
  > tr
  > td
  > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
div.dt-container.dt-empty-footer tbody > tr:last-child > *,
div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: 1px solid #0000004d;
}
div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
  border-bottom: none;
}
html.dark {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}
html.dark table.dataTable > thead > tr > th,
html.dark table.dataTable > thead > tr > td {
  border-bottom: 1px solid #595b5e;
}
html.dark table.dataTable > thead > tr > th:active,
html.dark table.dataTable > thead > tr > td:active {
  outline: none;
}
html.dark table.dataTable > tfoot > tr > th,
html.dark table.dataTable > tfoot > tr > td {
  border-top: 1px solid #595b5e;
}
html.dark table.dataTable.row-border > tbody > tr > *,
html.dark table.dataTable.display > tbody > tr > * {
  border-top: 1px solid #404346;
}
html.dark table.dataTable.row-border > tbody > tr:first-child > *,
html.dark table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td,
html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: #0d6efda6;
  border-top-color: rgba(var(--dt-row-selected), 0.65);
}
html.dark table.dataTable.cell-border > tbody > tr > th,
html.dark table.dataTable.cell-border > tbody > tr > td {
  border-top: 1px solid #404346;
  border-right: 1px solid #404346;
}
html.dark table.dataTable.cell-border > tbody > tr > th:first-child,
html.dark table.dataTable.cell-border > tbody > tr > td:first-child {
  border-left: 1px solid #404346;
}
html.dark .dt-container.dt-empty-footer table.dataTable {
  border-bottom: 1px solid #595b5e;
}
html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select {
  background-color: var(--dt-html-background);
  border: 1px solid #fff3;
}
html.dark .dt-container .dt-paging .dt-paging-button.current,
html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
  background: #ffffff26;
  border: 1px solid #595b5e;
}
html.dark .dt-container .dt-paging .dt-paging-button.disabled,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
  color: #666 !important;
}
html.dark .dt-container .dt-paging .dt-paging-button:hover {
  background: #353535;
  border: 1px solid #353535;
}
html.dark .dt-container .dt-paging .dt-paging-button:active {
  background: #3a3a3a;
}
[dir="rtl"] table.dataTable thead th,
[dir="rtl"] table.dataTable thead td,
[dir="rtl"] table.dataTable tfoot th,
[dir="rtl"] table.dataTable tfoot td {
  text-align: right;
}
[dir="rtl"] table.dataTable th.dt-type-numeric,
[dir="rtl"] table.dataTable th.dt-type-date,
[dir="rtl"] table.dataTable td.dt-type-numeric,
[dir="rtl"] table.dataTable td.dt-type-date {
  text-align: left;
}
[dir="rtl"] div.dt-container div.dt-layout-cell.dt-start {
  text-align: right;
}
[dir="rtl"] div.dt-container div.dt-layout-cell.dt-end {
  text-align: left;
}
[dir="rtl"] div.dt-container div.dt-search input {
  margin: 0 3px 0 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  box-sizing: border-box;
  content: "";
  border: 5px solid #0000;
  border-left: 10px solid #00000080;
  border-right-width: 0;
  margin-right: 0.5em;
  display: inline-block;
}
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr
  > td.dtr-control.arrow-right:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr
  > th.dtr-control.arrow-right:before {
  border: 5px solid #0000;
  border-left-width: 0;
  border-right: 10px solid #00000080;
}
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.dtr-expanded
  > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.dtr-expanded
  > th.dtr-control:before {
  border: 5px solid #0000;
  border-top: 10px solid #00000080;
  border-bottom-width: 0;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  box-sizing: border-box;
  content: "";
  border: 5px solid #0000;
  border-left: 10px solid #00000080;
  border-right-width: 0;
  display: inline-block;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right:before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right:before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right:before {
  border: 5px solid #0000;
  border-left-width: 0;
  border-right: 10px solid #00000080;
}
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border: 5px solid #0000;
  border-top: 10px solid #00000080;
  border-bottom-width: 0;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: 0 0 !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 75px;
  font-weight: 700;
  display: inline-block;
}
div.dtr-modal {
  box-sizing: border-box;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 10em 1em;
  position: fixed;
  top: 0;
  left: 0;
}
div.dtr-modal div.dtr-modal-display {
  z-index: 102;
  background-color: #f5f5f7;
  border: 1px solid #000;
  border-radius: 0.5em;
  width: 50%;
  height: fit-content;
  max-height: 75%;
  margin: auto;
  position: absolute;
  inset: 0;
  overflow: auto;
  box-shadow: 0 12px 30px #0009;
}
div.dtr-modal div.dtr-modal-content {
  padding: 2.5em;
  position: relative;
}
div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}
div.dtr-modal div.dtr-modal-close {
  text-align: center;
  cursor: pointer;
  z-index: 12;
  border-radius: 3px;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 6px;
  right: 6px;
}
div.dtr-modal div.dtr-modal-background {
  z-index: 101;
  background: #0009;
  position: fixed;
  inset: 0;
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before,
html[data-bs-theme="dark"]
  table.dataTable
  > tbody
  > tr
  > td.dtr-control:before {
  border-left-color: #ffffff80 !important;
}
html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right:before,
html[data-bs-theme="dark"]
  table.dataTable
  > tbody
  > tr
  > td.dtr-control.arrow-right:before {
  border-right-color: #ffffff80 !important;
}
html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before,
html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before,
html[data-bs-theme="dark"]
  table.dataTable
  > tbody
  > tr.dtr-expanded
  > td.dtr-control:before,
html[data-bs-theme="dark"]
  table.dataTable
  > tbody
  > tr.dtr-expanded
  > th.dtr-control:before {
  border-top-color: #ffffff80 !important;
  border-left-color: #0000 !important;
  border-right-color: #0000 !important;
}
html.dark table.dataTable > tbody > tr.child ul.dtr-details > li,
html[data-bs-theme="dark"]
  table.dataTable
  > tbody
  > tr.child
  ul.dtr-details
  > li {
  border-bottom-color: #404346;
}
html.dark div.dtr-modal div.dtr-modal-display,
html[data-bs-theme="dark"] div.dtr-modal div.dtr-modal-display {
  background-color: #212529;
  border: 1px solid #ffffff26;
}
:root {
  --dtfc_background: white;
  --dtfc-thead-cell_background: var(--dtfc_background);
  --dtfc-tbody-cell_background: var(--dtfc_background);
}
:root.dark {
  --dtfc_background: #212529;
}
table.dataTable thead tr > .dtfc-fixed-start,
table.dataTable thead tr > .dtfc-fixed-end,
table.dataTable tfoot tr > .dtfc-fixed-start,
table.dataTable tfoot tr > .dtfc-fixed-end {
  z-index: 3;
  background-color: var(--dtfc-thead-cell_background);
  top: 0;
  bottom: 0;
}
table.dataTable tbody tr > .dtfc-fixed-start,
table.dataTable tbody tr > .dtfc-fixed-end {
  z-index: 1;
  background-color: var(--dtfc-tbody-cell_background);
}
table.dataTable tr > .dtfc-fixed-left:after,
table.dataTable tr > .dtfc-fixed-right:after {
  content: "";
  pointer-events: none;
  width: 10px;
  transition: box-shadow 0.3s;
  position: absolute;
  top: 0;
  bottom: 0;
}
table.dataTable tr > .dtfc-fixed-left:after {
  right: 0;
  transform: translate(100%);
}
table.dataTable tr > .dtfc-fixed-right:after {
  left: 0;
  transform: translate(-80%);
}
table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left:after {
  box-shadow: inset 10px 0 8px -8px #0003;
}
table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right:after {
  box-shadow: inset -10px 0 8px -8px #0003;
}
table.dataTable.dtfc-scrolling-right
  tr
  > .dtfc-fixed-right
  + .dtfc-fixed-right:after {
  box-shadow: none;
}
div.dt-scroll,
div.dtfh-floatingparent {
  position: relative;
}
div.dt-scroll div.dtfc-top-blocker,
div.dt-scroll div.dtfc-bottom-blocker,
div.dtfh-floatingparent div.dtfc-top-blocker,
div.dtfh-floatingparent div.dtfc-bottom-blocker {
  background-color: var(--dtfc-thead-cell_background);
  position: absolute;
}
html.dark
  table.dataTable.dtfc-scrolling-left
  tbody
  > tr
  > .dtfc-fixed-left:after {
  box-shadow: inset 10px 0 8px -8px #0000004d;
}
html.dark
  table.dataTable.dtfc-scrolling-right
  tbody
  > tr
  > .dtfc-fixed-right:after {
  box-shadow: inset -10px 0 8px -8px #0000004d;
}
html.dark
  table.dataTable.dtfc-scrolling-right
  tbody
  > tr
  > .dtfc-fixed-right
  + .dtfc-fixed-right:after {
  box-shadow: none;
}
table.fixedHeader-floating,
table.fixedHeader-locked {
  background-color: var(--dt-html-background);
  position: relative !important;
}
@media print {
  table.fixedHeader-floating,
  table.fixedHeader-locked {
    display: none;
  }
}
table.dataTable > tbody > tr > .selected {
  color: rgb(var(--dt-row-selected-text));
  background-color: #0d6efde6;
}
div.dt-container span.select-info,
div.dt-container span.select-item {
  margin-left: 0.5em;
}
@media screen and (max-width: 640px) {
  div.dt-container span.select-info,
  div.dt-container span.select-item {
    margin-left: 0;
    display: block;
  }
}
table.dataTable > tbody > tr > .dt-select,
table.dataTable > thead > tr > .dt-select {
  text-align: center;
  vertical-align: middle;
}
table.dataTable > thead > tr > .dt-select input.dt-select-checkbox {
  margin-left: auto;
  margin-right: auto;
}
table.dataTable input.dt-select-checkbox {
  appearance: none;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  color: inherit;
  border: 1px solid;
  border-radius: 3px;
  margin-top: 1px;
  font-size: 20px;
  line-height: 1em;
  display: inline-block;
  position: relative;
}
table.dataTable input.dt-select-checkbox:checked:after {
  content: "✓";
  margin-top: -8px;
  display: block;
}
table.dataTable input.dt-select-checkbox:indeterminate:after {
  content: " ";
  background-color: #000;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
}
table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked {
  border: 1px solid;
}
table.dataTable > tbody > tr > td.select-checkbox,
table.dataTable > tbody > tr > th.select-checkbox {
  position: relative;
}
table.dataTable > tbody > tr > td.select-checkbox:before,
table.dataTable > tbody > tr > th.select-checkbox:before {
  box-sizing: border-box;
  content: " ";
  border: 1px solid;
  border-radius: 3px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}
table.dataTable > tbody > tr.selected > td.select-checkbox:before,
table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  content: "✓";
  text-align: center;
  border: 1px solid;
  font-size: 20px;
  line-height: 6px;
}
table.dataTable.compact > tbody > tr > td.select-checkbox:before,
table.dataTable.compact > tbody > tr > th.select-checkbox:before {
  margin-top: -12px;
}
table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after,
table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
  margin-top: -16px;
}
html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,
html[data-bs-theme="dark"]
  table.dataTable
  input.dt-select-checkbox:indeterminate:after {
  background-color: #fff;
}
.choices {
  margin-bottom: 24px;
  font-size: 16px;
  position: relative;
  overflow: hidden;
}
.choices:focus {
  outline: 0;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  background-color: #eaeaea;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}
.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*="select-one"] .choices__input {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin: 0;
  padding: 10px;
  display: block;
}
.choices[data-type*="select-one"] .choices__button {
  opacity: 0.25;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  border-radius: 10em;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: 25px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0;
}
.choices[data-type*="select-one"] .choices__button:focus,
.choices[data-type*="select-one"] .choices__button:hover {
  opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0 0 0 2px #005f75;
}
.choices[data-type*="select-one"]
  .choices__item[data-placeholder]
  .choices__button {
  display: none;
}
.choices[data-type*="select-one"]:after {
  content: "";
  pointer-events: none;
  border: 5px solid #0000;
  border-top-color: #333;
  width: 0;
  height: 0;
  margin-top: -2.5px;
  position: absolute;
  top: 50%;
  right: 11.5px;
}
.choices[data-type*="select-one"].is-open:after {
  border-color: #0000 #0000 #333;
  margin-top: -7.5px;
}
.choices[data-type*="select-one"][dir="rtl"]:after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  margin-left: 25px;
  margin-right: 0;
  left: 0;
  right: auto;
}
.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
  cursor: text;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  opacity: 0.75;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  border-left: 1px solid #003642;
  border-radius: 0;
  width: 8px;
  margin: 0 -4px 0 8px;
  padding-left: 16px;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover {
  opacity: 1;
}
.choices__inner {
  vertical-align: top;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  width: 100%;
  min-height: 44px;
  padding: 7.5px 7.5px 3.75px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}
.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  width: 100%;
  padding: 4px 16px 4px 4px;
  display: inline-block;
}
[dir="rtl"] .choices__list--single {
  padding-left: 16px;
  padding-right: 4px;
}
.choices__list--single .choices__item {
  width: 100%;
}
.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  vertical-align: middle;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
  background-color: #005f75;
  border: 1px solid #004a5c;
  border-radius: 20px;
  margin-bottom: 3.75px;
  margin-right: 3.75px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir="rtl"] .choices__list--multiple .choices__item {
  margin-left: 3.75px;
  margin-right: 0;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  z-index: 1;
  word-break: break-all;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-right-radius: 2.5px;
  border-bottom-left-radius: 2.5px;
  width: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
  top: 100%;
  overflow: hidden;
}
.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  border-radius: 0.25rem 0.25rem 0 0;
  margin-top: 0;
  margin-bottom: -1px;
  top: auto;
  bottom: 100%;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  max-height: 300px;
  position: relative;
  overflow: auto;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 10px;
  font-size: 14px;
  position: relative;
}
[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text],
  .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]:after,
  .choices__list[aria-expanded]
    .choices__item--selectable[data-select-text]:after {
    content: attr(data-select-text);
    opacity: 0;
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  [dir="rtl"]
    .choices__list--dropdown
    .choices__item--selectable[data-select-text],
  [dir="rtl"]
    .choices__list[aria-expanded]
    .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir="rtl"]
    .choices__list--dropdown
    .choices__item--selectable[data-select-text]:after,
  [dir="rtl"]
    .choices__list[aria-expanded]
    .choices__item--selectable[data-select-text]:after {
    left: 10px;
    right: auto;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
  opacity: 0.5;
}
.choices__item {
  cursor: default;
}
.choices__item--selectable {
  cursor: pointer;
}
.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
}
.choices__heading {
  color: gray;
  border-bottom: 1px solid #f7f7f7;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
}
.choices__button {
  text-indent: -9999px;
  appearance: none;
  cursor: pointer;
  background-color: #0000;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 0;
}
.choices__button:focus,
.choices__input:focus {
  outline: 0;
}
.choices__input {
  vertical-align: baseline;
  background-color: #f9f9f9;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  margin-bottom: 5px;
  padding: 4px 0 4px 2px;
  font-size: 14px;
  display: inline-block;
}
.choices__input::-webkit-search-cancel-button {
  display: none;
}
.choices__input::-webkit-search-decoration {
  display: none;
}
.choices__input::-webkit-search-results-button {
  display: none;
}
.choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear {
  width: 0;
  height: 0;
  display: none;
}
.choices__input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
[dir="rtl"] .choices__input {
  padding-left: 0;
  padding-right: 2px;
}
.choices__placeholder {
  opacity: 0.5;
}
.glightbox-container {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  backface-visibility: hidden;
  outline: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 999999 !important;
}
.glightbox-container.inactive {
  display: none;
}
.glightbox-container .gcontainer {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.glightbox-container .gslider {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: transform 0.4s;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  transform: translate(0);
  display: flex !important;
}
.glightbox-container .gslide {
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}
.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}
.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}
.glightbox-container .gslide-inner-content {
  width: 100%;
}
.glightbox-container .ginner-container {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  margin: auto;
  display: flex;
  position: relative;
}
.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}
.gslide iframe,
.gslide video {
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
  border: none;
  min-height: 165px;
  outline: 0 !important;
}
.gslide:not(.current) {
  pointer-events: none;
}
.gslide-image {
  align-items: center;
}
.gslide-image img {
  float: none;
  -webkit-user-select: none;
  user-select: none;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  border: none;
  outline: 0;
  width: auto;
  min-width: 200px;
  max-width: 100vw;
  height: auto;
  max-height: 100vh;
  margin: auto;
  padding: 0;
  display: block;
}
.desc-bottom .gslide-image img,
.desc-top .gslide-image img {
  width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}
.gslide-image img.zoomable {
  position: relative;
}
.gslide-image img.dragging {
  transition: none;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.gslide-video {
  max-width: 100vh;
  position: relative;
  width: 100% !important;
}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}
.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}
.gslide-video:before {
  content: "";
  background: #ff000057;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}
.gslide-video.playing:before {
  display: none;
}
.gslide-video.fullscreen {
  min-width: 100%;
  height: 75vh;
  max-width: 100% !important;
}
.gslide-video.fullscreen video {
  width: 100% !important;
  max-width: 100% !important;
}
.gslide-inline {
  text-align: left;
  background: #fff;
  max-width: 100%;
  max-height: calc(100vh - 40px);
  margin: auto;
  overflow: auto;
}
.gslide-inline .ginlined-content {
  width: 100%;
  padding: 20px;
}
.gslide-inline .dragging {
  transition: none;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.ginlined-content {
  opacity: 1;
  overflow: auto;
  display: block !important;
}
.gslide-external {
  background: #fff;
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 75vh;
  padding: 0;
  display: flex;
  overflow: auto;
}
.gslide-media {
  width: auto;
  display: flex;
}
.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.desc-bottom .gslide-media,
.desc-top .gslide-media {
  flex-direction: column;
  margin: 0 auto;
}
.gslide-description {
  flex: 1 0 100%;
  position: relative;
}
.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
  width: 100%;
  margin: 0 auto;
}
.gslide-description p {
  margin-bottom: 12px;
}
.gslide-description p:last-child {
  margin-bottom: 0;
}
.zoomed .gslide-description,
.glightbox-button-hidden {
  display: none;
}
.glightbox-mobile .glightbox-container .gslide-description {
  background: linear-gradient(#0000 0, #000000bf);
  width: 100%;
  max-height: 78vh;
  padding: 19px 11px 50px;
  transition: opacity 0.3s linear;
  position: absolute;
  bottom: 0;
  order: 2 !important;
  max-width: 100vw !important;
  height: auto !important;
  overflow: auto !important;
}
.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}
.gdesc-open .gslide-media {
  opacity: 0.4;
  transition: opacity 0.5s;
}
.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
  opacity: 1;
  transition: opacity 0.5s;
}
.greset {
  transition: all 0.3s;
}
.gabsolute {
  position: absolute;
}
.grelative {
  position: relative;
}
.glightbox-desc {
  display: none !important;
}
.glightbox-open {
  overflow: hidden;
}
.gloader {
  z-index: 9999;
  border: 2px solid #fff;
  border-right-color: #0000;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  animation: 0.8s linear infinite lightboxLoader;
  display: block;
  position: absolute;
  top: 47%;
  left: 0;
  right: 0;
}
.goverlay {
  will-change: opacity;
  background: #000;
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
}
.glightbox-mobile .goverlay {
  background: #000;
}
.gclose,
.gnext,
.gprev {
  z-index: 99999;
  cursor: pointer;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 44px;
  display: flex;
}
.gclose svg,
.gnext svg,
.gprev svg {
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}
.gclose.disabled,
.gnext.disabled,
.gprev.disabled {
  opacity: 0.1;
}
.gclose .garrow,
.gnext .garrow,
.gprev .garrow {
  stroke: #fff;
}
.gbtn.focused {
  outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
  opacity: 0;
}
.glightbox-closing .gclose,
.glightbox-closing .gnext,
.glightbox-closing .gprev {
  opacity: 0 !important;
}
.glightbox-clean .gslide-description {
  background: #fff;
}
.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}
.glightbox-clean .gslide-title {
  color: #000;
  margin-bottom: 19px;
  font-family: arial;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
  margin-bottom: 0;
  font-family: arial;
  font-size: 0.86em;
  line-height: 1.4em;
}
.glightbox-clean .gslide-video {
  background: #000;
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  background-color: #000000bf;
  border-radius: 4px;
}
.glightbox-clean .gclose path,
.glightbox-clean .gnext path,
.glightbox-clean .gprev path {
  fill: #fff;
}
.glightbox-clean .gprev {
  width: 40px;
  height: 50px;
  position: absolute;
  top: -100%;
  left: 30px;
}
.glightbox-clean .gnext {
  width: 40px;
  height: 50px;
  position: absolute;
  top: -100%;
  right: 30px;
}
.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 15px;
  right: 10px;
}
.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}
.glightbox-clean .gclose:hover {
  opacity: 1;
}
.gfadeIn {
  animation: 0.5s gfadeIn;
}
.gfadeOut {
  animation: 0.5s gfadeOut;
}
.gslideOutLeft {
  animation: 0.3s gslideOutLeft;
}
.gslideInLeft {
  animation: 0.3s gslideInLeft;
}
.gslideOutRight {
  animation: 0.3s gslideOutRight;
}
.gslideInRight {
  animation: 0.3s gslideInRight;
}
.gzoomIn {
  animation: 0.5s gzoomIn;
}
.gzoomOut {
  animation: 0.5s gzoomOut;
}
@keyframes lightboxLoader {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes gfadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gslideInLeft {
  0% {
    opacity: 0;
    transform: translate(-60%);
  }
  to {
    visibility: visible;
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes gslideOutLeft {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
  }
  to {
    opacity: 0;
    visibility: hidden;
    transform: translate(-60%);
  }
}
@keyframes gslideInRight {
  0% {
    opacity: 0;
    visibility: visible;
    transform: translate(60%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes gslideOutRight {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(60%);
  }
}
@keyframes gzoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    flex-direction: row;
    width: auto;
    height: auto;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    order: 1;
  }
  .gslide-image img {
    max-width: 100%;
    max-height: 97vh;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: #000000eb;
  }
  .glightbox-clean .gslide-media {
    box-shadow: 1px 2px 9px #000000a6;
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    height: 100%;
    position: absolute;
    overflow-y: auto;
  }
  .glightbox-clean .gclose,
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    background-color: #00000052;
  }
  .glightbox-clean .gclose:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gprev:hover {
    background-color: #000000b3;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
@layer theme {
  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-500: oklch(69.6% 0.17 162.48);

    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-teal-600: oklch(60% 0.118 184.704);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-400: oklch(74.6% 0.16 232.661);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-300: oklch(82.7% 0.119 306.383);
    --color-purple-400: oklch(71.4% 0.203 305.504);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-800: oklch(26.9% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.1;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: 1.1;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: 1.1;
    --text-3xl: 1.875rem;
    --text-3xl--line-height: 1.1;
    --text-4xl: 2.25rem;
    --text-4xl--line-height: 1.1;
    --text-5xl: 3rem;
    --text-5xl--line-height: 1.1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-widest: 0.1em;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 4px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --aspect-video: 16/9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-body: "DM Sans", serif;
    --font-tourney: "Tourney", sans-serif;
    --color-body-bg: oklch(0.81 0.04 131.52 / 0.14);
    --color-body-color: var(--color-default-600);
    --color-card: var(--color-white);
    --color-primary: var(--color-teal-600);
    --color-secondary: var(--color-sky-600);
    --color-success: var(--color-red-500);
    --color-info: var(--color-sky-500);
    --color-warning: var(--color-amber-500);
    --color-danger: var(--color-orange-500);
    --color-default-50: var(--color-zinc-50);
    --color-default-100: var(--color-zinc-100);
    --color-default-150: var(--color-zinc-100);
    --color-default-200: var(--color-zinc-200);
    --color-default-300: var(--color-zinc-300);
    --color-default-400: var(--color-zinc-400);
    --color-default-500: var(--color-zinc-500);
    --color-default-600: var(--color-zinc-600);
    --color-default-700: var(--color-zinc-700);
    --color-default-800: var(--color-zinc-800);
    --color-default-900: var(--color-zinc-900);
    --color-default-950: var(--color-zinc-950);
    --spacing-sidenav-width: 260px;
    --spacing-sidenav-width-md: 175px;
    --spacing-sidenav-width-sm: 70px;
    --spacing-topbar-height: 70px;
    --sidenav-link-padding-x: 12px;
    --sidenav-link-padding-y: 8px;
    --sidenav-item-icon-size: 18px;
    --sidenav-item-font-size: 14px;
    --topbar-background: var(--color-white);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: currentColor;
      }
      @supports (color: color-mix(in lab, red, red)) {
        ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent);
        }
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
  html {
    scroll-behavior: smooth;
    position: relative;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    --tw-font-weight: var(--font-weight-semibold);
    line-height: 1.1;
    font-weight: var(--font-weight-semibold);
  }
  body {
    -webkit-tap-highlight-color: transparent;
    background-color: var(--color-body-bg);
    width: 100%;
    height: 100%;
    font-family: var(--font-body);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-body-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
  }
  .card {
    background-color: var(--color-card);
    overflow-wrap: break-word;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    height: fit-content;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-clip: border-box;
    border-radius: 0.3rem;
    flex-direction: column;
    display: flex;
    position: relative;
  }
  .card:where([data-theme="dark"], [data-theme="dark"] *, .dark, .dark *) {
    background-color: var(--color-default-100);
  }
  .card .card-header {
    min-height: calc(var(--spacing) * 14);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    display: flex;
  }
  .card
    .card-header:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .card
      .card-header:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      border-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .card
        .card-header:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
  }
  .card .card-footer {
    min-height: calc(var(--spacing) * 14);
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-default-200);
    padding-inline: calc(var(--spacing) * 5);
    display: flex;
  }
  .card-body {
    padding: calc(var(--spacing) * 5);
  }
  .card-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-default-800);
  }
  .hs-dropdown-menu {
    z-index: 30;
    margin-top: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 40);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #d4d4d866;
    border-radius: 0.3rem;
    display: none;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hs-dropdown-menu {
      border-color: var(--color-default-300);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hs-dropdown-menu {
        border-color: color-mix(
          in oklab,
          var(--color-default-300) 40%,
          transparent
        );
      }
    }
  }
  .hs-dropdown-menu {
    background-color: var(--color-card);
    padding: calc(var(--spacing) * 2);
    opacity: 0;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: opacity, margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .hs-dropdown-menu.hs-dropdown-menu.open,
  .hs-dropdown.open > .hs-dropdown-menu,
  .hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-menu,
  .hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-menu {
    opacity: 1;
  }
  [type="text"],
  input:where(:not([type])),
  [type="email"],
  [type="url"],
  [type="password"],
  [type="number"],
  [type="date"],
  [type="datetime-local"],
  [type="month"],
  [type="search"],
  [type="tel"],
  [type="time"],
  [type="week"],
  [multiple],
  textarea,
  select {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e3e4;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1rem;
  }
  :is(
      [type="text"],
      input:where(:not([type])),
      [type="email"],
      [type="url"],
      [type="password"],
      [type="number"],
      [type="date"],
      [type="datetime-local"],
      [type="month"],
      [type="search"],
      [type="tel"],
      [type="time"],
      [type="week"],
      [multiple],
      textarea,
      select
    ):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-color: #155dfc;
    outline: 2px solid #0000;
  }
  input::placeholder,
  textarea::placeholder {
    color: #6a7282;
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  ::-webkit-date-and-time-value {
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }
  [multiple],
  [size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
    padding-right: 0.75rem;
  }
  [type="checkbox"],
  [type="radio"] {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: #155dfc;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: #6a7282;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }
  [type="checkbox"] {
    border-radius: 0;
  }
  [type="radio"] {
    border-radius: 100%;
  }
  [type="checkbox"]:focus,
  [type="radio"]:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    outline: 2px solid #0000;
  }
  [type="checkbox"]:checked,
  [type="radio"]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  [type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    [type="checkbox"]:checked {
      appearance: auto;
    }
  }
  [type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    [type="radio"]:checked {
      appearance: auto;
    }
  }
  [type="checkbox"]:checked:hover,
  [type="checkbox"]:checked:focus,
  [type="radio"]:checked:hover,
  [type="radio"]:checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  [type="checkbox"]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  @media (forced-colors: active) {
    [type="checkbox"]:indeterminate {
      appearance: auto;
    }
  }
  [type="checkbox"]:indeterminate:hover,
  [type="checkbox"]:indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  [type="file"] {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }
  [type="file"]:focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@layer components {
  .btn {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.75);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    border-color: #0000;
    border-radius: 0.25rem;
    display: inline-flex;
  }
  .btn.btn-lg {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .btn.btn-sm {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .btn.btn-icon {
    width: calc(var(--spacing) * 9.25);
    height: calc(var(--spacing) * 9.25);
    padding: calc(var(--spacing) * 0);
  }
  .btn[class*="size-"] {
    padding: 0;
  }
  button:not(:disabled) {
    cursor: pointer;
  }
  button:disabled {
    cursor: not-allowed;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-start-80 {
    inset-inline-start: calc(var(--spacing) * -80);
  }
  .-start-96 {
    inset-inline-start: calc(var(--spacing) * -96);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .start-1\/2 {
    inset-inline-start: 50%;
  }
  .start-3 {
    inset-inline-start: calc(var(--spacing) * 3);
  }
  .start-4 {
    inset-inline-start: calc(var(--spacing) * 4);
  }
  .start-60 {
    inset-inline-start: calc(var(--spacing) * 60);
  }
  .-end-0\.5 {
    inset-inline-end: calc(var(--spacing) * -0.5);
  }
  .-end-1 {
    inset-inline-end: calc(var(--spacing) * -1);
  }
  .-end-1\.5 {
    inset-inline-end: calc(var(--spacing) * -1.5);
  }
  .-end-2 {
    inset-inline-end: calc(var(--spacing) * -2);
  }
  .-end-2\.5 {
    inset-inline-end: calc(var(--spacing) * -2.5);
  }
  .-end-10 {
    inset-inline-end: calc(var(--spacing) * -10);
  }
  .-end-12 {
    inset-inline-end: calc(var(--spacing) * -12);
  }
  .-end-64 {
    inset-inline-end: calc(var(--spacing) * -64);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .end-0\.5 {
    inset-inline-end: calc(var(--spacing) * 0.5);
  }
  .end-1 {
    inset-inline-end: calc(var(--spacing) * 1);
  }
  .end-2 {
    inset-inline-end: calc(var(--spacing) * 2);
  }
  .end-3 {
    inset-inline-end: calc(var(--spacing) * 3);
  }
  .end-4 {
    inset-inline-end: calc(var(--spacing) * 4);
  }
  .end-5 {
    inset-inline-end: calc(var(--spacing) * 5);
  }
  .end-6 {
    inset-inline-end: calc(var(--spacing) * 6);
  }
  .end-8 {
    inset-inline-end: calc(var(--spacing) * 8);
  }
  .end-16 {
    inset-inline-end: calc(var(--spacing) * 16);
  }
  .end-40 {
    inset-inline-end: calc(var(--spacing) * 40);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2 {
    top: calc(var(--spacing) * -2);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-28 {
    top: calc(var(--spacing) * -28);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\.25 {
    top: calc(var(--spacing) * 1.25);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-18 {
    top: calc(var(--spacing) * 18);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .top-full {
    top: 100%;
  }
  .right-40 {
    right: calc(var(--spacing) * 40);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }
  .-bottom-62\.5 {
    bottom: calc(var(--spacing) * -62.5);
  }
  .-bottom-87\.5 {
    bottom: calc(var(--spacing) * -87.5);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-48 {
    bottom: calc(var(--spacing) * 48);
  }
  .-z-20 {
    z-index: -20;
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-60 {
    z-index: 60;
  }
  .z-80 {
    z-index: 80;
  }
  .z-140 {
    z-index: 140;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .float-end {
    float: inline-end;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-9 {
    margin-block: calc(var(--spacing) * 9);
  }
  .my-21 {
    margin-block: calc(var(--spacing) * 21);
  }
  .my-auto {
    margin-block: auto;
  }
  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }
  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-1\.5 {
    margin-inline-end: calc(var(--spacing) * 1.5);
  }
  .me-1\.25 {
    margin-inline-end: calc(var(--spacing) * 1.25);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }
  .me-24 {
    margin-inline-end: calc(var(--spacing) * 24);
  }
  .me-40 {
    margin-inline-end: calc(var(--spacing) * 40);
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .-mt-14 {
    margin-top: calc(var(--spacing) * -14);
  }
  .-mt-24 {
    margin-top: calc(var(--spacing) * -24);
  }
  .-mt-36 {
    margin-top: calc(var(--spacing) * -36);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-auto {
    margin-top: auto;
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-1\.25 {
    margin-bottom: calc(var(--spacing) * 1.25);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-3\.5 {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .form-checkbox {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: #155dfc;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: #e7e3e4;
    border-radius: 0.25rem;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }
  .form-checkbox:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    outline: 2px solid #0000;
  }
  .form-checkbox:checked {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  @media (forced-colors: active) {
    .form-checkbox:checked {
      appearance: auto;
    }
  }
  .form-checkbox:checked:hover,
  .form-checkbox:checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  .form-checkbox:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  @media (forced-colors: active) {
    .form-checkbox:indeterminate {
      appearance: auto;
    }
  }
  .form-checkbox:indeterminate:hover,
  .form-checkbox:indeterminate:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  .form-radio {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: #155dfc;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: #6a7282;
    border-radius: 100%;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }
  .form-radio:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    outline: 2px solid #0000;
  }
  .form-radio:checked {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  @media (forced-colors: active) {
    .form-radio:checked {
      appearance: auto;
    }
  }
  .form-radio:checked:hover,
  .form-radio:checked:focus {
    background-color: currentColor;
    border-color: #0000;
  }
  .iconify {
    width: 1em;
    height: 1em;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    background-color: currentColor;
    display: inline-block;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
  .iconify-color {
    background-image: var(--svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1em;
    height: 1em;
    display: inline-block;
  }
  .form-input {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e3e4;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1rem;
  }
  .form-input:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-color: #155dfc;
    outline: 2px solid #0000;
  }
  .form-input::placeholder {
    color: #6a7282;
    opacity: 1;
  }
  .form-input::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  .form-input::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  .form-input::-webkit-date-and-time-value {
    text-align: inherit;
  }
  .form-input::-webkit-datetime-edit {
    display: inline-flex;
  }
  .form-input::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .form-input::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-\[16\/9\] {
    aspect-ratio: 16/9;
  }
  .aspect-\[21\/9\] {
    aspect-ratio: 21/9;
  }
  .aspect-auto {
    aspect-ratio: auto;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-3\.25 {
    width: calc(var(--spacing) * 3.25);
    height: calc(var(--spacing) * 3.25);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-4\.25 {
    width: calc(var(--spacing) * 4.25);
    height: calc(var(--spacing) * 4.25);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-6\.5 {
    width: calc(var(--spacing) * 6.5);
    height: calc(var(--spacing) * 6.5);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-7\.5 {
    width: calc(var(--spacing) * 7.5);
    height: calc(var(--spacing) * 7.5);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-8\.5 {
    width: calc(var(--spacing) * 8.5);
    height: calc(var(--spacing) * 8.5);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-9\.5 {
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
  }
  .size-9\.25 {
    width: calc(var(--spacing) * 9.25);
    height: calc(var(--spacing) * 9.25);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }
  .size-32 {
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }
  .size-64 {
    width: calc(var(--spacing) * 64);
    height: calc(var(--spacing) * 64);
  }
  .size-125 {
    width: calc(var(--spacing) * 125);
    height: calc(var(--spacing) * 125);
  }
  .size-175 {
    width: calc(var(--spacing) * 175);
    height: calc(var(--spacing) * 175);
  }
  .size-\[37\.5px\] {
    width: 37.5px;
    height: 37.5px;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-0\.25 {
    height: calc(var(--spacing) * 0.25);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-9\.25 {
    height: calc(var(--spacing) * 9.25);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-30 {
    height: calc(var(--spacing) * 30);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-98 {
    height: calc(var(--spacing) * 98);
  }
  .h-125 {
    height: calc(var(--spacing) * 125);
  }
  .h-130 {
    height: calc(var(--spacing) * 130);
  }
  .h-150 {
    height: calc(var(--spacing) * 150);
  }
  .h-160 {
    height: calc(var(--spacing) * 160);
  }
  .h-166 {
    height: calc(var(--spacing) * 166);
  }
  .h-\[calc\(100vh-125px\)\] {
    height: calc(100vh - 125px);
  }
  .h-\[calc\(100vh-340px\)\] {
    height: calc(100vh - 340px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-55 {
    max-height: calc(var(--spacing) * 55);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-150 {
    max-height: calc(var(--spacing) * 150);
  }
  .max-h-\[calc\(theme\(\'height\.screen\'\)_-_180px\)\] {
    max-height: calc(100vh - 180px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .\!min-h-auto {
    min-height: auto !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-\[calc\(100\%-56px\)\] {
    min-height: calc(100% - 56px);
  }
  .min-h-auto {
    min-height: auto;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .min-h-topbar-height {
    min-height: var(--spacing-topbar-height);
  }
  .\!w-46 {
    width: calc(var(--spacing) * 46) !important;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\/3 {
    width: 66.6667%;
  }
  .w-2\/6 {
    width: 33.3333%;
  }
  .w-2xl {
    width: var(--container-2xl);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-15 {
    width: calc(var(--spacing) * 15);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-42\.5 {
    width: calc(var(--spacing) * 42.5);
  }
  .w-43 {
    width: calc(var(--spacing) * 43);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-75 {
    width: calc(var(--spacing) * 75);
  }
  .w-77 {
    width: calc(var(--spacing) * 77);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-86 {
    width: calc(var(--spacing) * 86);
  }
  .w-87 {
    width: calc(var(--spacing) * 87);
  }
  .w-90 {
    width: calc(var(--spacing) * 90);
  }
  .w-92 {
    width: calc(var(--spacing) * 92);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-110 {
    width: calc(var(--spacing) * 110);
  }
  .w-160 {
    width: calc(var(--spacing) * 160);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-lg {
    width: var(--container-lg);
  }
  .w-md {
    width: var(--container-md);
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .w-xl {
    width: var(--container-xl);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .max-w-100 {
    max-width: calc(var(--spacing) * 100);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-38 {
    min-width: calc(var(--spacing) * 38);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-auto {
    flex: auto;
  }
  .flex-shrink-0,
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow,
  .grow {
    flex-grow: 1;
  }
  .border-separate {
    border-collapse: separate;
  }
  .border-spacing-y-1 {
    --tw-border-spacing-y: calc(var(--spacing) * 1);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-95 {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-scale-x-100 {
    --tw-scale-x: -100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-45 {
    rotate: -45deg;
  }
  .rotate-0 {
    rotate: none;
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
      var(--tw-skew-x) var(--tw-skew-y);
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-\[square\] {
    list-style-type: square;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .form-select {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e3e4;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1rem;
  }
  .form-select:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-color: #155dfc;
    outline: 2px solid #0000;
  }
  .form-select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }
  .form-select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset;
    padding-right: 0.75rem;
  }
  .form-textarea {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: #e7e3e4;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1rem;
  }
  .form-textarea:focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow);
    border-color: #155dfc;
    outline: 2px solid #0000;
  }
  .form-textarea::placeholder {
    color: #6a7282;
    opacity: 1;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-0\.25 {
    gap: calc(var(--spacing) * 0.25);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-1\.25 {
    gap: calc(var(--spacing) * 1.25);
  }
  .gap-1\.75 {
    gap: calc(var(--spacing) * 1.75);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-4\.5 {
    gap: calc(var(--spacing) * 4.5);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }
  :where(.divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-dashed > :not(:last-child)) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  :where(.divide-default-200 > :not(:last-child)) {
    border-color: var(--color-default-200);
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded {
    border-radius: 0.25rem !important;
  }
  .\!rounded-full {
    border-radius: 3.40282e38px !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .\!rounded-s-none {
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
  }
  .rounded-s {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-s-md {
    border-start-start-radius: var(--radius-md);
    border-end-start-radius: var(--radius-md);
  }
  .rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .\!rounded-e-none {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
  }
  .rounded-e {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-e-md {
    border-start-end-radius: var(--radius-md);
    border-end-end-radius: var(--radius-md);
  }
  .rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .rounded-tl-md {
    border-top-left-radius: var(--radius-md);
  }
  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }
  .rounded-b-md {
    border-bottom-right-radius: var(--radius-md);
    border-bottom-left-radius: var(--radius-md);
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .\!border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-s {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .border-s-0 {
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0;
  }
  .\!border-e-0 {
    border-inline-end-style: var(--tw-border-style) !important;
    border-inline-end-width: 0 !important;
  }
  .border-e {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
  }
  .border-e-0 {
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 0;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-0 {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }
  .\!border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .\!border-danger {
    border-color: var(--color-danger) !important;
  }
  .\!border-danger\/20 {
    border-color: #fe6e0033 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-danger\/20 {
      border-color: var(--color-danger) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-danger\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-danger) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-default-200 {
    border-color: var(--color-default-200) !important;
  }
  .\!border-default-300 {
    border-color: var(--color-default-300) !important;
  }
  .\!border-default-300\/20 {
    border-color: #d4d4d833 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-default-300\/20 {
      border-color: var(--color-default-300) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-default-300\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-default-300) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-default-800\/20 {
    border-color: #27272a33 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-default-800\/20 {
      border-color: var(--color-default-800) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-default-800\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-default-800) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-info\/20 {
    border-color: #00a5ef33 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-info\/20 {
      border-color: var(--color-info) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-info\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-info) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-primary {
    border-color: var(--color-primary) !important;
  }
  .\!border-primary\/20 {
    border-color: #3080ff33 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-primary\/20 {
      border-color: var(--color-primary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-primary\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-secondary\/20 {
    border-color: #8d54ff33 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-secondary\/20 {
      border-color: var(--color-secondary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-secondary\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-secondary) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-success {
    border-color: var(--color-success) !important;
  }
  .\!border-success\/20 {
    border-color: #00c75833 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-success\/20 {
      border-color: var(--color-success) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-success\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-success) 20%,
          transparent
        ) !important;
      }
    }
  }
  .\!border-transparent {
    border-color: #0000 !important;
  }
  .\!border-warning\/20 {
    border-color: #f99c0033 !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!border-warning\/20 {
      border-color: var(--color-warning) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!border-warning\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-warning) 20%,
          transparent
        ) !important;
      }
    }
  }
  .border-current {
    border-color: currentColor;
  }
  .border-danger {
    border-color: var(--color-danger);
  }
  .border-danger\/10 {
    border-color: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/10 {
      border-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-danger\/10 {
        border-color: color-mix(in oklab, var(--color-danger) 10%, transparent);
      }
    }
  }
  .border-danger\/20 {
    border-color: #fe6e0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/20 {
      border-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-danger\/20 {
        border-color: color-mix(in oklab, var(--color-danger) 20%, transparent);
      }
    }
  }
  .border-danger\/30 {
    border-color: #fe6e004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/30 {
      border-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-danger\/30 {
        border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);
      }
    }
  }
  .border-danger\/40 {
    border-color: #fe6e0066;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/40 {
      border-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-danger\/40 {
        border-color: color-mix(in oklab, var(--color-danger) 40%, transparent);
      }
    }
  }
  .border-danger\/50 {
    border-color: #fe6e0080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-danger\/50 {
      border-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-danger\/50 {
        border-color: color-mix(in oklab, var(--color-danger) 50%, transparent);
      }
    }
  }
  .border-default-50 {
    border-color: var(--color-default-50);
  }
  .border-default-100 {
    border-color: var(--color-default-100);
  }
  .border-default-150 {
    border-color: var(--color-default-150);
  }
  .border-default-200 {
    border-color: var(--color-default-200);
  }
  .border-default-200\/30 {
    border-color: #e4e4e74d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-default-200\/30 {
      border-color: var(--color-default-200);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-default-200\/30 {
        border-color: color-mix(
          in oklab,
          var(--color-default-200) 30%,
          transparent
        );
      }
    }
  }
  .border-default-300 {
    border-color: var(--color-default-300);
  }
  .border-default-300\/40 {
    border-color: #d4d4d866;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-default-300\/40 {
      border-color: var(--color-default-300);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-default-300\/40 {
        border-color: color-mix(
          in oklab,
          var(--color-default-300) 40%,
          transparent
        );
      }
    }
  }
  .border-default-400 {
    border-color: var(--color-default-400);
  }
  .border-default-400\/40 {
    border-color: #9f9fa966;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-default-400\/40 {
      border-color: var(--color-default-400);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-default-400\/40 {
        border-color: color-mix(
          in oklab,
          var(--color-default-400) 40%,
          transparent
        );
      }
    }
  }
  .border-default-500 {
    border-color: var(--color-default-500);
  }
  .border-default-500\/10 {
    border-color: #71717b1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-default-500\/10 {
      border-color: var(--color-default-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-default-500\/10 {
        border-color: color-mix(
          in oklab,
          var(--color-default-500) 10%,
          transparent
        );
      }
    }
  }
  .border-default-600 {
    border-color: var(--color-default-600);
  }
  .border-default-700 {
    border-color: var(--color-default-700);
  }
  .border-default-800 {
    border-color: var(--color-default-800);
  }
  .border-default-800\/20 {
    border-color: #27272a33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-default-800\/20 {
      border-color: var(--color-default-800);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-default-800\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-default-800) 20%,
          transparent
        );
      }
    }
  }
  .border-default-900\/10 {
    border-color: #18181b1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-default-900\/10 {
      border-color: var(--color-default-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-default-900\/10 {
        border-color: color-mix(
          in oklab,
          var(--color-default-900) 10%,
          transparent
        );
      }
    }
  }
  .border-green-500 {
    border-color: var(--color-green-500);
  }
  .border-info {
    border-color: var(--color-info);
  }
  .border-info\/10 {
    border-color: #00a5ef1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-info\/10 {
      border-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-info\/10 {
        border-color: color-mix(in oklab, var(--color-info) 10%, transparent);
      }
    }
  }
  .border-info\/20 {
    border-color: #00a5ef33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-info\/20 {
      border-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-info\/20 {
        border-color: color-mix(in oklab, var(--color-info) 20%, transparent);
      }
    }
  }
  .border-info\/30 {
    border-color: #00a5ef4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-info\/30 {
      border-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-info\/30 {
        border-color: color-mix(in oklab, var(--color-info) 30%, transparent);
      }
    }
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary\/10 {
    border-color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/10 {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-primary\/10 {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
  }
  .border-primary\/20 {
    border-color: #3080ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-primary\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 20%,
          transparent
        );
      }
    }
  }
  .border-primary\/30 {
    border-color: #3080ff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-primary\/30 {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 30%,
          transparent
        );
      }
    }
  }
  .border-primary\/40 {
    border-color: #3080ff66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-primary\/40 {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 40%,
          transparent
        );
      }
    }
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-secondary {
    border-color: var(--color-secondary);
  }
  .border-secondary\/10 {
    border-color: #8d54ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/10 {
      border-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-secondary\/10 {
        border-color: color-mix(
          in oklab,
          var(--color-secondary) 10%,
          transparent
        );
      }
    }
  }
  .border-secondary\/30 {
    border-color: #8d54ff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/30 {
      border-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-secondary\/30 {
        border-color: color-mix(
          in oklab,
          var(--color-secondary) 30%,
          transparent
        );
      }
    }
  }
  .border-secondary\/40 {
    border-color: #8d54ff66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-secondary\/40 {
      border-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-secondary\/40 {
        border-color: color-mix(
          in oklab,
          var(--color-secondary) 40%,
          transparent
        );
      }
    }
  }
  .border-sky-500 {
    border-color: var(--color-sky-500);
  }
  .border-success {
    border-color: var(--color-success);
  }
  .border-success\/10 {
    border-color: #00c7581a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/10 {
      border-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-success\/10 {
        border-color: color-mix(
          in oklab,
          var(--color-success) 10%,
          transparent
        );
      }
    }
  }
  .border-success\/20 {
    border-color: #00c75833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/20 {
      border-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-success\/20 {
        border-color: color-mix(
          in oklab,
          var(--color-success) 20%,
          transparent
        );
      }
    }
  }
  .border-success\/30 {
    border-color: #00c7584d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/30 {
      border-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-success\/30 {
        border-color: color-mix(
          in oklab,
          var(--color-success) 30%,
          transparent
        );
      }
    }
  }
  .border-success\/40 {
    border-color: #00c75866;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/40 {
      border-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-success\/40 {
        border-color: color-mix(
          in oklab,
          var(--color-success) 40%,
          transparent
        );
      }
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-warning {
    border-color: var(--color-warning);
  }
  .border-warning\/10 {
    border-color: #f99c001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/10 {
      border-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-warning\/10 {
        border-color: color-mix(
          in oklab,
          var(--color-warning) 10%,
          transparent
        );
      }
    }
  }
  .border-warning\/30 {
    border-color: #f99c004d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/30 {
      border-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-warning\/30 {
        border-color: color-mix(
          in oklab,
          var(--color-warning) 30%,
          transparent
        );
      }
    }
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/14 {
    border-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/14 {
      border-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-white\/14 {
        border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
  }
  .border-white\/20 {
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/20 {
      border-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
  .border-s-transparent {
    border-inline-start-color: #0000;
  }
  .border-t-default-200 {
    border-top-color: var(--color-default-200);
  }
  .border-t-default-300 {
    border-top-color: var(--color-default-300);
  }
  .border-t-primary {
    border-top-color: var(--color-primary);
  }
  .border-t-transparent {
    border-top-color: #0000;
  }
  .border-r-default-300\/40 {
    border-right-color: #d4d4d866;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-r-default-300\/40 {
      border-right-color: var(--color-default-300);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .border-r-default-300\/40 {
        border-right-color: color-mix(
          in oklab,
          var(--color-default-300) 40%,
          transparent
        );
      }
    }
  }
  .border-r-default-700 {
    border-right-color: var(--color-default-700);
  }
  .border-b-default-200 {
    border-bottom-color: var(--color-default-200);
  }
  .border-b-default-700 {
    border-bottom-color: var(--color-default-700);
  }
  .border-l-default-300 {
    border-left-color: var(--color-default-300);
  }
  .border-l-primary {
    border-left-color: var(--color-primary);
  }
  .\!bg-danger\/10 {
    background-color: #fe6e001a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-danger\/10 {
      background-color: var(--color-danger) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-danger\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-default-50 {
    background-color: var(--color-default-50) !important;
  }
  .\!bg-default-100 {
    background-color: var(--color-default-100) !important;
  }
  .\!bg-default-300\/10 {
    background-color: #d4d4d81a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-default-300\/10 {
      background-color: var(--color-default-300) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-default-300\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-default-300) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-default-800\/10 {
    background-color: #27272a1a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-default-800\/10 {
      background-color: var(--color-default-800) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-default-800\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-default-800) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-info\/10 {
    background-color: #00a5ef1a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-info\/10 {
      background-color: var(--color-info) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-info\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-info) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-primary\/10 {
    background-color: #3080ff1a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-primary\/10 {
      background-color: var(--color-primary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-primary\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-secondary\/10 {
    background-color: #8d54ff1a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-secondary\/10 {
      background-color: var(--color-secondary) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-secondary\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-secondary) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-success\/10 {
    background-color: #00c7581a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-success\/10 {
      background-color: var(--color-success) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-success\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-success) 10%,
          transparent
        ) !important;
      }
    }
  }
  .\!bg-transparent {
    background-color: #0000 !important;
  }
  .\!bg-warning\/10 {
    background-color: #f99c001a !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-warning\/10 {
      background-color: var(--color-warning) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .\!bg-warning\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-warning) 10%,
          transparent
        ) !important;
      }
    }
  }
  .bg-\(--topbar-background\) {
    background-color: var(--topbar-background);
  }
  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: var(--color-amber-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-amber-500\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-amber-500) 10%,
          transparent
        );
      }
    }
  }
  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }
  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }
  .bg-blue-400 {
    background-color: var(--color-blue-400);
  }
  .bg-blue-700\/80 {
    background-color: #1447e6cc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-700\/80 {
      background-color: var(--color-blue-700);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-blue-700\/80 {
        background-color: color-mix(
          in oklab,
          var(--color-blue-700) 80%,
          transparent
        );
      }
    }
  }
  .bg-blue-800 {
    background-color: var(--color-blue-800);
  }
  .bg-blue-900 {
    background-color: var(--color-blue-900);
  }
  .bg-card {
    background-color: var(--color-card);
  }
  .bg-card\/4 {
    background-color: #ffffff0a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/4 {
      background-color: var(--color-card);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-card\/4 {
        background-color: color-mix(
          in oklab,
          var(--color-card) 4%,
          transparent
        );
      }
    }
  }
  .bg-card\/5 {
    background-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/5 {
      background-color: var(--color-card);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-card\/5 {
        background-color: color-mix(
          in oklab,
          var(--color-card) 5%,
          transparent
        );
      }
    }
  }
  .bg-card\/20 {
    background-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/20 {
      background-color: var(--color-card);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-card\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-card) 20%,
          transparent
        );
      }
    }
  }
  .bg-card\/60 {
    background-color: #fff9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/60 {
      background-color: var(--color-card);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-card\/60 {
        background-color: color-mix(
          in oklab,
          var(--color-card) 60%,
          transparent
        );
      }
    }
  }
  .bg-card\/70 {
    background-color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/70 {
      background-color: var(--color-card);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-card\/70 {
        background-color: color-mix(
          in oklab,
          var(--color-card) 70%,
          transparent
        );
      }
    }
  }
  .bg-danger {
    background-color: var(--color-danger);
  }
  .bg-danger\/5 {
    background-color: #fe6e000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/5 {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-danger\/5 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 5%,
          transparent
        );
      }
    }
  }
  .bg-danger\/10 {
    background-color: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/10 {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-danger\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 10%,
          transparent
        );
      }
    }
  }
  .bg-danger\/15 {
    background-color: #fe6e0026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/15 {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-danger\/15 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 15%,
          transparent
        );
      }
    }
  }
  .bg-danger\/20 {
    background-color: #fe6e0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/20 {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-danger\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 20%,
          transparent
        );
      }
    }
  }
  .bg-danger\/85 {
    background-color: #fe6e00d9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/85 {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-danger\/85 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 85%,
          transparent
        );
      }
    }
  }
  .bg-danger\/90 {
    background-color: #fe6e00e6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-danger\/90 {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-danger\/90 {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 90%,
          transparent
        );
      }
    }
  }
  .bg-default-50 {
    background-color: var(--color-default-50);
  }
  .bg-default-100 {
    background-color: var(--color-default-100);
  }
  .bg-default-100\/50 {
    background-color: #f4f4f580;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-100\/50 {
      background-color: var(--color-default-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-default-100\/50 {
        background-color: color-mix(
          in oklab,
          var(--color-default-100) 50%,
          transparent
        );
      }
    }
  }
  .bg-default-150 {
    background-color: var(--color-default-150);
  }
  .bg-default-150\/75 {
    background-color: #f4f4f5bf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-150\/75 {
      background-color: var(--color-default-150);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-default-150\/75 {
        background-color: color-mix(
          in oklab,
          var(--color-default-150) 75%,
          transparent
        );
      }
    }
  }
  .bg-default-200 {
    background-color: var(--color-default-200);
  }
  .bg-default-300 {
    background-color: var(--color-default-300);
  }
  .bg-default-400\/10 {
    background-color: #9f9fa91a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-400\/10 {
      background-color: var(--color-default-400);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-default-400\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-default-400) 10%,
          transparent
        );
      }
    }
  }
  .bg-default-500 {
    background-color: var(--color-default-500);
  }
  .bg-default-500\/10 {
    background-color: #71717b1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-500\/10 {
      background-color: var(--color-default-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-default-500\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-default-500) 10%,
          transparent
        );
      }
    }
  }
  .bg-default-600 {
    background-color: var(--color-default-600);
  }
  .bg-default-800 {
    background-color: var(--color-default-800);
  }
  .bg-default-900 {
    background-color: var(--color-default-900);
  }
  .bg-default-900\/50 {
    background-color: #18181b80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-900\/50 {
      background-color: var(--color-default-900);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-default-900\/50 {
        background-color: color-mix(
          in oklab,
          var(--color-default-900) 50%,
          transparent
        );
      }
    }
  }
  .bg-default-950 {
    background-color: var(--color-default-950);
  }
  .bg-default-950\/10 {
    background-color: #09090b1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-default-950\/10 {
      background-color: var(--color-default-950);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-default-950\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-default-950) 10%,
          transparent
        );
      }
    }
  }
  .bg-emerald-200 {
    background-color: var(--color-emerald-200);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-200 {
    background-color: var(--color-green-200);
  }
  .bg-green-300 {
    background-color: var(--color-green-300);
  }
  .bg-green-400 {
    background-color: var(--color-green-400);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-info {
    background-color: var(--color-info);
  }
  .bg-info\/5 {
    background-color: #00a5ef0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/5 {
      background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-info\/5 {
        background-color: color-mix(
          in oklab,
          var(--color-info) 5%,
          transparent
        );
      }
    }
  }
  .bg-info\/10 {
    background-color: #00a5ef1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/10 {
      background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-info\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-info) 10%,
          transparent
        );
      }
    }
  }
  .bg-info\/15 {
    background-color: #00a5ef26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/15 {
      background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-info\/15 {
        background-color: color-mix(
          in oklab,
          var(--color-info) 15%,
          transparent
        );
      }
    }
  }
  .bg-info\/20 {
    background-color: #00a5ef33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/20 {
      background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-info\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-info) 20%,
          transparent
        );
      }
    }
  }
  .bg-info\/90 {
    background-color: #00a5efe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/90 {
      background-color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-info\/90 {
        background-color: color-mix(
          in oklab,
          var(--color-info) 90%,
          transparent
        );
      }
    }
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }
  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-orange-500\/10 {
    background-color: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/10 {
      background-color: var(--color-orange-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-orange-500\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-orange-500) 10%,
          transparent
        );
      }
    }
  }
  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }
  .bg-pink-200 {
    background-color: var(--color-pink-200);
  }
  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }
  .bg-pink-500\/10 {
    background-color: #f6339a1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-pink-500\/10 {
      background-color: var(--color-pink-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-pink-500\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-pink-500) 10%,
          transparent
        );
      }
    }
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\/5 {
    background-color: #3080ff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/5 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 5%,
          transparent
        );
      }
    }
  }
  .bg-primary\/10 {
    background-color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
  }
  .bg-primary\/15 {
    background-color: #3080ff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/15 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 15%,
          transparent
        );
      }
    }
  }
  .bg-primary\/20 {
    background-color: #3080ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 20%,
          transparent
        );
      }
    }
  }
  .bg-primary\/60 {
    background-color: #3080ff99;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/60 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/60 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 60%,
          transparent
        );
      }
    }
  }
  .bg-primary\/75 {
    background-color: #3080ffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/75 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/75 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 75%,
          transparent
        );
      }
    }
  }
  .bg-primary\/80 {
    background-color: #3080ffcc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/80 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/80 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 80%,
          transparent
        );
      }
    }
  }
  .bg-primary\/85 {
    background-color: #3080ffd9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/85 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/85 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 85%,
          transparent
        );
      }
    }
  }
  .bg-primary\/90 {
    background-color: #3080ffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/90 {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-primary\/90 {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 90%,
          transparent
        );
      }
    }
  }
  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }
  .bg-purple-300 {
    background-color: var(--color-purple-300);
  }
  .bg-purple-400 {
    background-color: var(--color-purple-400);
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-red-300 {
    background-color: var(--color-red-300);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-secondary\/10 {
    background-color: #8d54ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/10 {
      background-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-secondary\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-secondary) 10%,
          transparent
        );
      }
    }
  }
  .bg-secondary\/15 {
    background-color: #8d54ff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/15 {
      background-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-secondary\/15 {
        background-color: color-mix(
          in oklab,
          var(--color-secondary) 15%,
          transparent
        );
      }
    }
  }
  .bg-secondary\/20 {
    background-color: #8d54ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-secondary\/20 {
      background-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-secondary\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-secondary) 20%,
          transparent
        );
      }
    }
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-500 {
    background-color: var(--color-sky-500);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-500 {
    background-color: var(--color-slate-500);
  }
  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }
  .bg-slate-800 {
    background-color: var(--color-slate-800);
  }
  .bg-success {
    background-color: var(--color-success);
  }
  .bg-success\/5 {
    background-color: #00c7580d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/5 {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-success\/5 {
        background-color: color-mix(
          in oklab,
          var(--color-success) 5%,
          transparent
        );
      }
    }
  }
  .bg-success\/10 {
    background-color: #00c7581a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-success\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-success) 10%,
          transparent
        );
      }
    }
  }
  .bg-success\/15 {
    background-color: #00c75826;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/15 {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-success\/15 {
        background-color: color-mix(
          in oklab,
          var(--color-success) 15%,
          transparent
        );
      }
    }
  }
  .bg-success\/20 {
    background-color: #00c75833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/20 {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-success\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-success) 20%,
          transparent
        );
      }
    }
  }
  .bg-success\/40 {
    background-color: #00c75866;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/40 {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-success\/40 {
        background-color: color-mix(
          in oklab,
          var(--color-success) 40%,
          transparent
        );
      }
    }
  }
  .bg-teal-600 {
    background-color: var(--color-teal-600);
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-warning {
    background-color: var(--color-warning);
  }
  .bg-warning\/10 {
    background-color: #f99c001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-warning\/10 {
        background-color: color-mix(
          in oklab,
          var(--color-warning) 10%,
          transparent
        );
      }
    }
  }
  .bg-warning\/15 {
    background-color: #f99c0026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/15 {
      background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-warning\/15 {
        background-color: color-mix(
          in oklab,
          var(--color-warning) 15%,
          transparent
        );
      }
    }
  }
  .bg-warning\/20 {
    background-color: #f99c0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/20 {
      background-color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .bg-warning\/20 {
        background-color: color-mix(
          in oklab,
          var(--color-warning) 20%,
          transparent
        );
      }
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }
  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[url\(\'\.\.\/images\/auth-bg\.jpg\'\)\] {
    background-image: url(/assets/auth-bg-Dbv9BhkR.jpg);
  }
  .bg-\[url\(\'\.\.\/images\/cta-2\.png\'\)\] {
    background-image: url(/assets/cta-2-Btz_HyBn.png);
  }
  .bg-\[url\(\'\.\.\/images\/hr-dashboard\.png\'\)\] {
    background-image: url(/assets/hr-dashboard-Xzw-mpDJ.png);
  }
  .bg-\[url\(\.\.\/images\/auth-bg\.jpg\)\] {
    background-image: url(/assets/auth-bg-Dbv9BhkR.jpg);
  }
  .from-blue-900 {
    --tw-gradient-from: var(--color-blue-900);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-default-100 {
    --tw-gradient-from: var(--color-default-100);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-default-900 {
    --tw-gradient-from: var(--color-default-900);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-secondary\/30 {
    --tw-gradient-from: #8d54ff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-secondary\/30 {
      --tw-gradient-from: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .from-secondary\/30 {
        --tw-gradient-from: color-mix(
          in oklab,
          var(--color-secondary) 30%,
          transparent
        );
      }
    }
  }
  .from-secondary\/30 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .from-30\% {
    --tw-gradient-from-position: 30%;
  }
  .via-primary {
    --tw-gradient-via: var(--color-primary);
    --tw-gradient-via-stops: var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-blue-800 {
    --tw-gradient-to: var(--color-blue-800);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-default-50\/40 {
    --tw-gradient-to: #fafafa66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-default-50\/40 {
      --tw-gradient-to: var(--color-default-50);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .to-default-50\/40 {
        --tw-gradient-to: color-mix(
          in oklab,
          var(--color-default-50) 40%,
          transparent
        );
      }
    }
  }
  .to-default-50\/40 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-primary\/50 {
    --tw-gradient-to: #3080ff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .to-primary\/50 {
      --tw-gradient-to: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .to-primary\/50 {
        --tw-gradient-to: color-mix(
          in oklab,
          var(--color-primary) 50%,
          transparent
        );
      }
    }
  }
  .to-primary\/50 {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-secondary {
    --tw-gradient-to: var(--color-secondary);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: 50%;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-black\/2 {
    fill: #00000005;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-black\/2 {
      fill: var(--color-black);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-black\/2 {
        fill: color-mix(in oklab, var(--color-black) 2%, transparent);
      }
    }
  }
  .fill-danger\/10 {
    fill: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-danger\/10 {
      fill: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-danger\/10 {
        fill: color-mix(in oklab, var(--color-danger) 10%, transparent);
      }
    }
  }
  .fill-danger\/15 {
    fill: #fe6e0026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-danger\/15 {
      fill: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-danger\/15 {
        fill: color-mix(in oklab, var(--color-danger) 15%, transparent);
      }
    }
  }
  .fill-danger\/20 {
    fill: #fe6e0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-danger\/20 {
      fill: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-danger\/20 {
        fill: color-mix(in oklab, var(--color-danger) 20%, transparent);
      }
    }
  }
  .fill-default-100 {
    fill: var(--color-default-100);
  }
  .fill-default-200 {
    fill: var(--color-default-200);
  }
  .fill-info\/10 {
    fill: #00a5ef1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-info\/10 {
      fill: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-info\/10 {
        fill: color-mix(in oklab, var(--color-info) 10%, transparent);
      }
    }
  }
  .fill-info\/20 {
    fill: #00a5ef33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-info\/20 {
      fill: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-info\/20 {
        fill: color-mix(in oklab, var(--color-info) 20%, transparent);
      }
    }
  }
  .fill-orange-500 {
    fill: var(--color-orange-500);
  }
  .fill-primary\/10 {
    fill: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-primary\/10 {
      fill: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-primary\/10 {
        fill: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .fill-primary\/20 {
    fill: #3080ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-primary\/20 {
      fill: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-primary\/20 {
        fill: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }
  }
  .fill-secondary\/10 {
    fill: #8d54ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-secondary\/10 {
      fill: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-secondary\/10 {
        fill: color-mix(in oklab, var(--color-secondary) 10%, transparent);
      }
    }
  }
  .fill-slate-100 {
    fill: var(--color-slate-100);
  }
  .fill-success\/10 {
    fill: #00c7581a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-success\/10 {
      fill: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-success\/10 {
        fill: color-mix(in oklab, var(--color-success) 10%, transparent);
      }
    }
  }
  .fill-success\/20 {
    fill: #00c75833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-success\/20 {
      fill: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-success\/20 {
        fill: color-mix(in oklab, var(--color-success) 20%, transparent);
      }
    }
  }
  .fill-warning {
    fill: var(--color-warning);
  }
  .fill-warning\/10 {
    fill: #f99c001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-warning\/10 {
      fill: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-warning\/10 {
        fill: color-mix(in oklab, var(--color-warning) 10%, transparent);
      }
    }
  }
  .fill-warning\/20 {
    fill: #f99c0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fill-warning\/20 {
      fill: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .fill-warning\/20 {
        fill: color-mix(in oklab, var(--color-warning) 20%, transparent);
      }
    }
  }
  .stroke-black\/5 {
    stroke: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .stroke-black\/5 {
      stroke: var(--color-black);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .stroke-black\/5 {
        stroke: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
  .stroke-1 {
    stroke-width: 1px;
  }
  .object-cover {
    object-fit: cover;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .\!px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5) !important;
  }
  .\!px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .\!px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .\!px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-3\.75 {
    padding-inline: calc(var(--spacing) * 3.75);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-1\.75 {
    padding-block: calc(var(--spacing) * 1.75);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-2\.25 {
    padding-block: calc(var(--spacing) * 2.25);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .ps-0 {
    padding-inline-start: calc(var(--spacing) * 0);
  }
  .ps-2 {
    padding-inline-start: calc(var(--spacing) * 2);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-3\.5 {
    padding-inline-start: calc(var(--spacing) * 3.5);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-4\.5 {
    padding-inline-start: calc(var(--spacing) * 4.5);
  }
  .ps-5 {
    padding-inline-start: calc(var(--spacing) * 5);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .ps-9 {
    padding-inline-start: calc(var(--spacing) * 9);
  }
  .ps-10 {
    padding-inline-start: calc(var(--spacing) * 10);
  }
  .ps-11 {
    padding-inline-start: calc(var(--spacing) * 11);
  }
  .ps-12 {
    padding-inline-start: calc(var(--spacing) * 12);
  }
  .pe-0 {
    padding-inline-end: calc(var(--spacing) * 0);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-3\.5 {
    padding-inline-end: calc(var(--spacing) * 3.5);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-10 {
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-20 {
    padding-top: calc(var(--spacing) * 20);
  }
  .pt-30 {
    padding-top: calc(var(--spacing) * 30);
  }
  .pt-40 {
    padding-top: calc(var(--spacing) * 40);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-tourney {
    font-family: var(--font-tourney);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/normal {
    font-size: var(--text-base);
    line-height: var(--leading-normal);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .\!text-danger {
    color: var(--color-danger) !important;
  }
  .\!text-info {
    color: var(--color-info) !important;
  }
  .\!text-primary {
    color: var(--color-primary) !important;
  }
  .\!text-success {
    color: var(--color-success) !important;
  }
  .\!text-warning {
    color: var(--color-warning) !important;
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-danger\/10 {
    color: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-danger\/10 {
      color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-danger\/10 {
        color: color-mix(in oklab, var(--color-danger) 10%, transparent);
      }
    }
  }
  .text-danger\/20 {
    color: #fe6e0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-danger\/20 {
      color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-danger\/20 {
        color: color-mix(in oklab, var(--color-danger) 20%, transparent);
      }
    }
  }
  .text-default-100 {
    color: var(--color-default-100);
  }
  .text-default-100\/50 {
    color: #f4f4f580;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-default-100\/50 {
      color: var(--color-default-100);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-default-100\/50 {
        color: color-mix(in oklab, var(--color-default-100) 50%, transparent);
      }
    }
  }
  .text-default-200 {
    color: var(--color-default-200);
  }
  .text-default-400 {
    color: var(--color-default-400);
  }
  .text-default-500 {
    color: var(--color-default-500);
  }
  .text-default-600 {
    color: var(--color-default-600);
  }
  .text-default-700 {
    color: var(--color-default-700);
  }
  .text-default-800 {
    color: var(--color-default-800);
  }
  .text-default-800\/80 {
    color: #27272acc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-default-800\/80 {
      color: var(--color-default-800);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-default-800\/80 {
        color: color-mix(in oklab, var(--color-default-800) 80%, transparent);
      }
    }
  }
  .text-default-900 {
    color: var(--color-default-900);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-info {
    color: var(--color-info);
  }
  .text-info\/10 {
    color: #00a5ef1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-info\/10 {
      color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-info\/10 {
        color: color-mix(in oklab, var(--color-info) 10%, transparent);
      }
    }
  }
  .text-info\/20 {
    color: #00a5ef33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-info\/20 {
      color: var(--color-info);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-info\/20 {
        color: color-mix(in oklab, var(--color-info) 20%, transparent);
      }
    }
  }
  .text-orange-500 {
    color: var(--color-orange-500);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary\/10 {
    color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/10 {
      color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-primary\/10 {
        color: color-mix(in oklab, var(--color-primary) 10%, transparent);
      }
    }
  }
  .text-primary\/20 {
    color: #3080ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/20 {
      color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-primary\/20 {
        color: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }
  }
  .text-primary\/90 {
    color: #3080ffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/90 {
      color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-primary\/90 {
        color: color-mix(in oklab, var(--color-primary) 90%, transparent);
      }
    }
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-rose-500 {
    color: var(--color-rose-500);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-secondary\/10 {
    color: #8d54ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/10 {
      color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-secondary\/10 {
        color: color-mix(in oklab, var(--color-secondary) 10%, transparent);
      }
    }
  }
  .text-secondary\/20 {
    color: #8d54ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-secondary\/20 {
      color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-secondary\/20 {
        color: color-mix(in oklab, var(--color-secondary) 20%, transparent);
      }
    }
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-success\/10 {
    color: #00c7581a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-success\/10 {
      color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-success\/10 {
        color: color-mix(in oklab, var(--color-success) 10%, transparent);
      }
    }
  }
  .text-success\/20 {
    color: #00c75833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-success\/20 {
      color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-success\/20 {
        color: color-mix(in oklab, var(--color-success) 20%, transparent);
      }
    }
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-warning\/20 {
    color: #f99c0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-warning\/20 {
      color: var(--color-warning);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-warning\/20 {
        color: color-mix(in oklab, var(--color-warning) 20%, transparent);
      }
    }
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/40 {
    color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/40 {
      color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-white\/40 {
        color: color-mix(in oklab, var(--color-white) 40%, transparent);
      }
    }
  }
  .text-white\/70 {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/70 {
      color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-white\/70 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
  }
  .text-white\/80 {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/80 {
      color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .text-white\/80 {
        color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .underline {
    text-decoration-line: underline;
  }
  .accent-danger {
    accent-color: var(--color-danger);
  }
  .accent-default-700 {
    accent-color: var(--color-default-700);
  }
  .accent-info {
    accent-color: var(--color-info);
  }
  .accent-secondary {
    accent-color: var(--color-secondary);
  }
  .accent-success {
    accent-color: var(--color-success);
  }
  .accent-warning {
    accent-color: var(--color-warning);
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-20 {
    opacity: 0.2;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-75 {
    opacity: 0.75;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-2xs {
    --tw-shadow: 0 1px var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_15px_-3px_\#f1f5f9\,0_4px_6px_-4px_\#f1f5f9\] {
    --tw-shadow: 0 14px 15px -3px var(--tw-shadow-color, #f1f5f9),
      0 4px 6px -4px var(--tw-shadow-color, #f1f5f9);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-default-200 {
    --tw-ring-color: var(--color-default-200);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-default-100 {
    outline-color: var(--color-default-100);
  }
  .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);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    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);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -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, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
      --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
      filter, -webkit-backdrop-filter, backdrop-filter, display, visibility,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,margin\] {
    transition-property: opacity, margin;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[scale\] {
    transition-property: scale;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .duration-500 {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .\[--auto-close\:inside\] {
    --auto-close: inside;
  }
  .\[--auto-close\:lg\] {
    --auto-close: lg;
  }
  .\[--body-scroll\:true\] {
    --body-scroll: true;
  }
  .\[--overlay-backdrop\:false\] {
    --overlay-backdrop: false;
  }
  .\[--placement\:bottom-end\] {
    --placement: bottom-end;
  }
  .\[--placement\:bottom-left\] {
    --placement: bottom-left;
  }
  .\[--placement\:bottom-right\] {
    --placement: bottom-right;
  }
  .\[--placement\:bottom-start\] {
    --placement: bottom-start;
  }
  .\[--placement\:bottom\] {
    --placement: bottom;
  }
  .\[--placement\:left-end\] {
    --placement: left-end;
  }
  .\[--placement\:left-start\] {
    --placement: left-start;
  }
  .\[--placement\:left\] {
    --placement: left;
  }
  .\[--placement\:right-end\] {
    --placement: right-end;
  }
  .\[--placement\:right-start\] {
    --placement: right-start;
  }
  .\[--placement\:right\] {
    --placement: right;
  }
  .\[--placement\:top-end\] {
    --placement: top-end;
  }
  .\[--placement\:top-start\] {
    --placement: top-start;
  }
  .\[--placement\:top\] {
    --placement: top;
  }
  .\[direction\:rtl\] {
    direction: rtl;
  }
  .logos--android-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -53 256 256' width='256' height='256'%3E%3Cpath fill='%2334A853' d='M255.285 143.47c-.084-.524-.164-1.042-.251-1.56a128.1 128.1 0 0 0-12.794-38.288a128.8 128.8 0 0 0-23.45-31.86a129.2 129.2 0 0 0-22.713-18.005c.049-.08.09-.168.14-.25c2.582-4.461 5.172-8.917 7.755-13.38l7.576-13.068c1.818-3.126 3.632-6.26 5.438-9.386q.643-1.115 1.023-2.297a11.78 11.78 0 0 0-.36-8.188q-.32-.76-.743-1.472a11.7 11.7 0 0 0-4.08-4.064a11.85 11.85 0 0 0-5.005-1.61a12 12 0 0 0-2.218.02q-.912.094-1.814.33a11.74 11.74 0 0 0-7.154 5.467c-1.814 3.127-3.628 6.26-5.438 9.386l-7.576 13.069c-2.583 4.462-5.173 8.918-7.755 13.38c-.282.487-.567.973-.848 1.467q-.586-.237-1.172-.462c-14.24-5.43-29.688-8.4-45.836-8.4c-.442 0-.879 0-1.324.006c-14.357.143-28.152 2.64-41.022 7.12a119 119 0 0 0-4.42 1.642c-.262-.455-.532-.911-.79-1.367c-2.583-4.462-5.173-8.918-7.755-13.38l-7.576-13.07a3915 3915 0 0 1-5.439-9.386A11.74 11.74 0 0 0 48.5.048a11.7 11.7 0 0 0-5.01 1.612a11.7 11.7 0 0 0-4.077 4.063c-.281.474-.532.967-.742 1.473a11.8 11.8 0 0 0-.365 8.188c.259.786.594 1.554 1.023 2.296a3973 3973 0 0 1 5.439 9.386q3.793 6.535 7.58 13.069c2.582 4.462 5.168 8.918 7.75 13.38c.02.038.046.075.065.112A129 129 0 0 0 45.32 64.38a129.7 129.7 0 0 0-22.2 24.015a128 128 0 0 0-9.34 15.24a128.2 128.2 0 0 0-10.843 28.764a131 131 0 0 0-1.951 9.524c-.087.518-.167 1.042-.247 1.56A125 125 0 0 0 0 149.118h256q-.307-2.837-.734-5.636z'/%3E%3Cpath fill='%23202124' d='M194.59 113.712c5.122-3.41 5.867-11.3 1.661-17.62c-4.203-6.323-11.763-8.682-16.883-5.273c-5.122 3.41-5.868 11.3-1.662 17.621c4.203 6.322 11.764 8.682 16.883 5.272m-116.071-5.25c4.206-6.321 3.46-14.21-1.662-17.62c-5.123-3.41-12.68-1.05-16.886 5.27c-4.203 6.323-3.458 14.212 1.662 17.622c5.122 3.41 12.683 1.05 16.886-5.272'/%3E%3C/svg%3E");
  }
  .logos--apple {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-29.5 0 315 315' width='315' height='315'%3E%3Cpath d='M213.803 167.03c.442 47.58 41.74 63.413 42.197 63.615c-.35 1.116-6.599 22.563-21.757 44.716c-13.104 19.153-26.705 38.235-48.13 38.63c-21.05.388-27.82-12.483-51.888-12.483c-24.061 0-31.582 12.088-51.51 12.871c-20.68.783-36.428-20.71-49.64-39.793c-27-39.033-47.633-110.3-19.928-158.406c13.763-23.89 38.36-39.017 65.056-39.405c20.307-.387 39.475 13.662 51.889 13.662c12.406 0 35.699-16.895 60.186-14.414c10.25.427 39.026 4.14 57.503 31.186c-1.49.923-34.335 20.044-33.978 59.822M174.24 50.199c10.98-13.29 18.369-31.79 16.353-50.199c-15.826.636-34.962 10.546-46.314 23.828c-10.173 11.763-19.082 30.589-16.678 48.633c17.64 1.365 35.66-8.964 46.64-22.262'/%3E%3C/svg%3E");
  }
  .logos--apple-app-store {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cdefs%3E%3ClinearGradient id='SVG1vlmueNw' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2317C9FB'/%3E%3Cstop offset='100%25' stop-color='%231A74E8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23SVG1vlmueNw)' d='M56.064 0h143.872C230.9 0 256 25.1 256 56.064v143.872C256 230.9 230.9 256 199.936 256H56.064C25.1 256 0 230.9 0 199.936V56.064C0 25.1 25.1 0 56.064 0'/%3E%3Cpath fill='%23FFF' d='m82.042 185.81l.024.008l-8.753 15.16c-3.195 5.534-10.271 7.43-15.805 4.235s-7.43-10.271-4.235-15.805l6.448-11.168l.619-1.072c1.105-1.588 3.832-4.33 9.287-3.814c0 0 12.837 1.393 13.766 8.065c0 0 .126 2.195-1.351 4.391m124.143-38.72h-27.294c-1.859-.125-2.67-.789-2.99-1.175l-.02-.035l-29.217-50.606l-.038.025l-1.752-2.512c-2.872-4.392-7.432 6.84-7.432 6.84c-5.445 12.516.773 26.745 2.94 31.046l40.582 70.29c3.194 5.533 10.27 7.43 15.805 4.234c5.533-3.195 7.43-10.271 4.234-15.805l-10.147-17.576c-.197-.426-.539-1.582 1.542-1.587h13.787c6.39 0 11.57-5.18 11.57-11.57s-5.18-11.57-11.57-11.57m-53.014 15.728s1.457 7.411-4.18 7.411H48.092c-6.39 0-11.57-5.18-11.57-11.57s5.18-11.57 11.57-11.57h25.94c4.188-.242 5.18-2.66 5.18-2.66l.024.012l33.86-58.648l-.01-.002c.617-1.133.103-2.204.014-2.373l-11.183-19.369c-3.195-5.533-1.299-12.61 4.235-15.804s12.61-1.3 15.805 4.234l5.186 8.983l5.177-8.967c3.195-5.533 10.271-7.43 15.805-4.234s7.43 10.27 4.235 15.804l-47.118 81.61c-.206.497-.269 1.277 1.264 1.414h28.164l.006.275s16.278.253 18.495 15.454'/%3E%3C/svg%3E");
  }
  .logos--figma {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-64 0 384 384' width='384' height='384'%3E%3Cpath fill='%230ACF83' d='M64 384c35.328 0 64-28.672 64-64v-64H64c-35.328 0-64 28.672-64 64s28.672 64 64 64'/%3E%3Cpath fill='%23A259FF' d='M0 192c0-35.328 28.672-64 64-64h64v128H64c-35.328 0-64-28.672-64-64'/%3E%3Cpath fill='%23F24E1E' d='M0 64C0 28.672 28.672 0 64 0h64v128H64C28.672 128 0 99.328 0 64'/%3E%3Cpath fill='%23FF7262' d='M128 0h64c35.328 0 64 28.672 64 64s-28.672 64-64 64h-64z'/%3E%3Cpath fill='%231ABCFE' d='M256 192c0 35.328-28.672 64-64 64s-64-28.672-64-64s28.672-64 64-64s64 28.672 64 64'/%3E%3C/svg%3E");
  }
  .logos--google-adwords {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath d='M127.995 127.87l35.577 106.771c.01.021.01.042.02.074c1.556 4.321 4.061 8.163 7.193 11.389l3.937-8.204l-2.351-230.09l-1.586-7.518l-.094-.25l-3.285 2.804l-40.739 121.968l1.328 3.056' fill='%23097243'/%3E%3Cpath d='M193.668 255.833l62.332.01l-.063-.146L170.816.271v245.822c5.784 5.982 13.853 9.74 22.852 9.74' fill='%2313A564'/%3E%3Cpath d='M85.319.031l-.01.094l-.031-.094L.063 255.708l-.063.135h62.332c8.989 0 17.068-3.758 22.852-9.76c3.131-3.236 5.637-7.067 7.192-11.389c.011-.032.011-.053.021-.063L170.712 0H85.309v.031h.01' fill='%234D7BBE'/%3E%3C/svg%3E");
  }
  .logos--google-gmail {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -31.5 256 256' width='256' height='256'%3E%3Cpath fill='%234285F4' d='M58.182 192.05V93.14L27.507 65.077L0 49.504v125.091c0 9.658 7.825 17.455 17.455 17.455z'/%3E%3Cpath fill='%2334A853' d='M197.818 192.05h40.727c9.659 0 17.455-7.826 17.455-17.455V49.505l-31.156 17.837l-27.026 25.798z'/%3E%3Cpath fill='%23EA4335' d='m58.182 93.14l-4.174-38.647l4.174-36.989L128 69.868l69.818-52.364l4.669 34.992l-4.669 40.644L128 145.504z'/%3E%3Cpath fill='%23FBBC04' d='M197.818 17.504V93.14L256 49.504V26.231c0-21.585-24.64-33.89-41.89-20.945z'/%3E%3Cpath fill='%23C5221F' d='m0 49.504l26.759 20.07L58.182 93.14V17.504L41.89 5.286C24.61-7.66 0 4.646 0 26.23z'/%3E%3C/svg%3E");
  }
  .logos--google-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 0 262 262' width='262' height='262'%3E%3Cpath fill='%234285F4' d='M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622l38.755 30.023l2.685.268c24.659-22.774 38.875-56.282 38.875-96.027'/%3E%3Cpath fill='%2334A853' d='M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055c-34.523 0-63.824-22.773-74.269-54.25l-1.531.13l-40.298 31.187l-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1'/%3E%3Cpath fill='%23FBBC05' d='M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82c0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602z'/%3E%3Cpath fill='%23EB4335' d='M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0C79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251'/%3E%3C/svg%3E");
  }
  .logos--meta-icon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -42.5 256 256' width='256' height='256'%3E%3Cdefs%3E%3ClinearGradient id='SVGisLtEM7Q' x1='13.878%25' x2='89.144%25' y1='55.934%25' y2='58.694%25'%3E%3Cstop offset='0%25' stop-color='%230064E1'/%3E%3Cstop offset='40%25' stop-color='%230064E1'/%3E%3Cstop offset='83%25' stop-color='%230073EE'/%3E%3Cstop offset='100%25' stop-color='%230082FB'/%3E%3C/linearGradient%3E%3ClinearGradient id='SVGkdv8EcyD' x1='54.315%25' x2='54.315%25' y1='82.782%25' y2='39.307%25'%3E%3Cstop offset='0%25' stop-color='%230082FB'/%3E%3Cstop offset='100%25' stop-color='%230064E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%230081FB' d='M27.651 112.136c0 9.775 2.146 17.28 4.95 21.82c3.677 5.947 9.16 8.466 14.751 8.466c7.211 0 13.808-1.79 26.52-19.372c10.185-14.092 22.186-33.874 30.26-46.275l13.675-21.01c9.499-14.591 20.493-30.811 33.1-41.806C161.196 4.985 172.298 0 183.47 0c18.758 0 36.625 10.87 50.3 31.257C248.735 53.584 256 81.707 256 110.729c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363v-27.616c15.695 0 19.612-14.422 19.612-30.927c0-23.52-5.484-49.623-17.564-68.273c-8.574-13.23-19.684-21.313-31.907-21.313c-13.22 0-23.859 9.97-35.815 27.75c-6.356 9.445-12.882 20.956-20.208 33.944l-8.066 14.289c-16.203 28.728-20.307 35.271-28.408 46.07c-14.2 18.91-26.324 26.076-42.287 26.076c-18.935 0-30.91-8.2-38.325-20.556C2.973 139.413 0 126.202 0 111.148z'/%3E%3Cpath fill='url(%23SVGisLtEM7Q)' d='M21.802 33.206C34.48 13.666 52.774 0 73.757 0C85.91 0 97.99 3.597 110.605 13.897c13.798 11.261 28.505 29.805 46.853 60.368l6.58 10.967c15.881 26.459 24.917 40.07 30.205 46.49c6.802 8.243 11.565 10.7 17.752 10.7c15.695 0 19.612-14.422 19.612-30.927l24.393-.766c0 17.253-3.4 29.93-9.187 39.946c-5.591 9.686-16.488 19.363-34.818 19.363c-11.395 0-21.49-2.475-32.654-13.007c-8.582-8.083-18.615-22.443-26.334-35.352l-22.96-38.352C118.528 64.08 107.96 49.73 101.845 43.23c-6.578-6.988-15.036-15.428-28.532-15.428c-10.923 0-20.2 7.666-27.963 19.39z'/%3E%3Cpath fill='url(%23SVGkdv8EcyD)' d='M73.312 27.802c-10.923 0-20.2 7.666-27.963 19.39c-10.976 16.568-17.698 41.245-17.698 64.944c0 9.775 2.146 17.28 4.95 21.82L9.027 149.482C2.973 139.413 0 126.202 0 111.148C0 83.772 7.514 55.24 21.802 33.206C34.48 13.666 52.774 0 73.757 0z'/%3E%3C/svg%3E");
  }
  .logos--telegram {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cdefs%3E%3ClinearGradient id='SVGuySfwdaH' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232AABEE'/%3E%3Cstop offset='100%25' stop-color='%23229ED9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23SVGuySfwdaH)' d='M128 0C94.06 0 61.48 13.494 37.5 37.49A128.04 128.04 0 0 0 0 128c0 33.934 13.5 66.514 37.5 90.51C61.48 242.506 94.06 256 128 256s66.52-13.494 90.5-37.49c24-23.996 37.5-56.576 37.5-90.51s-13.5-66.514-37.5-90.51C194.52 13.494 161.94 0 128 0'/%3E%3Cpath fill='%23FFF' d='M57.94 126.648q55.98-24.384 74.64-32.152c35.56-14.786 42.94-17.354 47.76-17.441c1.06-.017 3.42.245 4.96 1.49c1.28 1.05 1.64 2.47 1.82 3.467c.16.996.38 3.266.2 5.038c-1.92 20.24-10.26 69.356-14.5 92.026c-1.78 9.592-5.32 12.808-8.74 13.122c-7.44.684-13.08-4.912-20.28-9.63c-11.26-7.386-17.62-11.982-28.56-19.188c-12.64-8.328-4.44-12.906 2.76-20.386c1.88-1.958 34.64-31.748 35.26-34.45c.08-.338.16-1.598-.6-2.262c-.74-.666-1.84-.438-2.64-.258c-1.14.256-19.12 12.152-54 35.686c-5.1 3.508-9.72 5.218-13.88 5.128c-4.56-.098-13.36-2.584-19.9-4.708c-8-2.606-14.38-3.984-13.82-8.41c.28-2.304 3.46-4.662 9.52-7.072'/%3E%3C/svg%3E");
  }
  .lucide--align-left {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12H3m14 6H3M21 6H3'/%3E%3C/svg%3E");
  }
  .lucide--calendar-check {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M9 16l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--chevron-down {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
  }
  .lucide--chevron-up {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15l-6-6l-6 6'/%3E%3C/svg%3E");
  }
  .lucide--codepen {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m12 2l10 6.5v7L12 22L2 15.5v-7zm0 20v-6.5'/%3E%3Cpath d='m22 8.5l-10 7l-10-7'/%3E%3Cpath d='m2 15.5l10-7l10 7M12 2v6.5'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--copyright {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M14.83 14.83a4 4 0 1 1 0-5.66'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--ellipsis {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--ellipsis-vertical {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--file-bar-chart-2 {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M8 18v-1m4 1v-6m4 6v-3'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--fullscreen {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2'/%3E%3Crect width='10' height='8' x='7' y='8' rx='1'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--info {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E");
  }
  .lucide--loader {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v4m4.2 1.8l2.9-2.9M18 12h4m-5.8 4.2l2.9 2.9M12 18v4m-7.1-2.9l2.9-2.9M2 12h4M4.9 4.9l2.9 2.9'/%3E%3C/svg%3E");
  }
  .lucide--messages-square {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2zm4-1a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1'/%3E%3C/svg%3E");
  }
  .lucide--minimize {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3m8 0v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
  }
  .lucide--star {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E");
  }
  .lucide--step-forward {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.029 4.285A2 2 0 0 0 7 6v12a2 2 0 0 0 3.029 1.715l9.997-5.998a2 2 0 0 0 .003-3.432zM3 4v16'/%3E%3C/svg%3E");
  }
  .ri--airplay-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12.4 13.533l5 6.667a.5.5 0 0 1-.4.8H7a.5.5 0 0 1-.4-.8l5-6.667a.5.5 0 0 1 .8 0M12 16.33L10 19h4zM18 19v-2h2V5H4v12h2v2H2.992A.994.994 0 0 1 2 18V4c0-.552.455-1 .992-1h18.016c.548 0 .992.445.992 1v14c0 .552-.455 1-.992 1z'/%3E%3C/svg%3E");
  }
  .ri--arrow-left-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.828 11H20v2H7.828l5.364 5.364l-1.414 1.414L4 12l7.778-7.778l1.414 1.414z'/%3E%3C/svg%3E");
  }
  .ri--arrow-right-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.172 11l-5.364-5.364l1.414-1.414L20 12l-7.778 7.778l-1.414-1.414L16.172 13H4v-2z'/%3E%3C/svg%3E");
  }
  .ri--award-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 15.245v6.872a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 1 1 10 0M9 16.42v3.049l3-1.8l3 1.8v-3.05A8 8 0 0 1 12 17a8 8 0 0 1-3-.581M12 15a6 6 0 1 0 0-12a6 6 0 0 0 0 12'/%3E%3C/svg%3E");
  }
  .ri--ball-pen-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m17.85 11.698l-.708-.707l-9.9 9.9H3v-4.243L14.314 5.334l5.657 5.657a1 1 0 0 1 0 1.414L12.9 19.477l-1.415-1.415zm-2.122-2.121l-1.414-1.414L5 17.477v1.414h1.414zm2.828-7.071l2.829 2.828a1 1 0 0 1 0 1.415L19.97 8.163L15.728 3.92l1.414-1.414a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");
  }
  .ri--bank-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 20h20v2H2zm2-8h2v7H4zm5 0h2v7H9zm4 0h2v7h-2zm5 0h2v7h-2zM2 7l10-5l10 5v4H2zm2 1.236V9h16v-.764l-8-4zM12 8a1 1 0 1 1 0-2a1 1 0 0 1 0 2'/%3E%3C/svg%3E");
  }
  .ri--bookmark-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 2h14a1 1 0 0 1 1 1v19.143a.5.5 0 0 1-.766.424L12 18.03l-7.234 4.536A.5.5 0 0 1 4 22.143V3a1 1 0 0 1 1-1m13 2H6v15.432l6-3.761l6 3.761z'/%3E%3C/svg%3E");
  }
  .ri--braces-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 18v-3.7a1.5 1.5 0 0 0-1.5-1.5H2v-1.6h.5A1.5 1.5 0 0 0 4 9.7V6a3 3 0 0 1 3-3h1v2H7a1 1 0 0 0-1 1v4.1A2 2 0 0 1 4.626 12A2 2 0 0 1 6 13.9V18a1 1 0 0 0 1 1h1v2H7a3 3 0 0 1-3-3m16-3.7V18a3 3 0 0 1-3 3h-1v-2h1a1 1 0 0 0 1-1v-4.1a2 2 0 0 1 1.374-1.9A2 2 0 0 1 18 10.1V6a1 1 0 0 0-1-1h-1V3h1a3 3 0 0 1 3 3v3.7a1.5 1.5 0 0 0 1.5 1.5h.5v1.6h-.5a1.5 1.5 0 0 0-1.5 1.5'/%3E%3C/svg%3E");
  }
  .ri--briefcase-2-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm13 8H4v6h16zm0-6H4v4h3V9h2v2h6V9h2v2h3zM9 3v2h6V3z'/%3E%3C/svg%3E");
  }
  .ri--brush-2-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.536 15.947l2.121-2.122l-3.182-3.182l3.536-3.535l-2.122-2.122l-3.535 3.536l-3.182-3.182L8.05 7.46zM15.12 17.36L6.637 8.875l-2.828 2.829l8.485 8.485zM13.355 5.693l2.828-2.828a1 1 0 0 1 1.414 0l3.536 3.536a1 1 0 0 1 0 1.414l-2.829 2.828l2.475 2.475a1 1 0 0 1 0 1.414L13 22.311a1 1 0 0 1-1.414 0l-9.9-9.9a1 1 0 0 1 0-1.414l7.779-7.778a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
  }
  .ri--building-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1zM5 5v14h8V5zm2 6h4v2H7zm0-4h4v2H7z'/%3E%3C/svg%3E");
  }
  .ri--calendar-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 1v2h6V1h2v2h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1zm11 10H4v8h16zM7 5H4v4h16V5h-3v2h-2V5H9v2H7z'/%3E%3C/svg%3E");
  }
  .ri--cloud-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2a7 7 0 0 1 6.992 7.339A6 6 0 0 1 17 21H7A6 6 0 0 1 5.008 9.339A7 7 0 0 1 12 2m0 2a5 5 0 0 0-4.994 5.243l.07 1.488l-1.404.494A4.002 4.002 0 0 0 7 19h10a4 4 0 1 0-3.796-5.265l-1.898-.633A6 6 0 0 1 17 9a5 5 0 0 0-5-5'/%3E%3C/svg%3E");
  }
  .ri--coupon-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2.005 9.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v5.5a2.5 2.5 0 0 0 0 5V20a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1v-5.5a2.5 2.5 0 0 0 0-5m2-1.532a4.5 4.5 0 0 1 0 8.064V19h16v-2.968a4.5 4.5 0 0 1 0-8.064V5h-16zm5 1.032h6v2h-6zm0 4h6v2h-6z'/%3E%3C/svg%3E");
  }
  .ri--customer-service-2-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.938 8H21a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-1.062A8 8 0 0 1 12 23v-2a6 6 0 0 0 6-6V9A6 6 0 0 0 6 9v7H3a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1.062a8.001 8.001 0 0 1 15.876 0M3 10v4h1v-4zm17 0v4h1v-4zM7.76 15.785l1.06-1.696A5.97 5.97 0 0 0 12 15a5.97 5.97 0 0 0 3.18-.911l1.06 1.696A7.96 7.96 0 0 1 12 17a7.96 7.96 0 0 1-4.24-1.215'/%3E%3C/svg%3E");
  }
  .ri--database-2-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 12.5c0 .313.461.858 1.53 1.393C7.914 14.585 9.877 15 12 15s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393v-2.171C17.35 11.349 14.827 12 12 12s-5.35-.652-7-1.671zm14 2.829C17.35 16.349 14.827 17 12 17s-5.35-.652-7-1.671V17.5c0 .313.461.858 1.53 1.393C7.914 19.585 9.877 20 12 20s4.086-.415 5.47-1.107c1.069-.535 1.53-1.08 1.53-1.393zM3 17.5v-10C3 5.015 7.03 3 12 3s9 2.015 9 4.5v10c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5m9-7.5c2.123 0 4.086-.415 5.47-1.107C18.539 8.358 19 7.813 19 7.5s-.461-.858-1.53-1.393C16.086 5.415 14.123 5 12 5s-4.086.415-5.47 1.107C5.461 6.642 5 7.187 5 7.5s.461.858 1.53 1.393C7.914 9.585 9.877 10 12 10'/%3E%3C/svg%3E");
  }
  .ri--eraser-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.586 8.854l-4.95 4.95L8.83 19l1.17-.001v-.001h1.171l3.779-3.779zM10 7.44l6.364 6.364l2.828-2.828l-6.364-6.364zm4 11.557h7v2h-9l-3.998.002l-6.487-6.488a1 1 0 0 1 0-1.414L12.12 2.491a1 1 0 0 1 1.414 0l7.779 7.778a1 1 0 0 1 0 1.414z'/%3E%3C/svg%3E");
  }
  .ri--file-copy-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9z'/%3E%3C/svg%3E");
  }
  .ri--file-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 2.003V2h10.998C20.55 2 21 2.455 21 2.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V8zM5.83 8H9V4.83zM11 4v5a1 1 0 0 1-1 1H5v10h14V4z'/%3E%3C/svg%3E");
  }
  .ri--file-zip-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 22H4a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1m-1-2V4H5v16zm-5-8v5h-4v-3h2v-2zm-2-8h2v2h-2zm-2 2h2v2h-2zm2 2h2v2h-2zm-2 2h2v2h-2z'/%3E%3C/svg%3E");
  }
  .ri--folder-2-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414zM20 11H4v8h16zm0-2V7h-8.414l-2-2H4v4z'/%3E%3C/svg%3E");
  }
  .ri--gift-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15.005 2.003a4 4 0 0 1 3.464 6h4.536v2h-2v10a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1v-10h-2v-2H5.54a4 4 0 0 1 6.465-4.646a3.98 3.98 0 0 1 2.999-1.354m-4 8h-6v9h6zm8 0h-6v9h6zm-10-6a2 2 0 0 0-.15 3.994l.15.006h2v-2a2 2 0 0 0-1.697-1.977l-.154-.018zm6 0a2 2 0 0 0-1.995 1.85l-.005.15v2h2a2 2 0 0 0 1.994-1.85l.006-.15a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  }
  .ri--global-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.01 8.01 0 0 0 5.648 6.667M10.03 13c.151 2.439.848 4.73 1.97 6.752A15.9 15.9 0 0 0 13.97 13zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.01 8.01 0 0 0 19.938 13M4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333A8.01 8.01 0 0 0 4.062 11m5.969 0h3.938A15.9 15.9 0 0 0 12 4.248A15.9 15.9 0 0 0 10.03 11m4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.01 8.01 0 0 0-5.648-6.667'/%3E%3C/svg%3E");
  }
  .ri--gps-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.132 20.737A10 10 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10a10 10 0 0 1-5.132 8.737l-.896-1.791a8 8 0 1 0-7.945 0zm1.792-3.584a6 6 0 1 1 6.151 0l-.898-1.797a4 4 0 1 0-4.354 0zM12 16l3 6H9z'/%3E%3C/svg%3E");
  }
  .ri--home-4-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3zm-9-7v6h2v-6z'/%3E%3C/svg%3E");
  }
  .ri--home-4-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1m-6-2h5V9.157l-6-5.454l-6 5.454V19h5v-6h2z'/%3E%3C/svg%3E");
  }
  .ri--layout-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 8h14V5H5zm9 11v-9H5v9zm2 0h3v-9h-3zM4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
  }
  .ri--mail-fill {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m9.06 8.683L5.648 6.238L4.353 7.762l7.72 6.555l7.581-6.56l-1.308-1.513z'/%3E%3C/svg%3E");
  }
  .ri--mail-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z'/%3E%3C/svg%3E");
  }
  .ri--pencil-ruler-2-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m7.05 14.121l-2.12 2.122l2.828 2.828L19.071 7.757L16.243 4.93L14.12 7.05l1.415 1.414L14.12 9.88l-1.414-1.415l-1.414 1.415l1.414 1.414l-1.414 1.414l-1.414-1.414l-1.414 1.414l1.414 1.414l-1.414 1.415zm9.9-11.313l4.243 4.242a1 1 0 0 1 0 1.414L8.465 21.192a1 1 0 0 1-1.415 0L2.808 16.95a1 1 0 0 1 0-1.414L15.536 2.808a1 1 0 0 1 1.414 0m-2.83 15.555l1.415-1.414l2.242 2.243h1.414v-1.414l-2.242-2.243l1.414-1.414L21 16.756V21h-4.242zM5.636 9.878L2.808 7.05a1 1 0 0 1 0-1.415l2.828-2.828a1 1 0 0 1 1.414 0l2.83 2.828L8.464 7.05l-2.12-2.122l-1.415 1.415l2.121 2.12z'/%3E%3C/svg%3E");
  }
  .ri--phone-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.366 10.682a10.56 10.56 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296a11.4 11.4 0 0 0 4.583 1.364a1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995Q19.307 21 18.5 21C9.94 21 3 14.06 3 5.5q0-.807.082-1.602A1 1 0 0 1 4.077 3h4.462a1 1 0 0 1 .997.921A11.4 11.4 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294zm-2.522-.657l1.9-1.357A13.4 13.4 0 0 1 7.647 5H5.01Q5 5.25 5 5.5C5 12.956 11.044 19 18.5 19q.25 0 .5-.01v-2.637a13.4 13.4 0 0 1-3.668-1.097l-1.357 1.9a12.5 12.5 0 0 1-1.588-.75l-.058-.033a12.56 12.56 0 0 1-4.702-4.702l-.033-.058a12.4 12.4 0 0 1-.75-1.588'/%3E%3C/svg%3E");
  }
  .ri--pie-chart-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 2.458v2.124A8.003 8.003 0 0 0 12 20a8 8 0 0 0 7.419-5h2.123c-1.274 4.057-5.064 7-9.542 7c-5.523 0-10-4.477-10-10c0-4.478 2.943-8.268 7-9.542M12 2c5.523 0 10 4.477 10 10q0 .507-.05 1H11V2.05Q11.493 2 12 2m1 2.062V11h6.938A8.004 8.004 0 0 0 13 4.062'/%3E%3C/svg%3E");
  }
  .ri--printer-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 2a1 1 0 0 1 1 1v4h3a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-3v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3V3a1 1 0 0 1 1-1zm-1 15H8v3h8zm4-8H4v8h2v-1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1h2zM8 10v2H5v-2zm8-6H8v3h8z'/%3E%3C/svg%3E");
  }
  .ri--question-answer-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.455 15L1 18.5V3a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v12zm-.692-2H16V4H3v10.385zM8 17h10.237L20 18.385V8h1a1 1 0 0 1 1 1v13.5L17.546 19H9a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");
  }
  .ri--save-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 19v-6h10v6h2V7.828L16.172 5H5v14zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m5 12v4h6v-4z'/%3E%3C/svg%3E");
  }
  .ri--scissors-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9.446 8.029L12 10.582l6.728-6.727a2 2 0 0 1 2.828 0l-12.11 12.11a4 4 0 1 1-1.414-1.414l2.554-2.554l-2.554-2.554a4 4 0 1 1 1.414-1.414m5.38 5.379l6.73 6.73a2 2 0 0 1-2.828 0l-5.317-5.316zm-7.412 3.175a2 2 0 1 0-2.828 2.828a2 2 0 0 0 2.828-2.829m0-9.172a2 2 0 1 0-2.828-2.828A2 2 0 0 0 7.414 7.41'/%3E%3C/svg%3E");
  }
  .ri--shopping-bag-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.005 8V6a5 5 0 0 1 10 0v2h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-16a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1zm0 2h-2v10h14V10h-2v2h-2v-2h-6v2h-2zm2-2h6V6a3 3 0 0 0-6 0z'/%3E%3C/svg%3E");
  }
  .ri--shut-down-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m6.265 3.807l1.147 1.639a8 8 0 1 0 9.176 0l1.147-1.639A9.99 9.99 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12a9.99 9.99 0 0 1 4.265-8.193M11 12V2h2v10z'/%3E%3C/svg%3E");
  }
  .ri--stack-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20.083 15.2l1.202.721a.5.5 0 0 1 0 .858l-8.77 5.262a1 1 0 0 1-1.03 0l-8.77-5.262a.5.5 0 0 1 0-.858l1.202-.721L12 20.05zm0-4.7l1.202.721a.5.5 0 0 1 0 .858L12 17.649l-9.285-5.57a.5.5 0 0 1 0-.858l1.202-.721L12 15.35zm-7.569-9.191l8.771 5.262a.5.5 0 0 1 0 .858L12 12.999L2.715 7.43a.5.5 0 0 1 0-.858l8.77-5.262a1 1 0 0 1 1.03 0M12 3.332L5.887 7L12 10.668L18.113 7z'/%3E%3C/svg%3E");
  }
  .ri--tools-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.33 3.272a3.5 3.5 0 0 1 4.254 4.962l10.709 10.71l-1.414 1.414l-10.71-10.71a3.502 3.502 0 0 1-4.962-4.255L5.444 7.63a1.5 1.5 0 0 0 2.121-2.121zm10.367 1.883l3.182-1.768l1.414 1.415l-1.768 3.182l-1.768.353l-2.12 2.121l-1.415-1.414l2.121-2.121zm-6.718 8.132l1.415 1.414l-5.304 5.303a1 1 0 0 1-1.492-1.327l.078-.087z'/%3E%3C/svg%3E");
  }
  .ri--trophy-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13.005 16.94v2.063h5v2h-12v-2h5V16.94a8 8 0 0 1-7-7.938v-6h16v6a8 8 0 0 1-7 7.938m-7-11.937v4a6 6 0 1 0 12 0v-4zm-5 0h2v4h-2zm20 0h2v4h-2z'/%3E%3C/svg%3E");
  }
  .ri--vip-crown-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2.005 19h20v2h-20zm0-14l5 3.5l5-6.5l5 6.5l5-3.5v12h-20zm2 3.841V15h16V8.841l-3.42 2.394l-4.58-5.955l-4.58 5.955z'/%3E%3C/svg%3E");
  }
  .ri--wallet-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18.005 7h3a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h15zm-14 2v10h16V9zm0-4v2h12V5zm11 8h3v2h-3z'/%3E%3C/svg%3E");
  }
  .tabler--chevron-right {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
  }
  .tabler--circle {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3C/svg%3E");
  }
  .tabler--circle-filled {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34'/%3E%3C/svg%3E");
  }
  .tabler--heart-filled {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.979 3.074a6 6 0 0 1 4.988 1.425l.037.033l.034-.03a6 6 0 0 1 4.733-1.44l.246.036a6 6 0 0 1 3.364 10.008l-.18.185l-.048.041l-7.45 7.379a1 1 0 0 1-1.313.082l-.094-.082l-7.493-7.422A6 6 0 0 1 6.979 3.074'/%3E%3C/svg%3E");
  }
  .tabler--moon {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z'/%3E%3C/svg%3E");
  }
  .tabler--search {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
  }
  .tabler--sun {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E");
  }
  .tabler--x {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
  }
  .group-focus-within\:flex:is(:where(.group):focus-within *) {
    display: flex;
  }
  @media (hover: hover) {
    .group-hover\:bottom-3:is(:where(.group):hover *) {
      bottom: calc(var(--spacing) * 3);
    }
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: 0.5;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }
  .group-focus\:border-primary:is(:where(.group):focus *) {
    border-color: var(--color-primary);
  }
  .group-focus\:text-primary:is(:where(.group):focus *) {
    color: var(--color-primary);
  }
  .group-\[\.fullscreen-active\]\:hidden:is(
      :where(.group).fullscreen-active *
    ) {
    display: none;
  }
  .group-\[\.fullscreen-active\]\:inline-block:is(
      :where(.group).fullscreen-active *
    ) {
    display: inline-block;
  }
  .peer-checked\:border-primary:is(:where(.peer):checked ~ *) {
    border-color: var(--color-primary);
  }
  .peer-focus\:visible:is(:where(.peer):focus ~ *) {
    visibility: visible;
  }
  .peer-focus\:opacity-100:is(:where(.peer):focus ~ *) {
    opacity: 1;
  }
  .peer-disabled\:pointer-events-none:is(:where(.peer):disabled ~ *) {
    pointer-events: none;
  }
  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: 0.5;
  }
  .marker\:text-danger ::marker {
    color: var(--color-danger);
  }
  .marker\:text-danger::marker {
    color: var(--color-danger);
  }
  .marker\:text-danger ::-webkit-details-marker {
    color: var(--color-danger);
  }
  .marker\:text-danger::-webkit-details-marker {
    color: var(--color-danger);
  }
  .marker\:text-primary ::marker {
    color: var(--color-primary);
  }
  .marker\:text-primary::marker {
    color: var(--color-primary);
  }
  .marker\:text-primary ::-webkit-details-marker {
    color: var(--color-primary);
  }
  .marker\:text-primary::-webkit-details-marker {
    color: var(--color-primary);
  }
  .file\:me-1::file-selector-button {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .file\:bg-default-50::file-selector-button {
    background-color: var(--color-default-50);
  }
  .file\:px-3::file-selector-button {
    padding-inline: calc(var(--spacing) * 3);
  }
  .file\:px-4::file-selector-button {
    padding-inline: calc(var(--spacing) * 4);
  }
  .file\:px-5::file-selector-button {
    padding-inline: calc(var(--spacing) * 5);
  }
  .file\:py-1::file-selector-button {
    padding-block: calc(var(--spacing) * 1);
  }
  .file\:py-2::file-selector-button {
    padding-block: calc(var(--spacing) * 2);
  }
  .file\:py-3::file-selector-button {
    padding-block: calc(var(--spacing) * 3);
  }
  .placeholder\:text-default-400::placeholder {
    color: var(--color-default-400);
  }
  .placeholder\:text-default-800::placeholder {
    color: var(--color-default-800);
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:-inset-1:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -1);
  }
  .before\:inset-x-0:before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }
  .before\:start-0:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .before\:start-0\.75:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0.75);
  }
  .before\:start-1:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 1);
  }
  .before\:start-1\/2:before {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }
  .before\:start-3\.5:before {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 3.5);
  }
  .before\:-end-1\.5:before {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * -1.5);
  }
  .before\:end-0:before {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .before\:end-0\.75:before {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0.75);
  }
  .before\:end-3\.5:before {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 3.5);
  }
  .before\:-top-8:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -8);
  }
  .before\:top-1\.5:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1.5);
  }
  .before\:top-2\.5:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 2.5);
  }
  .before\:-bottom-1:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -1);
  }
  .before\:-bottom-1\.5:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -1.5);
  }
  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }
  .before\:bottom-2:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 2);
  }
  .before\:-z-0:before {
    content: var(--tw-content);
    z-index: -0;
  }
  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }
  .before\:size-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .before\:h-0\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0.5);
  }
  .before\:h-3:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 3);
  }
  .before\:h-4:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 4);
  }
  .before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
  }
  .before\:w-0:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 0);
  }
  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }
  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }
  .before\:-skew-y-6:before {
    content: var(--tw-content);
    --tw-skew-y: skewY(-6deg);
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z)
      var(--tw-skew-x) var(--tw-skew-y);
  }
  .before\:rounded-md:before {
    content: var(--tw-content);
    border-radius: var(--radius-md);
  }
  .before\:border-\[15px\]:before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 15px;
  }
  .before\:border-s:before {
    content: var(--tw-content);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 1px;
  }
  .before\:border-s-2:before {
    content: var(--tw-content);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
  }
  .before\:border-t:before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .before\:border-b:before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .before\:border-double:before {
    content: var(--tw-content);
    --tw-border-style: double;
    border-style: double;
  }
  .before\:border-default-200:before {
    content: var(--tw-content);
    border-color: var(--color-default-200);
  }
  .before\:border-default-400:before {
    content: var(--tw-content);
    border-color: var(--color-default-400);
  }
  .before\:border-green-500\/10:before {
    content: var(--tw-content);
    border-color: #00c7581a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:border-green-500\/10:before {
      border-color: var(--color-green-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .before\:border-green-500\/10:before {
        border-color: color-mix(
          in oklab,
          var(--color-green-500) 10%,
          transparent
        );
      }
    }
  }
  .before\:border-primary:before {
    content: var(--tw-content);
    border-color: var(--color-primary);
  }
  .before\:border-t-default-200:before {
    content: var(--tw-content);
    border-top-color: var(--color-default-200);
  }
  .before\:bg-primary\/10:before {
    content: var(--tw-content);
    background-color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-primary\/10:before {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .before\:bg-primary\/10:before {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
  }
  .before\:bg-transparent:before {
    content: var(--tw-content);
    background-color: #0000;
  }
  .before\:backdrop-blur-xl:before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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);
  }
  .before\:transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .before\:ease-linear:before {
    content: var(--tw-content);
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:start-0:after {
    content: var(--tw-content);
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .after\:end-0:after {
    content: var(--tw-content);
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .after\:end-1\/2:after {
    content: var(--tw-content);
    inset-inline-end: 50%;
  }
  .after\:top-1\.5:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1.5);
  }
  .after\:-bottom-2:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -2);
  }
  .after\:size-2:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }
  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .after\:border-4:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .after\:border-default-200:after {
    content: var(--tw-content);
    border-color: var(--color-default-200);
  }
  .after\:border-default-300:after {
    content: var(--tw-content);
    border-color: var(--color-default-300);
  }
  .after\:border-transparent:after {
    content: var(--tw-content);
    border-color: #0000;
  }
  .after\:border-t-primary:after {
    content: var(--tw-content);
    border-top-color: var(--color-primary);
  }
  .after\:border-t-success:after {
    content: var(--tw-content);
    border-top-color: var(--color-success);
  }
  .after\:border-t-warning:after {
    content: var(--tw-content);
    border-top-color: var(--color-warning);
  }
  .after\:bg-card:after {
    content: var(--tw-content);
    background-color: var(--color-card);
  }
  .after\:bg-primary:after {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }
  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .odd\:bg-card:nth-child(odd) {
    background-color: var(--color-card);
  }
  .odd\:bg-default-50:nth-child(odd) {
    background-color: var(--color-default-50);
  }
  .even\:bg-card:nth-child(2n) {
    background-color: var(--color-card);
  }
  .even\:bg-default-50:nth-child(2n) {
    background-color: var(--color-default-50);
  }
  .checked\:\!border-danger:checked {
    border-color: var(--color-danger) !important;
  }
  .checked\:\!border-default-300:checked {
    border-color: var(--color-default-300) !important;
  }
  .checked\:\!border-default-800:checked {
    border-color: var(--color-default-800) !important;
  }
  .checked\:\!border-info:checked {
    border-color: var(--color-info) !important;
  }
  .checked\:\!border-primary:checked {
    border-color: var(--color-primary) !important;
  }
  .checked\:\!border-secondary:checked {
    border-color: var(--color-secondary) !important;
  }
  .checked\:\!border-success:checked {
    border-color: var(--color-success) !important;
  }
  .checked\:\!border-warning:checked {
    border-color: var(--color-warning) !important;
  }
  .checked\:border-danger\/20:checked {
    border-color: #fe6e0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .checked\:border-danger\/20:checked {
      border-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .checked\:border-danger\/20:checked {
        border-color: color-mix(in oklab, var(--color-danger) 20%, transparent);
      }
    }
  }
  .checked\:border-default-200:checked {
    border-color: var(--color-default-200);
  }
  .checked\:border-default-500:checked {
    border-color: var(--color-default-500);
  }
  .checked\:border-default-800:checked {
    border-color: var(--color-default-800);
  }
  .checked\:border-info:checked {
    border-color: var(--color-info);
  }
  .checked\:border-primary:checked {
    border-color: var(--color-primary);
  }
  .checked\:border-secondary:checked {
    border-color: var(--color-secondary);
  }
  .checked\:border-success:checked {
    border-color: var(--color-success);
  }
  .checked\:border-success\/40:checked {
    border-color: #00c75866;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .checked\:border-success\/40:checked {
      border-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .checked\:border-success\/40:checked {
        border-color: color-mix(
          in oklab,
          var(--color-success) 40%,
          transparent
        );
      }
    }
  }
  .checked\:border-warning:checked {
    border-color: var(--color-warning);
  }
  .checked\:\!bg-danger:checked {
    background-color: var(--color-danger) !important;
  }
  .checked\:\!bg-default-300:checked {
    background-color: var(--color-default-300) !important;
  }
  .checked\:\!bg-default-500:checked {
    background-color: var(--color-default-500) !important;
  }
  .checked\:\!bg-default-800:checked {
    background-color: var(--color-default-800) !important;
  }
  .checked\:\!bg-info:checked {
    background-color: var(--color-info) !important;
  }
  .checked\:\!bg-primary:checked {
    background-color: var(--color-primary) !important;
  }
  .checked\:\!bg-secondary:checked {
    background-color: var(--color-secondary) !important;
  }
  .checked\:\!bg-success:checked {
    background-color: var(--color-success) !important;
  }
  .checked\:\!bg-warning:checked {
    background-color: var(--color-warning) !important;
  }
  .checked\:bg-danger\/20:checked {
    background-color: #fe6e0033;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .checked\:bg-danger\/20:checked {
      background-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .checked\:bg-danger\/20:checked {
        background-color: color-mix(
          in oklab,
          var(--color-danger) 20%,
          transparent
        );
      }
    }
  }
  .checked\:bg-default-200:checked {
    background-color: var(--color-default-200);
  }
  .checked\:bg-default-500:checked {
    background-color: var(--color-default-500);
  }
  .checked\:bg-default-800:checked {
    background-color: var(--color-default-800);
  }
  .checked\:bg-info:checked {
    background-color: var(--color-info);
  }
  .checked\:bg-primary:checked {
    background-color: var(--color-primary);
  }
  .checked\:bg-secondary:checked {
    background-color: var(--color-secondary);
  }
  .checked\:bg-success:checked {
    background-color: var(--color-success);
  }
  .checked\:bg-success\/40:checked {
    background-color: #00c75866;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .checked\:bg-success\/40:checked {
      background-color: var(--color-success);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .checked\:bg-success\/40:checked {
        background-color: color-mix(
          in oklab,
          var(--color-success) 40%,
          transparent
        );
      }
    }
  }
  .checked\:bg-warning:checked {
    background-color: var(--color-warning);
  }
  .checked\:text-danger:checked {
    color: var(--color-danger);
  }
  .checked\:text-default-300:checked {
    color: var(--color-default-300);
  }
  .checked\:text-default-800:checked {
    color: var(--color-default-800);
  }
  .checked\:text-info:checked {
    color: var(--color-info);
  }
  .checked\:text-primary:checked {
    color: var(--color-primary);
  }
  .checked\:text-secondary:checked {
    color: var(--color-secondary);
  }
  .checked\:text-success:checked {
    color: var(--color-success);
  }
  .checked\:text-warning:checked {
    color: var(--color-warning);
  }
  .focus-within\:visible:focus-within {
    visibility: visible;
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 1;
  }
  @media (hover: hover) {
    .hover\:-translate-y-2:hover {
      --tw-translate-y: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:border-danger:hover {
      border-color: var(--color-danger);
    }
    .hover\:border-green-600:hover {
      border-color: var(--color-green-600);
    }
    .hover\:border-primary:hover {
      border-color: var(--color-primary);
    }
    .hover\:border-primary\/10:hover {
      border-color: #3080ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/10:hover {
        border-color: var(--color-primary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:border-primary\/10:hover {
          border-color: color-mix(
            in oklab,
            var(--color-primary) 10%,
            transparent
          );
        }
      }
    }
    .hover\:border-red-600:hover {
      border-color: var(--color-red-600);
    }
    .hover\:border-sky-600:hover {
      border-color: var(--color-sky-600);
    }
    .hover\:border-success:hover {
      border-color: var(--color-success);
    }
    .hover\:bg-danger:hover {
      background-color: var(--color-danger);
    }
    .hover\:bg-danger\/10:hover {
      background-color: #fe6e001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/10:hover {
        background-color: var(--color-danger);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-danger\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-danger) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-danger\/15:hover {
      background-color: #fe6e0026;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/15:hover {
        background-color: var(--color-danger);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-danger\/15:hover {
          background-color: color-mix(
            in oklab,
            var(--color-danger) 15%,
            transparent
          );
        }
      }
    }
    .hover\:bg-danger\/20:hover {
      background-color: #fe6e0033;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger\/20:hover {
        background-color: var(--color-danger);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-danger\/20:hover {
          background-color: color-mix(
            in oklab,
            var(--color-danger) 20%,
            transparent
          );
        }
      }
    }
    .hover\:bg-default-50:hover {
      background-color: var(--color-default-50);
    }
    .hover\:bg-default-100:hover {
      background-color: var(--color-default-100);
    }
    .hover\:bg-default-150:hover {
      background-color: var(--color-default-150);
    }
    .hover\:bg-default-200:hover {
      background-color: var(--color-default-200);
    }
    .hover\:bg-default-300:hover {
      background-color: var(--color-default-300);
    }
    .hover\:bg-default-500:hover {
      background-color: var(--color-default-500);
    }
    .hover\:bg-default-500\/10:hover {
      background-color: #71717b1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-default-500\/10:hover {
        background-color: var(--color-default-500);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-default-500\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-default-500) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-default-500\/50:hover {
      background-color: #71717b80;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-default-500\/50:hover {
        background-color: var(--color-default-500);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-default-500\/50:hover {
          background-color: color-mix(
            in oklab,
            var(--color-default-500) 50%,
            transparent
          );
        }
      }
    }
    .hover\:bg-default-600:hover {
      background-color: var(--color-default-600);
    }
    .hover\:bg-default-800:hover {
      background-color: var(--color-default-800);
    }
    .hover\:bg-green-600:hover {
      background-color: var(--color-green-600);
    }
    .hover\:bg-info:hover {
      background-color: var(--color-info);
    }
    .hover\:bg-info\/10:hover {
      background-color: #00a5ef1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-info\/10:hover {
        background-color: var(--color-info);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-info\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-info) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-info\/20:hover {
      background-color: #00a5ef33;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-info\/20:hover {
        background-color: var(--color-info);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-info\/20:hover {
          background-color: color-mix(
            in oklab,
            var(--color-info) 20%,
            transparent
          );
        }
      }
    }
    .hover\:bg-primary:hover {
      background-color: var(--color-primary);
    }
    .hover\:bg-primary\/5:hover {
      background-color: #3080ff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: var(--color-primary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-primary\/5:hover {
          background-color: color-mix(
            in oklab,
            var(--color-primary) 5%,
            transparent
          );
        }
      }
    }
    .hover\:bg-primary\/10:hover {
      background-color: #3080ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10:hover {
        background-color: var(--color-primary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-primary\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-primary) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-primary\/20:hover {
      background-color: #3080ff33;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/20:hover {
        background-color: var(--color-primary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-primary\/20:hover {
          background-color: color-mix(
            in oklab,
            var(--color-primary) 20%,
            transparent
          );
        }
      }
    }
    .hover\:bg-primary\/90:hover {
      background-color: #3080ffe6;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: var(--color-primary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-primary\/90:hover {
          background-color: color-mix(
            in oklab,
            var(--color-primary) 90%,
            transparent
          );
        }
      }
    }
    .hover\:bg-red-600:hover {
      background-color: var(--color-red-600);
    }
    .hover\:bg-secondary:hover {
      background-color: var(--color-secondary);
    }
    .hover\:bg-secondary\/10:hover {
      background-color: #8d54ff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/10:hover {
        background-color: var(--color-secondary);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-secondary\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-secondary) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-sky-600:hover {
      background-color: var(--color-sky-600);
    }
    .hover\:bg-success:hover {
      background-color: var(--color-success);
    }
    .hover\:bg-success\/10:hover {
      background-color: #00c7581a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-success\/10:hover {
        background-color: var(--color-success);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-success\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-success) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-warning:hover {
      background-color: var(--color-warning);
    }
    .hover\:bg-warning\/10:hover {
      background-color: #f99c001a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/10:hover {
        background-color: var(--color-warning);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-warning\/10:hover {
          background-color: color-mix(
            in oklab,
            var(--color-warning) 10%,
            transparent
          );
        }
      }
    }
    .hover\:bg-warning\/20:hover {
      background-color: #f99c0033;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-warning\/20:hover {
        background-color: var(--color-warning);
      }
      @supports (color: color-mix(in lab, red, red)) {
        .hover\:bg-warning\/20:hover {
          background-color: color-mix(
            in oklab,
            var(--color-warning) 20%,
            transparent
          );
        }
      }
    }
    .hover\:from-secondary:hover {
      --tw-gradient-from: var(--color-secondary);
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .hover\:to-primary:hover {
      --tw-gradient-to: var(--color-primary);
      --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
      );
    }
    .hover\:text-danger:hover {
      color: var(--color-danger);
    }
    .hover\:text-default-800:hover {
      color: var(--color-default-800);
    }
    .hover\:text-default-900:hover {
      color: var(--color-default-900);
    }
    .hover\:text-info:hover {
      color: var(--color-info);
    }
    .hover\:text-primary:hover {
      color: var(--color-primary);
    }
    .hover\:text-rose-700:hover {
      color: var(--color-rose-700);
    }
    .hover\:text-secondary:hover {
      color: var(--color-secondary);
    }
    .hover\:text-success:hover {
      color: var(--color-success);
    }
    .hover\:text-warning:hover {
      color: var(--color-warning);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:before\:w-full:hover:before {
      content: var(--tw-content);
      width: 100%;
    }
    .even\:hover\:bg-default-100:nth-child(2n):hover {
      background-color: var(--color-default-100);
    }
  }
  .focus\:border-danger:focus {
    border-color: var(--color-danger);
  }
  .focus\:border-green-600:focus {
    border-color: var(--color-green-600);
  }
  .focus\:border-primary:focus {
    border-color: var(--color-primary);
  }
  .focus\:border-red-600:focus {
    border-color: var(--color-red-600);
  }
  .focus\:border-sky-600:focus {
    border-color: var(--color-sky-600);
  }
  .focus\:border-transparent:focus {
    border-color: #0000;
  }
  .focus\:bg-danger:focus {
    background-color: var(--color-danger);
  }
  .focus\:bg-default-100:focus {
    background-color: var(--color-default-100);
  }
  .focus\:bg-default-150:focus {
    background-color: var(--color-default-150);
  }
  .focus\:bg-default-200:focus {
    background-color: var(--color-default-200);
  }
  .focus\:bg-default-500:focus {
    background-color: var(--color-default-500);
  }
  .focus\:bg-green-600:focus {
    background-color: var(--color-green-600);
  }
  .focus\:bg-info:focus {
    background-color: var(--color-info);
  }
  .focus\:bg-primary:focus {
    background-color: var(--color-primary);
  }
  .focus\:bg-primary\/10:focus {
    background-color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:bg-primary\/10:focus {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .focus\:bg-primary\/10:focus {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
  }
  .focus\:bg-red-600:focus {
    background-color: var(--color-red-600);
  }
  .focus\:bg-secondary:focus {
    background-color: var(--color-secondary);
  }
  .focus\:bg-sky-600:focus {
    background-color: var(--color-sky-600);
  }
  .focus\:bg-success:focus {
    background-color: var(--color-success);
  }
  .focus\:bg-warning:focus {
    background-color: var(--color-warning);
  }
  .focus\:text-primary:focus {
    color: var(--color-primary);
  }
  .focus\:text-white:focus {
    color: var(--color-white);
  }
  .focus\:shadow-none:focus {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring:focus {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-danger\/10:focus {
    --tw-ring-color: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-danger\/10:focus {
      --tw-ring-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .focus\:ring-danger\/10:focus {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-danger) 10%,
          transparent
        );
      }
    }
  }
  .focus\:ring-green-100:focus {
    --tw-ring-color: var(--color-green-100);
  }
  .focus\:ring-primary\/30:focus {
    --tw-ring-color: #3080ff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/30:focus {
      --tw-ring-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .focus\:ring-primary\/30:focus {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-primary) 30%,
          transparent
        );
      }
    }
  }
  .focus\:ring-red-100:focus {
    --tw-ring-color: var(--color-red-100);
  }
  .focus\:ring-sky-100:focus {
    --tw-ring-color: var(--color-sky-100);
  }
  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-primary:focus-visible {
    --tw-ring-color: var(--color-primary);
  }
  .active\:border-danger:active {
    border-color: var(--color-danger);
  }
  .active\:border-green-600:active {
    border-color: var(--color-green-600);
  }
  .active\:border-red-600:active {
    border-color: var(--color-red-600);
  }
  .active\:border-sky-600:active {
    border-color: var(--color-sky-600);
  }
  .active\:bg-danger:active {
    background-color: var(--color-danger);
  }
  .active\:bg-green-600:active {
    background-color: var(--color-green-600);
  }
  .active\:bg-primary\/10:active {
    background-color: #3080ff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:bg-primary\/10:active {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .active\:bg-primary\/10:active {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
  }
  .active\:bg-red-600:active {
    background-color: var(--color-red-600);
  }
  .active\:bg-sky-600:active {
    background-color: var(--color-sky-600);
  }
  .active\:text-primary:active {
    color: var(--color-primary);
  }
  .active\:text-white:active {
    color: var(--color-white);
  }
  .active\:ring:active {
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .active\:ring-danger\/10:active {
    --tw-ring-color: #fe6e001a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .active\:ring-danger\/10:active {
      --tw-ring-color: var(--color-danger);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .active\:ring-danger\/10:active {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-danger) 10%,
          transparent
        );
      }
    }
  }
  .active\:ring-green-100:active {
    --tw-ring-color: var(--color-green-100);
  }
  .active\:ring-red-100:active {
    --tw-ring-color: var(--color-red-100);
  }
  .active\:ring-sky-100:active {
    --tw-ring-color: var(--color-sky-100);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:opacity-50:disabled {
    opacity: 0.5;
  }
  @media (min-width: 40rem) {
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }
    .sm\:max-w-80 {
      max-width: calc(var(--spacing) * 80);
    }
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .sm\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .sm\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .sm\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (min-width: 48rem) {
    .md\:relative {
      position: relative;
    }
    .md\:inset-auto {
      inset: auto;
    }
    .md\:top-auto {
      top: auto;
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .md\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .md\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .md\:ms-20 {
      margin-inline-start: calc(var(--spacing) * 20);
    }
    .md\:me-40 {
      margin-inline-end: calc(var(--spacing) * 40);
    }
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline-block {
      display: inline-block;
    }
    .md\:aspect-video {
      aspect-ratio: var(--aspect-video);
    }
    .md\:w-2\/3 {
      width: 66.6667%;
    }
    .md\:w-2xl {
      width: var(--container-2xl);
    }
    .md\:w-90 {
      width: calc(var(--spacing) * 90);
    }
    .md\:w-112 {
      width: calc(var(--spacing) * 112);
    }
    .md\:w-175 {
      width: calc(var(--spacing) * 175);
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:w-lg {
      width: var(--container-lg);
    }
    .md\:w-sm {
      width: var(--container-sm);
    }
    .md\:max-w-xl {
      max-width: var(--container-xl);
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
    .md\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    .md\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    :where(.md\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(
        calc(var(--spacing) * 0) * var(--tw-space-y-reverse)
      );
      margin-block-end: calc(
        calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))
      );
    }
    :where(.md\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
    :where(.md\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
    .md\:rounded-tr-md {
      border-top-right-radius: var(--radius-md);
    }
    .md\:rounded-tr-none {
      border-top-right-radius: 0;
    }
    .md\:border-s {
      border-inline-start-style: var(--tw-border-style);
      border-inline-start-width: 1px;
    }
    .md\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0;
    }
    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .md\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
    .md\:py-0\.5 {
      padding-block: calc(var(--spacing) * 0.5);
    }
    .md\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
    .md\:ps-5 {
      padding-inline-start: calc(var(--spacing) * 5);
    }
    .md\:pe-5 {
      padding-inline-end: calc(var(--spacing) * 5);
    }
    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }
    .md\:pt-34 {
      padding-top: calc(var(--spacing) * 34);
    }
    .md\:pt-48 {
      padding-top: calc(var(--spacing) * 48);
    }
    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0);
    }
    .md\:pb-18 {
      padding-bottom: calc(var(--spacing) * 18);
    }
    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    .md\:text-\[10rem\] {
      font-size: 10rem;
    }
    .md\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .md\:before\:-end-1:before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * -1);
    }
    .md\:before\:-top-8:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -8);
    }
  }
  @media (min-width: 64rem) {
    .lg\:static {
      position: static;
    }
    .lg\:end-auto {
      inset-inline-end: auto;
    }
    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
    .lg\:bottom-40 {
      bottom: calc(var(--spacing) * 40);
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .lg\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .lg\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .lg\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .lg\:col-span-9 {
      grid-column: span 9 / span 9;
    }
    .lg\:col-span-12 {
      grid-column: span 12 / span 12;
    }
    .lg\:col-start-12 {
      grid-column-start: 12;
    }
    .lg\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }
    .lg\:ms-40 {
      margin-inline-start: calc(var(--spacing) * 40);
    }
    .lg\:ms-auto {
      margin-inline-start: auto;
    }
    .lg\:me-24 {
      margin-inline-end: calc(var(--spacing) * 24);
    }
    .lg\:-mt-6 {
      margin-top: calc(var(--spacing) * -6);
    }
    .lg\:-mt-36 {
      margin-top: calc(var(--spacing) * -36);
    }
    .lg\:-mt-72 {
      margin-top: calc(var(--spacing) * -72);
    }
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
    .lg\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
    .lg\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
    .lg\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:h-\[calc\(100vh-310px\)\] {
      height: calc(100vh - 310px);
    }
    .lg\:h-full {
      height: 100%;
    }
    .lg\:\!w-20 {
      width: calc(var(--spacing) * 20) !important;
    }
    .lg\:w-2\/5 {
      width: 40%;
    }
    .lg\:w-3xl {
      width: var(--container-3xl);
    }
    .lg\:w-5xl {
      width: var(--container-5xl);
    }
    .lg\:w-52 {
      width: calc(var(--spacing) * 52);
    }
    .lg\:w-96 {
      width: calc(var(--spacing) * 96);
    }
    .lg\:w-200 {
      width: calc(var(--spacing) * 200);
    }
    .lg\:w-352 {
      width: calc(var(--spacing) * 352);
    }
    .lg\:w-full {
      width: 100%;
    }
    .lg\:w-lg {
      width: var(--container-lg);
    }
    .lg\:max-w-md {
      max-width: var(--container-md);
    }
    .lg\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:flex-col {
      flex-direction: column;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .lg\:gap-40 {
      gap: calc(var(--spacing) * 40);
    }
    .lg\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }
    .lg\:\!rounded-none {
      border-radius: 0 !important;
    }
    .lg\:border-e {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .lg\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .lg\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
    .lg\:pt-44 {
      padding-top: calc(var(--spacing) * 44);
    }
    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .lg\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
    .lg\:pb-36 {
      padding-bottom: calc(var(--spacing) * 36);
    }
    .lg\:text-end {
      text-align: end;
    }
    .lg\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    .lg\:text-\[14rem\] {
      font-size: 14rem;
    }
    .lg\:before\:-end-16:before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * -16);
    }
    .lg\:before\:-top-16:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -16);
    }
  }
  @media (min-width: 80rem) {
    .xl\:col-span-12 {
      grid-column: span 12 / span 12;
    }
    .xl\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
    .xl\:col-span-6 {
      grid-column: span 6 / span 6;
    }
    .xl\:col-span-7 {
      grid-column: span 7 / span 7;
    }
    .xl\:col-span-8 {
      grid-column: span 8 / span 8;
    }
    .xl\:col-span-9 {
      grid-column: span 9 / span 9;
    }
    .xl\:col-span-10 {
      grid-column: span 10 / span 10;
    }
    .xl\:col-span-11 {
      grid-column: span 11/ span 11;
    }

    .xl\:size-28 {
      width: calc(var(--spacing) * 28);
      height: calc(var(--spacing) * 28);
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .xl\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .xl\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .xl\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .xl\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .xl\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .xl\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    } 
    .xl\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .xl\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .xl\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
    .xl\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
    .xl\:pt-44 {
      padding-top: calc(var(--spacing) * 44);
    }
    .xl\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }
    .xl\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
    .xl\:pb-36 {
      padding-bottom: calc(var(--spacing) * 36);
    }
  }
  @media (min-width: 96rem) {
    .\32xl\:justify-end {
      justify-content: flex-end;
    }
  }
  .ltr\:mr-1:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
    margin-right: calc(var(--spacing) * 1);
  }
  .rtl\:ml-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    margin-left: calc(var(--spacing) * 1);
  }
  .rtl\:-translate-x-full:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
    rotate: 180deg;
  }
  .dark\:block:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    display: block;
  }
  .dark\:flex:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    display: flex;
  }
  .dark\:hidden:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    display: none;
  }
  .dark\:scale-0:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .dark\:scale-100:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .dark\:-rotate-90:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    rotate: -90deg;
  }
  .dark\:rotate-0:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    rotate: none;
  }
  :where(
      .dark\:divide-white\/14:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        )
        > :not(:last-child)
    ) {
    border-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(
        .dark\:divide-white\/14:where(
            [data-theme="dark"],
            [data-theme="dark"] *,
            .dark,
            .dark *
          )
          > :not(:last-child)
      ) {
      border-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where(
          .dark\:divide-white\/14:where(
              [data-theme="dark"],
              [data-theme="dark"] *,
              .dark,
              .dark *
            )
            > :not(:last-child)
        ) {
        border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
  }
  .dark\:border-default-100:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: var(--color-default-100);
  }
  .dark\:border-transparent:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: #0000;
  }
  .dark\:border-white\/14:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/14:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      border-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:border-white\/14:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
  }
  .dark\:\!bg-default-200:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-200) !important;
  }
  .dark\:bg-blue-900:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-blue-900);
  }
  .dark\:bg-default-100:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-100);
  }
  .dark\:bg-default-200:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-200);
  }
  .dark\:bg-default-300:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-300);
  }
  .dark\:bg-default-800:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-800);
  }
  .dark\:bg-default-900:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-900);
  }
  .dark\:bg-default-950:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-default-950);
  }
  .dark\:bg-green-500\/20:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: #00c75833;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-500\/20:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      background-color: var(--color-green-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-green-500\/20:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        background-color: color-mix(
          in oklab,
          var(--color-green-500) 20%,
          transparent
        );
      }
    }
  }
  .dark\:bg-neutral-700:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-neutral-700);
  }
  .dark\:bg-neutral-800:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-neutral-800);
  }
  .dark\:bg-pink-500\/20:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: #f6339a33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-pink-500\/20:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      background-color: var(--color-pink-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-pink-500\/20:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        background-color: color-mix(
          in oklab,
          var(--color-pink-500) 20%,
          transparent
        );
      }
    }
  }
  .dark\:bg-red-500\/20:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: #fb2c3633;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-500\/20:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      background-color: var(--color-red-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-red-500\/20:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        background-color: color-mix(
          in oklab,
          var(--color-red-500) 20%,
          transparent
        );
      }
    }
  }
  .dark\:bg-zinc-600:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-zinc-600);
  }
  .dark\:bg-zinc-800:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-color: var(--color-zinc-800);
  }
  .dark\:bg-\[url\(\'\.\.\/images\/auth-bg-dark\.jpg\'\)\]:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    background-image: url(/assets/auth-bg-dark-KP9f0RMJ.jpg);
  }
  .dark\:from-blue-950:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-gradient-from: var(--color-blue-950);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:to-blue-900:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-gradient-to: var(--color-blue-900);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  .dark\:fill-white\/2\.5:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    fill: #ffffff06;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:fill-white\/2\.5:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      fill: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:fill-white\/2\.5:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        fill: color-mix(in oklab, var(--color-white) 2.5%, transparent);
      }
    }
  }
  .dark\:fill-zinc-500:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    fill: var(--color-zinc-500);
  }
  .dark\:stroke-white\/2\.5:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    stroke: #ffffff06;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:stroke-white\/2\.5:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      stroke: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:stroke-white\/2\.5:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        stroke: color-mix(in oklab, var(--color-white) 2.5%, transparent);
      }
    }
  }
  .dark\:text-default-100:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    color: var(--color-default-100);
  }
  .dark\:text-white:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    color: var(--color-white);
  }
  .dark\:text-zinc-50:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    color: var(--color-zinc-50);
  }
  .dark\:text-zinc-200:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    color: var(--color-zinc-200);
  }
  .dark\:shadow-none:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-neutral-700\/70:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-shadow-color: #404040b3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:shadow-neutral-700\/70:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      --tw-shadow-color: var(--color-neutral-700);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:shadow-neutral-700\/70:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        --tw-shadow-color: color-mix(
          in oklab,
          color-mix(in oklab, var(--color-neutral-700) 70%, transparent)
            var(--tw-shadow-alpha),
          transparent
        );
      }
    }
  }
  .dark\:ring-green-400\/10:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-ring-color: #05df721a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-green-400\/10:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      --tw-ring-color: var(--color-green-400);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-green-400\/10:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-green-400) 10%,
          transparent
        );
      }
    }
  }
  .dark\:ring-sky-400\/20:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-ring-color: #00bcfe33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-sky-400\/20:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      --tw-ring-color: var(--color-sky-400);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-sky-400\/20:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-sky-400) 20%,
          transparent
        );
      }
    }
  }
  .dark\:ring-white\/14:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    --tw-ring-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/14:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      --tw-ring-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:ring-white\/14:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ) {
        --tw-ring-color: color-mix(
          in oklab,
          var(--color-white) 14%,
          transparent
        );
      }
    }
  }
  .dark\:file\:bg-default-300:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    )::file-selector-button {
    background-color: var(--color-default-300);
  }
  .dark\:before\:border-white\/14:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ):before {
    content: var(--tw-content);
    border-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:border-white\/14:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):before {
      border-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:before\:border-white\/14:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ):before {
        border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
      }
    }
  }
  .dark\:before\:border-t-white\/14:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ):before {
    content: var(--tw-content);
    border-top-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:before\:border-t-white\/14:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):before {
      border-top-color: var(--color-white);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:before\:border-t-white\/14:where(
          [data-theme="dark"],
          [data-theme="dark"] *,
          .dark,
          .dark *
        ):before {
        border-top-color: color-mix(
          in oklab,
          var(--color-white) 14%,
          transparent
        );
      }
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-default-200:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):hover {
      background-color: var(--color-default-200);
    }
    .dark\:hover\:text-danger:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):hover {
      color: var(--color-danger);
    }
    .dark\:hover\:text-info:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):hover {
      color: var(--color-info);
    }
    .dark\:hover\:text-primary:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):hover {
      color: var(--color-primary);
    }
    .dark\:hover\:text-warning:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ):hover {
      color: var(--color-warning);
    }
  }
  .dark\:focus\:bg-default-200:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ):focus {
    background-color: var(--color-default-200);
  }
  @media print {
    .print\:hidden {
      display: none;
    }
  }
  .hs-dropdown-open\:opacity-100.hs-dropdown-menu.open,
  .hs-dropdown.open > .hs-dropdown-open\:opacity-100,
  .hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:opacity-100,
  .hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:opacity-100 {
    opacity: 1;
  }
  .hs-tooltip-shown\:visible.hs-tooltip-content.show,
  .hs-tooltip.show .hs-tooltip-shown\:visible {
    visibility: visible;
  }
  .hs-tooltip-shown\:opacity-100.hs-tooltip-content.show,
  .hs-tooltip.show .hs-tooltip-shown\:opacity-100 {
    opacity: 1;
  }
  .hs-accordion-active\:block.hs-accordion.active,
  .hs-accordion.active > .hs-accordion-active\:block,
  .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:block,
  .hs-accordion.active
    > .hs-accordion-heading
    > .hs-accordion-toggle
    .hs-accordion-active\:block,
  .hs-accordion.active > .hs-accordion-active\:block.hs-accordion-toggle,
  .hs-accordion.active
    > .hs-accordion-heading
    > .hs-accordion-active\:block.hs-accordion-toggle,
  .hs-accordion.active .hs-accordion-active\:block.hs-accordion-force-active {
    display: block;
  }
  .hs-accordion-active\:hidden.hs-accordion.active,
  .hs-accordion.active > .hs-accordion-active\:hidden,
  .hs-accordion.active > .hs-accordion-toggle .hs-accordion-active\:hidden,
  .hs-accordion.active
    > .hs-accordion-heading
    > .hs-accordion-toggle
    .hs-accordion-active\:hidden,
  .hs-accordion.active > .hs-accordion-active\:hidden.hs-accordion-toggle,
  .hs-accordion.active
    > .hs-accordion-heading
    > .hs-accordion-active\:hidden.hs-accordion-toggle,
  .hs-accordion.active .hs-accordion-active\:hidden.hs-accordion-force-active {
    display: none;
  }
  .hs-collapse-open\:block.hs-collapse.open,
  .hs-collapse-open\:block.hs-collapse-toggle.open,
  .hs-collapse.open .hs-collapse-open\:block,
  .hs-collapse-toggle.open .hs-collapse-open\:block {
    display: block;
  }
  .hs-collapse-open\:hidden.hs-collapse.open,
  .hs-collapse-open\:hidden.hs-collapse-toggle.open,
  .hs-collapse.open .hs-collapse-open\:hidden,
  .hs-collapse-toggle.open .hs-collapse-open\:hidden {
    display: none;
  }
  .hs-collapse-open\:rotate-180.hs-collapse.open,
  .hs-collapse-open\:rotate-180.hs-collapse-toggle.open,
  .hs-collapse.open .hs-collapse-open\:rotate-180,
  .hs-collapse-toggle.open .hs-collapse-open\:rotate-180 {
    rotate: 180deg;
  }
  .hs-tab-active\:rounded-t-md[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:rounded-t-md {
    border-top-left-radius: var(--radius-md);
    border-top-right-radius: var(--radius-md);
  }
  .hs-tab-active\:border[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .hs-tab-active\:border-t-2[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .hs-tab-active\:border-b[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .hs-tab-active\:border-primary[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:border-primary {
    border-color: var(--color-primary);
  }
  .hs-tab-active\:border-t-danger[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:border-t-danger {
    border-top-color: var(--color-danger);
  }
  .hs-tab-active\:border-b-transparent[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:border-b-transparent {
    border-bottom-color: #0000;
  }
  .hs-tab-active\:bg-card[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:bg-card {
    background-color: var(--color-card);
  }
  .hs-tab-active\:bg-info[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:bg-info {
    background-color: var(--color-info);
  }
  .hs-tab-active\:bg-primary[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:bg-primary {
    background-color: var(--color-primary);
  }
  .hs-tab-active\:font-semibold[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .hs-tab-active\:text-danger[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:text-danger {
    color: var(--color-danger);
  }
  .hs-tab-active\:text-primary[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:text-primary {
    color: var(--color-primary);
  }
  .hs-tab-active\:text-white[data-hs-tab].active,
  [data-hs-tab].active .hs-tab-active\:text-white {
    color: var(--color-white);
  }
  .hs-tab-active\:before\:bg-primary[data-hs-tab].active:before,
  [data-hs-tab].active .hs-tab-active\:before\:bg-primary:before {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }
  .hs-overlay-open\:mt-7.open,
  .open .hs-overlay-open\:mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .hs-overlay-open\:flex.open,
  .open .hs-overlay-open\:flex {
    display: flex;
  }
  .hs-overlay-open\:translate-x-0.open,
  .open .hs-overlay-open\:translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .hs-overlay-open\:translate-y-0.open,
  .open .hs-overlay-open\:translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .hs-overlay-open\:scale-100.open,
  .open .hs-overlay-open\:scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .hs-overlay-open\:opacity-100.open,
  .open .hs-overlay-open\:opacity-100 {
    opacity: 1;
  }
  .hs-password-active\:block.active,
  .active .hs-password-active\:block {
    display: block;
  }
  .hs-password-active\:hidden.active,
  .active .hs-password-active\:hidden {
    display: none;
  }
  .hs-stepper-active\:bg-primary.active,
  .active .hs-stepper-active\:bg-primary {
    background-color: var(--color-primary);
  }
  .hs-stepper-active\:text-white.active,
  .active .hs-stepper-active\:text-white {
    color: var(--color-white);
  }
  .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
    border-radius: 3.40282e38px;
  }
  .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-default-300::-webkit-scrollbar-thumb {
    background-color: var(--color-default-300);
  }
  @media (hover: hover) {
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-danger:hover::-webkit-scrollbar-thumb {
      background-color: var(--color-danger);
    }
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-default-300:hover::-webkit-scrollbar-thumb {
      background-color: var(--color-default-300);
    }
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-info:hover::-webkit-scrollbar-thumb {
      background-color: var(--color-info);
    }
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary:hover::-webkit-scrollbar-thumb {
      background-color: var(--color-primary);
    }
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-success:hover::-webkit-scrollbar-thumb {
      background-color: var(--color-success);
    }
    .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-warning:hover::-webkit-scrollbar-thumb {
      background-color: var(--color-warning);
    }
  }
  .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
    background-color: #0000;
  }
  .\[\&\>\*\]\:\[direction\:ltr\] > * {
    direction: ltr;
  }
  button:focus + .\[button\:focus_\+_\&\]\:visible {
    visibility: visible;
  }
  button:focus + .\[button\:focus_\+_\&\]\:opacity-100 {
    opacity: 1;
  }
}
:root {
  color-scheme: light;
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-body-bg: var(--color-zinc-950);
  --color-body-color: var(--color-zinc-400);
  --color-card: var(--color-zinc-900);
  --color-default-50: var(--color-zinc-950);
  --color-default-100: var(--color-zinc-900);
  --color-default-150: var(--color-zinc-800);
  --color-default-200: var(--color-zinc-800);
  --color-default-300: var(--color-zinc-700);
  --color-default-400: var(--color-zinc-600);
  --color-default-500: var(--color-zinc-500);
  --color-default-600: var(--color-zinc-400);
  --color-default-700: var(--color-zinc-300);
  --color-default-800: var(--color-zinc-200);
  --color-default-900: var(--color-zinc-100);
  --color-default-950: var(--color-zinc-50);
  --topbar-background: var(--color-default-100);
}
html[data-theme="light"],
html[data-sidenav-color="light"] {
  --sidenav-background: var(--color-white);
  --sidenav-item-color: var(--color-zinc-600);
  --sidenav-item-active-color: var(--color-blue-500);
  --sidenav-item-active-bg: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-theme="light"],
  html[data-sidenav-color="light"] {
    --sidenav-item-active-bg: var(--color-blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    html[data-theme="light"],
    html[data-sidenav-color="light"] {
      --sidenav-item-active-bg: color-mix(
        in oklab,
        var(--color-blue-500) 10%,
        transparent
      );
    }
  }
}
html[data-theme="light"],
html[data-sidenav-color="light"] {
  --sidenav-item-hover-color: var(--color-blue-500);
  --sidenav-item-hover-bg: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-theme="light"],
  html[data-sidenav-color="light"] {
    --sidenav-item-hover-bg: var(--color-blue-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    html[data-theme="light"],
    html[data-sidenav-color="light"] {
      --sidenav-item-hover-bg: color-mix(
        in oklab,
        var(--color-blue-500) 10%,
        transparent
      );
    }
  }
}
html[data-sidenav-color="dark"],
html[data-theme="dark"][data-sidenav-color="light"] {
  --sidenav-background: var(--color-zinc-900);
  --sidenav-item-color: var(--color-zinc-400);
  --sidenav-item-active-color: var(--color-zinc-50);
  --sidenav-item-active-bg: var(--color-zinc-800);
  --sidenav-item-hover-color: var(--color-zinc-300);
  --sidenav-item-hover-bg: var(--color-zinc-800);
}
.group\/menu-link:hover,
.animate {
  stroke-dasharray: 10;
  animation-iteration-count: 2;
}
.animate-icons {
  animation: 50s iconsAnimation;
}
.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
}
.page-content {
  width: 100%;
  height: 100vh;
  transition-property: width, margin;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
  overflow: auto;
}
main {
  width: 100%;
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 6);
  flex-grow: 1;
}
.app-menu {
  top: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * 0);
  z-index: 40;
  max-height: 100vh;
  width: var(--spacing-sidenav-width);
  min-width: var(--spacing-sidenav-width);
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
  border-color: currentColor;
  flex-direction: column;
  display: flex;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .app-menu {
    border-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .app-menu {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
}
.app-menu {
  background-color: var(--sidenav-background);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  transition-property: width, min-width, margin;
  transition-duration: 0.3s;
}
.side-nav {
  gap: calc(var(--spacing) * 1);
  flex-direction: column;
  width: 100%;
  display: flex;
}
.side-nav .menu-title {
  margin-top: calc(var(--spacing) * 1.5);
  height: calc(var(--spacing) * 8);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-bold);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
  color: var(--sidenav-item-color);
  align-items: center;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .side-nav .menu-title {
    color: var(--sidenav-item-color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .side-nav .menu-title {
      color: color-mix(in oklab, var(--sidenav-item-color) 75%, transparent);
    }
  }
}
.side-nav .menu-title {
  text-transform: uppercase;
  opacity: 1;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  transition-duration: 0.3s;
}
.side-nav .menu-title:first-of-type {
  margin-top: calc(var(--spacing) * 0);
}
.side-nav .menu-item .menu-link {
  align-items: center;
  column-gap: calc(var(--spacing) * 3);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  color: var(--sidenav-item-color);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  font-size: var(--sidenav-item-font-size);
  line-height: var(--sidenav-item-font-size);
  padding: var(--sidenav-link-padding-y) var(--sidenav-link-padding-x);
  background-color: #0000;
  border-radius: 0.25rem;
  display: flex;
  position: relative;
}
.side-nav .menu-item .menu-link > .menu-icon {
  width: var(--sidenav-item-icon-size);
  height: var(--sidenav-item-icon-size);
  font-size: var(--sidenav-item-icon-size);
  line-height: var(--sidenav-item-icon-size);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.side-nav .menu-item .menu-link > .menu-icon svg {
  width: var(--sidenav-item-icon-size);
  height: var(--sidenav-item-icon-size);
}
.side-nav .menu-item .menu-link > .menu-text {
  white-space: nowrap;
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.side-nav .menu-item .menu-link > .menu-arrow {
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
  background-color: currentColor;
  margin-inline-start: auto;
  display: inline-block;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.side-nav
  .menu-item
  .menu-link
  > .menu-arrow:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
  rotate: 180deg;
}
.side-nav .menu-item .menu-link > .menu-arrow.hs-accordion.active,
.hs-accordion.active > :is(.side-nav .menu-item .menu-link > .menu-arrow),
.hs-accordion.active
  > .hs-accordion-toggle
  :is(.side-nav .menu-item .menu-link > .menu-arrow),
.hs-accordion.active
  > .hs-accordion-heading
  > .hs-accordion-toggle
  :is(.side-nav .menu-item .menu-link > .menu-arrow),
.hs-accordion.active
  > .side-nav
  .menu-item
  .menu-link
  > .menu-arrow.hs-accordion-toggle,
.hs-accordion.active
  > .hs-accordion-heading
  > .side-nav
  .menu-item
  .menu-link
  > .menu-arrow.hs-accordion-toggle,
.hs-accordion.active
  .side-nav
  .menu-item
  .menu-link
  > .menu-arrow.hs-accordion-force-active {
  rotate: 90deg;
}
.side-nav .menu-item .menu-link:is(.open, .active, :active, :focus) {
  color: var(--sidenav-item-active-color);
}
.side-nav .menu-item .menu-link:hover {
  color: var(--sidenav-item-hover-color);
}
.side-nav .menu-item .menu-link .badge {
  width: calc(var(--spacing) * 4);
  height: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-semibold);
  font-size: 0.75em;
  font-weight: var(--font-weight-semibold);
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}
.side-nav .menu-item.active .menu-link.active .menu-arrow {
  rotate: 90deg;
}
.side-nav > .menu-item > .menu-link:is(.open, .active, :active, :focus) {
  background-color: var(--sidenav-item-active-bg);
}
.side-nav > .menu-item > .menu-link:hover {
  background-color: var(--sidenav-item-hover-bg);
}
.side-nav > .menu-item.active > .menu-link {
  background-color: var(--sidenav-item-active-bg);
  color: var(--sidenav-item-active-color);
}
.side-nav .sub-menu {
  margin-top: calc(var(--spacing) * 1);
  width: 100%;
}
:where(.side-nav .sub-menu > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(
    calc(var(--spacing) * 1) * var(--tw-space-y-reverse)
  );
  margin-block-end: calc(
    calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))
  );
}
.side-nav .sub-menu {
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  padding-inline-start: calc(var(--spacing) * 7.5);
  transition-duration: 0.3s;
  overflow: hidden;
}
.side-nav .sub-menu .sub-menu {
  margin-inline-start: calc(var(--sidenav-item-icon-size) * -1);
}
.side-nav .sub-menu .menu-link:before {
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
  background-color: currentColor;
  border-radius: 3.40282e38px;
  display: inline-block;
  position: absolute;
  inset-inline-start: calc(var(--spacing) * -3);
}
@supports (color: color-mix(in lab, red, red)) {
  .side-nav .sub-menu .menu-link:before {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .side-nav .sub-menu .menu-link:before {
      background-color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
.side-nav .sub-menu .menu-link:before {
  --tw-content: "";
  content: var(--tw-content);
}
.side-nav .sub-menu .menu-link.active {
  color: var(--sidenav-item-active-color);
  background-color: #0000;
}
.side-nav .sub-menu .menu-link.active:before {
  content: var(--tw-content);
  background-color: currentColor;
}
#button-hover-toggle {
  height: var(--spacing-topbar-height);
  color: var(--sidenav-item-color);
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  #button-hover-toggle {
    color: var(--sidenav-item-color);
  }
  @supports (color: color-mix(in lab, red, red)) {
    #button-hover-toggle {
      color: color-mix(in oklab, var(--sidenav-item-color) 50%, transparent);
    }
  }
}
#button-hover-toggle {
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) {
  width: var(--spacing-sidenav-width-sm);
  min-width: var(--spacing-sidenav-width-sm);
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) .logo-box .logo-lg {
  display: none;
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) .logo-box .logo-sm {
  display: flex;
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) #button-hover-toggle {
  display: none;
}
html[data-sidenav-size="hover"]
  .app-menu:not(:hover)
  .menu-item
  .menu-link
  .menu-text,
html[data-sidenav-size="hover"]
  .app-menu:not(:hover)
  .menu-item
  .menu-link
  .menu-arrow,
html[data-sidenav-size="hover"]
  .app-menu:not(:hover)
  .menu-item
  .menu-link
  .badge {
  visibility: hidden;
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) .menu-item .sub-menu {
  height: 0;
  margin-top: 0;
  visibility: hidden !important;
}
html[data-sidenav-size="hover"] .app-menu:not(:hover) .menu-title {
  visibility: hidden;
  margin: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  opacity: 0;
  margin-top: calc(var(--spacing) * -1) !important;
}
html[data-sidenav-size="hover"]
  .app-menu:not(:hover)
  .simplebar-track.simplebar-vertical {
  visibility: hidden !important;
}
html[data-sidenav-size="hover"] .app-menu {
  bottom: calc(var(--spacing) * 0);
  position: fixed;
}
html[data-sidenav-size="hover"]
  .app-menu
  .simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}
html[data-sidenav-size="hover"] .page-content {
  margin-inline-start: var(--spacing-sidenav-width-sm);
}
html[data-sidenav-size="hover"] #button-hover-toggle {
  display: flex;
}
html[data-sidenav-size="hover"] #button-toggle-menu,
html[data-sidenav-size="hover-active"] #button-toggle-menu {
  display: none;
}
html[data-sidenav-size="hover-active"] #button-hover-toggle {
  display: flex;
}
html[data-sidenav-size="hover-active"] #button-hover-toggle:before {
  content: "";
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
  --tw-content: "";
  content: var(--tw-content);
  background-color: currentColor;
  border-radius: 3.40282e38px;
  position: absolute;
}
html[data-sidenav-size="hover-active"] .page-content {
  margin-inline-start: var(--spacing-sidenav-width);
}
html[data-sidenav-size="hover-active"] .app-menu {
  bottom: calc(var(--spacing) * 0);
  position: fixed;
}
html[data-sidenav-size="sm"] .app-menu {
  width: var(--spacing-sidenav-width-sm);
  min-width: var(--spacing-sidenav-width-sm);
  height: unset;
  max-height: unset;
}
html[data-sidenav-size="sm"] .app-menu .simplebar-mask,
html[data-sidenav-size="sm"] .app-menu .simplebar-content-wrapper {
  overflow: visible !important;
}
html[data-sidenav-size="sm"] .app-menu .logo-box {
  background: var(--sidenav-background);
  z-index: 40;
}
html[data-sidenav-size="sm"] .app-menu .logo-box .logo-lg {
  display: none;
}
html[data-sidenav-size="sm"] .app-menu .logo-box .logo-sm {
  display: flex;
}
html[data-sidenav-size="sm"] .app-menu .side-nav .menu-title {
  display: none;
}
html[data-sidenav-size="sm"] .app-menu .side-nav .menu-item {
  position: relative;
}
html[data-sidenav-size="sm"] .app-menu .side-nav .menu-item > .menu-link {
  transition: none;
}
html[data-sidenav-size="sm"] .app-menu .side-nav .menu-item > .menu-link:before,
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item
  > .menu-link
  > .menu-text,
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item
  > .menu-link
  > .menu-arrow,
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item
  > .menu-link
  > .badge {
  transition: none;
  display: none;
}
html[data-sidenav-size="sm"] .app-menu .side-nav .menu-item .sub-menu {
  margin-top: 0;
  height: inherit !important;
  display: none !important;
}
html[data-sidenav-size="sm"] .app-menu .side-nav .menu-item:hover > .sub-menu {
  background: var(--sidenav-background);
  width: calc(var(--spacing-sidenav-width) - var(--spacing-sidenav-width-sm));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: currentColor;
  padding-inline-start: 0;
  transition: none;
  position: absolute;
  inset-inline-start: 100%;
  overflow: visible;
  height: inherit !important;
  display: block !important;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-sidenav-size="sm"]
    .app-menu
    .side-nav
    .menu-item:hover
    > .sub-menu {
    border-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    html[data-sidenav-size="sm"]
      .app-menu
      .side-nav
      .menu-item:hover
      > .sub-menu {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item:hover
  > .sub-menu
  > .menu-item
  > .menu-link {
  z-index: 5;
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item:hover
  > .sub-menu
  > .menu-item
  > .menu-link
  > .menu-arrow,
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item:hover
  > .sub-menu
  > .menu-item
  > .menu-link
  > .menu-text {
  display: block;
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  .menu-item:hover
  > .sub-menu
  > .menu-item
  .sub-menu {
  margin-inline-start: calc(var(--spacing) * 0);
  top: 0;
}
html[data-sidenav-size="sm"] .app-menu .side-nav > .menu-item > .menu-link {
  text-align: center;
  justify-content: center;
  display: flex;
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item:hover
  > .menu-link {
  color: var(--sidenav-item-hover-color);
  background-color: var(--sidenav-item-hover-bg);
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item:hover
  > .menu-link:after {
  content: "";
  width: var(--spacing-sidenav-width);
  position: absolute;
  inset: 0;
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item:hover
  > .menu-link
  > .menu-text {
  background: var(--sidenav-background);
  line-height: var(--sidenav-item-icon-size);
  width: calc(var(--spacing-sidenav-width) - var(--spacing-sidenav-width-sm));
  padding: var(--sidenav-link-padding-y) var(--sidenav-link-padding-x);
  border-style: var(--tw-border-style);
  --tw-border-style: solid;
  border: 1px solid #71717b33;
  align-items: center;
  display: flex;
  position: absolute;
  inset-inline-start: 100%;
}
@supports (color: color-mix(in lab, red, red)) {
  html[data-sidenav-size="sm"]
    .app-menu
    .side-nav
    > .menu-item:hover
    > .menu-link
    > .menu-text {
    border-color: var(--color-default-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    html[data-sidenav-size="sm"]
      .app-menu
      .side-nav
      > .menu-item:hover
      > .menu-link
      > .menu-text {
      border-color: color-mix(
        in oklab,
        var(--color-default-500) 20%,
        transparent
      );
    }
  }
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item
  > .menu-link.hs-accordion-toggle
  > .menu-text {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item
  > .menu-link:not(.hs-accordion-toggle)
  > .menu-text {
  border-radius: var(--radius-md);
}
html[data-sidenav-size="sm"] .app-menu .side-nav > .menu-item > .sub-menu {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item
  > .sub-menu
  .sub-menu {
  border-radius: var(--radius-md);
}
html[data-sidenav-size="sm"]
  .app-menu
  .side-nav
  > .menu-item
  > .menu-link
  > .menu-text,
html[data-sidenav-size="sm"] .app-menu .side-nav > .menu-item .sub-menu {
  margin-inline-start: calc(var(--spacing) * 4.5);
}
html[data-sidenav-size="sm"] .page-content {
  height: 100%;
  min-height: 100vh;
  overflow: visible;
}
html[data-sidenav-size="md"] .app-menu {
  width: var(--spacing-sidenav-width-md);
  min-width: var(--spacing-sidenav-width-md);
}
html[data-sidenav-size="md"] .app-menu .side-nav .menu-title {
  justify-content: center;
  text-decoration-line: underline;
  text-decoration-style: dashed;
}
html[data-sidenav-size="md"] .app-menu .side-nav .menu-link {
  text-align: center;
  flex-direction: column;
}
html[data-sidenav-size="md"] .app-menu .side-nav .menu-link .badge,
html[data-sidenav-size="md"] .app-menu .side-nav .menu-link .menu-arrow {
  display: none;
}
html[data-sidenav-size="md"] .app-menu .side-nav .sub-menu {
  padding-inline-start: calc(var(--spacing) * 0);
}
html[data-sidenav-size="md"]
  .app-menu
  .side-nav
  .sub-menu
  .menu-link
  .menu-arrow {
  margin-inline-start: calc(var(--spacing) * 0);
  display: block;
}
html[data-sidenav-size="md"] .app-menu .side-nav .sub-menu .menu-text {
  padding-inline-start: calc(var(--spacing) * 0);
}
html[data-sidenav-size="offcanvas"] .app-menu {
  opacity: 0;
  margin-inline-start: calc(var(--spacing-sidenav-width) * -1);
  position: fixed;
  transition-property: all !important;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  ) !important;
  transition-duration: var(
    --tw-duration,
    var(--default-transition-duration)
  ) !important;
}
html[data-sidenav-size="offcanvas"].sidenav-enable .app-menu {
  z-index: 50;
  opacity: 1;
  margin-inline-start: calc(var(--spacing) * 0);
}
html[data-sidenav-size="hidden"] .app-menu {
  margin-inline-start: calc(var(--spacing-sidenav-width) * -1);
}
.logo-box .logo-sm,
.logo-box .logo-light {
  display: none;
}
:is(html[data-theme="dark"], html[data-sidenav-color="dark"])
  .app-menu
  .logo-box
  .logo-light {
  display: block;
}
:is(html[data-theme="dark"], html[data-sidenav-color="dark"])
  .app-menu
  .logo-box
  .logo-dark {
  display: none;
}
.app-header .topbar-item {
  height: calc(var(--spacing) * 9.5);
  align-items: center;
  display: flex;
}
code {
  color: var(--color-primary);
}
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
.container {
  max-width: 1280px;
  padding-inline: calc(var(--spacing) * 4);
  margin-inline: auto;
}
.hs-overlay-backdrop {
  background-color: #18181b33 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .hs-overlay-backdrop {
    background-color: var(--color-default-900) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .hs-overlay-backdrop {
      background-color: color-mix(
        in oklab,
        var(--color-default-900) 20%,
        transparent
      ) !important;
    }
  }
}
.swiper-pagination-bullet {
  background-color: var(--color-primary) !important;
  opacity: 1 !important;
  outline: 1px solid var(--color-primary) !important;
  opacity: 0.4 !important;
  border: 4px solid #eee !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
}
.swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px !important;
}
#emailOverview-backdrop {
  --tw-backdrop-blur: ;
  -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);
  background-color: #0000;
}
.form-input {
  height: calc(var(--spacing) * 9.25);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  background-color: var(--color-card);
  width: 100%;
  padding-block: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-default-800);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 0.25rem;
  outline-width: 0;
  display: block;
}
.form-input::placeholder {
  color: var(--color-default-400);
}
.form-input:where([data-theme="dark"], [data-theme="dark"] *, .dark, .dark *) {
  border-color: #ffffff24;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: var(--color-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-input:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
}
.form-input:where(
    [data-theme="dark"],
    [data-theme="dark"] *,
    .dark,
    .dark *
  )::placeholder {
  color: var(--color-default-600);
}
.form-input:focus-visible {
  border-color: var(--color-default-300);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: #d4d4d84d;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input:focus-visible {
    --tw-ring-color: var(--color-default-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-input:focus-visible {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-default-300) 30%,
        transparent
      );
    }
  }
}
.form-input:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.form-input:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.form-input[readonly] {
  cursor: not-allowed;
  background-color: #f4f4f5cc;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input[readonly] {
    background-color: var(--color-default-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-input[readonly] {
      background-color: color-mix(
        in oklab,
        var(--color-default-100) 80%,
        transparent
      );
    }
  }
}
.form-input[readonly] {
  color: #52525ccc;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input[readonly] {
    color: var(--color-default-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-input[readonly] {
      color: color-mix(in oklab, var(--color-default-600) 80%, transparent);
    }
  }
}
.form-input::file-selector-button {
  height: 100%;
}
.form-input[type="file"] {
  padding-block: calc(var(--spacing) * 0);
}
.form-input::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.form-input::file-selector-button {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}
.form-input::file-selector-button {
  --tw-border-style: solid;
  border-style: solid;
}
.form-input::file-selector-button {
  border-color: var(--color-default-200);
}
.form-input::file-selector-button {
  background-color: #0000;
}
.form-input::file-selector-button {
  padding: calc(var(--spacing) * 0);
}
.form-input::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.form-input::file-selector-button {
  color: var(--color-default-800);
}
.form-input::file-selector-button {
  font-style: normal;
}
.form-input[aria-invalid="true"] {
  border-color: #fe6e0099;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input[aria-invalid="true"] {
    border-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-input[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
}
.form-input[aria-invalid="true"] {
  --tw-ring-color: #fe6e001a;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-input[aria-invalid="true"] {
    --tw-ring-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-input[aria-invalid="true"] {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-danger) 10%,
        transparent
      );
    }
  }
}
.form-input {
  transition-property: color, box-shadow;
}
.form-input-sm {
  height: calc(var(--spacing) * 7.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.form-textarea {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  background-color: var(--color-card);
  width: 100%;
  padding-block: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-default-800);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 0.25rem;
  outline-width: 0;
  display: block;
}
.form-textarea::placeholder {
  color: var(--color-default-400);
}
.form-textarea:where(
    [data-theme="dark"],
    [data-theme="dark"] *,
    .dark,
    .dark *
  ) {
  border-color: #ffffff24;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-textarea:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: var(--color-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-textarea:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
}
.form-textarea:where(
    [data-theme="dark"],
    [data-theme="dark"] *,
    .dark,
    .dark *
  )::placeholder {
  color: var(--color-default-600);
}
.form-textarea:focus-visible {
  border-color: var(--color-default-300);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: #d4d4d84d;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-textarea:focus-visible {
    --tw-ring-color: var(--color-default-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-textarea:focus-visible {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-default-300) 30%,
        transparent
      );
    }
  }
}
.form-textarea:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
.form-textarea:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.form-textarea[readonly] {
  cursor: not-allowed;
  background-color: #f4f4f5cc;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-textarea[readonly] {
    background-color: var(--color-default-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-textarea[readonly] {
      background-color: color-mix(
        in oklab,
        var(--color-default-100) 80%,
        transparent
      );
    }
  }
}
.form-textarea[readonly] {
  color: #52525ccc;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-textarea[readonly] {
    color: var(--color-default-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-textarea[readonly] {
      color: color-mix(in oklab, var(--color-default-600) 80%, transparent);
    }
  }
}
.form-textarea::file-selector-button {
  height: 100%;
}
.form-textarea[type="file"] {
  padding-block: calc(var(--spacing) * 0);
}
.form-textarea::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}
.form-textarea::file-selector-button {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}
.form-textarea::file-selector-button {
  --tw-border-style: solid;
  border-style: solid;
}
.form-textarea::file-selector-button {
  border-color: var(--color-default-200);
}
.form-textarea::file-selector-button {
  background-color: #0000;
}
.form-textarea::file-selector-button {
  padding: calc(var(--spacing) * 0);
}
.form-textarea::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.form-textarea::file-selector-button {
  color: var(--color-default-800);
}
.form-textarea::file-selector-button {
  font-style: normal;
}
.form-textarea[aria-invalid="true"] {
  border-color: #fe6e0099;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-textarea[aria-invalid="true"] {
    border-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-textarea[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
}
.form-textarea[aria-invalid="true"] {
  --tw-ring-color: #fe6e001a;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-textarea[aria-invalid="true"] {
    --tw-ring-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-textarea[aria-invalid="true"] {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-danger) 10%,
        transparent
      );
    }
  }
}
.form-textarea {
  transition-property: color, box-shadow;
}
select.form-input {
  min-width: calc(var(--spacing) * 28);
}
.form-radio,
.form-checkbox {
  appearance: none;
  border-style: var(--tw-border-style);
  --tw-ring-offset-color: var(--color-white);
  background-color: currentColor;
  background-position: 50%;
  background-repeat: no-repeat;
  border-width: 1px;
  border-color: currentColor;
  flex-shrink: 0;
}
:is(.form-radio, .form-checkbox):focus-visible {
  --tw-outline-style: none;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: inherit;
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  outline-style: none;
}
:is(.form-radio, .form-checkbox):disabled {
  cursor: not-allowed;
  opacity: 0.9;
}
:is(.form-radio, .form-checkbox)[aria-invalid="true"] {
  border-color: #fe6e0099;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.form-radio, .form-checkbox)[aria-invalid="true"] {
    border-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.form-radio, .form-checkbox)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
}
:is(.form-radio, .form-checkbox)[aria-invalid="true"] {
  --tw-ring-color: #fe6e001a;
}
@supports (color: color-mix(in lab, red, red)) {
  :is(.form-radio, .form-checkbox)[aria-invalid="true"] {
    --tw-ring-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :is(.form-radio, .form-checkbox)[aria-invalid="true"] {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-danger) 10%,
        transparent
      );
    }
  }
}
.form-radio,
.form-checkbox {
  cursor: pointer;
}
:is(.form-radio, .form-checkbox):focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
:is(.form-radio, .form-checkbox):checked {
  background-color: currentColor;
  border-color: #0000;
}
.form-radio:not([class*="text-"]),
.form-checkbox:not([class*="text-"]) {
  border-color: var(--color-default-300);
  background-color: #0000;
}
:is(
    .form-radio:not([class*="text-"]),
    .form-checkbox:not([class*="text-"])
  ):checked {
  background-color: var(--color-primary);
  border-color: #0000;
}
.form-checkbox {
  border-radius: var(--radius-sm);
}
.form-radio:not([class*="size-"]),
.form-checkbox:not([class*="size-"]) {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
.form-checkbox[class*="rounded-full"] {
  border-radius: 3.40282e38px;
}
.form-checkbox-sm,
.form-radio-sm {
  width: calc(var(--spacing) * 4.5);
  height: calc(var(--spacing) * 4.5);
}
.form-radio-lg {
  width: calc(var(--spacing) * 5.5);
  height: calc(var(--spacing) * 5.5);
}
.form-switch {
  cursor: pointer;
  appearance: none;
  background-color: var(--color-default-200);
  flex-shrink: 0;
  display: inline-flex;
  position: relative;
}
.form-switch:checked {
  background-image: none;
}
.form-switch:focus-visible {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: var(--color-default-300);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-offset-color: var(--color-card);
  --tw-outline-style: none;
  outline-style: none;
}
@media (forced-colors: active) {
  .form-switch:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #0000;
  }
}
.form-switch:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-switch[aria-invalid="true"] {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #fe6e0099;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-switch[aria-invalid="true"] {
    border-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-switch[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
}
.form-switch[aria-invalid="true"] {
  --tw-ring-color: #fe6e001a;
}
@supports (color: color-mix(in lab, red, red)) {
  .form-switch[aria-invalid="true"] {
    --tw-ring-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .form-switch[aria-invalid="true"] {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-danger) 10%,
        transparent
      );
    }
  }
}
.form-switch {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0;
}
.form-switch:focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.form-switch:before {
  pointer-events: none;
  --tw-translate-x: calc(var(--spacing) * 1);
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: var(--color-card);
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-content: "";
  content: var(--tw-content);
  inset-inline-start: calc(var(--spacing) * 0);
  border-radius: 3.40282e38px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
}
.form-switch:checked,
.form-switch[aria-checked="true"] {
  background-color: var(--color-primary);
}
.form-switch {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 9.5);
  border-radius: 3.40282e38px;
}
.form-switch:before {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
:is(.form-switch:checked, .form-switch[aria-checked="true"]):before {
  --tw-translate-x: calc(var(--spacing) * 5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.form-checkicon-switch {
  height: calc(var(--spacing) * 5);
  width: calc(var(--spacing) * 9.5);
  border-radius: 3.40282e38px;
}
.form-checkicon-switch:before {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
.form-checkicon-switch:after {
  inset-inline-start: calc(var(--spacing) * 1.25);
  top: calc(var(--spacing) * 1);
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  background-color: currentColor;
  background-color: var(--color-default-500);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-content: "";
  content: var(--tw-content);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");
  margin-inline-start: auto;
  display: inline-block;
  position: absolute;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
:is(
    .form-checkicon-switch:checked,
    .form-checkicon-switch[aria-checked="true"]
  ):before {
  --tw-translate-x: calc(var(--spacing) * 5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(
    .form-checkicon-switch:checked,
    .form-checkicon-switch[aria-checked="true"]
  ):after {
  inset-inline-start: calc(var(--spacing) * 1);
  top: calc(var(--spacing) * 1);
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
  --tw-translate-x: calc(var(--spacing) * 4.25);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-color: currentColor;
  background-color: var(--color-default-500);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-content: "";
  content: var(--tw-content);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");
  margin-inline-start: auto;
  display: inline-block;
  position: absolute;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.form-switch-sm {
  height: calc(var(--spacing) * 4.5);
  width: calc(var(--spacing) * 6.5);
  border-radius: 3.40282e38px;
}
.form-switch-sm:before {
  width: calc(var(--spacing) * 2.5);
  height: calc(var(--spacing) * 2.5);
}
:is(.form-switch-sm:checked, .form-switch-sm[aria-checked="true"]):before {
  --tw-translate-x: calc(var(--spacing) * 3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.form-square-switch,
.form-square-switch:before {
  border-radius: 0 !important;
}
.form-switch-lg {
  height: calc(var(--spacing) * 5.5);
  width: calc(var(--spacing) * 8.5);
  border-radius: 3.40282e38px;
}
.form-switch-lg:before {
  width: calc(var(--spacing) * 3.5);
  height: calc(var(--spacing) * 3.5);
}
:is(.form-switch-lg:checked, .form-switch-lg[aria-checked="true"]):before {
  --tw-translate-x: calc(var(--spacing) * 4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
[dir="rtl"] .form-switch:before {
  --tw-translate-x: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(
    [dir="rtl"] .form-switch:checked,
    [dir="rtl"] .form-switch[aria-checked="true"]
  ):before {
  --tw-translate-x: calc(var(--spacing) * -3.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(
    [dir="rtl"] .form-switch.form-switch-sm:checked,
    [dir="rtl"] .form-switch.form-switch-sm[aria-checked="true"]
  ):before {
  --tw-translate-x: calc(var(--spacing) * -3);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
:is(
    [dir="rtl"] .form-switch.form-switch-lg:checked,
    [dir="rtl"] .form-switch.form-switch-lg[aria-checked="true"]
  ):before {
  --tw-translate-x: calc(var(--spacing) * -4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.card-radio {
  position: relative;
}
.card-radio input:checked + .form-label:after {
  content: "";
  inset-inline-end: calc(var(--spacing) * 2);
  bottom: calc(var(--spacing) * 8);
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  color: var(--color-success);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34m-1.293 5.953a1 1 0 0 0-1.32-.083l-.094.083L11 12.585l-1.293-1.292l-.094-.083a1 1 0 0 0-1.403 1.403l.083.094l2 2l.094.083a1 1 0 0 0 1.226 0l.094-.083l4-4l.083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E");
  background-color: currentColor;
  margin-inline-start: auto;
  display: inline-block;
  position: absolute;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
input:checked + .form-label.btn {
  background-color: #3080ff1a;
}
@supports (color: color-mix(in lab, red, red)) {
  input:checked + .form-label.btn {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input:checked + .form-label.btn {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 10%,
        transparent
      );
    }
  }
}
input:checked + .form-label.btn {
  color: var(--color-primary);
}
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"]::-webkit-inner-spin-button {
  opacity: 1;
}
input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.flatpickr-day {
  color: var(--color-default-600);
}
.form-input.flatpickr-input {
  background-color: var(--color-card) !important;
}
.flatpickr-calendar {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-150);
  background-color: var(--color-card);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
span.flatpickr-weekday {
  color: var(--color-body-color);
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  color: var(--color-body-color);
  background-color: var(--color-default-200);
  border-color: #0000;
}
.flatpickr-day.inRange {
  color: var(--color-default-950);
  box-shadow: -5px 0 0 var(--color-default-200),
    5px 0 0 var(--color-default-200);
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: var(--color-default-700) !important;
}
.flatpickr-monthDropdown-months,
.numInput {
  color: var(--color-default-700) !important;
}
.flatpickr-calendar.arrowBottom:after {
  background-color: var(--color-card);
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border-color: var(--color-default-200);
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: var(--color-default-400) !important;
}
.multi-wrapper {
  border-style: var(--tw-border-style) !important;
  border-width: 0 !important;
  border-color: var(--color-default-200) !important;
}
.multi-wrapper .non-selected-wrapper {
  scrollbar-width: thin;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
  background-color: var(--color-card) !important;
}
.multi-wrapper .item:hover {
  background-color: var(--color-default-150) !important;
}
.multi-wrapper .selected-wrapper {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
  background-color: var(--color-card) !important;
}
.multi-wrapper .search-input {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 0 !important;
  border-color: var(--color-default-200) !important;
  background-color: #e4e4e733 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .multi-wrapper .search-input {
    background-color: var(--color-default-200) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .multi-wrapper .search-input {
      background-color: color-mix(
        in oklab,
        var(--color-default-200) 20%,
        transparent
      ) !important;
    }
  }
}
.multi-wrapper .search-input {
  color: var(--color-default-800) !important;
}
.pcr-app {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
  background-color: var(--color-card) !important;
  border-radius: 0.25rem !important;
}
.pcr-app .pcr-interaction input {
  background-color: #e4e4e7b3 !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .pcr-app .pcr-interaction input {
    background-color: var(--color-default-200) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .pcr-app .pcr-interaction input {
      background-color: color-mix(
        in oklab,
        var(--color-default-200) 70%,
        transparent
      ) !important;
    }
  }
}
.pcr-app .pcr-interaction input {
  color: var(--color-default-800) !important;
}
@media print {
  aside.app-menu,
  .app-header,
  .footer {
    width: calc(var(--spacing) * 0);
    display: none !important;
  }
  .page-content,
  .content,
  body {
    margin: 0;
    padding: 0;
  }
  .card {
    box-shadow: none;
  }
}
.apex-charts {
  min-height: 10px !important;
}
.apexcharts-canvas {
  margin: 0 auto;
}
.apexcharts-radialbar-hollow {
  fill: var(--color-card);
}
.apexcharts-canvas .apexcharts-text.apexcharts-xaxis-label,
.apexcharts-canvas .apexcharts-text.apexcharts-yaxis-label,
.apexcharts-canvas .apexcharts-title-text {
  background-color: var(--color-default-50);
  fill: var(--color-default-900);
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: #d4d4d81a;
}
@supports (color: color-mix(in lab, red, red)) {
  .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
  .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
    border-color: var(--color-default-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
    .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
      border-color: color-mix(
        in oklab,
        var(--color-default-300) 10%,
        transparent
      );
    }
  }
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
  background-color: #71717b1a;
}
@supports (color: color-mix(in lab, red, red)) {
  .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
  .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
    background-color: var(--color-default-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
    .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
      background-color: color-mix(
        in oklab,
        var(--color-default-500) 10%,
        transparent
      );
    }
  }
}
.apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light,
.apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-theme-light {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(100px);
  -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);
}
.apexcharts-canvas .apexcharts-xaxistooltip-bottom:after,
.apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  --tw-border-style: dashed;
  border-style: dashed;
  border-bottom-color: var(--color-default-200);
}
.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
  gap: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-body-color);
}
.apexcharts-tooltip-y-group {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.apexcharts-canvas
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title {
  margin-bottom: calc(var(--spacing) * 2);
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: #9f9fa933;
}
@supports (color: color-mix(in lab, red, red)) {
  .apexcharts-canvas
    .apexcharts-tooltip.apexcharts-theme-light
    .apexcharts-tooltip-title {
    border-color: var(--color-default-400);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .apexcharts-canvas
      .apexcharts-tooltip.apexcharts-theme-light
      .apexcharts-tooltip-title {
      border-color: color-mix(
        in oklab,
        var(--color-default-400) 20%,
        transparent
      );
    }
  }
}
.apexcharts-canvas
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title {
  background-color: #e4e4e71a;
}
@supports (color: color-mix(in lab, red, red)) {
  .apexcharts-canvas
    .apexcharts-tooltip.apexcharts-theme-light
    .apexcharts-tooltip-title {
    background-color: var(--color-default-200);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .apexcharts-canvas
      .apexcharts-tooltip.apexcharts-theme-light
      .apexcharts-tooltip-title {
      background-color: color-mix(
        in oklab,
        var(--color-default-200) 10%,
        transparent
      );
    }
  }
}
.apexcharts-canvas
  .apexcharts-tooltip.apexcharts-theme-light
  .apexcharts-tooltip-title {
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 2);
  text-align: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-backdrop-blur: blur(100px);
  -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);
}
.apexcharts-grid-borders line,
.apexcharts-gridline {
  stroke: var(--color-default-200);
}
.apexcharts-legend-series {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.apexcharts-legend-text {
  vertical-align: middle;
  color: var(--color-default-700) !important;
  font-size: 13px !important;
}
.apexcharts-legend-marker {
  vertical-align: middle;
  margin-right: 5px !important;
}
.apexcharts-pie-label {
  fill: var(--color-card);
}
.apexcharts-text.apexcharts-yaxis-title-text {
  fill: var(--color-default-600);
}
.apexcharts-xaxis line,
.apexcharts-xaxis-tick {
  stroke: var(--color-default-400);
}
.apex-charts text,
.apexcharts-tooltip-title,
.apexcharts-tooltip-text,
.apexcharts-xaxistooltip-text,
.apexcharts-yaxis .text,
.apexcharts-xaxis .text,
.apexcharts-datalabels text,
.apexcharts-title-text,
.apexcharts-legend-text,
.apexcharts-subtitle-text,
.apexcharts-tooltip {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-default-900);
  font-family: var(--font-body) !important;
}
.apexcharts-radialbar-track path {
  stroke: var(--color-default-200);
}
.apexcharts-treemap-series rect {
  stroke: var(--color-card);
}
.ql-editor {
  text-align: left;
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
  padding-right: 0;
}
.ql-editor li:not(.ql-direction-rtl):before {
  text-align: right;
  margin-left: -1.5em;
  margin-right: 0.3em;
}
.ql-container {
  font-family: var(--font-body);
}
.ql-container.ql-snow {
  border-color: var(--color-default-200);
  border-radius: 0 0 4px 4px;
  min-block-size: 12rem;
}
.ql-toolbar {
  font-family: var(--font-body) !important;
}
.ql-toolbar span,
.ql-toolbar button {
  color: var(--color-default-600);
  outline: none !important;
}
:is(.ql-toolbar span, .ql-toolbar button):hover {
  color: var(--color-primary) !important;
}
.ql-toolbar.ql-snow {
  border-color: var(--color-default-200);
  border-radius: 4px 4px 0 0;
  flex-wrap: wrap;
  row-gap: 8px;
  display: flex;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #0000;
}
.ql-toolbar.ql-snow .ql-picker-options {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 0.25rem;
}
.ql-toolbar.ql-snow .ql-formats {
  border-radius: 3px;
  margin-right: 10px;
}
:is(
    .ql-toolbar.ql-snow .ql-formats button,
    .ql-toolbar.ql-snow .ql-formats span
  )
  i {
  color: var(--color-body-color);
  line-height: 18px;
}
:is(
    .ql-toolbar.ql-snow .ql-formats button,
    .ql-toolbar.ql-snow .ql-formats span
  ):hover
  i {
  color: var(--color-primary);
}
.ql-toolbar.ql-snow .ql-formats .ql-stroke {
  stroke: var(--color-body-color);
}
.ql-toolbar .ql-picker-label,
.ql-toolbar button {
  display: flex;
}
:is(.ql-toolbar .ql-picker-label, .ql-toolbar button) svg {
  width: 16px;
  height: 16px;
}
.ql-snow a {
  color: var(--color-primary);
}
.ql-snow .ql-picker {
  font-size: 14px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: var(--color-body-color) !important;
}
.ql-snow .ql-picker-options {
  background-color: var(--color-card);
  border-color: var(--color-default-200) !important;
}
.ql-snow .ql-tooltip {
  background-color: var(--color-card);
  border-color: var(--color-default-200);
  color: var(--color-body-color);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  padding: 8px 16px;
}
.ql-snow .ql-tooltip input[type="text"] {
  border-radius: 4px;
  border: 1px solid var(--color-default-200) !important;
}
.ql-snow .ql-tooltip input[type="text"]:focus,
.ql-snow .ql-tooltip input[type="text"]:focus-visible {
  border: 1px solid var(--color-default-200) !important;
}
.ql-bubble {
  border: 1px solid var(--color-default-200);
  border-radius: 4px;
}
.ql-bubble .ql-tooltip-editor input::placeholder {
  color: var(--color-default-400);
}
.ql-tooltip .ql-toolbar button {
  color: #fff !important;
}
.ql-tooltip .ql-toolbar button:hover {
  color: var(--color-primary) !important;
}
.choices[data-type*="select-one"] {
  cursor: pointer;
}
.choices[data-type*="select-one"] .choices__input {
  height: calc(var(--spacing) * 9.25);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  border-radius: 0.25rem;
  margin-bottom: 10px;
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
  border-color: var(--color-default-200) !important;
}
.choices[data-type*="select-one"] .choices__input:hover {
  border-color: var(--color-default-300);
}
.choices[data-type*="select-one"]:after {
  content: "";
  color: var(--color-light);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='%239ba6b7'  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15a1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E");
  border: 0;
  width: 20px;
  height: 20px;
  margin-top: 0;
  font-size: 20px;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  top: 18px;
  left: auto;
  right: 12px;
  transform: translateY(-50%);
}
.choices[data-type*="select-one"].is-open:after {
  margin-top: 0;
  transform: translateY(-50%) rotate(-180deg);
}
.choices[data-type*="select-one"] .choices__button {
  right: 20px;
}
:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"])
  .choices__inner {
  cursor: text;
  padding: 8px !important;
}
:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"])
  .choices__button {
  border-left: 1px solid #ffffff80;
  border-right: 0;
}
:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"])
  .choices__list--dropdown {
  padding-bottom: 10px;
}
:is(.choices[data-type*="select-multiple"], .choices[data-type*="text"])
  .choices__list--dropdown
  .choices__list {
  margin-bottom: 0;
}
.choices[data-type*="select-multiple"] .choices__input {
  padding-top: 3px;
}
.input-light .choices__inner {
  background-color: var(--color-light);
  border: none;
}
.choices__inner {
  height: calc(var(--spacing) * 9.25);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  background-color: var(--color-card);
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  vertical-align: middle;
  align-items: center;
  min-height: auto;
  display: flex;
  border-radius: 0.25rem !important;
}
.choices__inner:hover {
  border-color: var(--color-default-300);
}
.choices__inner .choices__list--single {
  padding: 0 !important;
}
:is(.is-focused, .is-open) .choices__inner {
  border-color: var(--color-default-400);
}
.choices__list--multiple .choices__item {
  vertical-align: initial;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-radius: 7px;
  margin: 2px 5px 2px 0;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 400;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
}
.choices__list--dropdown {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a),
    0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  will-change: transform;
  border-radius: 0.25rem;
  padding: 10px 10px 20px;
  animation-name: DropDownSlideUp;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  background-color: var(--color-card) !important;
  border: 1px solid var(--color-default-200) !important;
}
.choices__list--dropdown.is-active {
  animation-name: DropDownSlideUp;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--color-default-150) !important;
}
.choices__list--dropdown .choices__list {
  margin: 0 -10px -16px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar {
  -webkit-appearance: none;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar:vertical {
  width: 12px;
  margin-right: 15px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar:horizontal {
  height: 12px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-card);
  background-color: #27272a1a;
}
@supports (color: color-mix(in lab, red, red)) {
  .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
    background-color: var(--color-default-800);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
      background-color: color-mix(
        in oklab,
        var(--color-default-800) 10%,
        transparent
      );
    }
  }
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-track {
  background-color: var(--color-card);
  border-radius: 10px;
}
.choices__list--dropdown .has-no-results {
  font-style: italic;
  font-weight: 500;
}
.choices__list--dropdown .choices__item--selectable:after {
  display: none;
}
.choices__list--dropdown .choices__list {
  max-height: 300px;
}
.choices__list--dropdown .choices__item {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  padding: 12px !important;
}
.choices__heading {
  border-bottom: 1px solid var(--color-default-200);
  color: var(--color-default-400);
  padding: 10px 16px;
  font-weight: 600;
}
.choices__input {
  background-color: var(--color-card);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-body-color);
  margin-bottom: 0;
  padding: 2px 0 2px 2px;
}
.choices__input::placeholder {
  color: var(--color-default-400);
}
.choices__placeholder {
  color: var(--color-default-400);
  opacity: 1;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: var(--color-default-100);
}
.swal2-container .swal2-title {
  padding: calc(var(--spacing) * 6);
  padding-bottom: calc(var(--spacing) * 0);
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.swal2-popup {
  border-radius: var(--radius-md);
  background-color: var(--color-card);
  padding-bottom: calc(var(--spacing) * 6);
  color: var(--color-body-color);
}
.swal2-footer {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-slate-200);
  color: var(--color-body-color);
}
.swal2-html-container {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-body-color);
}
.swal2-icon.swal2-question {
  border-color: var(--color-sky-500);
  color: var(--color-sky-500);
}
.swal2-icon.swal2-warning {
  border-color: var(--color-yellow-500);
  color: var(--color-yellow-500);
}
.swal2-styled:focus {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.swal2-loader {
  border-inline-color: #0000;
  border-block-color: var(--color-primary);
}
.swal2-timer-progress-bar {
  border-color: var(--color-green-200);
}
.swal2-progress-steps .swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background-color: var(--color-primary);
}
.swal2-progress-steps
  .swal2-progress-step.swal2-active-progress-step
  ~ .swal2-progress-step,
.swal2-progress-steps
  .swal2-progress-step.swal2-active-progress-step
  ~ .swal2-progress-step-line {
  background-color: #3080ff80;
}
@supports (color: color-mix(in lab, red, red)) {
  .swal2-progress-steps
    .swal2-progress-step.swal2-active-progress-step
    ~ .swal2-progress-step,
  .swal2-progress-steps
    .swal2-progress-step.swal2-active-progress-step
    ~ .swal2-progress-step-line {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .swal2-progress-steps
      .swal2-progress-step.swal2-active-progress-step
      ~ .swal2-progress-step,
    .swal2-progress-steps
      .swal2-progress-step.swal2-active-progress-step
      ~ .swal2-progress-step-line {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 50%,
        transparent
      );
    }
  }
}
.swal2-progress-steps .swal2-progress-step-line {
  background-color: var(--color-primary);
}
.swal2-close {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-slate-200);
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
  transition-property: color, background-color, border-color, outline-color,
    text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via,
    --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate,
    filter, -webkit-backdrop-filter, backdrop-filter, display, visibility,
    content-visibility, overlay, pointer-events;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 0.3s;
  --tw-ease: var(--ease-in-out);
  transition-duration: 0.3s;
  transition-timing-function: var(--ease-in-out);
}
@media (hover: hover) {
  .swal2-close:hover {
    color: var(--color-zinc-200);
  }
}
.swal2-close:focus {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.swal2-validation-message {
  background-color: #0000;
}
.gridjs-container {
  color: var(--color-slate-500);
  padding: 0;
  display: block;
}
.gridjs-wrapper {
  box-shadow: none;
  border-collapse: collapse;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  border-radius: 0;
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
  overflow: clip;
}
.gridjs-table {
  width: 100%;
}
.gridjs-tbody,
td.gridjs-td {
  background-color: #0000;
}
th.gridjs-th,
td.gridjs-td {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  padding: calc(var(--spacing) * 4);
}
th.gridjs-th {
  background-color: #0000;
  border-top: 0;
}
th.gridjs-th-sort:focus,
th.gridjs-th-sort:hover {
  background-color: #0000;
}
.gridjs-head {
  padding-top: 0;
}
.gridjs-footer {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
  border-color: var(--color-default-200);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-color: #0000;
}
.gridjs-summary {
  color: var(--color-default-400);
  margin-top: 8px !important;
}
.gridjs-pagination .gridjs-pages button {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  color: var(--color-default-600);
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  outline: none;
}
.gridjs-pagination .gridjs-pages button:first-child {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  border-radius: 0;
  border-start-start-radius: var(--radius-md);
  border-end-start-radius: var(--radius-md);
}
.gridjs-pagination .gridjs-pages button:last-child {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  border-radius: 0;
  border-start-end-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
}
.gridjs-pagination .gridjs-pages button:disabled,
.gridjs-pagination .gridjs-pages button:hover:disabled,
.gridjs-pagination .gridjs-pages button[disabled] {
  color: var(--color-default-600);
  background-color: #0000;
}
.gridjs-pagination .gridjs-pages button:hover {
  color: var(--color-primary);
  background-color: #0000;
}
.gridjs-pagination .gridjs-pages button:focus {
  box-shadow: none;
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
}
.gridjs-search {
  float: left;
  position: relative;
}
.gridjs-search:before {
  content: "";
  width: 1em;
  height: 1em;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
  color: var(--color-default-400);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E");
  inset-inline-start: calc(var(--spacing) * 5);
  background-color: currentColor;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
input.gridjs-input {
  appearance: none;
  --tw-shadow: 0 0 #0000;
  background-color: #fff;
  border-width: 1px;
  border-color: #e7e3e4;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1rem;
}
input.gridjs-input:focus {
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: oklch(54.6% 0.245 262.881);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
  border-color: #155dfc;
  outline: 2px solid #0000;
}
input.gridjs-input::placeholder {
  color: #6a7282;
  opacity: 1;
}
input.gridjs-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
input.gridjs-input::-webkit-date-and-time-value {
  min-height: 1.5em;
}
input.gridjs-input::-webkit-date-and-time-value {
  text-align: inherit;
}
input.gridjs-input::-webkit-datetime-edit {
  display: inline-flex;
}
input.gridjs-input::-webkit-datetime-edit {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-month-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-day-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-hour-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-minute-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-second-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-millisecond-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}
input.gridjs-input {
  height: calc(var(--spacing) * 9.25);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-default-200);
  background-color: var(--color-card);
  width: 100%;
  padding-inline-start: calc(var(--spacing) * 9);
  padding-inline-end: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 0);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  color: var(--color-default-800);
  outline-style: var(--tw-outline-style);
  transition-property: all;
  transition-timing-function: var(
    --tw-ease,
    var(--default-transition-timing-function)
  );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 0.25rem;
  outline-width: 0;
  display: block;
}
input.gridjs-input::placeholder {
  color: var(--color-default-400);
}
input.gridjs-input:where(
    [data-theme="dark"],
    [data-theme="dark"] *,
    .dark,
    .dark *
  ) {
  border-color: #ffffff24;
}
@supports (color: color-mix(in lab, red, red)) {
  input.gridjs-input:where(
      [data-theme="dark"],
      [data-theme="dark"] *,
      .dark,
      .dark *
    ) {
    border-color: var(--color-white);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input.gridjs-input:where(
        [data-theme="dark"],
        [data-theme="dark"] *,
        .dark,
        .dark *
      ) {
      border-color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
}
input.gridjs-input:where(
    [data-theme="dark"],
    [data-theme="dark"] *,
    .dark,
    .dark *
  )::placeholder {
  color: var(--color-default-600);
}
input.gridjs-input:focus-visible {
  border-color: var(--color-default-300);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-ring-color: #d4d4d84d;
}
@supports (color: color-mix(in lab, red, red)) {
  input.gridjs-input:focus-visible {
    --tw-ring-color: var(--color-default-300);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input.gridjs-input:focus-visible {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-default-300) 30%,
        transparent
      );
    }
  }
}
input.gridjs-input:focus-visible {
  --tw-outline-style: none;
  outline-style: none;
}
input.gridjs-input:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
input.gridjs-input[readonly] {
  cursor: not-allowed;
  background-color: #f4f4f5cc;
}
@supports (color: color-mix(in lab, red, red)) {
  input.gridjs-input[readonly] {
    background-color: var(--color-default-100);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input.gridjs-input[readonly] {
      background-color: color-mix(
        in oklab,
        var(--color-default-100) 80%,
        transparent
      );
    }
  }
}
input.gridjs-input[readonly] {
  color: #52525ccc;
}
@supports (color: color-mix(in lab, red, red)) {
  input.gridjs-input[readonly] {
    color: var(--color-default-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input.gridjs-input[readonly] {
      color: color-mix(in oklab, var(--color-default-600) 80%, transparent);
    }
  }
}
input.gridjs-input::file-selector-button {
  height: 100%;
}
input.gridjs-input[type="file"] {
  padding-block: calc(var(--spacing) * 0);
}
input.gridjs-input::file-selector-button {
  border-style: var(--tw-border-style);
  border-width: 0;
}
input.gridjs-input::file-selector-button {
  border-inline-end-style: var(--tw-border-style);
  border-inline-end-width: 1px;
}
input.gridjs-input::file-selector-button {
  --tw-border-style: solid;
  border-style: solid;
}
input.gridjs-input::file-selector-button {
  border-color: var(--color-default-200);
}
input.gridjs-input::file-selector-button {
  background-color: #0000;
}
input.gridjs-input::file-selector-button {
  padding: calc(var(--spacing) * 0);
}
input.gridjs-input::file-selector-button {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
input.gridjs-input::file-selector-button {
  color: var(--color-default-800);
}
input.gridjs-input::file-selector-button {
  font-style: normal;
}
input.gridjs-input[aria-invalid="true"] {
  border-color: #fe6e0099;
}
@supports (color: color-mix(in lab, red, red)) {
  input.gridjs-input[aria-invalid="true"] {
    border-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input.gridjs-input[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--color-danger) 60%, transparent);
    }
  }
}
input.gridjs-input[aria-invalid="true"] {
  --tw-ring-color: #fe6e001a;
}
@supports (color: color-mix(in lab, red, red)) {
  input.gridjs-input[aria-invalid="true"] {
    --tw-ring-color: var(--color-danger);
  }
  @supports (color: color-mix(in lab, red, red)) {
    input.gridjs-input[aria-invalid="true"] {
      --tw-ring-color: color-mix(
        in oklab,
        var(--color-danger) 10%,
        transparent
      );
    }
  }
}
input.gridjs-input {
  transition-property: color, box-shadow;
}
th.gridjs-th .gridjs-th-content {
  vertical-align: middle;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  display: inline-block;
}
button.gridjs-sort {
  vertical-align: middle;
  width: 10px;
  height: 20px;
  display: inline-block;
}
th.gridjs-th-sort .gridjs-th-content {
  width: calc(100% - 10px);
}
button.gridjs-sort-asc,
button.gridjs-sort-desc {
  background-size: 7px;
}
.gridjs-td .gridjs-checkbox {
  vertical-align: top;
  appearance: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.gridjs-border-none td.gridjs-td,
.gridjs-border-none th.gridjs-th {
  border-inline-width: 0;
}
.gridjs-loading-bar {
  background-color: #0000;
}
[data-simplebar] {
  flex-flow: column wrap;
  place-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.simplebar-wrapper {
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
  overflow: hidden;
}
.simplebar-mask {
  direction: inherit;
  z-index: 0;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  inset-inline-end: 0;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
}
.simplebar-offset {
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  inset-inline: 0 !important;
}
.simplebar-content-wrapper {
  direction: inherit;
  visibility: visible;
  scrollbar-width: none;
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: auto;
  box-sizing: border-box !important;
  padding: 0 !important;
}
.simplebar-content-wrapper::-webkit-scrollbar {
  display: none;
}
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.simplebar-content:before,
.simplebar-content:after {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  pointer-events: none;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.simplebar-height-auto-observer-wrapper {
  float: inset-inline-start;
  z-index: -1;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
  width: 100%;
  max-width: 1px;
  height: 100%;
  max-height: 1px;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-sizing: inherit !important;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
  top: 0;
  width: 1000%;
  min-width: 1px;
  height: 1000%;
  min-height: 1px;
  display: block;
  position: absolute;
  inset-inline-start: 0;
  overflow: hidden;
}
.simplebar-track {
  z-index: 1;
  pointer-events: none;
  inset-inline-end: 0;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  width: 4px;
  min-height: 10px;
  position: absolute;
  inset-inline-end: 2px;
}
.simplebar-scrollbar:before {
  content: "";
  opacity: 0;
  background-color: var(--color-default-300);
  border-radius: 7px;
  transition: opacity 0.2s linear;
  position: absolute;
  inset-inline: 0;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity linear;
}
.simplebar-track.simplebar-vertical {
  width: 11px;
  top: 0;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}
.simplebar-track.simplebar-horizontal {
  height: 11px;
  inset-inline-start: 0;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  inset-inline: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  inset-inline: 0 auto;
  width: auto;
  min-width: 10px;
  height: 7px;
  min-height: 0;
  top: 2px;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  inset-inline: 0 auto;
}
.simplebar-dummy-scrollbar-size {
  opacity: 0;
  visibility: hidden;
  direction: rtl;
  width: 500px;
  height: 500px;
  position: fixed;
  overflow: scroll hidden;
}
.simplebar-hide-scrollbar {
  visibility: hidden;
  scrollbar-width: none;
  position: fixed;
  inset-inline-start: 0;
  overflow-y: scroll;
}
[data-simplebar-lg] .simplebar-scrollbar {
  width: 10px;
  inset-inline-end: 1px;
}
[data-simplebar-primary] .simplebar-scrollbar:before {
  background-color: var(--color-primary);
}
:root .fc {
  --fc-border-color: var(--color-default-200);
  --fc-non-business-color: var(--color-default-100);
  --fc-button-bg-color: var(--color-primary);
  --fc-button-border-color: var(--color-primary);
  --fc-button-hover-bg-color: var(--color-primary);
  --fc-button-hover-border-color: var(--color-primary);
  --fc-button-active-bg-color: var(--color-primary);
  --fc-button-active-border-color: var(--color-primary);
  --fc-neutral-bg-color: var(--color-default-300);
  --fc-neutral-text-color: var(--color-default-700);
  --fc-page-bg-color: #fff;
}
#external-events .fc-event,
.fc-event.fc-event-dragging {
  text-align: left;
  cursor: pointer;
  border-radius: var(--radius-sm);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  align-items: center;
  padding: 8px 16px;
  display: flex;
}
.fc-daygrid-day-events {
  flex-direction: column;
  display: flex;
}
.fc-event {
  background-color: currentColor;
}
@supports (color: color-mix(in lab, red, red)) {
  .fc-event {
    background-color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .fc-event {
      background-color: color-mix(in oklab, currentcolor 20%, transparent);
    }
  }
}
.fc-event-draggable.fc-event {
  margin-top: calc(var(--spacing) * 2);
  border-radius: var(--radius-sm);
  --tw-border-style: none;
  padding: 4px;
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 1.5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: currentColor;
  border-style: none;
}
.fc-daygrid-event-dot {
  border-color: currentColor;
  display: none;
}
.fc-event-main {
  color: currentColor !important;
}
.fc-button {
  align-items: center;
  text-transform: capitalize !important;
  display: flex !important;
}
.fc .fc-button-primary:focus {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
    var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%,
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes bounce {
  0%,
  to {
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    transform: translateY(-25%);
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: none;
  }
}
@media (min-width: 40rem) {
  .sm\:hidden {
    display: none;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:w-auto {
    width: auto;
  }
}
@media (min-width: 64rem) {
  .lg\:max-w-3xl {
    max-width: var(--container-3xl);
  }
}
@media (min-width: 80rem) {
  .xl\:w-auto {
    width: auto;
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:items-center {
    align-items: center;
  }
  .xl\:justify-between {
    justify-content: space-between;
  }
  .xl\:grid-cols-\[minmax\(12rem\,14rem\)_minmax\(16rem\,22rem\)_auto_auto\] {
    grid-template-columns: minmax(12rem, 14rem) minmax(16rem, 22rem) auto auto;
  }
}