@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

/* node_modules/grapesjs/dist/css/grapes.min.css */
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
.CodeMirror-lines {
  padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: blue;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: red;
}
.cm-invalidchar {
  color: red;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: .1px;
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
.cm-force-border {
  padding-right: .1px;
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
.cm-tab-wrap-hack:after {
  content: "";
}
span.CodeMirror-selectedtext {
  background: none;
}
.cm-s-hopscotch.CodeMirror {
  background: #322931;
  color: #d5d3d5;
}
.cm-s-hopscotch div.CodeMirror-selected {
  background: #433b42 !important;
}
.cm-s-hopscotch .CodeMirror-gutters {
  background: #322931;
  border-right: 0px;
}
.cm-s-hopscotch .CodeMirror-linenumber {
  color: #797379;
}
.cm-s-hopscotch .CodeMirror-cursor {
  border-left: 1px solid #989498 !important;
}
.cm-s-hopscotch span.cm-comment {
  color: #b33508;
}
.cm-s-hopscotch span.cm-atom {
  color: #c85e7c;
}
.cm-s-hopscotch span.cm-number {
  color: #c85e7c;
}
.cm-s-hopscotch span.cm-property,
.cm-s-hopscotch span.cm-attribute {
  color: #8fc13e;
}
.cm-s-hopscotch span.cm-keyword {
  color: #dd464c;
}
.cm-s-hopscotch span.cm-string {
  color: #fdcc59;
}
.cm-s-hopscotch span.cm-variable {
  color: #8fc13e;
}
.cm-s-hopscotch span.cm-variable-2 {
  color: #1290bf;
}
.cm-s-hopscotch span.cm-def {
  color: #fd8b19;
}
.cm-s-hopscotch span.cm-error {
  background: #dd464c;
  color: #989498;
}
.cm-s-hopscotch span.cm-bracket {
  color: #d5d3d5;
}
.cm-s-hopscotch span.cm-tag {
  color: #dd464c;
}
.cm-s-hopscotch span.cm-link {
  color: #c85e7c;
}
.cm-s-hopscotch .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.cm-s-hopscotch .CodeMirror-activeline-background {
  background: #302020;
}
.gjs-is__grab,
.gjs-is__grab * {
  cursor: grab !important;
}
.gjs-is__grabbing,
.gjs-is__grabbing * {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: grabbing !important;
}
:root {
  --gjs-main-color: #444;
  --gjs-primary-color: #444;
  --gjs-secondary-color: #ddd;
  --gjs-tertiary-color: #804f7b;
  --gjs-quaternary-color: #d278c9;
  --gjs-font-color: #ddd;
  --gjs-font-color-active: #f8f8f8;
  --gjs-main-dark-color: rgba(0, 0, 0, 0.2);
  --gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);
  --gjs-main-light-color: rgba(255, 255, 255, 0.1);
  --gjs-secondary-light-color: rgba(255, 255, 255, 0.7);
  --gjs-soft-light-color: rgba(255, 255, 255, 0.015);
  --gjs-color-blue: #3b97e3;
  --gjs-color-red: #dd3636;
  --gjs-color-yellow: #ffca6f;
  --gjs-color-green: #62c462;
  --gjs-left-width: 15%;
  --gjs-color-highlight: #71b7f1;
  --gjs-color-warn: #ffca6f;
  --gjs-handle-margin: -5px;
  --gjs-light-border: rgba(255, 255, 255, 0.05);
  --gjs-arrow-color: rgba(255, 255, 255, 0.7);
  --gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);
  --gjs-color-input-padding: 22px;
  --gjs-input-padding: 5px;
  --gjs-padding-elem-classmanager: 5px 6px;
  --gjs-upload-padding: 150px 10px;
  --gjs-animation-duration: 0.2s;
  --gjs-main-font: Helvetica, sans-serif;
  --gjs-font-size: 0.75rem;
  --gjs-placeholder-background-color: var(--gjs-color-green);
  --gjs-canvas-top: 40px;
  --gjs-flex-item-gap: 5px;
}
.gjs-bg-main,
.gjs-off-prv,
.gjs-sm-colorp-c {
  background-color: var(--gjs-main-color);
}
.gjs-color-main,
.gjs-off-prv,
.gjs-sm-stack #gjs-sm-add {
  color: var(--gjs-font-color);
  fill: var(--gjs-font-color);
}
.gjs-color-active {
  color: var(--gjs-font-color-active);
  fill: var(--gjs-font-color-active);
}
.gjs-color-warn {
  color: var(--gjs-color-warn);
  fill: var(--gjs-color-warn);
}
.gjs-color-hl {
  color: var(--gjs-color-highlight);
  fill: var(--gjs-color-highlight);
}
.gjs-invis-invis,
.gjs-clm-tags #gjs-clm-new,
.gjs-no-app {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: inherit;
}
.gjs-no-app {
  height: 10px;
}
.opac50 {
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-checker-bg,
.gjs-field-colorp-c,
.checker-bg,
.gjs-sm-layer-preview {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.gjs-no-user-select,
.gjs-grabbing,
.gjs-grabbing *,
.gjs-rte-toolbar,
.gjs-layer-name {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.gjs-no-pointer-events,
.gjs-resizer-c,
.gjs-margin-v-el,
.gjs-padding-v-el,
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  pointer-events: none;
}
.no-select,
.gjs-clm-tags #gjs-clm-close,
.gjs-com-no-select,
.gjs-com-no-select img,
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title,
.gjs-trait-category .gjs-title {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.clear {
  clear: both;
}
.gjs-category-open,
.gjs-block-category.gjs-open,
.gjs-sm-sector.gjs-sm-open,
.gjs-trait-category.gjs-open {
  border-bottom: 1px solid rgba(0, 0, 0, .25);
}
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title,
.gjs-trait-category .gjs-title {
  font-weight: lighter;
  background-color: var(--gjs-secondary-dark-color);
  letter-spacing: 1px;
  padding: 9px 10px 9px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  text-align: left;
  position: relative;
  cursor: pointer;
}
.btn-cl,
.gjs-am-close,
.gjs-mdl-btn-close {
  opacity: .3;
  filter: alpha(opacity=30);
  font-size: 25px;
  cursor: pointer;
}
.btn-cl:hover,
.gjs-am-close:hover,
.gjs-mdl-btn-close:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-traits-label {
  border-bottom: 1px solid var(--gjs-main-dark-color);
  font-weight: lighter;
  margin-bottom: 5px;
  padding: 10px;
  text-align: left;
}
.gjs-label-wrp {
  width: 30%;
  min-width: 30%;
}
.gjs-field-wrp {
  flex-grow: 1;
}
.gjs-traits-c,
.gjs-traits-cs {
  display: flex;
  flex-direction: column;
}
.gjs-trait-categories {
  display: flex;
  flex-direction: column;
}
.gjs-trait-category {
  width: 100%;
}
.gjs-trait-category .gjs-caret-icon {
  margin-right: 5px;
}
.gjs-trt-header {
  font-weight: lighter;
  padding: 10px;
}
.gjs-trt-trait {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  font-weight: lighter;
  align-items: center;
  text-align: left;
  gap: 5px;
}
.gjs-trt-traits {
  font-size: var(--gjs-font-size);
}
.gjs-trt-trait .gjs-label {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gjs-guide-info {
  position: absolute;
}
.gjs-guide-info__content {
  position: absolute;
  height: 100%;
  display: flex;
  width: 100%;
  padding: 5px;
}
.gjs-guide-info__line {
  position: relative;
  margin: auto;
}
.gjs-guide-info__line::before,
.gjs-guide-info__line::after {
  content: "";
  display: block;
  position: absolute;
  background-color: inherit;
}
.gjs-guide-info__y {
  padding: 0 5px;
}
.gjs-guide-info__y .gjs-guide-info__content {
  justify-content: center;
}
.gjs-guide-info__y .gjs-guide-info__line {
  width: 100%;
  height: 1px;
}
.gjs-guide-info__y .gjs-guide-info__line::before,
.gjs-guide-info__y .gjs-guide-info__line::after {
  width: 1px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.gjs-guide-info__y .gjs-guide-info__line::after {
  left: auto;
  right: 0;
}
.gjs-guide-info__x {
  padding: 5px 0;
}
.gjs-guide-info__x .gjs-guide-info__content {
  align-items: center;
}
.gjs-guide-info__x .gjs-guide-info__line {
  height: 100%;
  width: 1px;
}
.gjs-guide-info__x .gjs-guide-info__line::before,
.gjs-guide-info__x .gjs-guide-info__line::after {
  width: 10px;
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translateX(-50%);
}
.gjs-guide-info__x .gjs-guide-info__line::after {
  top: auto;
  bottom: 0;
}
.gjs-badge {
  white-space: nowrap;
}
.gjs-badge__icon {
  vertical-align: middle;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.gjs-badge__icon svg {
  fill: currentColor;
}
.gjs-badge__name {
  display: inline-block;
  vertical-align: middle;
}
.gjs-frame-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.gjs-frame-wrapper--anim {
  transition: width .35s ease, height .35s ease;
}
.gjs-frame-wrapper__top {
  transform: translateY(-100%) translateX(-50%);
  display: flex;
  padding: 5px 0;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 0;
}
.gjs-frame-wrapper__top-r {
  margin-left: auto;
}
.gjs-frame-wrapper__left {
  position: absolute;
  left: 0;
  transform: translateX(-100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
.gjs-frame-wrapper__bottom {
  position: absolute;
  bottom: 0;
  transform: translateY(100%) translateX(-50%);
  width: 100%;
  left: 50%;
}
.gjs-frame-wrapper__right {
  position: absolute;
  right: 0;
  transform: translateX(100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
.gjs-frame-wrapper__icon {
  width: 24px;
  cursor: pointer;
}
.gjs-frame-wrapper__icon > svg {
  fill: currentColor;
}
.gjs-padding-v-top,
.gjs-fixedpadding-v-top {
  width: 100%;
  top: 0;
  left: 0;
}
.gjs-padding-v-right,
.gjs-fixedpadding-v-right {
  right: 0;
}
.gjs-padding-v-bottom,
.gjs-fixedpadding-v-bottom {
  width: 100%;
  left: 0;
  bottom: 0;
}
.gjs-padding-v-left,
.gjs-fixedpadding-v-left {
  left: 0;
}
.gjs-cv-canvas {
  box-sizing: border-box;
  width: calc(100% - var(--gjs-left-width));
  height: calc(100% - var(--gjs-canvas-top));
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0;
  top: var(--gjs-canvas-top);
}
.gjs-cv-canvas-bg {
  background-color: rgba(0, 0, 0, .15);
}
.gjs-cv-canvas.gjs-cui {
  width: 100%;
  height: 100%;
  top: 0;
}
.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,
.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames {
  pointer-events: none;
}
.gjs-cv-canvas__frames {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gjs-cv-canvas__spots {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.gjs-cv-canvas .gjs-ghost {
  display: none;
  pointer-events: none;
  background-color: #5b5b5b;
  border: 2px dashed #ccc;
  position: absolute;
  z-index: 10;
  opacity: .55;
  filter: alpha(opacity=55);
}
.gjs-cv-canvas .gjs-highlighter,
.gjs-cv-canvas .gjs-highlighter-sel {
  position: absolute;
  outline: 1px solid var(--gjs-color-blue);
  outline-offset: -1px;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.gjs-cv-canvas .gjs-highlighter-warning {
  outline: 3px solid var(--gjs-color-yellow);
}
.gjs-cv-canvas .gjs-highlighter-sel {
  outline: 2px solid var(--gjs-color-blue);
  outline-offset: -2px;
}
.gjs-cv-canvas #gjs-tools,
.gjs-cv-canvas .gjs-tools {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  z-index: 1;
}
.gjs-cv-canvas #gjs-tools {
  z-index: 2;
}
.gjs-cv-canvas * {
  box-sizing: border-box;
}
.gjs-frame {
  outline: medium none;
  height: 100%;
  width: 100%;
  border: none;
  margin: auto;
  display: block;
  transition: width .35s ease, height .35s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gjs-toolbar {
  position: absolute;
  background-color: var(--gjs-color-blue);
  white-space: nowrap;
  color: #fff;
  z-index: 10;
  top: 0;
  left: 0;
}
.gjs-toolbar-item {
  width: 26px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
}
.gjs-toolbar-item svg {
  fill: currentColor;
  vertical-align: middle;
}
.gjs-resizer-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.gjs-margin-v-el,
.gjs-padding-v-el,
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  opacity: .1;
  filter: alpha(opacity=10);
  position: absolute;
  background-color: #ff0;
}
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  opacity: .2;
  filter: alpha(opacity=20);
}
.gjs-padding-v-el,
.gjs-fixedpadding-v-el {
  background-color: navy;
}
.gjs-resizer-h {
  pointer-events: all;
  position: absolute;
  border: 3px solid var(--gjs-color-blue);
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: var(--gjs-handle-margin);
}
.gjs-resizer-h-tl {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.gjs-resizer-h-tr {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.gjs-resizer-h-tc {
  top: 0;
  margin: var(--gjs-handle-margin) auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.gjs-resizer-h-cl {
  left: 0;
  margin: auto var(--gjs-handle-margin);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.gjs-resizer-h-cr {
  margin: auto var(--gjs-handle-margin);
  top: 0;
  bottom: 0;
  right: 0;
  cursor: ew-resize;
}
.gjs-resizer-h-bl {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.gjs-resizer-h-bc {
  bottom: 0;
  margin: var(--gjs-handle-margin) auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.gjs-resizer-h-br {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.gjs-pn-panel .gjs-resizer-h {
  background-color: rgba(0, 0, 0, .2);
  border: none;
  opacity: 0;
  transition: opacity .25s;
}
.gjs-pn-panel .gjs-resizer-h:hover {
  opacity: 1;
}
.gjs-pn-panel .gjs-resizer-h-tc,
.gjs-pn-panel .gjs-resizer-h-bc {
  margin: 0 auto;
  width: 100%;
}
.gjs-pn-panel .gjs-resizer-h-cr,
.gjs-pn-panel .gjs-resizer-h-cl {
  margin: auto 0;
  height: 100%;
}
.gjs-resizing .gjs-highlighter,
.gjs-resizing .gjs-badge {
  display: none !important;
}
.gjs-resizing-tl * {
  cursor: nwse-resize !important;
}
.gjs-resizing-tr * {
  cursor: nesw-resize !important;
}
.gjs-resizing-tc * {
  cursor: ns-resize !important;
}
.gjs-resizing-cl * {
  cursor: ew-resize !important;
}
.gjs-resizing-cr * {
  cursor: ew-resize !important;
}
.gjs-resizing-bl * {
  cursor: nesw-resize !important;
}
.gjs-resizing-bc * {
  cursor: ns-resize !important;
}
.gjs-resizing-br * {
  cursor: nwse-resize !important;
}
.no-dots,
.ui-resizable-handle {
  border: none !important;
  margin: 0 !important;
  outline: none !important;
}
.gjs-com-dashed * {
  outline: 1px dashed #888;
  outline-offset: -2px;
  box-sizing: border-box;
}
.gjs-com-badge,
.gjs-badge {
  pointer-events: none;
  background-color: var(--gjs-color-blue);
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  outline: none;
  display: none;
}
.gjs-badge-warning {
  background-color: var(--gjs-color-yellow);
}
.gjs-placeholder,
.gjs-com-placeholder,
.gjs-placeholder {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  display: none;
}
.gjs-placeholder,
.gjs-placeholder {
  border-style: solid !important;
  outline: none;
  box-sizing: border-box;
  transition:
    top var(--gjs-animation-duration),
    left var(--gjs-animation-duration),
    width var(--gjs-animation-duration),
    height var(--gjs-animation-duration);
}
.gjs-placeholder.horizontal,
.gjs-com-placeholder.horizontal,
.gjs-placeholder.horizontal {
  border-color: rgba(0, 0, 0, 0) var(--gjs-placeholder-background-color);
  border-width: 3px 5px;
  margin: -3px 0 0;
}
.gjs-placeholder.vertical,
.gjs-com-placeholder.vertical,
.gjs-placeholder.vertical {
  border-color: var(--gjs-placeholder-background-color) rgba(0, 0, 0, 0);
  border-width: 5px 3px;
  margin: 0 0 0 -3px;
}
.gjs-placeholder-int,
.gjs-com-placeholder-int,
.gjs-placeholder-int {
  background-color: var(--gjs-placeholder-background-color);
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  height: 100%;
  width: 100%;
  pointer-events: none;
  padding: 1.5px;
  outline: none;
}
.gjs-pn-panel {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  z-index: 3;
}
.gjs-pn-panel .icon-undo,
.gjs-pn-panel .icon-redo {
  font-size: 20px;
  height: 30px;
  width: 25px;
}
.gjs-pn-commands {
  width: calc(100% - var(--gjs-left-width));
  left: 0;
  top: 0;
  box-shadow: 0 0 5px var(--gjs-main-dark-color);
}
.gjs-pn-options {
  right: var(--gjs-left-width);
  top: 0;
}
.gjs-pn-views {
  border-bottom: 2px solid var(--gjs-main-dark-color);
  right: 0;
  width: var(--gjs-left-width);
  z-index: 4;
}
.gjs-pn-views-container {
  height: 100%;
  padding: 42px 0 0;
  right: 0;
  width: var(--gjs-left-width);
  overflow: auto;
  box-shadow: 0 0 5px var(--gjs-main-dark-color);
}
.gjs-pn-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.gjs-pn-btn {
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  line-height: 21px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 18px;
  margin-right: 5px;
  border-radius: 2px;
  padding: 4px;
  position: relative;
  cursor: pointer;
}
.gjs-pn-btn.gjs-pn-active {
  background-color: rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset;
}
.gjs-pn-btn svg {
  fill: currentColor;
}
.gjs-label {
  line-height: 18px;
}
.gjs-fields {
  display: flex;
}
.gjs-select {
  padding: 0;
  width: 100%;
}
.gjs-select select {
  padding-right: 10px;
}
.gjs-select:-moz-focusring,
.gjs-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--gjs-secondary-light-color);
}
.gjs-input:focus,
.gjs-button:focus,
.gjs-btn-prim:focus,
.gjs-select:focus,
.gjs-select select:focus {
  outline: none;
}
.gjs-field input,
.gjs-field select,
.gjs-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: var(--gjs-input-padding);
  z-index: 1;
}
.gjs-field input:focus,
.gjs-field select:focus,
.gjs-field textarea:focus {
  outline: none;
}
.gjs-field input[type=number] {
  -moz-appearance: textfield;
}
.gjs-field input[type=number]::-webkit-outer-spin-button,
.gjs-field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gjs-field-range {
  flex: 9 1 auto;
}
.gjs-field-integer input {
  padding-right: 30px;
}
.gjs-select option,
.gjs-field-select option,
.gjs-clm-select option,
.gjs-sm-select option,
.gjs-fields option,
.gjs-sm-unit option {
  background-color: var(--gjs-main-color);
  color: var(--gjs-font-color);
}
.gjs-field {
  background-color: var(--gjs-main-dark-color);
  border: none;
  box-shadow: none;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
.gjs-field textarea {
  resize: vertical;
}
.gjs-field .gjs-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.gjs-field .gjs-d-s-arrow {
  bottom: 0;
  top: 0;
  margin: auto;
  right: var(--gjs-input-padding);
  border-top: 4px solid var(--gjs-arrow-color);
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.gjs-field-arrows {
  position: absolute;
  cursor: ns-resize;
  margin: auto;
  height: 20px;
  width: 9px;
  z-index: 10;
  bottom: 0;
  right: calc(var(--gjs-input-padding) - 2px);
  top: 0;
}
.gjs-field-color,
.gjs-field-radio {
  width: 100%;
}
.gjs-field-color input {
  padding-right: var(--gjs-color-input-padding);
  box-sizing: border-box;
}
.gjs-field-colorp {
  border-left: 1px solid var(--gjs-main-dark-color);
  box-sizing: border-box;
  height: 100%;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--gjs-color-input-padding);
  z-index: 10;
}
.gjs-field-colorp .gjs-checker-bg,
.gjs-field-colorp .gjs-field-colorp-c {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
.gjs-field-colorp-c {
  height: 100%;
  position: relative;
  width: 100%;
}
.gjs-field-color-picker {
  background-color: var(--gjs-font-color);
  cursor: pointer;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 1px var(--gjs-main-dark-color);
  border-radius: 1px;
  position: absolute;
  top: 0;
}
.gjs-field-checkbox {
  padding: 0;
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
}
.gjs-field-checkbox input {
  display: none;
}
.gjs-field-checkbox input:checked + .gjs-chk-icon {
  border-color: hsla(0, 0%, 100%, .5);
  border-width: 0 2px 2px 0;
  border-style: solid;
}
.gjs-radio-item {
  flex: 1 1 auto;
  text-align: center;
  border-left: 1px solid var(--gjs-dark-text-shadow);
}
.gjs-radio-item:first-child {
  border: none;
}
.gjs-radio-item:hover {
  background: var(--gjs-main-dark-color);
}
.gjs-radio-item input {
  display: none;
}
.gjs-radio-item input:checked + .gjs-radio-item-label {
  background-color: hsla(0, 0%, 100%, .2);
}
.gjs-radio-items {
  display: flex;
}
.gjs-radio-item-label {
  cursor: pointer;
  display: block;
  padding: var(--gjs-input-padding);
}
.gjs-field-units {
  position: absolute;
  margin: auto;
  right: 10px;
  bottom: 0;
  top: 0;
}
.gjs-field-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: var(--gjs-arrow-color);
  cursor: pointer;
}
.gjs-input-unit {
  text-align: center;
}
.gjs-field-arrow-u,
.gjs-field-arrow-d {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid var(--gjs-arrow-color);
  bottom: 4px;
  cursor: pointer;
}
.gjs-field-arrow-u {
  border-bottom: 4px solid var(--gjs-arrow-color);
  border-top: none;
  top: 4px;
}
.gjs-field-select {
  padding: 0;
}
.gjs-field-range {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  padding: 0;
}
.gjs-field-range input {
  margin: 0;
  height: 100%;
}
.gjs-field-range input:focus {
  outline: none;
}
.gjs-field-range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
.gjs-field-range input::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
.gjs-field-range input::-ms-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
.gjs-field-range input::-moz-range-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-field-range input::-webkit-slider-runnable-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-field-range input::-ms-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-btn-prim {
  color: inherit;
  background-color: var(--gjs-main-light-color);
  border-radius: 2px;
  padding: 3px 6px;
  padding: var(--gjs-input-padding);
  cursor: pointer;
  border: none;
}
.gjs-btn-prim:active {
  background-color: var(--gjs-main-light-color);
}
.gjs-btn--full {
  width: 100%;
}
.gjs-chk-icon {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
  display: block;
  height: 14px;
  margin: 0 5px;
  width: 6px;
}
.gjs-add-trasp {
  background: none;
  border: none;
  color: var(--gjs-font-color);
  cursor: pointer;
  font-size: 1em;
  border-radius: 2px;
  opacity: .75;
  filter: alpha(opacity=75);
}
.gjs-add-trasp:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-add-trasp:active {
  background-color: rgba(0, 0, 0, .2);
}
.gjs-devices-c {
  display: flex;
  align-items: center;
  padding: 2px 3px 3px 3px;
}
.gjs-devices-c .gjs-device-label {
  flex-grow: 2;
  text-align: left;
  margin-right: 10px;
}
.gjs-devices-c .gjs-select {
  flex-grow: 20;
}
.gjs-devices-c .gjs-add-trasp {
  flex-grow: 1;
  margin-left: 5px;
}
.gjs-sm-clear {
  cursor: pointer;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: 3px;
}
.gjs-sm-header {
  font-weight: lighter;
  padding: 10px;
}
.gjs-sm-sector {
  clear: both;
  font-weight: lighter;
  text-align: left;
}
.gjs-sm-sector-title {
  display: flex;
  align-items: center;
}
.gjs-sm-sector-caret {
  width: 17px;
  height: 17px;
  min-width: 17px;
  transform: rotate(-90deg);
}
.gjs-sm-sector-label {
  margin-left: 5px;
}
.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret {
  transform: none;
}
.gjs-sm-properties {
  font-size: var(--gjs-font-size);
  padding: 10px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
}
.gjs-sm-label {
  margin: 5px 5px 3px 0;
  display: flex;
  align-items: center;
}
.gjs-sm-close-btn,
.gjs-sm-preview-file-close {
  display: block;
  font-size: 23px;
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 0;
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-sm-close-btn:hover,
.gjs-sm-preview-file-close:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.gjs-sm-field,
.gjs-clm-field,
.gjs-clm-select {
  width: 100%;
  position: relative;
}
.gjs-sm-field input,
.gjs-clm-field input,
.gjs-clm-select input,
.gjs-sm-field select,
.gjs-clm-field select,
.gjs-clm-select select {
  background-color: rgba(0, 0, 0, 0);
  color: hsla(0, 0%, 100%, .7);
  border: none;
  width: 100%;
}
.gjs-sm-field input,
.gjs-clm-field input,
.gjs-clm-select input {
  box-sizing: border-box;
}
.gjs-sm-field select,
.gjs-clm-field select,
.gjs-clm-select select {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gjs-sm-field select::-ms-expand,
.gjs-clm-field select::-ms-expand,
.gjs-clm-select select::-ms-expand {
  display: none;
}
.gjs-sm-field select:-moz-focusring,
.gjs-clm-field select:-moz-focusring,
.gjs-clm-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--gjs-secondary-light-color);
}
.gjs-sm-field input:focus,
.gjs-clm-field input:focus,
.gjs-clm-select input:focus,
.gjs-sm-field select:focus,
.gjs-clm-field select:focus,
.gjs-clm-select select:focus {
  outline: none;
}
.gjs-sm-field .gjs-sm-unit,
.gjs-clm-field .gjs-sm-unit,
.gjs-clm-select .gjs-sm-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: var(--gjs-secondary-light-color);
  cursor: pointer;
}
.gjs-sm-field .gjs-clm-sel-arrow,
.gjs-clm-field .gjs-clm-sel-arrow,
.gjs-clm-select .gjs-clm-sel-arrow,
.gjs-sm-field .gjs-sm-int-arrows,
.gjs-clm-field .gjs-sm-int-arrows,
.gjs-clm-select .gjs-sm-int-arrows,
.gjs-sm-field .gjs-sm-sel-arrow,
.gjs-clm-field .gjs-sm-sel-arrow,
.gjs-clm-select .gjs-sm-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: ns-resize;
}
.gjs-sm-field .gjs-sm-sel-arrow,
.gjs-clm-field .gjs-sm-sel-arrow,
.gjs-clm-select .gjs-sm-sel-arrow {
  cursor: pointer;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-arrow,
.gjs-clm-field .gjs-sm-d-arrow,
.gjs-clm-select .gjs-sm-d-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow,
.gjs-sm-field .gjs-sm-u-arrow,
.gjs-clm-field .gjs-sm-u-arrow,
.gjs-clm-select .gjs-sm-u-arrow {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.gjs-sm-field .gjs-sm-u-arrow,
.gjs-clm-field .gjs-sm-u-arrow,
.gjs-clm-select .gjs-sm-u-arrow {
  border-bottom: 4px solid var(--gjs-secondary-light-color);
  top: 4px;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-arrow,
.gjs-clm-field .gjs-sm-d-arrow,
.gjs-clm-select .gjs-sm-d-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow {
  border-top: 4px solid var(--gjs-secondary-light-color);
  bottom: 4px;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow {
  bottom: 7px;
}
.gjs-sm-field.gjs-sm-color,
.gjs-sm-color.gjs-clm-field,
.gjs-sm-field.gjs-sm-input,
.gjs-sm-input.gjs-clm-field,
.gjs-sm-field.gjs-sm-integer,
.gjs-sm-integer.gjs-clm-field,
.gjs-sm-field.gjs-sm-list,
.gjs-sm-list.gjs-clm-field,
.gjs-sm-field.gjs-sm-select,
.gjs-sm-select.gjs-clm-field,
.gjs-clm-select {
  background-color: var(--gjs-main-dark-color);
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 0 var(--gjs-main-light-color);
  color: var(--gjs-secondary-light-color);
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0 5px;
}
.gjs-sm-field.gjs-sm-composite,
.gjs-sm-composite.gjs-clm-field,
.gjs-sm-composite.gjs-clm-select {
  border-radius: 2px;
}
.gjs-sm-field.gjs-sm-select,
.gjs-sm-select.gjs-clm-field,
.gjs-clm-select {
  padding: 0;
}
.gjs-sm-field.gjs-sm-select select,
.gjs-sm-select.gjs-clm-field select,
.gjs-clm-select select {
  height: 20px;
}
.gjs-sm-field.gjs-sm-select option,
.gjs-sm-select.gjs-clm-field option,
.gjs-clm-select option {
  padding: 3px 0;
}
.gjs-sm-field.gjs-sm-composite,
.gjs-sm-composite.gjs-clm-field,
.gjs-sm-composite.gjs-clm-select {
  background-color: var(--gjs-secondary-dark-color);
  border: 1px solid rgba(0, 0, 0, .25);
}
.gjs-sm-field.gjs-sm-list,
.gjs-sm-list.gjs-clm-field,
.gjs-sm-list.gjs-clm-select {
  width: auto;
  padding: 0;
  overflow: hidden;
  float: left;
}
.gjs-sm-field.gjs-sm-list input,
.gjs-sm-list.gjs-clm-field input,
.gjs-sm-list.gjs-clm-select input {
  display: none;
}
.gjs-sm-field.gjs-sm-list label,
.gjs-sm-list.gjs-clm-field label,
.gjs-sm-list.gjs-clm-select label {
  cursor: pointer;
  padding: 5px;
  display: block;
}
.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label,
.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label,
.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked + label {
  background-color: hsla(0, 0%, 100%, .2);
}
.gjs-sm-field.gjs-sm-list .gjs-sm-icon,
.gjs-sm-list.gjs-clm-field .gjs-sm-icon,
.gjs-sm-list.gjs-clm-select .gjs-sm-icon {
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: none;
  line-height: normal;
}
.gjs-sm-field.gjs-sm-integer select,
.gjs-sm-integer.gjs-clm-field select,
.gjs-sm-integer.gjs-clm-select select {
  width: auto;
  padding: 0;
}
.gjs-sm-list .gjs-sm-el {
  float: left;
  border-left: 1px solid var(--gjs-main-dark-color);
}
.gjs-sm-list .gjs-sm-el:first-child {
  border: none;
}
.gjs-sm-list .gjs-sm-el:hover {
  background: var(--gjs-main-dark-color);
}
.gjs-sm-slider .gjs-field-integer {
  flex: 1 1 65px;
}
.gjs-sm-property {
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin-bottom: 5px;
  padding: 0 5px;
}
.gjs-sm-property--full,
.gjs-sm-property.gjs-sm-composite,
.gjs-sm-property.gjs-sm-file,
.gjs-sm-property.gjs-sm-list,
.gjs-sm-property.gjs-sm-stack,
.gjs-sm-property.gjs-sm-slider,
.gjs-sm-property.gjs-sm-color {
  width: 100%;
}
.gjs-sm-property .gjs-sm-btn {
  background-color: color-mix(in srgb, var(--gjs-main-dark-color), white 13%);
  border-radius: 2px;
  box-shadow: 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%), 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;
  padding: 5px;
  position: relative;
  text-align: center;
  height: auto;
  width: 100%;
  cursor: pointer;
  color: var(--gjs-font-color);
  box-sizing: border-box;
  text-shadow: -1px -1px 0 var(--gjs-main-dark-color);
  border: none;
  opacity: .85;
  filter: alpha(opacity=85);
}
.gjs-sm-property .gjs-sm-btn-c {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after {
  color: #000;
  content: "T";
  font-weight: 900;
  line-height: 17px;
  padding: 0 4px;
}
.gjs-sm-preview-file {
  background-color: var(--gjs-light-border);
  border-radius: 2px;
  margin-top: 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);
  padding: 3px 20px;
}
.gjs-sm-preview-file-cnt {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
}
.gjs-sm-preview-file-close {
  top: -5px;
  width: 14px;
  height: 14px;
}
.gjs-sm-layers {
  margin-top: 5px;
  padding: 1px 3px;
  min-height: 30px;
}
.gjs-sm-layer {
  background-color: hsla(0, 0%, 100%, .055);
  border-radius: 2px;
  margin: 2px 0;
  padding: 7px;
  position: relative;
}
.gjs-sm-layer.gjs-sm-active {
  background-color: hsla(0, 0%, 100%, .12);
}
.gjs-sm-layer .gjs-sm-label-wrp {
  display: flex;
  align-items: center;
}
.gjs-sm-layer #gjs-sm-move {
  height: 14px;
  width: 14px;
  min-width: 14px;
  cursor: grab;
}
.gjs-sm-layer #gjs-sm-label {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 5px;
}
.gjs-sm-layer-preview {
  height: 15px;
  width: 15px;
  min-width: 15px;
  margin-right: 5px;
  border-radius: 2px;
}
.gjs-sm-layer-preview-cnt {
  border-radius: 2px;
  background-color: #fff;
  height: 100%;
  width: 100%;
  background-size: cover !important;
}
.gjs-sm-layer #gjs-sm-close-layer {
  display: block;
  cursor: pointer;
  height: 14px;
  width: 14px;
  min-width: 14px;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-sm-layer #gjs-sm-close-layer:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.gjs-sm-stack .gjs-sm-properties {
  padding: 5px 0 0;
}
.gjs-sm-property__border-radius .gjs-sm-property__border-bottom-right-radius {
  order: 4;
}
.gjs-sm-stack #gjs-sm-add {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
  top: -17px;
  opacity: .75;
  padding: 0;
  width: 18px;
  height: 18px;
}
.gjs-sm-stack #gjs-sm-add:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-sm-colorp-c {
  height: 100%;
  width: 20px;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 2px;
}
.gjs-sm-colorp-c .gjs-field-colorp-c,
.gjs-sm-colorp-c .gjs-checker-bg {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
.gjs-sm-color-picker {
  background-color: var(--gjs-font-color);
  cursor: pointer;
  height: 16px;
  width: 100%;
  margin-top: -16px;
  box-shadow: 0 0 1px var(--gjs-main-dark-color);
  border-radius: 1px;
}
.gjs-sm-btn-upload #gjs-sm-upload {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.gjs-sm-btn-upload #gjs-sm-label {
  padding: 2px 0;
}
.gjs-sm-layer > #gjs-sm-move {
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: move;
  font-size: 12px;
  float: left;
  margin: 0 5px 0 0;
}
.gjs-sm-layer > #gjs-sm-move:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.gjs-blocks-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.gjs-block-categories {
  display: flex;
  flex-direction: column;
}
.gjs-block-category {
  width: 100%;
}
.gjs-block-category .gjs-caret-icon {
  margin-right: 5px;
}
.gjs-block {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 45%;
  min-width: 45px;
  padding: 1em;
  box-sizing: border-box;
  min-height: 90px;
  cursor: all-scroll;
  font-size: 11px;
  font-weight: lighter;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 3px;
  margin: 10px 2.5% 5px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
  transition: all .2s ease 0s;
  transition-property: box-shadow, color;
}
.gjs-block:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15);
}
.gjs-block svg {
  fill: currentColor;
}
.gjs-block__media {
  margin-bottom: 10px;
  pointer-events: none;
}
.gjs-block-svg {
  width: 54px;
  fill: currentColor;
}
.gjs-block-svg-path {
  fill: currentColor;
}
.gjs-block.fa {
  font-size: 2em;
  line-height: 2em;
  padding: 11px;
}
.gjs-block-label {
  line-height: normal;
  font-size: .65rem;
  font-weight: normal;
  font-family: Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.gjs-block.gjs-bdrag {
  width: auto;
  padding: 0;
}
.gjs-selected-parent {
  border: 1px solid var(--gjs-color-yellow);
}
.gjs-opac50 {
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-layer {
  font-weight: lighter;
  text-align: left;
  position: relative;
  font-size: var(--gjs-font-size);
  display: grid;
}
.gjs-layer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  border-bottom: 1px solid var(--gjs-main-dark-color);
  background-color: var(--gjs-secondary-dark-color);
  gap: var(--gjs-flex-item-gap);
  cursor: pointer;
}
.gjs-layer-item-left,
.gjs-layer-item-right {
  display: flex;
  align-items: center;
  gap: var(--gjs-flex-item-gap);
}
.gjs-layer-item-left {
  width: 100%;
}
.gjs-layer-hidden {
  opacity: .55;
  filter: alpha(opacity=55);
}
.gjs-layer-vis {
  box-sizing: content-box;
  cursor: pointer;
  z-index: 1;
}
.gjs-layer-vis-on,
.gjs-layer-vis-off {
  display: flex;
  width: 13px;
  height: 13px;
}
.gjs-layer-vis-off {
  display: none;
}
.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on {
  display: none;
}
.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off {
  display: flex;
}
.gjs-layer-caret {
  width: 15px;
  height: 15px;
  cursor: pointer;
  box-sizing: content-box;
  transform: rotate(90deg);
  display: flex;
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-layer-caret:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-layer.open > .gjs-layer-item .gjs-layer-caret {
  transform: rotate(180deg);
}
.gjs-layer-title {
  padding: 0;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0) !important;
  border-bottom: none;
}
.gjs-layer-title-inn {
  align-items: center;
  position: relative;
  display: flex;
  gap: var(--gjs-flex-item-gap);
}
.gjs-layer-title-c {
  width: 100%;
}
.gjs-layer__icon {
  display: block;
  width: 100%;
  max-width: 15px;
  max-height: 15px;
  padding-left: 5px;
}
.gjs-layer__icon svg {
  fill: currentColor;
}
.gjs-layer-name {
  display: inline-block;
  box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
  max-width: 170px;
  height: auto;
}
.gjs-layer-name--no-edit {
  text-overflow: ellipsis;
}
.gjs-layer > .gjs-layer-children {
  display: none;
}
.gjs-layer.open > .gjs-layer-children {
  display: block;
}
.gjs-layer-no-chld > .gjs-layer-title-inn > .gjs-layer-caret {
  visibility: hidden;
}
.gjs-layer-move {
  display: flex;
  width: 13px;
  height: 13px;
  box-sizing: content-box;
  cursor: move;
}
.gjs-layer.gjs-hovered .gjs-layer-item {
  background-color: var(--gjs-soft-light-color);
}
.gjs-layer.gjs-selected .gjs-layer-item {
  background-color: var(--gjs-main-light-color);
}
.gjs-layers {
  position: relative;
  height: 100%;
}
.gjs-layers #gjs-placeholder {
  width: 100%;
  position: absolute;
}
.gjs-layers #gjs-placeholder #gjs-plh-int {
  height: 100%;
  padding: 1px;
}
.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert {
  background-color: var(--gjs-color-green);
}
#gjs-clm-add-tag,
.gjs-clm-tags-btn {
  background-color: hsla(0, 0%, 100%, .15);
  border-radius: 2px;
  padding: 3px;
  margin-right: 3px;
  border: 1px solid rgba(0, 0, 0, .15);
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  cursor: pointer;
}
.gjs-clm-tags-btn svg {
  fill: currentColor;
  display: block;
}
.gjs-clm-header {
  display: flex;
  align-items: center;
  margin: 7px 0;
}
.gjs-clm-header-status {
  flex-shrink: 1;
  margin-left: auto;
}
.gjs-clm-tag {
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 3px;
  margin: 0 3px 3px 0;
  padding: 5px;
  cursor: default;
}
.gjs-clm-tag-status,
.gjs-clm-tag-close {
  width: 12px;
  height: 12px;
  flex-shrink: 1;
}
.gjs-clm-tag-status svg,
.gjs-clm-tag-close svg {
  vertical-align: middle;
  fill: currentColor;
}
.gjs-clm-sels-info {
  margin: 7px 0;
  text-align: left;
}
.gjs-clm-sel-id {
  font-size: .9em;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-clm-label-sel {
  float: left;
  padding-right: 5px;
}
.gjs-clm-tags {
  font-size: var(--gjs-font-size);
  padding: 10px 5px;
}
.gjs-clm-tags #gjs-clm-sel {
  padding: 7px 0;
  float: left;
}
.gjs-clm-tags #gjs-clm-sel {
  font-style: italic;
  margin-left: 5px;
}
.gjs-clm-tags #gjs-clm-tags-field {
  clear: both;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}
.gjs-clm-tags #gjs-clm-tags-c {
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  overflow: hidden;
}
.gjs-clm-tags #gjs-clm-new {
  color: var(--gjs-font-color);
  padding: var(--gjs-padding-elem-classmanager);
  display: none;
}
.gjs-clm-tags #gjs-clm-close {
  opacity: .85;
  filter: alpha(opacity=85);
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  color: hsla(0, 0%, 100%, .9);
}
.gjs-clm-tags #gjs-clm-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-clm-tags #gjs-clm-checkbox {
  color: hsla(0, 0%, 100%, .9);
  vertical-align: middle;
  cursor: pointer;
  font-size: 9px;
}
.gjs-clm-tags #gjs-clm-tag-label {
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 3px;
  cursor: text;
}
.gjs-mdl-container {
  font-family: var(--gjs-main-font);
  overflow-y: auto;
  position: fixed;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.gjs-mdl-dialog {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .05);
  animation: gjs-slide-down .215s;
  margin: auto;
  max-width: 850px;
  width: 90%;
  border-radius: 3px;
  font-weight: lighter;
  position: relative;
  z-index: 2;
}
.gjs-mdl-title {
  font-size: 1rem;
}
.gjs-mdl-btn-close {
  position: absolute;
  right: 15px;
  top: 5px;
}
.gjs-mdl-active .gjs-mdl-dialog {
  animation: gjs-mdl-slide-down .216s;
}
.gjs-mdl-header,
.gjs-mdl-content {
  padding: 10px 15px;
  clear: both;
}
.gjs-mdl-header {
  position: relative;
  border-bottom: 1px solid var(--gjs-main-dark-color);
  padding: 15px 15px 7px;
}
.gjs-export-dl::after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 10px;
}
.gjs-dropzone {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity .25s;
  pointer-events: none;
}
.gjs-dropzone-active .gjs-dropzone {
  display: block;
  opacity: 1;
}
.gjs-am-assets {
  height: 290px;
  overflow: auto;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.gjs-am-assets-header {
  padding: 5px;
}
.gjs-am-add-asset .gjs-am-add-field {
  width: 70%;
  float: left;
}
.gjs-am-add-asset button {
  width: 25%;
  float: right;
}
.gjs-am-preview-cont {
  position: relative;
  height: 70px;
  width: 30%;
  background-color: var(--gjs-main-color);
  border-radius: 2px;
  float: left;
  overflow: hidden;
}
.gjs-am-preview {
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.gjs-am-preview-bg {
  opacity: .5;
  filter: alpha(opacity=50);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.gjs-am-dimensions {
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 10px;
}
.gjs-am-meta {
  width: 70%;
  float: left;
  font-size: 12px;
  padding: 5px 0 0 5px;
  box-sizing: border-box;
}
.gjs-am-meta > div {
  margin-bottom: 5px;
}
.gjs-am-close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
}
.gjs-am-asset {
  border-bottom: 1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);
  padding: 5px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.gjs-am-asset:hover .gjs-am-close {
  display: block;
}
.gjs-am-highlight {
  background-color: var(--gjs-main-light-color);
}
.gjs-am-assets-cont {
  background-color: var(--gjs-secondary-dark-color);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
  width: 45%;
  float: right;
  height: 325px;
  overflow: hidden;
}
.gjs-am-file-uploader {
  width: 55%;
  float: left;
}
.gjs-am-file-uploader > form {
  background-color: var(--gjs-secondary-dark-color);
  border: 2px dashed;
  border-radius: 3px;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
.gjs-am-file-uploader > form.gjs-am-hover {
  border: 2px solid var(--gjs-color-green);
  color: color-mix(in srgb, var(--gjs-color-green), white 5%);
}
.gjs-am-file-uploader > form.gjs-am-disabled {
  border-color: red;
}
.gjs-am-file-uploader > form #gjs-am-uploadFile {
  opacity: 0;
  filter: alpha(opacity=0);
  padding: var(--gjs-upload-padding);
  width: 100%;
  box-sizing: border-box;
}
.gjs-am-file-uploader #gjs-am-title {
  position: absolute;
  padding: var(--gjs-upload-padding);
  width: 100%;
}
.gjs-cm-editor-c {
  float: left;
  box-sizing: border-box;
  width: 50%;
}
.gjs-cm-editor-c .CodeMirror {
  height: 450px;
}
.gjs-cm-editor {
  font-size: 12px;
}
.gjs-cm-editor#gjs-cm-htmlmixed {
  padding-right: 10px;
  border-right: 1px solid var(--gjs-main-dark-color);
}
.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
  color: #a97d44;
}
.gjs-cm-editor#gjs-cm-css {
  padding-left: 10px;
}
.gjs-cm-editor#gjs-cm-css #gjs-cm-title {
  color: #ddca7e;
}
.gjs-cm-editor #gjs-cm-title {
  background-color: var(--gjs-main-dark-color);
  font-size: 12px;
  padding: 5px 10px 3px;
  text-align: right;
}
.gjs-rte-toolbar {
  position: absolute;
  z-index: 10;
}
.gjs-rte-toolbar-ui {
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 3px;
}
.gjs-rte-actionbar {
  display: flex;
}
.gjs-rte-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 25px;
  border-right: 1px solid var(--gjs-main-dark-color);
  text-align: center;
  cursor: pointer;
  outline: none;
}
.gjs-rte-action:last-child {
  border-right: none;
}
.gjs-rte-action:hover {
  background-color: var(--gjs-main-light-color);
}
.gjs-rte-active {
  background-color: var(--gjs-main-light-color);
}
.gjs-rte-disabled {
  color: var(--gjs-main-light-color);
  cursor: not-allowed;
}
.gjs-rte-disabled:hover {
  background-color: unset;
}
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image:
    linear-gradient(
      to right,
      #fff,
      rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image:
    linear-gradient(
      to top,
      #000,
      rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background:
    linear-gradient(
      to bottom,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}
.sp-hidden {
  display: none !important;
}
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: .8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #f0c49b;
  padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font:
    normal 12px "Lucida Grande",
    "Lucida Sans Unicode",
    "Lucida Sans",
    Geneva,
    Verdana,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
.sp-palette-container {
  border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px rgba(0, 0, 0, 0);
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: solid 1px #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
.sp-palette-button-container,
.sp-button-container {
  float: right;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image:
    linear-gradient(
      to bottom,
      #eeeeee,
      #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image:
    linear-gradient(
      to bottom,
      #dddddd,
      #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.gjs-editor-sp {
  border: 1px solid var(--gjs-main-dark-color);
  box-shadow: 0 0 7px var(--gjs-main-dark-color);
  border-radius: 3px;
}
.gjs-editor-sp .sp-hue,
.gjs-editor-sp .sp-slider {
  cursor: row-resize;
}
.gjs-editor-sp .sp-color,
.gjs-editor-sp .sp-dragger {
  cursor: crosshair;
}
.gjs-editor-sp .sp-alpha-inner,
.gjs-editor-sp .sp-alpha-handle {
  cursor: col-resize;
}
.gjs-editor-sp .sp-hue {
  left: 90%;
}
.gjs-editor-sp .sp-color {
  right: 15%;
}
.gjs-editor-sp .sp-picker-container {
  border: none;
}
.gjs-editor-sp .colpick_dark .colpick_color {
  outline: 1px solid var(--gjs-main-dark-color);
}
.gjs-editor-sp .sp-cancel,
.gjs-editor-sp .sp-cancel:hover {
  bottom: -8px;
  color: #777 !important;
  font-size: 25px;
  left: 0;
  position: absolute;
  text-decoration: none;
}
.gjs-editor-sp .sp-alpha-handle {
  background-color: #ccc;
  border: 1px solid #555;
  width: 4px;
}
.gjs-editor-sp .sp-color,
.gjs-editor-sp .sp-hue {
  border: 1px solid #333;
}
.gjs-editor-sp .sp-slider {
  background-color: #ccc;
  border: 1px solid #555;
  height: 3px;
  left: -4px;
  width: 22px;
}
.gjs-editor-sp .sp-dragger {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #111;
}
.gjs-editor-sp .sp-button-container {
  float: none;
  width: 100%;
  position: relative;
  text-align: right;
}
.gjs-editor-sp .sp-button-container .sp-choose,
.gjs-editor-sp .sp-button-container .sp-choose:hover,
.gjs-editor-sp .sp-button-container .sp-choose:active {
  background: var(--gjs-main-dark-color);
  border-color: var(--gjs-main-dark-color);
  color: var(--gjs-font-color);
  text-shadow: none;
  box-shadow: none;
  padding: 3px 5px;
}
.gjs-editor-sp .sp-palette-container {
  border: none;
  float: none;
  margin: 0;
  padding: 5px 10px 0;
}
.gjs-editor-sp .sp-palette .sp-thumb-el,
.gjs-editor-sp .sp-palette .sp-thumb-el:hover {
  border: 1px solid rgba(0, 0, 0, .9);
}
.gjs-editor-sp .sp-palette .sp-thumb-el:hover,
.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: rgba(0, 0, 0, .9);
}
.gjs-one-bg {
  background-color: var(--gjs-primary-color);
}
.gjs-one-color {
  color: var(--gjs-primary-color);
}
.gjs-one-color-h:hover {
  color: var(--gjs-primary-color);
}
.gjs-two-bg {
  background-color: var(--gjs-secondary-color);
}
.gjs-two-color {
  color: var(--gjs-secondary-color);
}
.gjs-two-color-h:hover {
  color: var(--gjs-secondary-color);
}
.gjs-three-bg {
  background-color: var(--gjs-tertiary-color);
}
.gjs-three-color {
  color: var(--gjs-tertiary-color);
}
.gjs-three-color-h:hover {
  color: var(--gjs-tertiary-color);
}
.gjs-four-bg {
  background-color: var(--gjs-quaternary-color);
}
.gjs-four-color {
  color: var(--gjs-quaternary-color);
}
.gjs-four-color-h:hover {
  color: var(--gjs-quaternary-color);
}
.gjs-danger-bg {
  background-color: var(--gjs-color-red);
}
.gjs-danger-color {
  color: var(--gjs-color-red);
}
.gjs-danger-color-h:hover {
  color: var(--gjs-color-red);
}
.gjs-bdrag {
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  width: auto;
}
.gjs-drag-helper {
  background-color: var(--gjs-color-blue) !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  transform: scale(0.3) !important;
  transform-origin: top left !important;
  -webkit-transform-origin: top left !important;
  margin: 15px !important;
  transition: none !important;
  outline: none !important;
}
.gjs-grabbing,
.gjs-grabbing * {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}
.gjs-grabbing {
  overflow: hidden;
}
.gjs-off-prv {
  position: relative;
  z-index: 10;
  padding: 5px;
  cursor: pointer;
}
.gjs-editor-cont ::-webkit-scrollbar-track {
  background: var(--gjs-secondary-dark-color);
}
.gjs-editor-cont ::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .2);
}
.gjs-editor-cont ::-webkit-scrollbar {
  width: 8px;
}
.gjs-no-touch-actions {
  touch-action: none;
}
.gjs-disabled {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-editor {
  font-family: var(--gjs-main-font);
  font-size: var(--gjs-font-size);
  position: relative;
  box-sizing: border-box;
  height: 100%;
}
.gjs-freezed,
.gjs-freezed {
  opacity: .5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.gjs-hidden {
  display: none;
}
@keyframes gjs-slide-down {
  0% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes gjs-slide-up {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
}
.cm-s-hopscotch span.cm-error {
  color: #fff;
}

/* node_modules/animate.css/animate.min.css */
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration:1s;
  --animate-delay:1s;
  --animate-repeat:1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
  animation-iteration-count: calc(var(--animate-repeat)*2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
  animation-iteration-count: calc(var(--animate-repeat)*3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay)*2);
  animation-delay: calc(var(--animate-delay)*2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay)*3);
  animation-delay: calc(var(--animate-delay)*3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay)*4);
  animation-delay: calc(var(--animate-delay)*4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay)*5);
  animation-delay: calc(var(--animate-delay)*5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration)/2);
  animation-duration: calc(var(--animate-duration)/2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.8);
  animation-duration: calc(var(--animate-duration)*0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration)*3);
  animation-duration: calc(var(--animate-duration)*3);
}
@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1);
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1);
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration)*1.3);
  animation-duration: calc(var(--animate-duration)*1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7);
    opacity: .7;
  }
  80% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7);
    opacity: .7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7);
    opacity: .7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration)*0.75);
  animation-duration: calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration)*2);
  animation-duration: calc(var(--animate-duration)*2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-77WLEVE2.eot");
  src:
    url("./media/primeicons-77WLEVE2.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-XI7ZC3P3.woff2") format("woff2"),
    url("./media/primeicons-7C46RJHE.woff") format("woff"),
    url("./media/primeicons-AEJFRHCW.ttf") format("truetype"),
    url("./media/primeicons-SQ5LETCD.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* src/styles.scss */
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden] {
  display: none;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.-left-1\.5 {
  left: -0.375rem;
}
.-right-4 {
  right: -1rem;
}
.bottom-0 {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.left-4 {
  left: 1rem;
}
.right-0 {
  right: 0px;
}
.right-0\.5 {
  right: 0.125rem;
}
.top-0 {
  top: 0px;
}
.top-0\.5 {
  top: 0.125rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-20 {
  top: 5rem;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.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-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-14 {
  margin: 3.5rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-20 {
  margin: 5rem;
}
.m-60 {
  margin: 15rem;
}
.m-9 {
  margin: 2.25rem;
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-2\.5 {
  margin-bottom: 0.625rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.me-1 {
  margin-inline-end: 0.25rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0\.5 {
  margin-right: 0.125rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-44 {
  height: 11rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-60 {
  height: 15rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-96 {
  height: 24rem;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[245px\] {
  height: 245px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[304px\] {
  height: 304px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[440px\] {
  height: 440px;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-36 {
  max-height: 9rem;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-\[140px\] {
  max-height: 140px;
}
.max-h-\[160px\] {
  max-height: 160px;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[300px\] {
  max-height: 300px;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.\!min-h-\[120px\] {
  min-height: 120px !important;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[200px\] {
  min-height: 200px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[250px\] {
  min-height: 250px;
}
.min-h-\[350px\] {
  min-height: 350px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/5 {
  width: 20%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/4 {
  width: 50%;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-52 {
  width: 13rem;
}
.w-6 {
  width: 1.5rem;
}
.w-6\/12 {
  width: 50%;
}
.w-60 {
  width: 15rem;
}
.w-7 {
  width: 1.75rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[18px\] {
  width: 18px;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[6rem\] {
  min-width: 6rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[92vw\] {
  max-width: 92vw;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-20 {
  gap: 5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3 {
  column-gap: 0.75rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-y-0\.5 {
  row-gap: 0.125rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-16 {
  row-gap: 4rem;
}
.gap-y-2 {
  row-gap: 0.5rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-5 {
  row-gap: 1.25rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#0077c5\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 119 197 / var(--tw-border-opacity));
}
.border-\[\#263e52\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 62 82 / var(--tw-border-opacity));
}
.border-\[\#E1E8EC\] {
  --tw-border-opacity: 1;
  border-color: rgb(225 232 236 / var(--tw-border-opacity));
}
.border-\[\#e5e7eb\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-\[\#f1f5f8\] {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 248 / var(--tw-border-opacity));
}
.border-border_dark {
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderDarkColor) / var(--tw-border-opacity));
}
.border-border_light {
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderLightColor) / var(--tw-border-opacity));
}
.border-border_light\/50 {
  border-color: rgb(var(--borderLightColor) / 0.5);
}
.border-border_light\/60 {
  border-color: rgb(var(--borderLightColor) / 0.6);
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(var(--errorColor) / var(--tw-border-opacity));
}
.border-light_gray {
  --tw-border-opacity: 1;
  border-color: rgb(var(--lightGrayColor) / var(--tw-border-opacity));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primaryColor) / var(--tw-border-opacity));
}
.border-primary\/20 {
  border-color: rgb(var(--primaryColor) / 0.2);
}
.border-success\/30 {
  border-color: rgb(var(--successColor) / 0.3);
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(var(--white) / var(--tw-border-opacity));
}
.border-white\/20 {
  border-color: rgb(var(--white) / 0.2);
}
.border-white\/25 {
  border-color: rgb(var(--white) / 0.25);
}
.bg-\[\#0077c5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 119 197 / var(--tw-bg-opacity));
}
.bg-\[\#3AB4890D\] {
  background-color: #3AB4890D;
}
.bg-\[\#BFDCF0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(191 220 240 / var(--tw-bg-opacity));
}
.bg-\[\#E1E8EC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 232 236 / var(--tw-bg-opacity));
}
.bg-\[\#ECF8FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(236 248 255 / var(--tw-bg-opacity));
}
.bg-\[\#F4F8FA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 248 250 / var(--tw-bg-opacity));
}
.bg-\[\#FAFCFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 252 253 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#e1e8ec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(225 232 236 / var(--tw-bg-opacity));
}
.bg-\[\#e8f5e9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(232 245 233 / var(--tw-bg-opacity));
}
.bg-\[\#f1f5f8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 248 / var(--tw-bg-opacity));
}
.bg-\[\#f1f5f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bg-\[\#f8fafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-bgColor\/20 {
  background-color: rgb(var(--bgColor) / 0.2);
}
.bg-bgColor\/30 {
  background-color: rgb(var(--bgColor) / 0.3);
}
.bg-bgColor\/50 {
  background-color: rgb(var(--bgColor) / 0.5);
}
.bg-bgLoadingColor {
  background-color: $loding-color;
}
.bg-black\/40 {
  background-color: rgb(var(--blackColor) / 0.4);
}
.bg-black\/50 {
  background-color: rgb(var(--blackColor) / 0.5);
}
.bg-border_light {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--borderLightColor) / var(--tw-bg-opacity));
}
.bg-danger\/5 {
  background-color: rgb(var(--errorColor) / 0.05);
}
.bg-dark_gray {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--darkGrayColor) / var(--tw-bg-opacity));
}
.bg-light_gray\/5 {
  background-color: rgb(var(--lightGrayColor) / 0.05);
}
.bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orangeColor) / var(--tw-bg-opacity));
}
.bg-pending\/5 {
  background-color: rgb(var(--pending) / 0.05);
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primaryColor) / var(--tw-bg-opacity));
}
.bg-primary\/10 {
  background-color: rgb(var(--primaryColor) / 0.1);
}
.bg-primary\/5 {
  background-color: rgb(var(--primaryColor) / 0.05);
}
.bg-success\/10 {
  background-color: rgb(var(--successColor) / 0.1);
}
.bg-success\/5 {
  background-color: rgb(var(--successColor) / 0.05);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity));
}
.bg-white\/10 {
  background-color: rgb(var(--white) / 0.1);
}
.bg-white\/20 {
  background-color: rgb(var(--white) / 0.2);
}
.bg-white\/25 {
  background-color: rgb(var(--white) / 0.25);
}
.bg-white\/70 {
  background-color: rgb(var(--white) / 0.7);
}
.bg-yellow\/5 {
  background-color: rgb(var(--yellowColor) / 0.05);
}
.bg-none {
  background-image: none;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-2\.5 {
  padding-bottom: 0.625rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.ps-6 {
  padding-inline-start: 1.5rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
.font-sans {
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}
.text-\[1\.1rem\] {
  font-size: 1.1rem;
}
.text-\[10\.5px\] {
  font-size: 10.5px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11\.5px\] {
  font-size: 11.5px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--blackColor) / var(--tw-text-opacity)) !important;
}
.text-\[\#006CB5\] {
  --tw-text-opacity: 1;
  color: rgb(0 108 181 / var(--tw-text-opacity));
}
.text-\[\#0077c5\] {
  --tw-text-opacity: 1;
  color: rgb(0 119 197 / var(--tw-text-opacity));
}
.text-\[\#182F3E\] {
  --tw-text-opacity: 1;
  color: rgb(24 47 62 / var(--tw-text-opacity));
}
.text-\[\#182f3e\] {
  --tw-text-opacity: 1;
  color: rgb(24 47 62 / var(--tw-text-opacity));
}
.text-\[\#1BA960\] {
  --tw-text-opacity: 1;
  color: rgb(27 169 96 / var(--tw-text-opacity));
}
.text-\[\#1e293b\] {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}
.text-\[\#263e52\] {
  --tw-text-opacity: 1;
  color: rgb(38 62 82 / var(--tw-text-opacity));
}
.text-\[\#2e7d32\] {
  --tw-text-opacity: 1;
  color: rgb(46 125 50 / var(--tw-text-opacity));
}
.text-\[\#334155\] {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-\[\#406177\] {
  --tw-text-opacity: 1;
  color: rgb(64 97 119 / var(--tw-text-opacity));
}
.text-\[\#4e6a82\] {
  --tw-text-opacity: 1;
  color: rgb(78 106 130 / var(--tw-text-opacity));
}
.text-\[\#506675\] {
  --tw-text-opacity: 1;
  color: rgb(80 102 117 / var(--tw-text-opacity));
}
.text-\[\#64748b\] {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-\[\#667d93\] {
  --tw-text-opacity: 1;
  color: rgb(102 125 147 / var(--tw-text-opacity));
}
.text-\[\#7C9AAF\] {
  --tw-text-opacity: 1;
  color: rgb(124 154 175 / var(--tw-text-opacity));
}
.text-\[\#7c9aaf\] {
  --tw-text-opacity: 1;
  color: rgb(124 154 175 / var(--tw-text-opacity));
}
.text-\[\#8C9BA5\] {
  --tw-text-opacity: 1;
  color: rgb(140 155 165 / var(--tw-text-opacity));
}
.text-\[\#8ea2b4\] {
  --tw-text-opacity: 1;
  color: rgb(142 162 180 / var(--tw-text-opacity));
}
.text-\[\#A855F7\] {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity));
}
.text-\[\#C14B52\] {
  --tw-text-opacity: 1;
  color: rgb(193 75 82 / var(--tw-text-opacity));
}
.text-\[\#DB840A\] {
  --tw-text-opacity: 1;
  color: rgb(219 132 10 / var(--tw-text-opacity));
}
.text-\[\#EF4444\] {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-\[\#cbd5e1\] {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(var(--blackColor) / var(--tw-text-opacity));
}
.text-border_light {
  --tw-text-opacity: 1;
  color: rgb(var(--borderLightColor) / var(--tw-text-opacity));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(var(--errorColor) / var(--tw-text-opacity));
}
.text-dark_gray {
  --tw-text-opacity: 1;
  color: rgb(var(--darkGrayColor) / var(--tw-text-opacity));
}
.text-dark_gray\/50 {
  color: rgb(var(--darkGrayColor) / 0.5);
}
.text-dark_gray\/60 {
  color: rgb(var(--darkGrayColor) / 0.6);
}
.text-dark_gray\/70 {
  color: rgb(var(--darkGrayColor) / 0.7);
}
.text-disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--primaryColorDisabled) / var(--tw-text-opacity));
}
.text-light_gray {
  --tw-text-opacity: 1;
  color: rgb(var(--lightGrayColor) / var(--tw-text-opacity));
}
.text-orange {
  --tw-text-opacity: 1;
  color: rgb(var(--orangeColor) / var(--tw-text-opacity));
}
.text-pending {
  --tw-text-opacity: 1;
  color: rgb(var(--pending) / var(--tw-text-opacity));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(var(--primaryColor) / var(--tw-text-opacity));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(var(--secondary) / var(--tw-text-opacity));
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(var(--successColor) / var(--tw-text-opacity));
}
.text-text_light_blue {
  --tw-text-opacity: 1;
  color: rgb(var(--light_blue) / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity));
}
.text-white\/80 {
  color: rgb(var(--white) / 0.8);
}
.text-yellow {
  --tw-text-opacity: 1;
  color: rgb(var(--yellowColor) / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.accent-\[\#0077c5\] {
  accent-color: #0077c5;
}
.opacity-0 {
  opacity: 0;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-75 {
  opacity: 0.75;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-primary\/20 {
  --tw-shadow-color: rgb(var(--primaryColor) / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring-4 {
  --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--white) / var(--tw-ring-opacity));
}
.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);
}
.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);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root {
  --primaryColor:0 108 181 ;
  --primaryColorHover:0 87 146 ;
  --primaryColorDisabled:162 186 203 ;
  --blackColor:24 47 62;
  --darkGrayColor:64 97 119;
  --lightGrayColor:124 154 175;
  --borderDarkColor:179 201 215;
  --borderLightColor:225 232 236;
  --errorColor:193 75 82;
  --successColor:58 180 137;
  --white:255 255 255;
  --bgColor:247 250 251;
  --light_blue:64 97 119;
  --pending:241 180 11;
  --hoverBG: 240 244 246;
  --yellowColor:241 180 11;
  --orangeColor:238 104 15;
  --secondary:100 100 100;
}
.p-inputgroup {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgb(var(--borderLightColor));
  border-radius: 0.375rem;
}
.p-inputgroup:focus-within {
  border-color: rgb(var(--primaryColor));
  box-shadow: 0 0 0 1px rgb(var(--primaryColor));
}
.p-inputgroup-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 2.75rem;
  padding: 0 0.75rem;
  background: #fff;
  color: rgb(var(--darkGrayColor));
}
.p-inputgroup > .p-inputtext,
.p-inputgroup > input[pInputText] {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  border: 0;
}
.p-inputgroup > .p-inputtext:focus,
.p-inputgroup > input[pInputText]:focus {
  box-shadow: none;
}
.p-inputtext:enabled:focus {
  outline: none;
  box-shadow: none;
}
.p-dropdown {
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderLightColor) / var(--tw-border-opacity));
}
:root.dark .p-dropdown {
  border-color: var(--border-color);
}
.p-dropdown:not(.p-disabled).p-focus {
  box-shadow: none;
}
.p-datatable .p-datatable-tbody > tr {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderLightColor) / var(--tw-border-opacity));
}
:root.dark .p-datatable .p-datatable-tbody > tr {
  border-color: var(--border-color);
}
.p-datatable .p-datatable-tbody > tr > td {
  padding: 0.5rem;
  text-align: center;
}
.p-datatable tr {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderLightColor) / var(--tw-border-opacity));
}
:root.dark .p-datatable tr {
  border-color: var(--border-color);
}
.p-datatable th {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--blackColor) / var(--tw-text-opacity));
}
:root.dark .p-datatable th {
  color: var(--text-primary);
}
.p-button-label {
  font-weight: 400;
}
.p-toast {
  width: min(25rem, 100vw - 2rem);
  max-width: calc(100vw - 2rem);
}
.p-toast .p-toast-message {
  overflow: hidden;
  border-width: 0 0 0 0.35rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.75rem 2rem rgba(24, 47, 62, 0.18);
}
.p-toast .p-toast-message-content {
  align-items: flex-start;
  padding: 1rem;
  gap: 0.75rem;
}
.p-toast .p-toast-summary {
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
}
.p-toast .p-toast-detail {
  margin-top: 0.2rem;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.p-toast .p-toast-message-success {
  border-left-color: rgb(var(--successColor));
}
.p-toast .p-toast-message-error {
  border-left-color: rgb(var(--errorColor));
}
@media (max-width: 640px) {
  .p-toast {
    left: 1rem !important;
    right: 1rem !important;
    top: 1rem !important;
    width: auto;
  }
}
p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  --tw-border-opacity: 1;
  border-color: rgb(var(--errorColor) / var(--tw-border-opacity));
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primaryColor) / var(--tw-bg-opacity));
  box-shadow: none;
}
.p-inputtext {
  box-shadow: none;
}
p-chart {
  height: 100%;
}
canvas {
  height: 100%;
}
.filters__extened-filters .p-dropdown-items {
  padding: 0.75rem;
  margin-top: 0.2rem;
}
.filters__extened-filters .p-dropdown-label {
  margin-top: 0.3rem;
}
.filters__extened-filters__state .p-dropdown-items-wrapper::-webkit-scrollbar {
  width: 0.5rem !important;
}
.filters__extened-filters__state .p-dropdown-items-wrapper::-webkit-scrollbar-track {
  background-color: #E1E8EC !important;
}
.filters__extened-filters__state .p-dropdown-items-wrapper::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primaryColor) / var(--tw-bg-opacity));
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.filters__extened-filters .p-dropdown-items .p-dropdown-item {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}
.filters__extened-filters .p-dropdown-items .p-dropdown-item:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--primaryColor) / var(--tw-text-opacity));
}
:root.dark .filters__extened-filters .p-dropdown-items .p-dropdown-item:hover {
  color: #38bdf8;
}
.filters__extened-filters .p-dropdown-items .p-dropdown-item:hover {
  background-color: rgb(var(--primaryColor) / 0.05);
}
.filters__extened-filters .p-dropdown-items .p-dropdown-item.p-highlight {
  --tw-text-opacity: 1;
  color: rgb(var(--primaryColor) / var(--tw-text-opacity));
}
:root.dark .filters__extened-filters .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #38bdf8;
}
.filters__extened-filters .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: rgb(var(--primaryColor) / 0.05);
}
.filters__extened-filters .p-float-label .p-inputwrapper-focus ~ label,
.filters__extened-filters .p-float-label .p-inputwrapper-filled ~ label {
  top: 1rem;
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
}
.planDialog .p-dialog-content .filters__extened-filters__account-type,
.planDialog .p-dialog-content .filters__extened-filters__state,
.planDialog .p-dialog-content .filters__extened-filters__creation-date,
.planDialog .p-dialog-content .filters__extened-filters__status {
  width: 100% !important;
}
.filters__extened-filters__state .p-dropdown-header {
  background-color: white;
  padding: 0;
  margin-bottom: 1rem;
}
.filters__extened-filters__state .p-dropdown-panel {
  padding: 0.75rem 1rem;
}
.filters__extened-filters__state .p-dropdown-header .input_filter_custom {
  border: 1px solid #b3c9d7;
  color: #7C9AAF;
  padding: 0.5rem;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}
.filters__extened-filters__state p-overlay div {
  top: 3.75rem !important;
  width: 100%;
}
.filters__extened-filters .filters__extened-filters__state .p-dropdown-items {
  padding-right: 0.75rem;
  padding-left: 0;
}
.filters__extened-filters .p-inputwrapper .p-dropdown {
  border-color: #E1E8EC;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}
.filters__extened-filters__account-type.selected .p-inputwrapper .p-dropdown,
.filters__extened-filters__status.selected .p-inputwrapper .p-dropdown,
.filters__extened-filters__state.selected .p-inputwrapper .p-dropdown {
  border-color: #b3c9d7;
}
.filters__extened-filters__creation-date.selected {
  border-color: #b3c9d7 !important;
}
.filters__extened-filters__creation-date input::placeholder {
  color: rgb(64, 97, 119);
}
.planDialog {
  max-height: 100%;
  margin: 0;
}
.planDialog .p-dialog-header {
  background-color: #E1E8EC;
}
.planDialog .p-dialog-footer {
  border-top: 0.063rem solid #E1E8EC;
  padding: 1.5rem;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.planDialog .p-dialog-footer .p-button.change {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primaryColor) / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity));
  padding: 0.75rem 1.5rem;
  border-radius: 0.25rem;
  width: 100%;
}
.planDialog .p-dialog-footer .p-button.cancel {
  border: 0.063rem solid rgb(64, 97, 119);
  color: rgb(64, 97, 119);
  width: 100%;
  padding: 0.75rem 1.5rem;
  border-radius: 0.25rem;
}
.planDialog .p-dialog-footer p-button {
  width: 50%;
  text-align: center;
}
.planDialog .p-dialog-content {
  padding: 0 1.5rem;
}
.planDialog .filters__extened-filters .filters__extened-filters__state.invalid .p-inputwrapper .p-dropdown {
  --tw-border-opacity: 1;
  border-color: rgb(var(--errorColor) / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(var(--errorColor) / var(--tw-text-opacity));
}
.first-name .p-inputtext,
.first-last .p-inputtext {
  width: 100%;
  padding: 1rem;
  border: 1px solid #E1E8EC;
  font-size: 0.8rem;
}
.first-name .p-inputtext.invalid,
.first-last .p-inputtext.invalid {
  --tw-border-opacity: 1;
  border-color: rgb(var(--errorColor) / var(--tw-border-opacity));
}
.first-name .p-float-label input:focus ~ label,
.first-name .p-float-label input.p-filled ~ label,
.first-last .p-float-label input:focus ~ label,
.first-last .p-float-label input.p-filled ~ label {
  top: 0.75rem;
  font-size: 0.75rem;
}
.input-group.input-dropdown .p-inputtext {
  border: none;
}
.description .p-float-label {
  border: 1px solid #E1E8EC;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}
.description.invaild .p-float-label {
  --tw-border-opacity: 1;
  border-color: rgb(var(--errorColor) / var(--tw-border-opacity));
}
.description.active .p-float-label textarea ~ label {
  top: 1rem !important;
  font-size: 0.75rem !important;
}
.description .p-float-label textarea:focus ~ label,
.description .p-float-label textarea.p-filled ~ label,
.description .p-float-label textarea:focus ~ label,
.description .p-float-label textarea.p-filled ~ label {
  top: 1rem;
  font-size: 0.75rem;
}
.description .p-float-label textarea ~ label {
  top: 2rem;
}
.p-fileupload .p-fileupload-buttonbar {
  padding: 0;
}
.p-calendar {
  width: 100%;
}
.p-fileupload-content {
  padding: 1.5rem 1rem;
}
.p-checkbox .p-checkbox-box {
  border: 2px solid #b3c9d7;
}
.p-checkbox .p-checkbox-box.p-highlight {
  --tw-border-opacity: 1;
  border-color: rgb(var(--primaryColor) / var(--tw-border-opacity));
}
body {
  background-color: rgb(var(--bgColor));
  font-family: "Poppins", sans-serif;
}
.fi {
  display: flex;
  align-items: center;
}
.btn-primary {
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primaryColor) / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity));
}
.badge {
  border-radius: 0.125rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 600;
}
.badge.badge-success {
  background-color: rgb(var(--successColor) / 0.05);
  --tw-text-opacity: 1;
  color: rgb(var(--successColor) / var(--tw-text-opacity));
}
.badge.badge-danger {
  background-color: rgb(var(--errorColor) / 0.05);
  --tw-text-opacity: 1;
  color: rgb(var(--errorColor) / var(--tw-text-opacity));
}
.badge.badge-yellow,
.badge.badge-warning,
.badge.badge-pending {
  background-color: rgb(var(--yellowColor) / 0.05);
  --tw-text-opacity: 1;
  color: rgb(var(--yellowColor) / var(--tw-text-opacity));
}
.badge.badge-gray {
  background-color: rgb(var(--lightGrayColor) / 0.05);
  --tw-text-opacity: 1;
  color: rgb(var(--lightGrayColor) / var(--tw-text-opacity));
}
.badge.badge-orange {
  background-color: rgb(var(--orangeColor) / 0.05);
  --tw-text-opacity: 1;
  color: rgb(var(--orangeColor) / var(--tw-text-opacity));
}
.card {
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderLightColor) / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity));
  padding: 1rem;
}
:root.dark .card {
  background-color: var(--card-bg);
}
:root.dark .card {
  border-color: var(--border-color);
}
.text-sm-custom {
  font-size: 0.625rem;
  padding: 0 0.25rem;
}
:root.dark {
  --primaryColor: 0 108 181;
  --primaryColorHover: 0 87 146;
  --primaryColorDisabled: 162 186 203;
  --blackColor: 248 250 252;
  --darkGrayColor: 148 163 184;
  --lightGrayColor: 71 85 105;
  --borderDarkColor: 51 65 85;
  --borderLightColor: 30 41 59;
  --white: 30 41 59;
  --bgColor: 15 23 42;
  --hoverBG: 51 65 85;
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --border-color: #334155;
  --card-bg: #1e293b;
  --input-bg: #1e293b;
  --navbar-bg: #1e293b;
  --sidebar-bg: #0f172a;
}
:root.dark body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
:root.dark .app-layout__main-content {
  background-color: var(--bg-primary) !important;
}
:root.dark .app-layout__sidebar {
  background: var(--sidebar-bg) !important;
  border-right: 1px solid var(--border-color) !important;
}
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item {
  color: var(--text-secondary);
}
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item:hover,
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item.active {
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-primary);
}
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item:hover i,
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item:hover span,
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item.active i,
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item.active span {
  color: #006CB5 !important;
}
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item i,
:root.dark .app-layout__sidebar .sidebar__sidebar-container-links-item span {
  color: var(--text-secondary);
}
:root.dark .top-bar {
  background: var(--navbar-bg) !important;
  border-bottom-color: var(--border-color) !important;
}
:root.dark .top-bar h1 {
  color: var(--text-primary) !important;
}
:root.dark .top-bar .breadcrumb .link {
  color: #38bdf8 !important;
}
:root.dark .top-bar .breadcrumb .current {
  color: var(--text-secondary) !important;
}
:root.dark .top-bar .breadcrumb .separator i {
  color: var(--border-color) !important;
}
:root.dark .top-bar .noti-icon {
  background: var(--bg-secondary) !important;
  color: #38bdf8 !important;
}
:root.dark .top-bar .noti-icon:hover {
  background: var(--border-color) !important;
}
:root.dark .top-bar .profile .user-info .name {
  color: var(--text-primary) !important;
}
:root.dark .top-bar .profile .user-info .role {
  color: var(--text-secondary) !important;
}
:root.dark .top-bar .profile .dropdown-icon {
  color: var(--text-secondary) !important;
}
:root.dark .stats-container,
:root.dark .analytics,
:root.dark .affiliate-create-container,
:root.dark .revenue-report-container,
:root.dark .create-referral-container,
:root.dark .create-container,
:root.dark .rules-container,
:root.dark .ledger-container,
:root.dark .create-rule-container,
:root.dark app-create-payout-method,
:root.dark .assets-container,
:root.dark .audit-logs-container,
:root.dark .notifications-container,
:root.dark .create-template-container,
:root.dark .commission-agreements-container {
  background-color: var(--bg-primary) !important;
}
:root.dark .stats-container .stat-card,
:root.dark .stats-container .card,
:root.dark .stats-container .section-card,
:root.dark .stats-container .form-card,
:root.dark .stats-container .table-card,
:root.dark .analytics .stat-card,
:root.dark .analytics .card,
:root.dark .analytics .section-card,
:root.dark .analytics .form-card,
:root.dark .analytics .table-card,
:root.dark .affiliate-create-container .stat-card,
:root.dark .affiliate-create-container .card,
:root.dark .affiliate-create-container .section-card,
:root.dark .affiliate-create-container .form-card,
:root.dark .affiliate-create-container .table-card,
:root.dark .revenue-report-container .stat-card,
:root.dark .revenue-report-container .card,
:root.dark .revenue-report-container .section-card,
:root.dark .revenue-report-container .form-card,
:root.dark .revenue-report-container .table-card,
:root.dark .create-referral-container .stat-card,
:root.dark .create-referral-container .card,
:root.dark .create-referral-container .section-card,
:root.dark .create-referral-container .form-card,
:root.dark .create-referral-container .table-card,
:root.dark .create-container .stat-card,
:root.dark .create-container .card,
:root.dark .create-container .section-card,
:root.dark .create-container .form-card,
:root.dark .create-container .table-card,
:root.dark .rules-container .stat-card,
:root.dark .rules-container .card,
:root.dark .rules-container .section-card,
:root.dark .rules-container .form-card,
:root.dark .rules-container .table-card,
:root.dark .ledger-container .stat-card,
:root.dark .ledger-container .card,
:root.dark .ledger-container .section-card,
:root.dark .ledger-container .form-card,
:root.dark .ledger-container .table-card,
:root.dark .create-rule-container .stat-card,
:root.dark .create-rule-container .card,
:root.dark .create-rule-container .section-card,
:root.dark .create-rule-container .form-card,
:root.dark .create-rule-container .table-card,
:root.dark app-create-payout-method .stat-card,
:root.dark app-create-payout-method .card,
:root.dark app-create-payout-method .section-card,
:root.dark app-create-payout-method .form-card,
:root.dark app-create-payout-method .table-card,
:root.dark .assets-container .stat-card,
:root.dark .assets-container .card,
:root.dark .assets-container .section-card,
:root.dark .assets-container .form-card,
:root.dark .assets-container .table-card,
:root.dark .audit-logs-container .stat-card,
:root.dark .audit-logs-container .card,
:root.dark .audit-logs-container .section-card,
:root.dark .audit-logs-container .form-card,
:root.dark .audit-logs-container .table-card,
:root.dark .notifications-container .stat-card,
:root.dark .notifications-container .card,
:root.dark .notifications-container .section-card,
:root.dark .notifications-container .form-card,
:root.dark .notifications-container .table-card,
:root.dark .create-template-container .stat-card,
:root.dark .create-template-container .card,
:root.dark .create-template-container .section-card,
:root.dark .create-template-container .form-card,
:root.dark .create-template-container .table-card,
:root.dark .commission-agreements-container .stat-card,
:root.dark .commission-agreements-container .card,
:root.dark .commission-agreements-container .section-card,
:root.dark .commission-agreements-container .form-card,
:root.dark .commission-agreements-container .table-card {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .stats-container .stat-card .stat-label,
:root.dark .stats-container .stat-card p,
:root.dark .stats-container .stat-card .text-sm,
:root.dark .stats-container .stat-card .char-count,
:root.dark .stats-container .stat-card .toggle-label,
:root.dark .stats-container .stat-card .section-title,
:root.dark .stats-container .stat-card .card-title,
:root.dark .stats-container .stat-card .label,
:root.dark .stats-container .stat-card .sidebar-title,
:root.dark .stats-container .card .stat-label,
:root.dark .stats-container .card p,
:root.dark .stats-container .card .text-sm,
:root.dark .stats-container .card .char-count,
:root.dark .stats-container .card .toggle-label,
:root.dark .stats-container .card .section-title,
:root.dark .stats-container .card .card-title,
:root.dark .stats-container .card .label,
:root.dark .stats-container .card .sidebar-title,
:root.dark .stats-container .section-card .stat-label,
:root.dark .stats-container .section-card p,
:root.dark .stats-container .section-card .text-sm,
:root.dark .stats-container .section-card .char-count,
:root.dark .stats-container .section-card .toggle-label,
:root.dark .stats-container .section-card .section-title,
:root.dark .stats-container .section-card .card-title,
:root.dark .stats-container .section-card .label,
:root.dark .stats-container .section-card .sidebar-title,
:root.dark .stats-container .form-card .stat-label,
:root.dark .stats-container .form-card p,
:root.dark .stats-container .form-card .text-sm,
:root.dark .stats-container .form-card .char-count,
:root.dark .stats-container .form-card .toggle-label,
:root.dark .stats-container .form-card .section-title,
:root.dark .stats-container .form-card .card-title,
:root.dark .stats-container .form-card .label,
:root.dark .stats-container .form-card .sidebar-title,
:root.dark .stats-container .table-card .stat-label,
:root.dark .stats-container .table-card p,
:root.dark .stats-container .table-card .text-sm,
:root.dark .stats-container .table-card .char-count,
:root.dark .stats-container .table-card .toggle-label,
:root.dark .stats-container .table-card .section-title,
:root.dark .stats-container .table-card .card-title,
:root.dark .stats-container .table-card .label,
:root.dark .stats-container .table-card .sidebar-title,
:root.dark .analytics .stat-card .stat-label,
:root.dark .analytics .stat-card p,
:root.dark .analytics .stat-card .text-sm,
:root.dark .analytics .stat-card .char-count,
:root.dark .analytics .stat-card .toggle-label,
:root.dark .analytics .stat-card .section-title,
:root.dark .analytics .stat-card .card-title,
:root.dark .analytics .stat-card .label,
:root.dark .analytics .stat-card .sidebar-title,
:root.dark .analytics .card .stat-label,
:root.dark .analytics .card p,
:root.dark .analytics .card .text-sm,
:root.dark .analytics .card .char-count,
:root.dark .analytics .card .toggle-label,
:root.dark .analytics .card .section-title,
:root.dark .analytics .card .card-title,
:root.dark .analytics .card .label,
:root.dark .analytics .card .sidebar-title,
:root.dark .analytics .section-card .stat-label,
:root.dark .analytics .section-card p,
:root.dark .analytics .section-card .text-sm,
:root.dark .analytics .section-card .char-count,
:root.dark .analytics .section-card .toggle-label,
:root.dark .analytics .section-card .section-title,
:root.dark .analytics .section-card .card-title,
:root.dark .analytics .section-card .label,
:root.dark .analytics .section-card .sidebar-title,
:root.dark .analytics .form-card .stat-label,
:root.dark .analytics .form-card p,
:root.dark .analytics .form-card .text-sm,
:root.dark .analytics .form-card .char-count,
:root.dark .analytics .form-card .toggle-label,
:root.dark .analytics .form-card .section-title,
:root.dark .analytics .form-card .card-title,
:root.dark .analytics .form-card .label,
:root.dark .analytics .form-card .sidebar-title,
:root.dark .analytics .table-card .stat-label,
:root.dark .analytics .table-card p,
:root.dark .analytics .table-card .text-sm,
:root.dark .analytics .table-card .char-count,
:root.dark .analytics .table-card .toggle-label,
:root.dark .analytics .table-card .section-title,
:root.dark .analytics .table-card .card-title,
:root.dark .analytics .table-card .label,
:root.dark .analytics .table-card .sidebar-title,
:root.dark .affiliate-create-container .stat-card .stat-label,
:root.dark .affiliate-create-container .stat-card p,
:root.dark .affiliate-create-container .stat-card .text-sm,
:root.dark .affiliate-create-container .stat-card .char-count,
:root.dark .affiliate-create-container .stat-card .toggle-label,
:root.dark .affiliate-create-container .stat-card .section-title,
:root.dark .affiliate-create-container .stat-card .card-title,
:root.dark .affiliate-create-container .stat-card .label,
:root.dark .affiliate-create-container .stat-card .sidebar-title,
:root.dark .affiliate-create-container .card .stat-label,
:root.dark .affiliate-create-container .card p,
:root.dark .affiliate-create-container .card .text-sm,
:root.dark .affiliate-create-container .card .char-count,
:root.dark .affiliate-create-container .card .toggle-label,
:root.dark .affiliate-create-container .card .section-title,
:root.dark .affiliate-create-container .card .card-title,
:root.dark .affiliate-create-container .card .label,
:root.dark .affiliate-create-container .card .sidebar-title,
:root.dark .affiliate-create-container .section-card .stat-label,
:root.dark .affiliate-create-container .section-card p,
:root.dark .affiliate-create-container .section-card .text-sm,
:root.dark .affiliate-create-container .section-card .char-count,
:root.dark .affiliate-create-container .section-card .toggle-label,
:root.dark .affiliate-create-container .section-card .section-title,
:root.dark .affiliate-create-container .section-card .card-title,
:root.dark .affiliate-create-container .section-card .label,
:root.dark .affiliate-create-container .section-card .sidebar-title,
:root.dark .affiliate-create-container .form-card .stat-label,
:root.dark .affiliate-create-container .form-card p,
:root.dark .affiliate-create-container .form-card .text-sm,
:root.dark .affiliate-create-container .form-card .char-count,
:root.dark .affiliate-create-container .form-card .toggle-label,
:root.dark .affiliate-create-container .form-card .section-title,
:root.dark .affiliate-create-container .form-card .card-title,
:root.dark .affiliate-create-container .form-card .label,
:root.dark .affiliate-create-container .form-card .sidebar-title,
:root.dark .affiliate-create-container .table-card .stat-label,
:root.dark .affiliate-create-container .table-card p,
:root.dark .affiliate-create-container .table-card .text-sm,
:root.dark .affiliate-create-container .table-card .char-count,
:root.dark .affiliate-create-container .table-card .toggle-label,
:root.dark .affiliate-create-container .table-card .section-title,
:root.dark .affiliate-create-container .table-card .card-title,
:root.dark .affiliate-create-container .table-card .label,
:root.dark .affiliate-create-container .table-card .sidebar-title,
:root.dark .revenue-report-container .stat-card .stat-label,
:root.dark .revenue-report-container .stat-card p,
:root.dark .revenue-report-container .stat-card .text-sm,
:root.dark .revenue-report-container .stat-card .char-count,
:root.dark .revenue-report-container .stat-card .toggle-label,
:root.dark .revenue-report-container .stat-card .section-title,
:root.dark .revenue-report-container .stat-card .card-title,
:root.dark .revenue-report-container .stat-card .label,
:root.dark .revenue-report-container .stat-card .sidebar-title,
:root.dark .revenue-report-container .card .stat-label,
:root.dark .revenue-report-container .card p,
:root.dark .revenue-report-container .card .text-sm,
:root.dark .revenue-report-container .card .char-count,
:root.dark .revenue-report-container .card .toggle-label,
:root.dark .revenue-report-container .card .section-title,
:root.dark .revenue-report-container .card .card-title,
:root.dark .revenue-report-container .card .label,
:root.dark .revenue-report-container .card .sidebar-title,
:root.dark .revenue-report-container .section-card .stat-label,
:root.dark .revenue-report-container .section-card p,
:root.dark .revenue-report-container .section-card .text-sm,
:root.dark .revenue-report-container .section-card .char-count,
:root.dark .revenue-report-container .section-card .toggle-label,
:root.dark .revenue-report-container .section-card .section-title,
:root.dark .revenue-report-container .section-card .card-title,
:root.dark .revenue-report-container .section-card .label,
:root.dark .revenue-report-container .section-card .sidebar-title,
:root.dark .revenue-report-container .form-card .stat-label,
:root.dark .revenue-report-container .form-card p,
:root.dark .revenue-report-container .form-card .text-sm,
:root.dark .revenue-report-container .form-card .char-count,
:root.dark .revenue-report-container .form-card .toggle-label,
:root.dark .revenue-report-container .form-card .section-title,
:root.dark .revenue-report-container .form-card .card-title,
:root.dark .revenue-report-container .form-card .label,
:root.dark .revenue-report-container .form-card .sidebar-title,
:root.dark .revenue-report-container .table-card .stat-label,
:root.dark .revenue-report-container .table-card p,
:root.dark .revenue-report-container .table-card .text-sm,
:root.dark .revenue-report-container .table-card .char-count,
:root.dark .revenue-report-container .table-card .toggle-label,
:root.dark .revenue-report-container .table-card .section-title,
:root.dark .revenue-report-container .table-card .card-title,
:root.dark .revenue-report-container .table-card .label,
:root.dark .revenue-report-container .table-card .sidebar-title,
:root.dark .create-referral-container .stat-card .stat-label,
:root.dark .create-referral-container .stat-card p,
:root.dark .create-referral-container .stat-card .text-sm,
:root.dark .create-referral-container .stat-card .char-count,
:root.dark .create-referral-container .stat-card .toggle-label,
:root.dark .create-referral-container .stat-card .section-title,
:root.dark .create-referral-container .stat-card .card-title,
:root.dark .create-referral-container .stat-card .label,
:root.dark .create-referral-container .stat-card .sidebar-title,
:root.dark .create-referral-container .card .stat-label,
:root.dark .create-referral-container .card p,
:root.dark .create-referral-container .card .text-sm,
:root.dark .create-referral-container .card .char-count,
:root.dark .create-referral-container .card .toggle-label,
:root.dark .create-referral-container .card .section-title,
:root.dark .create-referral-container .card .card-title,
:root.dark .create-referral-container .card .label,
:root.dark .create-referral-container .card .sidebar-title,
:root.dark .create-referral-container .section-card .stat-label,
:root.dark .create-referral-container .section-card p,
:root.dark .create-referral-container .section-card .text-sm,
:root.dark .create-referral-container .section-card .char-count,
:root.dark .create-referral-container .section-card .toggle-label,
:root.dark .create-referral-container .section-card .section-title,
:root.dark .create-referral-container .section-card .card-title,
:root.dark .create-referral-container .section-card .label,
:root.dark .create-referral-container .section-card .sidebar-title,
:root.dark .create-referral-container .form-card .stat-label,
:root.dark .create-referral-container .form-card p,
:root.dark .create-referral-container .form-card .text-sm,
:root.dark .create-referral-container .form-card .char-count,
:root.dark .create-referral-container .form-card .toggle-label,
:root.dark .create-referral-container .form-card .section-title,
:root.dark .create-referral-container .form-card .card-title,
:root.dark .create-referral-container .form-card .label,
:root.dark .create-referral-container .form-card .sidebar-title,
:root.dark .create-referral-container .table-card .stat-label,
:root.dark .create-referral-container .table-card p,
:root.dark .create-referral-container .table-card .text-sm,
:root.dark .create-referral-container .table-card .char-count,
:root.dark .create-referral-container .table-card .toggle-label,
:root.dark .create-referral-container .table-card .section-title,
:root.dark .create-referral-container .table-card .card-title,
:root.dark .create-referral-container .table-card .label,
:root.dark .create-referral-container .table-card .sidebar-title,
:root.dark .create-container .stat-card .stat-label,
:root.dark .create-container .stat-card p,
:root.dark .create-container .stat-card .text-sm,
:root.dark .create-container .stat-card .char-count,
:root.dark .create-container .stat-card .toggle-label,
:root.dark .create-container .stat-card .section-title,
:root.dark .create-container .stat-card .card-title,
:root.dark .create-container .stat-card .label,
:root.dark .create-container .stat-card .sidebar-title,
:root.dark .create-container .card .stat-label,
:root.dark .create-container .card p,
:root.dark .create-container .card .text-sm,
:root.dark .create-container .card .char-count,
:root.dark .create-container .card .toggle-label,
:root.dark .create-container .card .section-title,
:root.dark .create-container .card .card-title,
:root.dark .create-container .card .label,
:root.dark .create-container .card .sidebar-title,
:root.dark .create-container .section-card .stat-label,
:root.dark .create-container .section-card p,
:root.dark .create-container .section-card .text-sm,
:root.dark .create-container .section-card .char-count,
:root.dark .create-container .section-card .toggle-label,
:root.dark .create-container .section-card .section-title,
:root.dark .create-container .section-card .card-title,
:root.dark .create-container .section-card .label,
:root.dark .create-container .section-card .sidebar-title,
:root.dark .create-container .form-card .stat-label,
:root.dark .create-container .form-card p,
:root.dark .create-container .form-card .text-sm,
:root.dark .create-container .form-card .char-count,
:root.dark .create-container .form-card .toggle-label,
:root.dark .create-container .form-card .section-title,
:root.dark .create-container .form-card .card-title,
:root.dark .create-container .form-card .label,
:root.dark .create-container .form-card .sidebar-title,
:root.dark .create-container .table-card .stat-label,
:root.dark .create-container .table-card p,
:root.dark .create-container .table-card .text-sm,
:root.dark .create-container .table-card .char-count,
:root.dark .create-container .table-card .toggle-label,
:root.dark .create-container .table-card .section-title,
:root.dark .create-container .table-card .card-title,
:root.dark .create-container .table-card .label,
:root.dark .create-container .table-card .sidebar-title,
:root.dark .rules-container .stat-card .stat-label,
:root.dark .rules-container .stat-card p,
:root.dark .rules-container .stat-card .text-sm,
:root.dark .rules-container .stat-card .char-count,
:root.dark .rules-container .stat-card .toggle-label,
:root.dark .rules-container .stat-card .section-title,
:root.dark .rules-container .stat-card .card-title,
:root.dark .rules-container .stat-card .label,
:root.dark .rules-container .stat-card .sidebar-title,
:root.dark .rules-container .card .stat-label,
:root.dark .rules-container .card p,
:root.dark .rules-container .card .text-sm,
:root.dark .rules-container .card .char-count,
:root.dark .rules-container .card .toggle-label,
:root.dark .rules-container .card .section-title,
:root.dark .rules-container .card .card-title,
:root.dark .rules-container .card .label,
:root.dark .rules-container .card .sidebar-title,
:root.dark .rules-container .section-card .stat-label,
:root.dark .rules-container .section-card p,
:root.dark .rules-container .section-card .text-sm,
:root.dark .rules-container .section-card .char-count,
:root.dark .rules-container .section-card .toggle-label,
:root.dark .rules-container .section-card .section-title,
:root.dark .rules-container .section-card .card-title,
:root.dark .rules-container .section-card .label,
:root.dark .rules-container .section-card .sidebar-title,
:root.dark .rules-container .form-card .stat-label,
:root.dark .rules-container .form-card p,
:root.dark .rules-container .form-card .text-sm,
:root.dark .rules-container .form-card .char-count,
:root.dark .rules-container .form-card .toggle-label,
:root.dark .rules-container .form-card .section-title,
:root.dark .rules-container .form-card .card-title,
:root.dark .rules-container .form-card .label,
:root.dark .rules-container .form-card .sidebar-title,
:root.dark .rules-container .table-card .stat-label,
:root.dark .rules-container .table-card p,
:root.dark .rules-container .table-card .text-sm,
:root.dark .rules-container .table-card .char-count,
:root.dark .rules-container .table-card .toggle-label,
:root.dark .rules-container .table-card .section-title,
:root.dark .rules-container .table-card .card-title,
:root.dark .rules-container .table-card .label,
:root.dark .rules-container .table-card .sidebar-title,
:root.dark .ledger-container .stat-card .stat-label,
:root.dark .ledger-container .stat-card p,
:root.dark .ledger-container .stat-card .text-sm,
:root.dark .ledger-container .stat-card .char-count,
:root.dark .ledger-container .stat-card .toggle-label,
:root.dark .ledger-container .stat-card .section-title,
:root.dark .ledger-container .stat-card .card-title,
:root.dark .ledger-container .stat-card .label,
:root.dark .ledger-container .stat-card .sidebar-title,
:root.dark .ledger-container .card .stat-label,
:root.dark .ledger-container .card p,
:root.dark .ledger-container .card .text-sm,
:root.dark .ledger-container .card .char-count,
:root.dark .ledger-container .card .toggle-label,
:root.dark .ledger-container .card .section-title,
:root.dark .ledger-container .card .card-title,
:root.dark .ledger-container .card .label,
:root.dark .ledger-container .card .sidebar-title,
:root.dark .ledger-container .section-card .stat-label,
:root.dark .ledger-container .section-card p,
:root.dark .ledger-container .section-card .text-sm,
:root.dark .ledger-container .section-card .char-count,
:root.dark .ledger-container .section-card .toggle-label,
:root.dark .ledger-container .section-card .section-title,
:root.dark .ledger-container .section-card .card-title,
:root.dark .ledger-container .section-card .label,
:root.dark .ledger-container .section-card .sidebar-title,
:root.dark .ledger-container .form-card .stat-label,
:root.dark .ledger-container .form-card p,
:root.dark .ledger-container .form-card .text-sm,
:root.dark .ledger-container .form-card .char-count,
:root.dark .ledger-container .form-card .toggle-label,
:root.dark .ledger-container .form-card .section-title,
:root.dark .ledger-container .form-card .card-title,
:root.dark .ledger-container .form-card .label,
:root.dark .ledger-container .form-card .sidebar-title,
:root.dark .ledger-container .table-card .stat-label,
:root.dark .ledger-container .table-card p,
:root.dark .ledger-container .table-card .text-sm,
:root.dark .ledger-container .table-card .char-count,
:root.dark .ledger-container .table-card .toggle-label,
:root.dark .ledger-container .table-card .section-title,
:root.dark .ledger-container .table-card .card-title,
:root.dark .ledger-container .table-card .label,
:root.dark .ledger-container .table-card .sidebar-title,
:root.dark .create-rule-container .stat-card .stat-label,
:root.dark .create-rule-container .stat-card p,
:root.dark .create-rule-container .stat-card .text-sm,
:root.dark .create-rule-container .stat-card .char-count,
:root.dark .create-rule-container .stat-card .toggle-label,
:root.dark .create-rule-container .stat-card .section-title,
:root.dark .create-rule-container .stat-card .card-title,
:root.dark .create-rule-container .stat-card .label,
:root.dark .create-rule-container .stat-card .sidebar-title,
:root.dark .create-rule-container .card .stat-label,
:root.dark .create-rule-container .card p,
:root.dark .create-rule-container .card .text-sm,
:root.dark .create-rule-container .card .char-count,
:root.dark .create-rule-container .card .toggle-label,
:root.dark .create-rule-container .card .section-title,
:root.dark .create-rule-container .card .card-title,
:root.dark .create-rule-container .card .label,
:root.dark .create-rule-container .card .sidebar-title,
:root.dark .create-rule-container .section-card .stat-label,
:root.dark .create-rule-container .section-card p,
:root.dark .create-rule-container .section-card .text-sm,
:root.dark .create-rule-container .section-card .char-count,
:root.dark .create-rule-container .section-card .toggle-label,
:root.dark .create-rule-container .section-card .section-title,
:root.dark .create-rule-container .section-card .card-title,
:root.dark .create-rule-container .section-card .label,
:root.dark .create-rule-container .section-card .sidebar-title,
:root.dark .create-rule-container .form-card .stat-label,
:root.dark .create-rule-container .form-card p,
:root.dark .create-rule-container .form-card .text-sm,
:root.dark .create-rule-container .form-card .char-count,
:root.dark .create-rule-container .form-card .toggle-label,
:root.dark .create-rule-container .form-card .section-title,
:root.dark .create-rule-container .form-card .card-title,
:root.dark .create-rule-container .form-card .label,
:root.dark .create-rule-container .form-card .sidebar-title,
:root.dark .create-rule-container .table-card .stat-label,
:root.dark .create-rule-container .table-card p,
:root.dark .create-rule-container .table-card .text-sm,
:root.dark .create-rule-container .table-card .char-count,
:root.dark .create-rule-container .table-card .toggle-label,
:root.dark .create-rule-container .table-card .section-title,
:root.dark .create-rule-container .table-card .card-title,
:root.dark .create-rule-container .table-card .label,
:root.dark .create-rule-container .table-card .sidebar-title,
:root.dark app-create-payout-method .stat-card .stat-label,
:root.dark app-create-payout-method .stat-card p,
:root.dark app-create-payout-method .stat-card .text-sm,
:root.dark app-create-payout-method .stat-card .char-count,
:root.dark app-create-payout-method .stat-card .toggle-label,
:root.dark app-create-payout-method .stat-card .section-title,
:root.dark app-create-payout-method .stat-card .card-title,
:root.dark app-create-payout-method .stat-card .label,
:root.dark app-create-payout-method .stat-card .sidebar-title,
:root.dark app-create-payout-method .card .stat-label,
:root.dark app-create-payout-method .card p,
:root.dark app-create-payout-method .card .text-sm,
:root.dark app-create-payout-method .card .char-count,
:root.dark app-create-payout-method .card .toggle-label,
:root.dark app-create-payout-method .card .section-title,
:root.dark app-create-payout-method .card .card-title,
:root.dark app-create-payout-method .card .label,
:root.dark app-create-payout-method .card .sidebar-title,
:root.dark app-create-payout-method .section-card .stat-label,
:root.dark app-create-payout-method .section-card p,
:root.dark app-create-payout-method .section-card .text-sm,
:root.dark app-create-payout-method .section-card .char-count,
:root.dark app-create-payout-method .section-card .toggle-label,
:root.dark app-create-payout-method .section-card .section-title,
:root.dark app-create-payout-method .section-card .card-title,
:root.dark app-create-payout-method .section-card .label,
:root.dark app-create-payout-method .section-card .sidebar-title,
:root.dark app-create-payout-method .form-card .stat-label,
:root.dark app-create-payout-method .form-card p,
:root.dark app-create-payout-method .form-card .text-sm,
:root.dark app-create-payout-method .form-card .char-count,
:root.dark app-create-payout-method .form-card .toggle-label,
:root.dark app-create-payout-method .form-card .section-title,
:root.dark app-create-payout-method .form-card .card-title,
:root.dark app-create-payout-method .form-card .label,
:root.dark app-create-payout-method .form-card .sidebar-title,
:root.dark app-create-payout-method .table-card .stat-label,
:root.dark app-create-payout-method .table-card p,
:root.dark app-create-payout-method .table-card .text-sm,
:root.dark app-create-payout-method .table-card .char-count,
:root.dark app-create-payout-method .table-card .toggle-label,
:root.dark app-create-payout-method .table-card .section-title,
:root.dark app-create-payout-method .table-card .card-title,
:root.dark app-create-payout-method .table-card .label,
:root.dark app-create-payout-method .table-card .sidebar-title,
:root.dark .assets-container .stat-card .stat-label,
:root.dark .assets-container .stat-card p,
:root.dark .assets-container .stat-card .text-sm,
:root.dark .assets-container .stat-card .char-count,
:root.dark .assets-container .stat-card .toggle-label,
:root.dark .assets-container .stat-card .section-title,
:root.dark .assets-container .stat-card .card-title,
:root.dark .assets-container .stat-card .label,
:root.dark .assets-container .stat-card .sidebar-title,
:root.dark .assets-container .card .stat-label,
:root.dark .assets-container .card p,
:root.dark .assets-container .card .text-sm,
:root.dark .assets-container .card .char-count,
:root.dark .assets-container .card .toggle-label,
:root.dark .assets-container .card .section-title,
:root.dark .assets-container .card .card-title,
:root.dark .assets-container .card .label,
:root.dark .assets-container .card .sidebar-title,
:root.dark .assets-container .section-card .stat-label,
:root.dark .assets-container .section-card p,
:root.dark .assets-container .section-card .text-sm,
:root.dark .assets-container .section-card .char-count,
:root.dark .assets-container .section-card .toggle-label,
:root.dark .assets-container .section-card .section-title,
:root.dark .assets-container .section-card .card-title,
:root.dark .assets-container .section-card .label,
:root.dark .assets-container .section-card .sidebar-title,
:root.dark .assets-container .form-card .stat-label,
:root.dark .assets-container .form-card p,
:root.dark .assets-container .form-card .text-sm,
:root.dark .assets-container .form-card .char-count,
:root.dark .assets-container .form-card .toggle-label,
:root.dark .assets-container .form-card .section-title,
:root.dark .assets-container .form-card .card-title,
:root.dark .assets-container .form-card .label,
:root.dark .assets-container .form-card .sidebar-title,
:root.dark .assets-container .table-card .stat-label,
:root.dark .assets-container .table-card p,
:root.dark .assets-container .table-card .text-sm,
:root.dark .assets-container .table-card .char-count,
:root.dark .assets-container .table-card .toggle-label,
:root.dark .assets-container .table-card .section-title,
:root.dark .assets-container .table-card .card-title,
:root.dark .assets-container .table-card .label,
:root.dark .assets-container .table-card .sidebar-title,
:root.dark .audit-logs-container .stat-card .stat-label,
:root.dark .audit-logs-container .stat-card p,
:root.dark .audit-logs-container .stat-card .text-sm,
:root.dark .audit-logs-container .stat-card .char-count,
:root.dark .audit-logs-container .stat-card .toggle-label,
:root.dark .audit-logs-container .stat-card .section-title,
:root.dark .audit-logs-container .stat-card .card-title,
:root.dark .audit-logs-container .stat-card .label,
:root.dark .audit-logs-container .stat-card .sidebar-title,
:root.dark .audit-logs-container .card .stat-label,
:root.dark .audit-logs-container .card p,
:root.dark .audit-logs-container .card .text-sm,
:root.dark .audit-logs-container .card .char-count,
:root.dark .audit-logs-container .card .toggle-label,
:root.dark .audit-logs-container .card .section-title,
:root.dark .audit-logs-container .card .card-title,
:root.dark .audit-logs-container .card .label,
:root.dark .audit-logs-container .card .sidebar-title,
:root.dark .audit-logs-container .section-card .stat-label,
:root.dark .audit-logs-container .section-card p,
:root.dark .audit-logs-container .section-card .text-sm,
:root.dark .audit-logs-container .section-card .char-count,
:root.dark .audit-logs-container .section-card .toggle-label,
:root.dark .audit-logs-container .section-card .section-title,
:root.dark .audit-logs-container .section-card .card-title,
:root.dark .audit-logs-container .section-card .label,
:root.dark .audit-logs-container .section-card .sidebar-title,
:root.dark .audit-logs-container .form-card .stat-label,
:root.dark .audit-logs-container .form-card p,
:root.dark .audit-logs-container .form-card .text-sm,
:root.dark .audit-logs-container .form-card .char-count,
:root.dark .audit-logs-container .form-card .toggle-label,
:root.dark .audit-logs-container .form-card .section-title,
:root.dark .audit-logs-container .form-card .card-title,
:root.dark .audit-logs-container .form-card .label,
:root.dark .audit-logs-container .form-card .sidebar-title,
:root.dark .audit-logs-container .table-card .stat-label,
:root.dark .audit-logs-container .table-card p,
:root.dark .audit-logs-container .table-card .text-sm,
:root.dark .audit-logs-container .table-card .char-count,
:root.dark .audit-logs-container .table-card .toggle-label,
:root.dark .audit-logs-container .table-card .section-title,
:root.dark .audit-logs-container .table-card .card-title,
:root.dark .audit-logs-container .table-card .label,
:root.dark .audit-logs-container .table-card .sidebar-title,
:root.dark .notifications-container .stat-card .stat-label,
:root.dark .notifications-container .stat-card p,
:root.dark .notifications-container .stat-card .text-sm,
:root.dark .notifications-container .stat-card .char-count,
:root.dark .notifications-container .stat-card .toggle-label,
:root.dark .notifications-container .stat-card .section-title,
:root.dark .notifications-container .stat-card .card-title,
:root.dark .notifications-container .stat-card .label,
:root.dark .notifications-container .stat-card .sidebar-title,
:root.dark .notifications-container .card .stat-label,
:root.dark .notifications-container .card p,
:root.dark .notifications-container .card .text-sm,
:root.dark .notifications-container .card .char-count,
:root.dark .notifications-container .card .toggle-label,
:root.dark .notifications-container .card .section-title,
:root.dark .notifications-container .card .card-title,
:root.dark .notifications-container .card .label,
:root.dark .notifications-container .card .sidebar-title,
:root.dark .notifications-container .section-card .stat-label,
:root.dark .notifications-container .section-card p,
:root.dark .notifications-container .section-card .text-sm,
:root.dark .notifications-container .section-card .char-count,
:root.dark .notifications-container .section-card .toggle-label,
:root.dark .notifications-container .section-card .section-title,
:root.dark .notifications-container .section-card .card-title,
:root.dark .notifications-container .section-card .label,
:root.dark .notifications-container .section-card .sidebar-title,
:root.dark .notifications-container .form-card .stat-label,
:root.dark .notifications-container .form-card p,
:root.dark .notifications-container .form-card .text-sm,
:root.dark .notifications-container .form-card .char-count,
:root.dark .notifications-container .form-card .toggle-label,
:root.dark .notifications-container .form-card .section-title,
:root.dark .notifications-container .form-card .card-title,
:root.dark .notifications-container .form-card .label,
:root.dark .notifications-container .form-card .sidebar-title,
:root.dark .notifications-container .table-card .stat-label,
:root.dark .notifications-container .table-card p,
:root.dark .notifications-container .table-card .text-sm,
:root.dark .notifications-container .table-card .char-count,
:root.dark .notifications-container .table-card .toggle-label,
:root.dark .notifications-container .table-card .section-title,
:root.dark .notifications-container .table-card .card-title,
:root.dark .notifications-container .table-card .label,
:root.dark .notifications-container .table-card .sidebar-title,
:root.dark .create-template-container .stat-card .stat-label,
:root.dark .create-template-container .stat-card p,
:root.dark .create-template-container .stat-card .text-sm,
:root.dark .create-template-container .stat-card .char-count,
:root.dark .create-template-container .stat-card .toggle-label,
:root.dark .create-template-container .stat-card .section-title,
:root.dark .create-template-container .stat-card .card-title,
:root.dark .create-template-container .stat-card .label,
:root.dark .create-template-container .stat-card .sidebar-title,
:root.dark .create-template-container .card .stat-label,
:root.dark .create-template-container .card p,
:root.dark .create-template-container .card .text-sm,
:root.dark .create-template-container .card .char-count,
:root.dark .create-template-container .card .toggle-label,
:root.dark .create-template-container .card .section-title,
:root.dark .create-template-container .card .card-title,
:root.dark .create-template-container .card .label,
:root.dark .create-template-container .card .sidebar-title,
:root.dark .create-template-container .section-card .stat-label,
:root.dark .create-template-container .section-card p,
:root.dark .create-template-container .section-card .text-sm,
:root.dark .create-template-container .section-card .char-count,
:root.dark .create-template-container .section-card .toggle-label,
:root.dark .create-template-container .section-card .section-title,
:root.dark .create-template-container .section-card .card-title,
:root.dark .create-template-container .section-card .label,
:root.dark .create-template-container .section-card .sidebar-title,
:root.dark .create-template-container .form-card .stat-label,
:root.dark .create-template-container .form-card p,
:root.dark .create-template-container .form-card .text-sm,
:root.dark .create-template-container .form-card .char-count,
:root.dark .create-template-container .form-card .toggle-label,
:root.dark .create-template-container .form-card .section-title,
:root.dark .create-template-container .form-card .card-title,
:root.dark .create-template-container .form-card .label,
:root.dark .create-template-container .form-card .sidebar-title,
:root.dark .create-template-container .table-card .stat-label,
:root.dark .create-template-container .table-card p,
:root.dark .create-template-container .table-card .text-sm,
:root.dark .create-template-container .table-card .char-count,
:root.dark .create-template-container .table-card .toggle-label,
:root.dark .create-template-container .table-card .section-title,
:root.dark .create-template-container .table-card .card-title,
:root.dark .create-template-container .table-card .label,
:root.dark .create-template-container .table-card .sidebar-title,
:root.dark .commission-agreements-container .stat-card .stat-label,
:root.dark .commission-agreements-container .stat-card p,
:root.dark .commission-agreements-container .stat-card .text-sm,
:root.dark .commission-agreements-container .stat-card .char-count,
:root.dark .commission-agreements-container .stat-card .toggle-label,
:root.dark .commission-agreements-container .stat-card .section-title,
:root.dark .commission-agreements-container .stat-card .card-title,
:root.dark .commission-agreements-container .stat-card .label,
:root.dark .commission-agreements-container .stat-card .sidebar-title,
:root.dark .commission-agreements-container .card .stat-label,
:root.dark .commission-agreements-container .card p,
:root.dark .commission-agreements-container .card .text-sm,
:root.dark .commission-agreements-container .card .char-count,
:root.dark .commission-agreements-container .card .toggle-label,
:root.dark .commission-agreements-container .card .section-title,
:root.dark .commission-agreements-container .card .card-title,
:root.dark .commission-agreements-container .card .label,
:root.dark .commission-agreements-container .card .sidebar-title,
:root.dark .commission-agreements-container .section-card .stat-label,
:root.dark .commission-agreements-container .section-card p,
:root.dark .commission-agreements-container .section-card .text-sm,
:root.dark .commission-agreements-container .section-card .char-count,
:root.dark .commission-agreements-container .section-card .toggle-label,
:root.dark .commission-agreements-container .section-card .section-title,
:root.dark .commission-agreements-container .section-card .card-title,
:root.dark .commission-agreements-container .section-card .label,
:root.dark .commission-agreements-container .section-card .sidebar-title,
:root.dark .commission-agreements-container .form-card .stat-label,
:root.dark .commission-agreements-container .form-card p,
:root.dark .commission-agreements-container .form-card .text-sm,
:root.dark .commission-agreements-container .form-card .char-count,
:root.dark .commission-agreements-container .form-card .toggle-label,
:root.dark .commission-agreements-container .form-card .section-title,
:root.dark .commission-agreements-container .form-card .card-title,
:root.dark .commission-agreements-container .form-card .label,
:root.dark .commission-agreements-container .form-card .sidebar-title,
:root.dark .commission-agreements-container .table-card .stat-label,
:root.dark .commission-agreements-container .table-card p,
:root.dark .commission-agreements-container .table-card .text-sm,
:root.dark .commission-agreements-container .table-card .char-count,
:root.dark .commission-agreements-container .table-card .toggle-label,
:root.dark .commission-agreements-container .table-card .section-title,
:root.dark .commission-agreements-container .table-card .card-title,
:root.dark .commission-agreements-container .table-card .label,
:root.dark .commission-agreements-container .table-card .sidebar-title {
  color: var(--text-secondary) !important;
}
:root.dark .stats-container .stat-card .stat-value,
:root.dark .stats-container .stat-card h3,
:root.dark .stats-container .stat-card h4,
:root.dark .stats-container .stat-card h6,
:root.dark .stats-container .stat-card .value,
:root.dark .stats-container .stat-card .sidebar-title,
:root.dark .stats-container .card .stat-value,
:root.dark .stats-container .card h3,
:root.dark .stats-container .card h4,
:root.dark .stats-container .card h6,
:root.dark .stats-container .card .value,
:root.dark .stats-container .card .sidebar-title,
:root.dark .stats-container .section-card .stat-value,
:root.dark .stats-container .section-card h3,
:root.dark .stats-container .section-card h4,
:root.dark .stats-container .section-card h6,
:root.dark .stats-container .section-card .value,
:root.dark .stats-container .section-card .sidebar-title,
:root.dark .stats-container .form-card .stat-value,
:root.dark .stats-container .form-card h3,
:root.dark .stats-container .form-card h4,
:root.dark .stats-container .form-card h6,
:root.dark .stats-container .form-card .value,
:root.dark .stats-container .form-card .sidebar-title,
:root.dark .stats-container .table-card .stat-value,
:root.dark .stats-container .table-card h3,
:root.dark .stats-container .table-card h4,
:root.dark .stats-container .table-card h6,
:root.dark .stats-container .table-card .value,
:root.dark .stats-container .table-card .sidebar-title,
:root.dark .analytics .stat-card .stat-value,
:root.dark .analytics .stat-card h3,
:root.dark .analytics .stat-card h4,
:root.dark .analytics .stat-card h6,
:root.dark .analytics .stat-card .value,
:root.dark .analytics .stat-card .sidebar-title,
:root.dark .analytics .card .stat-value,
:root.dark .analytics .card h3,
:root.dark .analytics .card h4,
:root.dark .analytics .card h6,
:root.dark .analytics .card .value,
:root.dark .analytics .card .sidebar-title,
:root.dark .analytics .section-card .stat-value,
:root.dark .analytics .section-card h3,
:root.dark .analytics .section-card h4,
:root.dark .analytics .section-card h6,
:root.dark .analytics .section-card .value,
:root.dark .analytics .section-card .sidebar-title,
:root.dark .analytics .form-card .stat-value,
:root.dark .analytics .form-card h3,
:root.dark .analytics .form-card h4,
:root.dark .analytics .form-card h6,
:root.dark .analytics .form-card .value,
:root.dark .analytics .form-card .sidebar-title,
:root.dark .analytics .table-card .stat-value,
:root.dark .analytics .table-card h3,
:root.dark .analytics .table-card h4,
:root.dark .analytics .table-card h6,
:root.dark .analytics .table-card .value,
:root.dark .analytics .table-card .sidebar-title,
:root.dark .affiliate-create-container .stat-card .stat-value,
:root.dark .affiliate-create-container .stat-card h3,
:root.dark .affiliate-create-container .stat-card h4,
:root.dark .affiliate-create-container .stat-card h6,
:root.dark .affiliate-create-container .stat-card .value,
:root.dark .affiliate-create-container .stat-card .sidebar-title,
:root.dark .affiliate-create-container .card .stat-value,
:root.dark .affiliate-create-container .card h3,
:root.dark .affiliate-create-container .card h4,
:root.dark .affiliate-create-container .card h6,
:root.dark .affiliate-create-container .card .value,
:root.dark .affiliate-create-container .card .sidebar-title,
:root.dark .affiliate-create-container .section-card .stat-value,
:root.dark .affiliate-create-container .section-card h3,
:root.dark .affiliate-create-container .section-card h4,
:root.dark .affiliate-create-container .section-card h6,
:root.dark .affiliate-create-container .section-card .value,
:root.dark .affiliate-create-container .section-card .sidebar-title,
:root.dark .affiliate-create-container .form-card .stat-value,
:root.dark .affiliate-create-container .form-card h3,
:root.dark .affiliate-create-container .form-card h4,
:root.dark .affiliate-create-container .form-card h6,
:root.dark .affiliate-create-container .form-card .value,
:root.dark .affiliate-create-container .form-card .sidebar-title,
:root.dark .affiliate-create-container .table-card .stat-value,
:root.dark .affiliate-create-container .table-card h3,
:root.dark .affiliate-create-container .table-card h4,
:root.dark .affiliate-create-container .table-card h6,
:root.dark .affiliate-create-container .table-card .value,
:root.dark .affiliate-create-container .table-card .sidebar-title,
:root.dark .revenue-report-container .stat-card .stat-value,
:root.dark .revenue-report-container .stat-card h3,
:root.dark .revenue-report-container .stat-card h4,
:root.dark .revenue-report-container .stat-card h6,
:root.dark .revenue-report-container .stat-card .value,
:root.dark .revenue-report-container .stat-card .sidebar-title,
:root.dark .revenue-report-container .card .stat-value,
:root.dark .revenue-report-container .card h3,
:root.dark .revenue-report-container .card h4,
:root.dark .revenue-report-container .card h6,
:root.dark .revenue-report-container .card .value,
:root.dark .revenue-report-container .card .sidebar-title,
:root.dark .revenue-report-container .section-card .stat-value,
:root.dark .revenue-report-container .section-card h3,
:root.dark .revenue-report-container .section-card h4,
:root.dark .revenue-report-container .section-card h6,
:root.dark .revenue-report-container .section-card .value,
:root.dark .revenue-report-container .section-card .sidebar-title,
:root.dark .revenue-report-container .form-card .stat-value,
:root.dark .revenue-report-container .form-card h3,
:root.dark .revenue-report-container .form-card h4,
:root.dark .revenue-report-container .form-card h6,
:root.dark .revenue-report-container .form-card .value,
:root.dark .revenue-report-container .form-card .sidebar-title,
:root.dark .revenue-report-container .table-card .stat-value,
:root.dark .revenue-report-container .table-card h3,
:root.dark .revenue-report-container .table-card h4,
:root.dark .revenue-report-container .table-card h6,
:root.dark .revenue-report-container .table-card .value,
:root.dark .revenue-report-container .table-card .sidebar-title,
:root.dark .create-referral-container .stat-card .stat-value,
:root.dark .create-referral-container .stat-card h3,
:root.dark .create-referral-container .stat-card h4,
:root.dark .create-referral-container .stat-card h6,
:root.dark .create-referral-container .stat-card .value,
:root.dark .create-referral-container .stat-card .sidebar-title,
:root.dark .create-referral-container .card .stat-value,
:root.dark .create-referral-container .card h3,
:root.dark .create-referral-container .card h4,
:root.dark .create-referral-container .card h6,
:root.dark .create-referral-container .card .value,
:root.dark .create-referral-container .card .sidebar-title,
:root.dark .create-referral-container .section-card .stat-value,
:root.dark .create-referral-container .section-card h3,
:root.dark .create-referral-container .section-card h4,
:root.dark .create-referral-container .section-card h6,
:root.dark .create-referral-container .section-card .value,
:root.dark .create-referral-container .section-card .sidebar-title,
:root.dark .create-referral-container .form-card .stat-value,
:root.dark .create-referral-container .form-card h3,
:root.dark .create-referral-container .form-card h4,
:root.dark .create-referral-container .form-card h6,
:root.dark .create-referral-container .form-card .value,
:root.dark .create-referral-container .form-card .sidebar-title,
:root.dark .create-referral-container .table-card .stat-value,
:root.dark .create-referral-container .table-card h3,
:root.dark .create-referral-container .table-card h4,
:root.dark .create-referral-container .table-card h6,
:root.dark .create-referral-container .table-card .value,
:root.dark .create-referral-container .table-card .sidebar-title,
:root.dark .create-container .stat-card .stat-value,
:root.dark .create-container .stat-card h3,
:root.dark .create-container .stat-card h4,
:root.dark .create-container .stat-card h6,
:root.dark .create-container .stat-card .value,
:root.dark .create-container .stat-card .sidebar-title,
:root.dark .create-container .card .stat-value,
:root.dark .create-container .card h3,
:root.dark .create-container .card h4,
:root.dark .create-container .card h6,
:root.dark .create-container .card .value,
:root.dark .create-container .card .sidebar-title,
:root.dark .create-container .section-card .stat-value,
:root.dark .create-container .section-card h3,
:root.dark .create-container .section-card h4,
:root.dark .create-container .section-card h6,
:root.dark .create-container .section-card .value,
:root.dark .create-container .section-card .sidebar-title,
:root.dark .create-container .form-card .stat-value,
:root.dark .create-container .form-card h3,
:root.dark .create-container .form-card h4,
:root.dark .create-container .form-card h6,
:root.dark .create-container .form-card .value,
:root.dark .create-container .form-card .sidebar-title,
:root.dark .create-container .table-card .stat-value,
:root.dark .create-container .table-card h3,
:root.dark .create-container .table-card h4,
:root.dark .create-container .table-card h6,
:root.dark .create-container .table-card .value,
:root.dark .create-container .table-card .sidebar-title,
:root.dark .rules-container .stat-card .stat-value,
:root.dark .rules-container .stat-card h3,
:root.dark .rules-container .stat-card h4,
:root.dark .rules-container .stat-card h6,
:root.dark .rules-container .stat-card .value,
:root.dark .rules-container .stat-card .sidebar-title,
:root.dark .rules-container .card .stat-value,
:root.dark .rules-container .card h3,
:root.dark .rules-container .card h4,
:root.dark .rules-container .card h6,
:root.dark .rules-container .card .value,
:root.dark .rules-container .card .sidebar-title,
:root.dark .rules-container .section-card .stat-value,
:root.dark .rules-container .section-card h3,
:root.dark .rules-container .section-card h4,
:root.dark .rules-container .section-card h6,
:root.dark .rules-container .section-card .value,
:root.dark .rules-container .section-card .sidebar-title,
:root.dark .rules-container .form-card .stat-value,
:root.dark .rules-container .form-card h3,
:root.dark .rules-container .form-card h4,
:root.dark .rules-container .form-card h6,
:root.dark .rules-container .form-card .value,
:root.dark .rules-container .form-card .sidebar-title,
:root.dark .rules-container .table-card .stat-value,
:root.dark .rules-container .table-card h3,
:root.dark .rules-container .table-card h4,
:root.dark .rules-container .table-card h6,
:root.dark .rules-container .table-card .value,
:root.dark .rules-container .table-card .sidebar-title,
:root.dark .ledger-container .stat-card .stat-value,
:root.dark .ledger-container .stat-card h3,
:root.dark .ledger-container .stat-card h4,
:root.dark .ledger-container .stat-card h6,
:root.dark .ledger-container .stat-card .value,
:root.dark .ledger-container .stat-card .sidebar-title,
:root.dark .ledger-container .card .stat-value,
:root.dark .ledger-container .card h3,
:root.dark .ledger-container .card h4,
:root.dark .ledger-container .card h6,
:root.dark .ledger-container .card .value,
:root.dark .ledger-container .card .sidebar-title,
:root.dark .ledger-container .section-card .stat-value,
:root.dark .ledger-container .section-card h3,
:root.dark .ledger-container .section-card h4,
:root.dark .ledger-container .section-card h6,
:root.dark .ledger-container .section-card .value,
:root.dark .ledger-container .section-card .sidebar-title,
:root.dark .ledger-container .form-card .stat-value,
:root.dark .ledger-container .form-card h3,
:root.dark .ledger-container .form-card h4,
:root.dark .ledger-container .form-card h6,
:root.dark .ledger-container .form-card .value,
:root.dark .ledger-container .form-card .sidebar-title,
:root.dark .ledger-container .table-card .stat-value,
:root.dark .ledger-container .table-card h3,
:root.dark .ledger-container .table-card h4,
:root.dark .ledger-container .table-card h6,
:root.dark .ledger-container .table-card .value,
:root.dark .ledger-container .table-card .sidebar-title,
:root.dark .create-rule-container .stat-card .stat-value,
:root.dark .create-rule-container .stat-card h3,
:root.dark .create-rule-container .stat-card h4,
:root.dark .create-rule-container .stat-card h6,
:root.dark .create-rule-container .stat-card .value,
:root.dark .create-rule-container .stat-card .sidebar-title,
:root.dark .create-rule-container .card .stat-value,
:root.dark .create-rule-container .card h3,
:root.dark .create-rule-container .card h4,
:root.dark .create-rule-container .card h6,
:root.dark .create-rule-container .card .value,
:root.dark .create-rule-container .card .sidebar-title,
:root.dark .create-rule-container .section-card .stat-value,
:root.dark .create-rule-container .section-card h3,
:root.dark .create-rule-container .section-card h4,
:root.dark .create-rule-container .section-card h6,
:root.dark .create-rule-container .section-card .value,
:root.dark .create-rule-container .section-card .sidebar-title,
:root.dark .create-rule-container .form-card .stat-value,
:root.dark .create-rule-container .form-card h3,
:root.dark .create-rule-container .form-card h4,
:root.dark .create-rule-container .form-card h6,
:root.dark .create-rule-container .form-card .value,
:root.dark .create-rule-container .form-card .sidebar-title,
:root.dark .create-rule-container .table-card .stat-value,
:root.dark .create-rule-container .table-card h3,
:root.dark .create-rule-container .table-card h4,
:root.dark .create-rule-container .table-card h6,
:root.dark .create-rule-container .table-card .value,
:root.dark .create-rule-container .table-card .sidebar-title,
:root.dark app-create-payout-method .stat-card .stat-value,
:root.dark app-create-payout-method .stat-card h3,
:root.dark app-create-payout-method .stat-card h4,
:root.dark app-create-payout-method .stat-card h6,
:root.dark app-create-payout-method .stat-card .value,
:root.dark app-create-payout-method .stat-card .sidebar-title,
:root.dark app-create-payout-method .card .stat-value,
:root.dark app-create-payout-method .card h3,
:root.dark app-create-payout-method .card h4,
:root.dark app-create-payout-method .card h6,
:root.dark app-create-payout-method .card .value,
:root.dark app-create-payout-method .card .sidebar-title,
:root.dark app-create-payout-method .section-card .stat-value,
:root.dark app-create-payout-method .section-card h3,
:root.dark app-create-payout-method .section-card h4,
:root.dark app-create-payout-method .section-card h6,
:root.dark app-create-payout-method .section-card .value,
:root.dark app-create-payout-method .section-card .sidebar-title,
:root.dark app-create-payout-method .form-card .stat-value,
:root.dark app-create-payout-method .form-card h3,
:root.dark app-create-payout-method .form-card h4,
:root.dark app-create-payout-method .form-card h6,
:root.dark app-create-payout-method .form-card .value,
:root.dark app-create-payout-method .form-card .sidebar-title,
:root.dark app-create-payout-method .table-card .stat-value,
:root.dark app-create-payout-method .table-card h3,
:root.dark app-create-payout-method .table-card h4,
:root.dark app-create-payout-method .table-card h6,
:root.dark app-create-payout-method .table-card .value,
:root.dark app-create-payout-method .table-card .sidebar-title,
:root.dark .assets-container .stat-card .stat-value,
:root.dark .assets-container .stat-card h3,
:root.dark .assets-container .stat-card h4,
:root.dark .assets-container .stat-card h6,
:root.dark .assets-container .stat-card .value,
:root.dark .assets-container .stat-card .sidebar-title,
:root.dark .assets-container .card .stat-value,
:root.dark .assets-container .card h3,
:root.dark .assets-container .card h4,
:root.dark .assets-container .card h6,
:root.dark .assets-container .card .value,
:root.dark .assets-container .card .sidebar-title,
:root.dark .assets-container .section-card .stat-value,
:root.dark .assets-container .section-card h3,
:root.dark .assets-container .section-card h4,
:root.dark .assets-container .section-card h6,
:root.dark .assets-container .section-card .value,
:root.dark .assets-container .section-card .sidebar-title,
:root.dark .assets-container .form-card .stat-value,
:root.dark .assets-container .form-card h3,
:root.dark .assets-container .form-card h4,
:root.dark .assets-container .form-card h6,
:root.dark .assets-container .form-card .value,
:root.dark .assets-container .form-card .sidebar-title,
:root.dark .assets-container .table-card .stat-value,
:root.dark .assets-container .table-card h3,
:root.dark .assets-container .table-card h4,
:root.dark .assets-container .table-card h6,
:root.dark .assets-container .table-card .value,
:root.dark .assets-container .table-card .sidebar-title,
:root.dark .audit-logs-container .stat-card .stat-value,
:root.dark .audit-logs-container .stat-card h3,
:root.dark .audit-logs-container .stat-card h4,
:root.dark .audit-logs-container .stat-card h6,
:root.dark .audit-logs-container .stat-card .value,
:root.dark .audit-logs-container .stat-card .sidebar-title,
:root.dark .audit-logs-container .card .stat-value,
:root.dark .audit-logs-container .card h3,
:root.dark .audit-logs-container .card h4,
:root.dark .audit-logs-container .card h6,
:root.dark .audit-logs-container .card .value,
:root.dark .audit-logs-container .card .sidebar-title,
:root.dark .audit-logs-container .section-card .stat-value,
:root.dark .audit-logs-container .section-card h3,
:root.dark .audit-logs-container .section-card h4,
:root.dark .audit-logs-container .section-card h6,
:root.dark .audit-logs-container .section-card .value,
:root.dark .audit-logs-container .section-card .sidebar-title,
:root.dark .audit-logs-container .form-card .stat-value,
:root.dark .audit-logs-container .form-card h3,
:root.dark .audit-logs-container .form-card h4,
:root.dark .audit-logs-container .form-card h6,
:root.dark .audit-logs-container .form-card .value,
:root.dark .audit-logs-container .form-card .sidebar-title,
:root.dark .audit-logs-container .table-card .stat-value,
:root.dark .audit-logs-container .table-card h3,
:root.dark .audit-logs-container .table-card h4,
:root.dark .audit-logs-container .table-card h6,
:root.dark .audit-logs-container .table-card .value,
:root.dark .audit-logs-container .table-card .sidebar-title,
:root.dark .notifications-container .stat-card .stat-value,
:root.dark .notifications-container .stat-card h3,
:root.dark .notifications-container .stat-card h4,
:root.dark .notifications-container .stat-card h6,
:root.dark .notifications-container .stat-card .value,
:root.dark .notifications-container .stat-card .sidebar-title,
:root.dark .notifications-container .card .stat-value,
:root.dark .notifications-container .card h3,
:root.dark .notifications-container .card h4,
:root.dark .notifications-container .card h6,
:root.dark .notifications-container .card .value,
:root.dark .notifications-container .card .sidebar-title,
:root.dark .notifications-container .section-card .stat-value,
:root.dark .notifications-container .section-card h3,
:root.dark .notifications-container .section-card h4,
:root.dark .notifications-container .section-card h6,
:root.dark .notifications-container .section-card .value,
:root.dark .notifications-container .section-card .sidebar-title,
:root.dark .notifications-container .form-card .stat-value,
:root.dark .notifications-container .form-card h3,
:root.dark .notifications-container .form-card h4,
:root.dark .notifications-container .form-card h6,
:root.dark .notifications-container .form-card .value,
:root.dark .notifications-container .form-card .sidebar-title,
:root.dark .notifications-container .table-card .stat-value,
:root.dark .notifications-container .table-card h3,
:root.dark .notifications-container .table-card h4,
:root.dark .notifications-container .table-card h6,
:root.dark .notifications-container .table-card .value,
:root.dark .notifications-container .table-card .sidebar-title,
:root.dark .create-template-container .stat-card .stat-value,
:root.dark .create-template-container .stat-card h3,
:root.dark .create-template-container .stat-card h4,
:root.dark .create-template-container .stat-card h6,
:root.dark .create-template-container .stat-card .value,
:root.dark .create-template-container .stat-card .sidebar-title,
:root.dark .create-template-container .card .stat-value,
:root.dark .create-template-container .card h3,
:root.dark .create-template-container .card h4,
:root.dark .create-template-container .card h6,
:root.dark .create-template-container .card .value,
:root.dark .create-template-container .card .sidebar-title,
:root.dark .create-template-container .section-card .stat-value,
:root.dark .create-template-container .section-card h3,
:root.dark .create-template-container .section-card h4,
:root.dark .create-template-container .section-card h6,
:root.dark .create-template-container .section-card .value,
:root.dark .create-template-container .section-card .sidebar-title,
:root.dark .create-template-container .form-card .stat-value,
:root.dark .create-template-container .form-card h3,
:root.dark .create-template-container .form-card h4,
:root.dark .create-template-container .form-card h6,
:root.dark .create-template-container .form-card .value,
:root.dark .create-template-container .form-card .sidebar-title,
:root.dark .create-template-container .table-card .stat-value,
:root.dark .create-template-container .table-card h3,
:root.dark .create-template-container .table-card h4,
:root.dark .create-template-container .table-card h6,
:root.dark .create-template-container .table-card .value,
:root.dark .create-template-container .table-card .sidebar-title,
:root.dark .commission-agreements-container .stat-card .stat-value,
:root.dark .commission-agreements-container .stat-card h3,
:root.dark .commission-agreements-container .stat-card h4,
:root.dark .commission-agreements-container .stat-card h6,
:root.dark .commission-agreements-container .stat-card .value,
:root.dark .commission-agreements-container .stat-card .sidebar-title,
:root.dark .commission-agreements-container .card .stat-value,
:root.dark .commission-agreements-container .card h3,
:root.dark .commission-agreements-container .card h4,
:root.dark .commission-agreements-container .card h6,
:root.dark .commission-agreements-container .card .value,
:root.dark .commission-agreements-container .card .sidebar-title,
:root.dark .commission-agreements-container .section-card .stat-value,
:root.dark .commission-agreements-container .section-card h3,
:root.dark .commission-agreements-container .section-card h4,
:root.dark .commission-agreements-container .section-card h6,
:root.dark .commission-agreements-container .section-card .value,
:root.dark .commission-agreements-container .section-card .sidebar-title,
:root.dark .commission-agreements-container .form-card .stat-value,
:root.dark .commission-agreements-container .form-card h3,
:root.dark .commission-agreements-container .form-card h4,
:root.dark .commission-agreements-container .form-card h6,
:root.dark .commission-agreements-container .form-card .value,
:root.dark .commission-agreements-container .form-card .sidebar-title,
:root.dark .commission-agreements-container .table-card .stat-value,
:root.dark .commission-agreements-container .table-card h3,
:root.dark .commission-agreements-container .table-card h4,
:root.dark .commission-agreements-container .table-card h6,
:root.dark .commission-agreements-container .table-card .value,
:root.dark .commission-agreements-container .table-card .sidebar-title {
  color: var(--text-primary) !important;
}
:root.dark .stats-container .stat-card .stat-icon,
:root.dark .stats-container .stat-card .icon-box,
:root.dark .stats-container .card .stat-icon,
:root.dark .stats-container .card .icon-box,
:root.dark .stats-container .section-card .stat-icon,
:root.dark .stats-container .section-card .icon-box,
:root.dark .stats-container .form-card .stat-icon,
:root.dark .stats-container .form-card .icon-box,
:root.dark .stats-container .table-card .stat-icon,
:root.dark .stats-container .table-card .icon-box,
:root.dark .analytics .stat-card .stat-icon,
:root.dark .analytics .stat-card .icon-box,
:root.dark .analytics .card .stat-icon,
:root.dark .analytics .card .icon-box,
:root.dark .analytics .section-card .stat-icon,
:root.dark .analytics .section-card .icon-box,
:root.dark .analytics .form-card .stat-icon,
:root.dark .analytics .form-card .icon-box,
:root.dark .analytics .table-card .stat-icon,
:root.dark .analytics .table-card .icon-box,
:root.dark .affiliate-create-container .stat-card .stat-icon,
:root.dark .affiliate-create-container .stat-card .icon-box,
:root.dark .affiliate-create-container .card .stat-icon,
:root.dark .affiliate-create-container .card .icon-box,
:root.dark .affiliate-create-container .section-card .stat-icon,
:root.dark .affiliate-create-container .section-card .icon-box,
:root.dark .affiliate-create-container .form-card .stat-icon,
:root.dark .affiliate-create-container .form-card .icon-box,
:root.dark .affiliate-create-container .table-card .stat-icon,
:root.dark .affiliate-create-container .table-card .icon-box,
:root.dark .revenue-report-container .stat-card .stat-icon,
:root.dark .revenue-report-container .stat-card .icon-box,
:root.dark .revenue-report-container .card .stat-icon,
:root.dark .revenue-report-container .card .icon-box,
:root.dark .revenue-report-container .section-card .stat-icon,
:root.dark .revenue-report-container .section-card .icon-box,
:root.dark .revenue-report-container .form-card .stat-icon,
:root.dark .revenue-report-container .form-card .icon-box,
:root.dark .revenue-report-container .table-card .stat-icon,
:root.dark .revenue-report-container .table-card .icon-box,
:root.dark .create-referral-container .stat-card .stat-icon,
:root.dark .create-referral-container .stat-card .icon-box,
:root.dark .create-referral-container .card .stat-icon,
:root.dark .create-referral-container .card .icon-box,
:root.dark .create-referral-container .section-card .stat-icon,
:root.dark .create-referral-container .section-card .icon-box,
:root.dark .create-referral-container .form-card .stat-icon,
:root.dark .create-referral-container .form-card .icon-box,
:root.dark .create-referral-container .table-card .stat-icon,
:root.dark .create-referral-container .table-card .icon-box,
:root.dark .create-container .stat-card .stat-icon,
:root.dark .create-container .stat-card .icon-box,
:root.dark .create-container .card .stat-icon,
:root.dark .create-container .card .icon-box,
:root.dark .create-container .section-card .stat-icon,
:root.dark .create-container .section-card .icon-box,
:root.dark .create-container .form-card .stat-icon,
:root.dark .create-container .form-card .icon-box,
:root.dark .create-container .table-card .stat-icon,
:root.dark .create-container .table-card .icon-box,
:root.dark .rules-container .stat-card .stat-icon,
:root.dark .rules-container .stat-card .icon-box,
:root.dark .rules-container .card .stat-icon,
:root.dark .rules-container .card .icon-box,
:root.dark .rules-container .section-card .stat-icon,
:root.dark .rules-container .section-card .icon-box,
:root.dark .rules-container .form-card .stat-icon,
:root.dark .rules-container .form-card .icon-box,
:root.dark .rules-container .table-card .stat-icon,
:root.dark .rules-container .table-card .icon-box,
:root.dark .ledger-container .stat-card .stat-icon,
:root.dark .ledger-container .stat-card .icon-box,
:root.dark .ledger-container .card .stat-icon,
:root.dark .ledger-container .card .icon-box,
:root.dark .ledger-container .section-card .stat-icon,
:root.dark .ledger-container .section-card .icon-box,
:root.dark .ledger-container .form-card .stat-icon,
:root.dark .ledger-container .form-card .icon-box,
:root.dark .ledger-container .table-card .stat-icon,
:root.dark .ledger-container .table-card .icon-box,
:root.dark .create-rule-container .stat-card .stat-icon,
:root.dark .create-rule-container .stat-card .icon-box,
:root.dark .create-rule-container .card .stat-icon,
:root.dark .create-rule-container .card .icon-box,
:root.dark .create-rule-container .section-card .stat-icon,
:root.dark .create-rule-container .section-card .icon-box,
:root.dark .create-rule-container .form-card .stat-icon,
:root.dark .create-rule-container .form-card .icon-box,
:root.dark .create-rule-container .table-card .stat-icon,
:root.dark .create-rule-container .table-card .icon-box,
:root.dark app-create-payout-method .stat-card .stat-icon,
:root.dark app-create-payout-method .stat-card .icon-box,
:root.dark app-create-payout-method .card .stat-icon,
:root.dark app-create-payout-method .card .icon-box,
:root.dark app-create-payout-method .section-card .stat-icon,
:root.dark app-create-payout-method .section-card .icon-box,
:root.dark app-create-payout-method .form-card .stat-icon,
:root.dark app-create-payout-method .form-card .icon-box,
:root.dark app-create-payout-method .table-card .stat-icon,
:root.dark app-create-payout-method .table-card .icon-box,
:root.dark .assets-container .stat-card .stat-icon,
:root.dark .assets-container .stat-card .icon-box,
:root.dark .assets-container .card .stat-icon,
:root.dark .assets-container .card .icon-box,
:root.dark .assets-container .section-card .stat-icon,
:root.dark .assets-container .section-card .icon-box,
:root.dark .assets-container .form-card .stat-icon,
:root.dark .assets-container .form-card .icon-box,
:root.dark .assets-container .table-card .stat-icon,
:root.dark .assets-container .table-card .icon-box,
:root.dark .audit-logs-container .stat-card .stat-icon,
:root.dark .audit-logs-container .stat-card .icon-box,
:root.dark .audit-logs-container .card .stat-icon,
:root.dark .audit-logs-container .card .icon-box,
:root.dark .audit-logs-container .section-card .stat-icon,
:root.dark .audit-logs-container .section-card .icon-box,
:root.dark .audit-logs-container .form-card .stat-icon,
:root.dark .audit-logs-container .form-card .icon-box,
:root.dark .audit-logs-container .table-card .stat-icon,
:root.dark .audit-logs-container .table-card .icon-box,
:root.dark .notifications-container .stat-card .stat-icon,
:root.dark .notifications-container .stat-card .icon-box,
:root.dark .notifications-container .card .stat-icon,
:root.dark .notifications-container .card .icon-box,
:root.dark .notifications-container .section-card .stat-icon,
:root.dark .notifications-container .section-card .icon-box,
:root.dark .notifications-container .form-card .stat-icon,
:root.dark .notifications-container .form-card .icon-box,
:root.dark .notifications-container .table-card .stat-icon,
:root.dark .notifications-container .table-card .icon-box,
:root.dark .create-template-container .stat-card .stat-icon,
:root.dark .create-template-container .stat-card .icon-box,
:root.dark .create-template-container .card .stat-icon,
:root.dark .create-template-container .card .icon-box,
:root.dark .create-template-container .section-card .stat-icon,
:root.dark .create-template-container .section-card .icon-box,
:root.dark .create-template-container .form-card .stat-icon,
:root.dark .create-template-container .form-card .icon-box,
:root.dark .create-template-container .table-card .stat-icon,
:root.dark .create-template-container .table-card .icon-box,
:root.dark .commission-agreements-container .stat-card .stat-icon,
:root.dark .commission-agreements-container .stat-card .icon-box,
:root.dark .commission-agreements-container .card .stat-icon,
:root.dark .commission-agreements-container .card .icon-box,
:root.dark .commission-agreements-container .section-card .stat-icon,
:root.dark .commission-agreements-container .section-card .icon-box,
:root.dark .commission-agreements-container .form-card .stat-icon,
:root.dark .commission-agreements-container .form-card .icon-box,
:root.dark .commission-agreements-container .table-card .stat-icon,
:root.dark .commission-agreements-container .table-card .icon-box {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color);
  color: #38bdf8 !important;
}
:root.dark .stats-container .stat-card .card-header,
:root.dark .stats-container .stat-card .sidebar-header-content,
:root.dark .stats-container .stat-card .sidebar-footer,
:root.dark .stats-container .stat-card .dialog-header,
:root.dark .stats-container .stat-card .dialog-footer,
:root.dark .stats-container .card .card-header,
:root.dark .stats-container .card .sidebar-header-content,
:root.dark .stats-container .card .sidebar-footer,
:root.dark .stats-container .card .dialog-header,
:root.dark .stats-container .card .dialog-footer,
:root.dark .stats-container .section-card .card-header,
:root.dark .stats-container .section-card .sidebar-header-content,
:root.dark .stats-container .section-card .sidebar-footer,
:root.dark .stats-container .section-card .dialog-header,
:root.dark .stats-container .section-card .dialog-footer,
:root.dark .stats-container .form-card .card-header,
:root.dark .stats-container .form-card .sidebar-header-content,
:root.dark .stats-container .form-card .sidebar-footer,
:root.dark .stats-container .form-card .dialog-header,
:root.dark .stats-container .form-card .dialog-footer,
:root.dark .stats-container .table-card .card-header,
:root.dark .stats-container .table-card .sidebar-header-content,
:root.dark .stats-container .table-card .sidebar-footer,
:root.dark .stats-container .table-card .dialog-header,
:root.dark .stats-container .table-card .dialog-footer,
:root.dark .analytics .stat-card .card-header,
:root.dark .analytics .stat-card .sidebar-header-content,
:root.dark .analytics .stat-card .sidebar-footer,
:root.dark .analytics .stat-card .dialog-header,
:root.dark .analytics .stat-card .dialog-footer,
:root.dark .analytics .card .card-header,
:root.dark .analytics .card .sidebar-header-content,
:root.dark .analytics .card .sidebar-footer,
:root.dark .analytics .card .dialog-header,
:root.dark .analytics .card .dialog-footer,
:root.dark .analytics .section-card .card-header,
:root.dark .analytics .section-card .sidebar-header-content,
:root.dark .analytics .section-card .sidebar-footer,
:root.dark .analytics .section-card .dialog-header,
:root.dark .analytics .section-card .dialog-footer,
:root.dark .analytics .form-card .card-header,
:root.dark .analytics .form-card .sidebar-header-content,
:root.dark .analytics .form-card .sidebar-footer,
:root.dark .analytics .form-card .dialog-header,
:root.dark .analytics .form-card .dialog-footer,
:root.dark .analytics .table-card .card-header,
:root.dark .analytics .table-card .sidebar-header-content,
:root.dark .analytics .table-card .sidebar-footer,
:root.dark .analytics .table-card .dialog-header,
:root.dark .analytics .table-card .dialog-footer,
:root.dark .affiliate-create-container .stat-card .card-header,
:root.dark .affiliate-create-container .stat-card .sidebar-header-content,
:root.dark .affiliate-create-container .stat-card .sidebar-footer,
:root.dark .affiliate-create-container .stat-card .dialog-header,
:root.dark .affiliate-create-container .stat-card .dialog-footer,
:root.dark .affiliate-create-container .card .card-header,
:root.dark .affiliate-create-container .card .sidebar-header-content,
:root.dark .affiliate-create-container .card .sidebar-footer,
:root.dark .affiliate-create-container .card .dialog-header,
:root.dark .affiliate-create-container .card .dialog-footer,
:root.dark .affiliate-create-container .section-card .card-header,
:root.dark .affiliate-create-container .section-card .sidebar-header-content,
:root.dark .affiliate-create-container .section-card .sidebar-footer,
:root.dark .affiliate-create-container .section-card .dialog-header,
:root.dark .affiliate-create-container .section-card .dialog-footer,
:root.dark .affiliate-create-container .form-card .card-header,
:root.dark .affiliate-create-container .form-card .sidebar-header-content,
:root.dark .affiliate-create-container .form-card .sidebar-footer,
:root.dark .affiliate-create-container .form-card .dialog-header,
:root.dark .affiliate-create-container .form-card .dialog-footer,
:root.dark .affiliate-create-container .table-card .card-header,
:root.dark .affiliate-create-container .table-card .sidebar-header-content,
:root.dark .affiliate-create-container .table-card .sidebar-footer,
:root.dark .affiliate-create-container .table-card .dialog-header,
:root.dark .affiliate-create-container .table-card .dialog-footer,
:root.dark .revenue-report-container .stat-card .card-header,
:root.dark .revenue-report-container .stat-card .sidebar-header-content,
:root.dark .revenue-report-container .stat-card .sidebar-footer,
:root.dark .revenue-report-container .stat-card .dialog-header,
:root.dark .revenue-report-container .stat-card .dialog-footer,
:root.dark .revenue-report-container .card .card-header,
:root.dark .revenue-report-container .card .sidebar-header-content,
:root.dark .revenue-report-container .card .sidebar-footer,
:root.dark .revenue-report-container .card .dialog-header,
:root.dark .revenue-report-container .card .dialog-footer,
:root.dark .revenue-report-container .section-card .card-header,
:root.dark .revenue-report-container .section-card .sidebar-header-content,
:root.dark .revenue-report-container .section-card .sidebar-footer,
:root.dark .revenue-report-container .section-card .dialog-header,
:root.dark .revenue-report-container .section-card .dialog-footer,
:root.dark .revenue-report-container .form-card .card-header,
:root.dark .revenue-report-container .form-card .sidebar-header-content,
:root.dark .revenue-report-container .form-card .sidebar-footer,
:root.dark .revenue-report-container .form-card .dialog-header,
:root.dark .revenue-report-container .form-card .dialog-footer,
:root.dark .revenue-report-container .table-card .card-header,
:root.dark .revenue-report-container .table-card .sidebar-header-content,
:root.dark .revenue-report-container .table-card .sidebar-footer,
:root.dark .revenue-report-container .table-card .dialog-header,
:root.dark .revenue-report-container .table-card .dialog-footer,
:root.dark .create-referral-container .stat-card .card-header,
:root.dark .create-referral-container .stat-card .sidebar-header-content,
:root.dark .create-referral-container .stat-card .sidebar-footer,
:root.dark .create-referral-container .stat-card .dialog-header,
:root.dark .create-referral-container .stat-card .dialog-footer,
:root.dark .create-referral-container .card .card-header,
:root.dark .create-referral-container .card .sidebar-header-content,
:root.dark .create-referral-container .card .sidebar-footer,
:root.dark .create-referral-container .card .dialog-header,
:root.dark .create-referral-container .card .dialog-footer,
:root.dark .create-referral-container .section-card .card-header,
:root.dark .create-referral-container .section-card .sidebar-header-content,
:root.dark .create-referral-container .section-card .sidebar-footer,
:root.dark .create-referral-container .section-card .dialog-header,
:root.dark .create-referral-container .section-card .dialog-footer,
:root.dark .create-referral-container .form-card .card-header,
:root.dark .create-referral-container .form-card .sidebar-header-content,
:root.dark .create-referral-container .form-card .sidebar-footer,
:root.dark .create-referral-container .form-card .dialog-header,
:root.dark .create-referral-container .form-card .dialog-footer,
:root.dark .create-referral-container .table-card .card-header,
:root.dark .create-referral-container .table-card .sidebar-header-content,
:root.dark .create-referral-container .table-card .sidebar-footer,
:root.dark .create-referral-container .table-card .dialog-header,
:root.dark .create-referral-container .table-card .dialog-footer,
:root.dark .create-container .stat-card .card-header,
:root.dark .create-container .stat-card .sidebar-header-content,
:root.dark .create-container .stat-card .sidebar-footer,
:root.dark .create-container .stat-card .dialog-header,
:root.dark .create-container .stat-card .dialog-footer,
:root.dark .create-container .card .card-header,
:root.dark .create-container .card .sidebar-header-content,
:root.dark .create-container .card .sidebar-footer,
:root.dark .create-container .card .dialog-header,
:root.dark .create-container .card .dialog-footer,
:root.dark .create-container .section-card .card-header,
:root.dark .create-container .section-card .sidebar-header-content,
:root.dark .create-container .section-card .sidebar-footer,
:root.dark .create-container .section-card .dialog-header,
:root.dark .create-container .section-card .dialog-footer,
:root.dark .create-container .form-card .card-header,
:root.dark .create-container .form-card .sidebar-header-content,
:root.dark .create-container .form-card .sidebar-footer,
:root.dark .create-container .form-card .dialog-header,
:root.dark .create-container .form-card .dialog-footer,
:root.dark .create-container .table-card .card-header,
:root.dark .create-container .table-card .sidebar-header-content,
:root.dark .create-container .table-card .sidebar-footer,
:root.dark .create-container .table-card .dialog-header,
:root.dark .create-container .table-card .dialog-footer,
:root.dark .rules-container .stat-card .card-header,
:root.dark .rules-container .stat-card .sidebar-header-content,
:root.dark .rules-container .stat-card .sidebar-footer,
:root.dark .rules-container .stat-card .dialog-header,
:root.dark .rules-container .stat-card .dialog-footer,
:root.dark .rules-container .card .card-header,
:root.dark .rules-container .card .sidebar-header-content,
:root.dark .rules-container .card .sidebar-footer,
:root.dark .rules-container .card .dialog-header,
:root.dark .rules-container .card .dialog-footer,
:root.dark .rules-container .section-card .card-header,
:root.dark .rules-container .section-card .sidebar-header-content,
:root.dark .rules-container .section-card .sidebar-footer,
:root.dark .rules-container .section-card .dialog-header,
:root.dark .rules-container .section-card .dialog-footer,
:root.dark .rules-container .form-card .card-header,
:root.dark .rules-container .form-card .sidebar-header-content,
:root.dark .rules-container .form-card .sidebar-footer,
:root.dark .rules-container .form-card .dialog-header,
:root.dark .rules-container .form-card .dialog-footer,
:root.dark .rules-container .table-card .card-header,
:root.dark .rules-container .table-card .sidebar-header-content,
:root.dark .rules-container .table-card .sidebar-footer,
:root.dark .rules-container .table-card .dialog-header,
:root.dark .rules-container .table-card .dialog-footer,
:root.dark .ledger-container .stat-card .card-header,
:root.dark .ledger-container .stat-card .sidebar-header-content,
:root.dark .ledger-container .stat-card .sidebar-footer,
:root.dark .ledger-container .stat-card .dialog-header,
:root.dark .ledger-container .stat-card .dialog-footer,
:root.dark .ledger-container .card .card-header,
:root.dark .ledger-container .card .sidebar-header-content,
:root.dark .ledger-container .card .sidebar-footer,
:root.dark .ledger-container .card .dialog-header,
:root.dark .ledger-container .card .dialog-footer,
:root.dark .ledger-container .section-card .card-header,
:root.dark .ledger-container .section-card .sidebar-header-content,
:root.dark .ledger-container .section-card .sidebar-footer,
:root.dark .ledger-container .section-card .dialog-header,
:root.dark .ledger-container .section-card .dialog-footer,
:root.dark .ledger-container .form-card .card-header,
:root.dark .ledger-container .form-card .sidebar-header-content,
:root.dark .ledger-container .form-card .sidebar-footer,
:root.dark .ledger-container .form-card .dialog-header,
:root.dark .ledger-container .form-card .dialog-footer,
:root.dark .ledger-container .table-card .card-header,
:root.dark .ledger-container .table-card .sidebar-header-content,
:root.dark .ledger-container .table-card .sidebar-footer,
:root.dark .ledger-container .table-card .dialog-header,
:root.dark .ledger-container .table-card .dialog-footer,
:root.dark .create-rule-container .stat-card .card-header,
:root.dark .create-rule-container .stat-card .sidebar-header-content,
:root.dark .create-rule-container .stat-card .sidebar-footer,
:root.dark .create-rule-container .stat-card .dialog-header,
:root.dark .create-rule-container .stat-card .dialog-footer,
:root.dark .create-rule-container .card .card-header,
:root.dark .create-rule-container .card .sidebar-header-content,
:root.dark .create-rule-container .card .sidebar-footer,
:root.dark .create-rule-container .card .dialog-header,
:root.dark .create-rule-container .card .dialog-footer,
:root.dark .create-rule-container .section-card .card-header,
:root.dark .create-rule-container .section-card .sidebar-header-content,
:root.dark .create-rule-container .section-card .sidebar-footer,
:root.dark .create-rule-container .section-card .dialog-header,
:root.dark .create-rule-container .section-card .dialog-footer,
:root.dark .create-rule-container .form-card .card-header,
:root.dark .create-rule-container .form-card .sidebar-header-content,
:root.dark .create-rule-container .form-card .sidebar-footer,
:root.dark .create-rule-container .form-card .dialog-header,
:root.dark .create-rule-container .form-card .dialog-footer,
:root.dark .create-rule-container .table-card .card-header,
:root.dark .create-rule-container .table-card .sidebar-header-content,
:root.dark .create-rule-container .table-card .sidebar-footer,
:root.dark .create-rule-container .table-card .dialog-header,
:root.dark .create-rule-container .table-card .dialog-footer,
:root.dark app-create-payout-method .stat-card .card-header,
:root.dark app-create-payout-method .stat-card .sidebar-header-content,
:root.dark app-create-payout-method .stat-card .sidebar-footer,
:root.dark app-create-payout-method .stat-card .dialog-header,
:root.dark app-create-payout-method .stat-card .dialog-footer,
:root.dark app-create-payout-method .card .card-header,
:root.dark app-create-payout-method .card .sidebar-header-content,
:root.dark app-create-payout-method .card .sidebar-footer,
:root.dark app-create-payout-method .card .dialog-header,
:root.dark app-create-payout-method .card .dialog-footer,
:root.dark app-create-payout-method .section-card .card-header,
:root.dark app-create-payout-method .section-card .sidebar-header-content,
:root.dark app-create-payout-method .section-card .sidebar-footer,
:root.dark app-create-payout-method .section-card .dialog-header,
:root.dark app-create-payout-method .section-card .dialog-footer,
:root.dark app-create-payout-method .form-card .card-header,
:root.dark app-create-payout-method .form-card .sidebar-header-content,
:root.dark app-create-payout-method .form-card .sidebar-footer,
:root.dark app-create-payout-method .form-card .dialog-header,
:root.dark app-create-payout-method .form-card .dialog-footer,
:root.dark app-create-payout-method .table-card .card-header,
:root.dark app-create-payout-method .table-card .sidebar-header-content,
:root.dark app-create-payout-method .table-card .sidebar-footer,
:root.dark app-create-payout-method .table-card .dialog-header,
:root.dark app-create-payout-method .table-card .dialog-footer,
:root.dark .assets-container .stat-card .card-header,
:root.dark .assets-container .stat-card .sidebar-header-content,
:root.dark .assets-container .stat-card .sidebar-footer,
:root.dark .assets-container .stat-card .dialog-header,
:root.dark .assets-container .stat-card .dialog-footer,
:root.dark .assets-container .card .card-header,
:root.dark .assets-container .card .sidebar-header-content,
:root.dark .assets-container .card .sidebar-footer,
:root.dark .assets-container .card .dialog-header,
:root.dark .assets-container .card .dialog-footer,
:root.dark .assets-container .section-card .card-header,
:root.dark .assets-container .section-card .sidebar-header-content,
:root.dark .assets-container .section-card .sidebar-footer,
:root.dark .assets-container .section-card .dialog-header,
:root.dark .assets-container .section-card .dialog-footer,
:root.dark .assets-container .form-card .card-header,
:root.dark .assets-container .form-card .sidebar-header-content,
:root.dark .assets-container .form-card .sidebar-footer,
:root.dark .assets-container .form-card .dialog-header,
:root.dark .assets-container .form-card .dialog-footer,
:root.dark .assets-container .table-card .card-header,
:root.dark .assets-container .table-card .sidebar-header-content,
:root.dark .assets-container .table-card .sidebar-footer,
:root.dark .assets-container .table-card .dialog-header,
:root.dark .assets-container .table-card .dialog-footer,
:root.dark .audit-logs-container .stat-card .card-header,
:root.dark .audit-logs-container .stat-card .sidebar-header-content,
:root.dark .audit-logs-container .stat-card .sidebar-footer,
:root.dark .audit-logs-container .stat-card .dialog-header,
:root.dark .audit-logs-container .stat-card .dialog-footer,
:root.dark .audit-logs-container .card .card-header,
:root.dark .audit-logs-container .card .sidebar-header-content,
:root.dark .audit-logs-container .card .sidebar-footer,
:root.dark .audit-logs-container .card .dialog-header,
:root.dark .audit-logs-container .card .dialog-footer,
:root.dark .audit-logs-container .section-card .card-header,
:root.dark .audit-logs-container .section-card .sidebar-header-content,
:root.dark .audit-logs-container .section-card .sidebar-footer,
:root.dark .audit-logs-container .section-card .dialog-header,
:root.dark .audit-logs-container .section-card .dialog-footer,
:root.dark .audit-logs-container .form-card .card-header,
:root.dark .audit-logs-container .form-card .sidebar-header-content,
:root.dark .audit-logs-container .form-card .sidebar-footer,
:root.dark .audit-logs-container .form-card .dialog-header,
:root.dark .audit-logs-container .form-card .dialog-footer,
:root.dark .audit-logs-container .table-card .card-header,
:root.dark .audit-logs-container .table-card .sidebar-header-content,
:root.dark .audit-logs-container .table-card .sidebar-footer,
:root.dark .audit-logs-container .table-card .dialog-header,
:root.dark .audit-logs-container .table-card .dialog-footer,
:root.dark .notifications-container .stat-card .card-header,
:root.dark .notifications-container .stat-card .sidebar-header-content,
:root.dark .notifications-container .stat-card .sidebar-footer,
:root.dark .notifications-container .stat-card .dialog-header,
:root.dark .notifications-container .stat-card .dialog-footer,
:root.dark .notifications-container .card .card-header,
:root.dark .notifications-container .card .sidebar-header-content,
:root.dark .notifications-container .card .sidebar-footer,
:root.dark .notifications-container .card .dialog-header,
:root.dark .notifications-container .card .dialog-footer,
:root.dark .notifications-container .section-card .card-header,
:root.dark .notifications-container .section-card .sidebar-header-content,
:root.dark .notifications-container .section-card .sidebar-footer,
:root.dark .notifications-container .section-card .dialog-header,
:root.dark .notifications-container .section-card .dialog-footer,
:root.dark .notifications-container .form-card .card-header,
:root.dark .notifications-container .form-card .sidebar-header-content,
:root.dark .notifications-container .form-card .sidebar-footer,
:root.dark .notifications-container .form-card .dialog-header,
:root.dark .notifications-container .form-card .dialog-footer,
:root.dark .notifications-container .table-card .card-header,
:root.dark .notifications-container .table-card .sidebar-header-content,
:root.dark .notifications-container .table-card .sidebar-footer,
:root.dark .notifications-container .table-card .dialog-header,
:root.dark .notifications-container .table-card .dialog-footer,
:root.dark .create-template-container .stat-card .card-header,
:root.dark .create-template-container .stat-card .sidebar-header-content,
:root.dark .create-template-container .stat-card .sidebar-footer,
:root.dark .create-template-container .stat-card .dialog-header,
:root.dark .create-template-container .stat-card .dialog-footer,
:root.dark .create-template-container .card .card-header,
:root.dark .create-template-container .card .sidebar-header-content,
:root.dark .create-template-container .card .sidebar-footer,
:root.dark .create-template-container .card .dialog-header,
:root.dark .create-template-container .card .dialog-footer,
:root.dark .create-template-container .section-card .card-header,
:root.dark .create-template-container .section-card .sidebar-header-content,
:root.dark .create-template-container .section-card .sidebar-footer,
:root.dark .create-template-container .section-card .dialog-header,
:root.dark .create-template-container .section-card .dialog-footer,
:root.dark .create-template-container .form-card .card-header,
:root.dark .create-template-container .form-card .sidebar-header-content,
:root.dark .create-template-container .form-card .sidebar-footer,
:root.dark .create-template-container .form-card .dialog-header,
:root.dark .create-template-container .form-card .dialog-footer,
:root.dark .create-template-container .table-card .card-header,
:root.dark .create-template-container .table-card .sidebar-header-content,
:root.dark .create-template-container .table-card .sidebar-footer,
:root.dark .create-template-container .table-card .dialog-header,
:root.dark .create-template-container .table-card .dialog-footer,
:root.dark .commission-agreements-container .stat-card .card-header,
:root.dark .commission-agreements-container .stat-card .sidebar-header-content,
:root.dark .commission-agreements-container .stat-card .sidebar-footer,
:root.dark .commission-agreements-container .stat-card .dialog-header,
:root.dark .commission-agreements-container .stat-card .dialog-footer,
:root.dark .commission-agreements-container .card .card-header,
:root.dark .commission-agreements-container .card .sidebar-header-content,
:root.dark .commission-agreements-container .card .sidebar-footer,
:root.dark .commission-agreements-container .card .dialog-header,
:root.dark .commission-agreements-container .card .dialog-footer,
:root.dark .commission-agreements-container .section-card .card-header,
:root.dark .commission-agreements-container .section-card .sidebar-header-content,
:root.dark .commission-agreements-container .section-card .sidebar-footer,
:root.dark .commission-agreements-container .section-card .dialog-header,
:root.dark .commission-agreements-container .section-card .dialog-footer,
:root.dark .commission-agreements-container .form-card .card-header,
:root.dark .commission-agreements-container .form-card .sidebar-header-content,
:root.dark .commission-agreements-container .form-card .sidebar-footer,
:root.dark .commission-agreements-container .form-card .dialog-header,
:root.dark .commission-agreements-container .form-card .dialog-footer,
:root.dark .commission-agreements-container .table-card .card-header,
:root.dark .commission-agreements-container .table-card .sidebar-header-content,
:root.dark .commission-agreements-container .table-card .sidebar-footer,
:root.dark .commission-agreements-container .table-card .dialog-header,
:root.dark .commission-agreements-container .table-card .dialog-footer {
  border-bottom-color: var(--border-color) !important;
  border-top-color: var(--border-color) !important;
  background: var(--bg-secondary) !important;
}
:root.dark .stats-container .stat-card .radio-item label,
:root.dark .stats-container .card .radio-item label,
:root.dark .stats-container .section-card .radio-item label,
:root.dark .stats-container .form-card .radio-item label,
:root.dark .stats-container .table-card .radio-item label,
:root.dark .analytics .stat-card .radio-item label,
:root.dark .analytics .card .radio-item label,
:root.dark .analytics .section-card .radio-item label,
:root.dark .analytics .form-card .radio-item label,
:root.dark .analytics .table-card .radio-item label,
:root.dark .affiliate-create-container .stat-card .radio-item label,
:root.dark .affiliate-create-container .card .radio-item label,
:root.dark .affiliate-create-container .section-card .radio-item label,
:root.dark .affiliate-create-container .form-card .radio-item label,
:root.dark .affiliate-create-container .table-card .radio-item label,
:root.dark .revenue-report-container .stat-card .radio-item label,
:root.dark .revenue-report-container .card .radio-item label,
:root.dark .revenue-report-container .section-card .radio-item label,
:root.dark .revenue-report-container .form-card .radio-item label,
:root.dark .revenue-report-container .table-card .radio-item label,
:root.dark .create-referral-container .stat-card .radio-item label,
:root.dark .create-referral-container .card .radio-item label,
:root.dark .create-referral-container .section-card .radio-item label,
:root.dark .create-referral-container .form-card .radio-item label,
:root.dark .create-referral-container .table-card .radio-item label,
:root.dark .create-container .stat-card .radio-item label,
:root.dark .create-container .card .radio-item label,
:root.dark .create-container .section-card .radio-item label,
:root.dark .create-container .form-card .radio-item label,
:root.dark .create-container .table-card .radio-item label,
:root.dark .rules-container .stat-card .radio-item label,
:root.dark .rules-container .card .radio-item label,
:root.dark .rules-container .section-card .radio-item label,
:root.dark .rules-container .form-card .radio-item label,
:root.dark .rules-container .table-card .radio-item label,
:root.dark .ledger-container .stat-card .radio-item label,
:root.dark .ledger-container .card .radio-item label,
:root.dark .ledger-container .section-card .radio-item label,
:root.dark .ledger-container .form-card .radio-item label,
:root.dark .ledger-container .table-card .radio-item label,
:root.dark .create-rule-container .stat-card .radio-item label,
:root.dark .create-rule-container .card .radio-item label,
:root.dark .create-rule-container .section-card .radio-item label,
:root.dark .create-rule-container .form-card .radio-item label,
:root.dark .create-rule-container .table-card .radio-item label,
:root.dark app-create-payout-method .stat-card .radio-item label,
:root.dark app-create-payout-method .card .radio-item label,
:root.dark app-create-payout-method .section-card .radio-item label,
:root.dark app-create-payout-method .form-card .radio-item label,
:root.dark app-create-payout-method .table-card .radio-item label,
:root.dark .assets-container .stat-card .radio-item label,
:root.dark .assets-container .card .radio-item label,
:root.dark .assets-container .section-card .radio-item label,
:root.dark .assets-container .form-card .radio-item label,
:root.dark .assets-container .table-card .radio-item label,
:root.dark .audit-logs-container .stat-card .radio-item label,
:root.dark .audit-logs-container .card .radio-item label,
:root.dark .audit-logs-container .section-card .radio-item label,
:root.dark .audit-logs-container .form-card .radio-item label,
:root.dark .audit-logs-container .table-card .radio-item label,
:root.dark .notifications-container .stat-card .radio-item label,
:root.dark .notifications-container .card .radio-item label,
:root.dark .notifications-container .section-card .radio-item label,
:root.dark .notifications-container .form-card .radio-item label,
:root.dark .notifications-container .table-card .radio-item label,
:root.dark .create-template-container .stat-card .radio-item label,
:root.dark .create-template-container .card .radio-item label,
:root.dark .create-template-container .section-card .radio-item label,
:root.dark .create-template-container .form-card .radio-item label,
:root.dark .create-template-container .table-card .radio-item label,
:root.dark .commission-agreements-container .stat-card .radio-item label,
:root.dark .commission-agreements-container .card .radio-item label,
:root.dark .commission-agreements-container .section-card .radio-item label,
:root.dark .commission-agreements-container .form-card .radio-item label,
:root.dark .commission-agreements-container .table-card .radio-item label {
  color: var(--text-primary) !important;
}
:root.dark .stats-container .stat-card .preview-box,
:root.dark .stats-container .card .preview-box,
:root.dark .stats-container .section-card .preview-box,
:root.dark .stats-container .form-card .preview-box,
:root.dark .stats-container .table-card .preview-box,
:root.dark .analytics .stat-card .preview-box,
:root.dark .analytics .card .preview-box,
:root.dark .analytics .section-card .preview-box,
:root.dark .analytics .form-card .preview-box,
:root.dark .analytics .table-card .preview-box,
:root.dark .affiliate-create-container .stat-card .preview-box,
:root.dark .affiliate-create-container .card .preview-box,
:root.dark .affiliate-create-container .section-card .preview-box,
:root.dark .affiliate-create-container .form-card .preview-box,
:root.dark .affiliate-create-container .table-card .preview-box,
:root.dark .revenue-report-container .stat-card .preview-box,
:root.dark .revenue-report-container .card .preview-box,
:root.dark .revenue-report-container .section-card .preview-box,
:root.dark .revenue-report-container .form-card .preview-box,
:root.dark .revenue-report-container .table-card .preview-box,
:root.dark .create-referral-container .stat-card .preview-box,
:root.dark .create-referral-container .card .preview-box,
:root.dark .create-referral-container .section-card .preview-box,
:root.dark .create-referral-container .form-card .preview-box,
:root.dark .create-referral-container .table-card .preview-box,
:root.dark .create-container .stat-card .preview-box,
:root.dark .create-container .card .preview-box,
:root.dark .create-container .section-card .preview-box,
:root.dark .create-container .form-card .preview-box,
:root.dark .create-container .table-card .preview-box,
:root.dark .rules-container .stat-card .preview-box,
:root.dark .rules-container .card .preview-box,
:root.dark .rules-container .section-card .preview-box,
:root.dark .rules-container .form-card .preview-box,
:root.dark .rules-container .table-card .preview-box,
:root.dark .ledger-container .stat-card .preview-box,
:root.dark .ledger-container .card .preview-box,
:root.dark .ledger-container .section-card .preview-box,
:root.dark .ledger-container .form-card .preview-box,
:root.dark .ledger-container .table-card .preview-box,
:root.dark .create-rule-container .stat-card .preview-box,
:root.dark .create-rule-container .card .preview-box,
:root.dark .create-rule-container .section-card .preview-box,
:root.dark .create-rule-container .form-card .preview-box,
:root.dark .create-rule-container .table-card .preview-box,
:root.dark app-create-payout-method .stat-card .preview-box,
:root.dark app-create-payout-method .card .preview-box,
:root.dark app-create-payout-method .section-card .preview-box,
:root.dark app-create-payout-method .form-card .preview-box,
:root.dark app-create-payout-method .table-card .preview-box,
:root.dark .assets-container .stat-card .preview-box,
:root.dark .assets-container .card .preview-box,
:root.dark .assets-container .section-card .preview-box,
:root.dark .assets-container .form-card .preview-box,
:root.dark .assets-container .table-card .preview-box,
:root.dark .audit-logs-container .stat-card .preview-box,
:root.dark .audit-logs-container .card .preview-box,
:root.dark .audit-logs-container .section-card .preview-box,
:root.dark .audit-logs-container .form-card .preview-box,
:root.dark .audit-logs-container .table-card .preview-box,
:root.dark .notifications-container .stat-card .preview-box,
:root.dark .notifications-container .card .preview-box,
:root.dark .notifications-container .section-card .preview-box,
:root.dark .notifications-container .form-card .preview-box,
:root.dark .notifications-container .table-card .preview-box,
:root.dark .create-template-container .stat-card .preview-box,
:root.dark .create-template-container .card .preview-box,
:root.dark .create-template-container .section-card .preview-box,
:root.dark .create-template-container .form-card .preview-box,
:root.dark .create-template-container .table-card .preview-box,
:root.dark .commission-agreements-container .stat-card .preview-box,
:root.dark .commission-agreements-container .card .preview-box,
:root.dark .commission-agreements-container .section-card .preview-box,
:root.dark .commission-agreements-container .form-card .preview-box,
:root.dark .commission-agreements-container .table-card .preview-box {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}
:root.dark .stats-container .stat-card .preview-box span,
:root.dark .stats-container .card .preview-box span,
:root.dark .stats-container .section-card .preview-box span,
:root.dark .stats-container .form-card .preview-box span,
:root.dark .stats-container .table-card .preview-box span,
:root.dark .analytics .stat-card .preview-box span,
:root.dark .analytics .card .preview-box span,
:root.dark .analytics .section-card .preview-box span,
:root.dark .analytics .form-card .preview-box span,
:root.dark .analytics .table-card .preview-box span,
:root.dark .affiliate-create-container .stat-card .preview-box span,
:root.dark .affiliate-create-container .card .preview-box span,
:root.dark .affiliate-create-container .section-card .preview-box span,
:root.dark .affiliate-create-container .form-card .preview-box span,
:root.dark .affiliate-create-container .table-card .preview-box span,
:root.dark .revenue-report-container .stat-card .preview-box span,
:root.dark .revenue-report-container .card .preview-box span,
:root.dark .revenue-report-container .section-card .preview-box span,
:root.dark .revenue-report-container .form-card .preview-box span,
:root.dark .revenue-report-container .table-card .preview-box span,
:root.dark .create-referral-container .stat-card .preview-box span,
:root.dark .create-referral-container .card .preview-box span,
:root.dark .create-referral-container .section-card .preview-box span,
:root.dark .create-referral-container .form-card .preview-box span,
:root.dark .create-referral-container .table-card .preview-box span,
:root.dark .create-container .stat-card .preview-box span,
:root.dark .create-container .card .preview-box span,
:root.dark .create-container .section-card .preview-box span,
:root.dark .create-container .form-card .preview-box span,
:root.dark .create-container .table-card .preview-box span,
:root.dark .rules-container .stat-card .preview-box span,
:root.dark .rules-container .card .preview-box span,
:root.dark .rules-container .section-card .preview-box span,
:root.dark .rules-container .form-card .preview-box span,
:root.dark .rules-container .table-card .preview-box span,
:root.dark .ledger-container .stat-card .preview-box span,
:root.dark .ledger-container .card .preview-box span,
:root.dark .ledger-container .section-card .preview-box span,
:root.dark .ledger-container .form-card .preview-box span,
:root.dark .ledger-container .table-card .preview-box span,
:root.dark .create-rule-container .stat-card .preview-box span,
:root.dark .create-rule-container .card .preview-box span,
:root.dark .create-rule-container .section-card .preview-box span,
:root.dark .create-rule-container .form-card .preview-box span,
:root.dark .create-rule-container .table-card .preview-box span,
:root.dark app-create-payout-method .stat-card .preview-box span,
:root.dark app-create-payout-method .card .preview-box span,
:root.dark app-create-payout-method .section-card .preview-box span,
:root.dark app-create-payout-method .form-card .preview-box span,
:root.dark app-create-payout-method .table-card .preview-box span,
:root.dark .assets-container .stat-card .preview-box span,
:root.dark .assets-container .card .preview-box span,
:root.dark .assets-container .section-card .preview-box span,
:root.dark .assets-container .form-card .preview-box span,
:root.dark .assets-container .table-card .preview-box span,
:root.dark .audit-logs-container .stat-card .preview-box span,
:root.dark .audit-logs-container .card .preview-box span,
:root.dark .audit-logs-container .section-card .preview-box span,
:root.dark .audit-logs-container .form-card .preview-box span,
:root.dark .audit-logs-container .table-card .preview-box span,
:root.dark .notifications-container .stat-card .preview-box span,
:root.dark .notifications-container .card .preview-box span,
:root.dark .notifications-container .section-card .preview-box span,
:root.dark .notifications-container .form-card .preview-box span,
:root.dark .notifications-container .table-card .preview-box span,
:root.dark .create-template-container .stat-card .preview-box span,
:root.dark .create-template-container .card .preview-box span,
:root.dark .create-template-container .section-card .preview-box span,
:root.dark .create-template-container .form-card .preview-box span,
:root.dark .create-template-container .table-card .preview-box span,
:root.dark .commission-agreements-container .stat-card .preview-box span,
:root.dark .commission-agreements-container .card .preview-box span,
:root.dark .commission-agreements-container .section-card .preview-box span,
:root.dark .commission-agreements-container .form-card .preview-box span,
:root.dark .commission-agreements-container .table-card .preview-box span {
  color: #38bdf8 !important;
}
:root.dark .stats-container .stat-card .p-float-label label,
:root.dark .stats-container .card .p-float-label label,
:root.dark .stats-container .section-card .p-float-label label,
:root.dark .stats-container .form-card .p-float-label label,
:root.dark .stats-container .table-card .p-float-label label,
:root.dark .analytics .stat-card .p-float-label label,
:root.dark .analytics .card .p-float-label label,
:root.dark .analytics .section-card .p-float-label label,
:root.dark .analytics .form-card .p-float-label label,
:root.dark .analytics .table-card .p-float-label label,
:root.dark .affiliate-create-container .stat-card .p-float-label label,
:root.dark .affiliate-create-container .card .p-float-label label,
:root.dark .affiliate-create-container .section-card .p-float-label label,
:root.dark .affiliate-create-container .form-card .p-float-label label,
:root.dark .affiliate-create-container .table-card .p-float-label label,
:root.dark .revenue-report-container .stat-card .p-float-label label,
:root.dark .revenue-report-container .card .p-float-label label,
:root.dark .revenue-report-container .section-card .p-float-label label,
:root.dark .revenue-report-container .form-card .p-float-label label,
:root.dark .revenue-report-container .table-card .p-float-label label,
:root.dark .create-referral-container .stat-card .p-float-label label,
:root.dark .create-referral-container .card .p-float-label label,
:root.dark .create-referral-container .section-card .p-float-label label,
:root.dark .create-referral-container .form-card .p-float-label label,
:root.dark .create-referral-container .table-card .p-float-label label,
:root.dark .create-container .stat-card .p-float-label label,
:root.dark .create-container .card .p-float-label label,
:root.dark .create-container .section-card .p-float-label label,
:root.dark .create-container .form-card .p-float-label label,
:root.dark .create-container .table-card .p-float-label label,
:root.dark .rules-container .stat-card .p-float-label label,
:root.dark .rules-container .card .p-float-label label,
:root.dark .rules-container .section-card .p-float-label label,
:root.dark .rules-container .form-card .p-float-label label,
:root.dark .rules-container .table-card .p-float-label label,
:root.dark .ledger-container .stat-card .p-float-label label,
:root.dark .ledger-container .card .p-float-label label,
:root.dark .ledger-container .section-card .p-float-label label,
:root.dark .ledger-container .form-card .p-float-label label,
:root.dark .ledger-container .table-card .p-float-label label,
:root.dark .create-rule-container .stat-card .p-float-label label,
:root.dark .create-rule-container .card .p-float-label label,
:root.dark .create-rule-container .section-card .p-float-label label,
:root.dark .create-rule-container .form-card .p-float-label label,
:root.dark .create-rule-container .table-card .p-float-label label,
:root.dark app-create-payout-method .stat-card .p-float-label label,
:root.dark app-create-payout-method .card .p-float-label label,
:root.dark app-create-payout-method .section-card .p-float-label label,
:root.dark app-create-payout-method .form-card .p-float-label label,
:root.dark app-create-payout-method .table-card .p-float-label label,
:root.dark .assets-container .stat-card .p-float-label label,
:root.dark .assets-container .card .p-float-label label,
:root.dark .assets-container .section-card .p-float-label label,
:root.dark .assets-container .form-card .p-float-label label,
:root.dark .assets-container .table-card .p-float-label label,
:root.dark .audit-logs-container .stat-card .p-float-label label,
:root.dark .audit-logs-container .card .p-float-label label,
:root.dark .audit-logs-container .section-card .p-float-label label,
:root.dark .audit-logs-container .form-card .p-float-label label,
:root.dark .audit-logs-container .table-card .p-float-label label,
:root.dark .notifications-container .stat-card .p-float-label label,
:root.dark .notifications-container .card .p-float-label label,
:root.dark .notifications-container .section-card .p-float-label label,
:root.dark .notifications-container .form-card .p-float-label label,
:root.dark .notifications-container .table-card .p-float-label label,
:root.dark .create-template-container .stat-card .p-float-label label,
:root.dark .create-template-container .card .p-float-label label,
:root.dark .create-template-container .section-card .p-float-label label,
:root.dark .create-template-container .form-card .p-float-label label,
:root.dark .create-template-container .table-card .p-float-label label,
:root.dark .commission-agreements-container .stat-card .p-float-label label,
:root.dark .commission-agreements-container .card .p-float-label label,
:root.dark .commission-agreements-container .section-card .p-float-label label,
:root.dark .commission-agreements-container .form-card .p-float-label label,
:root.dark .commission-agreements-container .table-card .p-float-label label {
  color: var(--text-secondary) !important;
}
:root.dark .stats-container .stat-card .p-inputtext,
:root.dark .stats-container .stat-card .p-dropdown,
:root.dark .stats-container .stat-card .p-multiselect,
:root.dark .stats-container .stat-card .p-calendar,
:root.dark .stats-container .stat-card .p-inputnumber,
:root.dark .stats-container .card .p-inputtext,
:root.dark .stats-container .card .p-dropdown,
:root.dark .stats-container .card .p-multiselect,
:root.dark .stats-container .card .p-calendar,
:root.dark .stats-container .card .p-inputnumber,
:root.dark .stats-container .section-card .p-inputtext,
:root.dark .stats-container .section-card .p-dropdown,
:root.dark .stats-container .section-card .p-multiselect,
:root.dark .stats-container .section-card .p-calendar,
:root.dark .stats-container .section-card .p-inputnumber,
:root.dark .stats-container .form-card .p-inputtext,
:root.dark .stats-container .form-card .p-dropdown,
:root.dark .stats-container .form-card .p-multiselect,
:root.dark .stats-container .form-card .p-calendar,
:root.dark .stats-container .form-card .p-inputnumber,
:root.dark .stats-container .table-card .p-inputtext,
:root.dark .stats-container .table-card .p-dropdown,
:root.dark .stats-container .table-card .p-multiselect,
:root.dark .stats-container .table-card .p-calendar,
:root.dark .stats-container .table-card .p-inputnumber,
:root.dark .analytics .stat-card .p-inputtext,
:root.dark .analytics .stat-card .p-dropdown,
:root.dark .analytics .stat-card .p-multiselect,
:root.dark .analytics .stat-card .p-calendar,
:root.dark .analytics .stat-card .p-inputnumber,
:root.dark .analytics .card .p-inputtext,
:root.dark .analytics .card .p-dropdown,
:root.dark .analytics .card .p-multiselect,
:root.dark .analytics .card .p-calendar,
:root.dark .analytics .card .p-inputnumber,
:root.dark .analytics .section-card .p-inputtext,
:root.dark .analytics .section-card .p-dropdown,
:root.dark .analytics .section-card .p-multiselect,
:root.dark .analytics .section-card .p-calendar,
:root.dark .analytics .section-card .p-inputnumber,
:root.dark .analytics .form-card .p-inputtext,
:root.dark .analytics .form-card .p-dropdown,
:root.dark .analytics .form-card .p-multiselect,
:root.dark .analytics .form-card .p-calendar,
:root.dark .analytics .form-card .p-inputnumber,
:root.dark .analytics .table-card .p-inputtext,
:root.dark .analytics .table-card .p-dropdown,
:root.dark .analytics .table-card .p-multiselect,
:root.dark .analytics .table-card .p-calendar,
:root.dark .analytics .table-card .p-inputnumber,
:root.dark .affiliate-create-container .stat-card .p-inputtext,
:root.dark .affiliate-create-container .stat-card .p-dropdown,
:root.dark .affiliate-create-container .stat-card .p-multiselect,
:root.dark .affiliate-create-container .stat-card .p-calendar,
:root.dark .affiliate-create-container .stat-card .p-inputnumber,
:root.dark .affiliate-create-container .card .p-inputtext,
:root.dark .affiliate-create-container .card .p-dropdown,
:root.dark .affiliate-create-container .card .p-multiselect,
:root.dark .affiliate-create-container .card .p-calendar,
:root.dark .affiliate-create-container .card .p-inputnumber,
:root.dark .affiliate-create-container .section-card .p-inputtext,
:root.dark .affiliate-create-container .section-card .p-dropdown,
:root.dark .affiliate-create-container .section-card .p-multiselect,
:root.dark .affiliate-create-container .section-card .p-calendar,
:root.dark .affiliate-create-container .section-card .p-inputnumber,
:root.dark .affiliate-create-container .form-card .p-inputtext,
:root.dark .affiliate-create-container .form-card .p-dropdown,
:root.dark .affiliate-create-container .form-card .p-multiselect,
:root.dark .affiliate-create-container .form-card .p-calendar,
:root.dark .affiliate-create-container .form-card .p-inputnumber,
:root.dark .affiliate-create-container .table-card .p-inputtext,
:root.dark .affiliate-create-container .table-card .p-dropdown,
:root.dark .affiliate-create-container .table-card .p-multiselect,
:root.dark .affiliate-create-container .table-card .p-calendar,
:root.dark .affiliate-create-container .table-card .p-inputnumber,
:root.dark .revenue-report-container .stat-card .p-inputtext,
:root.dark .revenue-report-container .stat-card .p-dropdown,
:root.dark .revenue-report-container .stat-card .p-multiselect,
:root.dark .revenue-report-container .stat-card .p-calendar,
:root.dark .revenue-report-container .stat-card .p-inputnumber,
:root.dark .revenue-report-container .card .p-inputtext,
:root.dark .revenue-report-container .card .p-dropdown,
:root.dark .revenue-report-container .card .p-multiselect,
:root.dark .revenue-report-container .card .p-calendar,
:root.dark .revenue-report-container .card .p-inputnumber,
:root.dark .revenue-report-container .section-card .p-inputtext,
:root.dark .revenue-report-container .section-card .p-dropdown,
:root.dark .revenue-report-container .section-card .p-multiselect,
:root.dark .revenue-report-container .section-card .p-calendar,
:root.dark .revenue-report-container .section-card .p-inputnumber,
:root.dark .revenue-report-container .form-card .p-inputtext,
:root.dark .revenue-report-container .form-card .p-dropdown,
:root.dark .revenue-report-container .form-card .p-multiselect,
:root.dark .revenue-report-container .form-card .p-calendar,
:root.dark .revenue-report-container .form-card .p-inputnumber,
:root.dark .revenue-report-container .table-card .p-inputtext,
:root.dark .revenue-report-container .table-card .p-dropdown,
:root.dark .revenue-report-container .table-card .p-multiselect,
:root.dark .revenue-report-container .table-card .p-calendar,
:root.dark .revenue-report-container .table-card .p-inputnumber,
:root.dark .create-referral-container .stat-card .p-inputtext,
:root.dark .create-referral-container .stat-card .p-dropdown,
:root.dark .create-referral-container .stat-card .p-multiselect,
:root.dark .create-referral-container .stat-card .p-calendar,
:root.dark .create-referral-container .stat-card .p-inputnumber,
:root.dark .create-referral-container .card .p-inputtext,
:root.dark .create-referral-container .card .p-dropdown,
:root.dark .create-referral-container .card .p-multiselect,
:root.dark .create-referral-container .card .p-calendar,
:root.dark .create-referral-container .card .p-inputnumber,
:root.dark .create-referral-container .section-card .p-inputtext,
:root.dark .create-referral-container .section-card .p-dropdown,
:root.dark .create-referral-container .section-card .p-multiselect,
:root.dark .create-referral-container .section-card .p-calendar,
:root.dark .create-referral-container .section-card .p-inputnumber,
:root.dark .create-referral-container .form-card .p-inputtext,
:root.dark .create-referral-container .form-card .p-dropdown,
:root.dark .create-referral-container .form-card .p-multiselect,
:root.dark .create-referral-container .form-card .p-calendar,
:root.dark .create-referral-container .form-card .p-inputnumber,
:root.dark .create-referral-container .table-card .p-inputtext,
:root.dark .create-referral-container .table-card .p-dropdown,
:root.dark .create-referral-container .table-card .p-multiselect,
:root.dark .create-referral-container .table-card .p-calendar,
:root.dark .create-referral-container .table-card .p-inputnumber,
:root.dark .create-container .stat-card .p-inputtext,
:root.dark .create-container .stat-card .p-dropdown,
:root.dark .create-container .stat-card .p-multiselect,
:root.dark .create-container .stat-card .p-calendar,
:root.dark .create-container .stat-card .p-inputnumber,
:root.dark .create-container .card .p-inputtext,
:root.dark .create-container .card .p-dropdown,
:root.dark .create-container .card .p-multiselect,
:root.dark .create-container .card .p-calendar,
:root.dark .create-container .card .p-inputnumber,
:root.dark .create-container .section-card .p-inputtext,
:root.dark .create-container .section-card .p-dropdown,
:root.dark .create-container .section-card .p-multiselect,
:root.dark .create-container .section-card .p-calendar,
:root.dark .create-container .section-card .p-inputnumber,
:root.dark .create-container .form-card .p-inputtext,
:root.dark .create-container .form-card .p-dropdown,
:root.dark .create-container .form-card .p-multiselect,
:root.dark .create-container .form-card .p-calendar,
:root.dark .create-container .form-card .p-inputnumber,
:root.dark .create-container .table-card .p-inputtext,
:root.dark .create-container .table-card .p-dropdown,
:root.dark .create-container .table-card .p-multiselect,
:root.dark .create-container .table-card .p-calendar,
:root.dark .create-container .table-card .p-inputnumber,
:root.dark .rules-container .stat-card .p-inputtext,
:root.dark .rules-container .stat-card .p-dropdown,
:root.dark .rules-container .stat-card .p-multiselect,
:root.dark .rules-container .stat-card .p-calendar,
:root.dark .rules-container .stat-card .p-inputnumber,
:root.dark .rules-container .card .p-inputtext,
:root.dark .rules-container .card .p-dropdown,
:root.dark .rules-container .card .p-multiselect,
:root.dark .rules-container .card .p-calendar,
:root.dark .rules-container .card .p-inputnumber,
:root.dark .rules-container .section-card .p-inputtext,
:root.dark .rules-container .section-card .p-dropdown,
:root.dark .rules-container .section-card .p-multiselect,
:root.dark .rules-container .section-card .p-calendar,
:root.dark .rules-container .section-card .p-inputnumber,
:root.dark .rules-container .form-card .p-inputtext,
:root.dark .rules-container .form-card .p-dropdown,
:root.dark .rules-container .form-card .p-multiselect,
:root.dark .rules-container .form-card .p-calendar,
:root.dark .rules-container .form-card .p-inputnumber,
:root.dark .rules-container .table-card .p-inputtext,
:root.dark .rules-container .table-card .p-dropdown,
:root.dark .rules-container .table-card .p-multiselect,
:root.dark .rules-container .table-card .p-calendar,
:root.dark .rules-container .table-card .p-inputnumber,
:root.dark .ledger-container .stat-card .p-inputtext,
:root.dark .ledger-container .stat-card .p-dropdown,
:root.dark .ledger-container .stat-card .p-multiselect,
:root.dark .ledger-container .stat-card .p-calendar,
:root.dark .ledger-container .stat-card .p-inputnumber,
:root.dark .ledger-container .card .p-inputtext,
:root.dark .ledger-container .card .p-dropdown,
:root.dark .ledger-container .card .p-multiselect,
:root.dark .ledger-container .card .p-calendar,
:root.dark .ledger-container .card .p-inputnumber,
:root.dark .ledger-container .section-card .p-inputtext,
:root.dark .ledger-container .section-card .p-dropdown,
:root.dark .ledger-container .section-card .p-multiselect,
:root.dark .ledger-container .section-card .p-calendar,
:root.dark .ledger-container .section-card .p-inputnumber,
:root.dark .ledger-container .form-card .p-inputtext,
:root.dark .ledger-container .form-card .p-dropdown,
:root.dark .ledger-container .form-card .p-multiselect,
:root.dark .ledger-container .form-card .p-calendar,
:root.dark .ledger-container .form-card .p-inputnumber,
:root.dark .ledger-container .table-card .p-inputtext,
:root.dark .ledger-container .table-card .p-dropdown,
:root.dark .ledger-container .table-card .p-multiselect,
:root.dark .ledger-container .table-card .p-calendar,
:root.dark .ledger-container .table-card .p-inputnumber,
:root.dark .create-rule-container .stat-card .p-inputtext,
:root.dark .create-rule-container .stat-card .p-dropdown,
:root.dark .create-rule-container .stat-card .p-multiselect,
:root.dark .create-rule-container .stat-card .p-calendar,
:root.dark .create-rule-container .stat-card .p-inputnumber,
:root.dark .create-rule-container .card .p-inputtext,
:root.dark .create-rule-container .card .p-dropdown,
:root.dark .create-rule-container .card .p-multiselect,
:root.dark .create-rule-container .card .p-calendar,
:root.dark .create-rule-container .card .p-inputnumber,
:root.dark .create-rule-container .section-card .p-inputtext,
:root.dark .create-rule-container .section-card .p-dropdown,
:root.dark .create-rule-container .section-card .p-multiselect,
:root.dark .create-rule-container .section-card .p-calendar,
:root.dark .create-rule-container .section-card .p-inputnumber,
:root.dark .create-rule-container .form-card .p-inputtext,
:root.dark .create-rule-container .form-card .p-dropdown,
:root.dark .create-rule-container .form-card .p-multiselect,
:root.dark .create-rule-container .form-card .p-calendar,
:root.dark .create-rule-container .form-card .p-inputnumber,
:root.dark .create-rule-container .table-card .p-inputtext,
:root.dark .create-rule-container .table-card .p-dropdown,
:root.dark .create-rule-container .table-card .p-multiselect,
:root.dark .create-rule-container .table-card .p-calendar,
:root.dark .create-rule-container .table-card .p-inputnumber,
:root.dark app-create-payout-method .stat-card .p-inputtext,
:root.dark app-create-payout-method .stat-card .p-dropdown,
:root.dark app-create-payout-method .stat-card .p-multiselect,
:root.dark app-create-payout-method .stat-card .p-calendar,
:root.dark app-create-payout-method .stat-card .p-inputnumber,
:root.dark app-create-payout-method .card .p-inputtext,
:root.dark app-create-payout-method .card .p-dropdown,
:root.dark app-create-payout-method .card .p-multiselect,
:root.dark app-create-payout-method .card .p-calendar,
:root.dark app-create-payout-method .card .p-inputnumber,
:root.dark app-create-payout-method .section-card .p-inputtext,
:root.dark app-create-payout-method .section-card .p-dropdown,
:root.dark app-create-payout-method .section-card .p-multiselect,
:root.dark app-create-payout-method .section-card .p-calendar,
:root.dark app-create-payout-method .section-card .p-inputnumber,
:root.dark app-create-payout-method .form-card .p-inputtext,
:root.dark app-create-payout-method .form-card .p-dropdown,
:root.dark app-create-payout-method .form-card .p-multiselect,
:root.dark app-create-payout-method .form-card .p-calendar,
:root.dark app-create-payout-method .form-card .p-inputnumber,
:root.dark app-create-payout-method .table-card .p-inputtext,
:root.dark app-create-payout-method .table-card .p-dropdown,
:root.dark app-create-payout-method .table-card .p-multiselect,
:root.dark app-create-payout-method .table-card .p-calendar,
:root.dark app-create-payout-method .table-card .p-inputnumber,
:root.dark .assets-container .stat-card .p-inputtext,
:root.dark .assets-container .stat-card .p-dropdown,
:root.dark .assets-container .stat-card .p-multiselect,
:root.dark .assets-container .stat-card .p-calendar,
:root.dark .assets-container .stat-card .p-inputnumber,
:root.dark .assets-container .card .p-inputtext,
:root.dark .assets-container .card .p-dropdown,
:root.dark .assets-container .card .p-multiselect,
:root.dark .assets-container .card .p-calendar,
:root.dark .assets-container .card .p-inputnumber,
:root.dark .assets-container .section-card .p-inputtext,
:root.dark .assets-container .section-card .p-dropdown,
:root.dark .assets-container .section-card .p-multiselect,
:root.dark .assets-container .section-card .p-calendar,
:root.dark .assets-container .section-card .p-inputnumber,
:root.dark .assets-container .form-card .p-inputtext,
:root.dark .assets-container .form-card .p-dropdown,
:root.dark .assets-container .form-card .p-multiselect,
:root.dark .assets-container .form-card .p-calendar,
:root.dark .assets-container .form-card .p-inputnumber,
:root.dark .assets-container .table-card .p-inputtext,
:root.dark .assets-container .table-card .p-dropdown,
:root.dark .assets-container .table-card .p-multiselect,
:root.dark .assets-container .table-card .p-calendar,
:root.dark .assets-container .table-card .p-inputnumber,
:root.dark .audit-logs-container .stat-card .p-inputtext,
:root.dark .audit-logs-container .stat-card .p-dropdown,
:root.dark .audit-logs-container .stat-card .p-multiselect,
:root.dark .audit-logs-container .stat-card .p-calendar,
:root.dark .audit-logs-container .stat-card .p-inputnumber,
:root.dark .audit-logs-container .card .p-inputtext,
:root.dark .audit-logs-container .card .p-dropdown,
:root.dark .audit-logs-container .card .p-multiselect,
:root.dark .audit-logs-container .card .p-calendar,
:root.dark .audit-logs-container .card .p-inputnumber,
:root.dark .audit-logs-container .section-card .p-inputtext,
:root.dark .audit-logs-container .section-card .p-dropdown,
:root.dark .audit-logs-container .section-card .p-multiselect,
:root.dark .audit-logs-container .section-card .p-calendar,
:root.dark .audit-logs-container .section-card .p-inputnumber,
:root.dark .audit-logs-container .form-card .p-inputtext,
:root.dark .audit-logs-container .form-card .p-dropdown,
:root.dark .audit-logs-container .form-card .p-multiselect,
:root.dark .audit-logs-container .form-card .p-calendar,
:root.dark .audit-logs-container .form-card .p-inputnumber,
:root.dark .audit-logs-container .table-card .p-inputtext,
:root.dark .audit-logs-container .table-card .p-dropdown,
:root.dark .audit-logs-container .table-card .p-multiselect,
:root.dark .audit-logs-container .table-card .p-calendar,
:root.dark .audit-logs-container .table-card .p-inputnumber,
:root.dark .notifications-container .stat-card .p-inputtext,
:root.dark .notifications-container .stat-card .p-dropdown,
:root.dark .notifications-container .stat-card .p-multiselect,
:root.dark .notifications-container .stat-card .p-calendar,
:root.dark .notifications-container .stat-card .p-inputnumber,
:root.dark .notifications-container .card .p-inputtext,
:root.dark .notifications-container .card .p-dropdown,
:root.dark .notifications-container .card .p-multiselect,
:root.dark .notifications-container .card .p-calendar,
:root.dark .notifications-container .card .p-inputnumber,
:root.dark .notifications-container .section-card .p-inputtext,
:root.dark .notifications-container .section-card .p-dropdown,
:root.dark .notifications-container .section-card .p-multiselect,
:root.dark .notifications-container .section-card .p-calendar,
:root.dark .notifications-container .section-card .p-inputnumber,
:root.dark .notifications-container .form-card .p-inputtext,
:root.dark .notifications-container .form-card .p-dropdown,
:root.dark .notifications-container .form-card .p-multiselect,
:root.dark .notifications-container .form-card .p-calendar,
:root.dark .notifications-container .form-card .p-inputnumber,
:root.dark .notifications-container .table-card .p-inputtext,
:root.dark .notifications-container .table-card .p-dropdown,
:root.dark .notifications-container .table-card .p-multiselect,
:root.dark .notifications-container .table-card .p-calendar,
:root.dark .notifications-container .table-card .p-inputnumber,
:root.dark .create-template-container .stat-card .p-inputtext,
:root.dark .create-template-container .stat-card .p-dropdown,
:root.dark .create-template-container .stat-card .p-multiselect,
:root.dark .create-template-container .stat-card .p-calendar,
:root.dark .create-template-container .stat-card .p-inputnumber,
:root.dark .create-template-container .card .p-inputtext,
:root.dark .create-template-container .card .p-dropdown,
:root.dark .create-template-container .card .p-multiselect,
:root.dark .create-template-container .card .p-calendar,
:root.dark .create-template-container .card .p-inputnumber,
:root.dark .create-template-container .section-card .p-inputtext,
:root.dark .create-template-container .section-card .p-dropdown,
:root.dark .create-template-container .section-card .p-multiselect,
:root.dark .create-template-container .section-card .p-calendar,
:root.dark .create-template-container .section-card .p-inputnumber,
:root.dark .create-template-container .form-card .p-inputtext,
:root.dark .create-template-container .form-card .p-dropdown,
:root.dark .create-template-container .form-card .p-multiselect,
:root.dark .create-template-container .form-card .p-calendar,
:root.dark .create-template-container .form-card .p-inputnumber,
:root.dark .create-template-container .table-card .p-inputtext,
:root.dark .create-template-container .table-card .p-dropdown,
:root.dark .create-template-container .table-card .p-multiselect,
:root.dark .create-template-container .table-card .p-calendar,
:root.dark .create-template-container .table-card .p-inputnumber,
:root.dark .commission-agreements-container .stat-card .p-inputtext,
:root.dark .commission-agreements-container .stat-card .p-dropdown,
:root.dark .commission-agreements-container .stat-card .p-multiselect,
:root.dark .commission-agreements-container .stat-card .p-calendar,
:root.dark .commission-agreements-container .stat-card .p-inputnumber,
:root.dark .commission-agreements-container .card .p-inputtext,
:root.dark .commission-agreements-container .card .p-dropdown,
:root.dark .commission-agreements-container .card .p-multiselect,
:root.dark .commission-agreements-container .card .p-calendar,
:root.dark .commission-agreements-container .card .p-inputnumber,
:root.dark .commission-agreements-container .section-card .p-inputtext,
:root.dark .commission-agreements-container .section-card .p-dropdown,
:root.dark .commission-agreements-container .section-card .p-multiselect,
:root.dark .commission-agreements-container .section-card .p-calendar,
:root.dark .commission-agreements-container .section-card .p-inputnumber,
:root.dark .commission-agreements-container .form-card .p-inputtext,
:root.dark .commission-agreements-container .form-card .p-dropdown,
:root.dark .commission-agreements-container .form-card .p-multiselect,
:root.dark .commission-agreements-container .form-card .p-calendar,
:root.dark .commission-agreements-container .form-card .p-inputnumber,
:root.dark .commission-agreements-container .table-card .p-inputtext,
:root.dark .commission-agreements-container .table-card .p-dropdown,
:root.dark .commission-agreements-container .table-card .p-multiselect,
:root.dark .commission-agreements-container .table-card .p-calendar,
:root.dark .commission-agreements-container .table-card .p-inputnumber {
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
:root.dark .stats-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .stats-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .stats-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .stats-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .stats-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .analytics .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .analytics .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .analytics .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .analytics .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .analytics .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .affiliate-create-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .affiliate-create-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .affiliate-create-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .affiliate-create-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .affiliate-create-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .revenue-report-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .revenue-report-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .revenue-report-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .revenue-report-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .revenue-report-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-referral-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-referral-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-referral-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-referral-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-referral-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .rules-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .rules-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .rules-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .rules-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .rules-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .ledger-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .ledger-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .ledger-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .ledger-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .ledger-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-rule-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-rule-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-rule-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-rule-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-rule-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark app-create-payout-method .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark app-create-payout-method .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark app-create-payout-method .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark app-create-payout-method .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark app-create-payout-method .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .assets-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .assets-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .assets-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .assets-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .assets-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .audit-logs-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .audit-logs-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .audit-logs-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .audit-logs-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .audit-logs-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .notifications-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .notifications-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .notifications-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .notifications-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .notifications-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-template-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-template-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-template-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-template-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .create-template-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .commission-agreements-container .stat-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .commission-agreements-container .card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .commission-agreements-container .section-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .commission-agreements-container .form-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label),
:root.dark .commission-agreements-container .table-card .p-inputtext:not(.p-inputnumber-input):not(.p-calendar .p-inputtext):not(.p-dropdown-label) {
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
}
:root.dark .stats-container .stat-card .name-column,
:root.dark .stats-container .card .name-column,
:root.dark .stats-container .section-card .name-column,
:root.dark .stats-container .form-card .name-column,
:root.dark .stats-container .table-card .name-column,
:root.dark .analytics .stat-card .name-column,
:root.dark .analytics .card .name-column,
:root.dark .analytics .section-card .name-column,
:root.dark .analytics .form-card .name-column,
:root.dark .analytics .table-card .name-column,
:root.dark .affiliate-create-container .stat-card .name-column,
:root.dark .affiliate-create-container .card .name-column,
:root.dark .affiliate-create-container .section-card .name-column,
:root.dark .affiliate-create-container .form-card .name-column,
:root.dark .affiliate-create-container .table-card .name-column,
:root.dark .revenue-report-container .stat-card .name-column,
:root.dark .revenue-report-container .card .name-column,
:root.dark .revenue-report-container .section-card .name-column,
:root.dark .revenue-report-container .form-card .name-column,
:root.dark .revenue-report-container .table-card .name-column,
:root.dark .create-referral-container .stat-card .name-column,
:root.dark .create-referral-container .card .name-column,
:root.dark .create-referral-container .section-card .name-column,
:root.dark .create-referral-container .form-card .name-column,
:root.dark .create-referral-container .table-card .name-column,
:root.dark .create-container .stat-card .name-column,
:root.dark .create-container .card .name-column,
:root.dark .create-container .section-card .name-column,
:root.dark .create-container .form-card .name-column,
:root.dark .create-container .table-card .name-column,
:root.dark .rules-container .stat-card .name-column,
:root.dark .rules-container .card .name-column,
:root.dark .rules-container .section-card .name-column,
:root.dark .rules-container .form-card .name-column,
:root.dark .rules-container .table-card .name-column,
:root.dark .ledger-container .stat-card .name-column,
:root.dark .ledger-container .card .name-column,
:root.dark .ledger-container .section-card .name-column,
:root.dark .ledger-container .form-card .name-column,
:root.dark .ledger-container .table-card .name-column,
:root.dark .create-rule-container .stat-card .name-column,
:root.dark .create-rule-container .card .name-column,
:root.dark .create-rule-container .section-card .name-column,
:root.dark .create-rule-container .form-card .name-column,
:root.dark .create-rule-container .table-card .name-column,
:root.dark app-create-payout-method .stat-card .name-column,
:root.dark app-create-payout-method .card .name-column,
:root.dark app-create-payout-method .section-card .name-column,
:root.dark app-create-payout-method .form-card .name-column,
:root.dark app-create-payout-method .table-card .name-column,
:root.dark .assets-container .stat-card .name-column,
:root.dark .assets-container .card .name-column,
:root.dark .assets-container .section-card .name-column,
:root.dark .assets-container .form-card .name-column,
:root.dark .assets-container .table-card .name-column,
:root.dark .audit-logs-container .stat-card .name-column,
:root.dark .audit-logs-container .card .name-column,
:root.dark .audit-logs-container .section-card .name-column,
:root.dark .audit-logs-container .form-card .name-column,
:root.dark .audit-logs-container .table-card .name-column,
:root.dark .notifications-container .stat-card .name-column,
:root.dark .notifications-container .card .name-column,
:root.dark .notifications-container .section-card .name-column,
:root.dark .notifications-container .form-card .name-column,
:root.dark .notifications-container .table-card .name-column,
:root.dark .create-template-container .stat-card .name-column,
:root.dark .create-template-container .card .name-column,
:root.dark .create-template-container .section-card .name-column,
:root.dark .create-template-container .form-card .name-column,
:root.dark .create-template-container .table-card .name-column,
:root.dark .commission-agreements-container .stat-card .name-column,
:root.dark .commission-agreements-container .card .name-column,
:root.dark .commission-agreements-container .section-card .name-column,
:root.dark .commission-agreements-container .form-card .name-column,
:root.dark .commission-agreements-container .table-card .name-column {
  color: var(--text-primary) !important;
}
:root.dark .stats-container .stat-card .action-tag,
:root.dark .stats-container .card .action-tag,
:root.dark .stats-container .section-card .action-tag,
:root.dark .stats-container .form-card .action-tag,
:root.dark .stats-container .table-card .action-tag,
:root.dark .analytics .stat-card .action-tag,
:root.dark .analytics .card .action-tag,
:root.dark .analytics .section-card .action-tag,
:root.dark .analytics .form-card .action-tag,
:root.dark .analytics .table-card .action-tag,
:root.dark .affiliate-create-container .stat-card .action-tag,
:root.dark .affiliate-create-container .card .action-tag,
:root.dark .affiliate-create-container .section-card .action-tag,
:root.dark .affiliate-create-container .form-card .action-tag,
:root.dark .affiliate-create-container .table-card .action-tag,
:root.dark .revenue-report-container .stat-card .action-tag,
:root.dark .revenue-report-container .card .action-tag,
:root.dark .revenue-report-container .section-card .action-tag,
:root.dark .revenue-report-container .form-card .action-tag,
:root.dark .revenue-report-container .table-card .action-tag,
:root.dark .create-referral-container .stat-card .action-tag,
:root.dark .create-referral-container .card .action-tag,
:root.dark .create-referral-container .section-card .action-tag,
:root.dark .create-referral-container .form-card .action-tag,
:root.dark .create-referral-container .table-card .action-tag,
:root.dark .create-container .stat-card .action-tag,
:root.dark .create-container .card .action-tag,
:root.dark .create-container .section-card .action-tag,
:root.dark .create-container .form-card .action-tag,
:root.dark .create-container .table-card .action-tag,
:root.dark .rules-container .stat-card .action-tag,
:root.dark .rules-container .card .action-tag,
:root.dark .rules-container .section-card .action-tag,
:root.dark .rules-container .form-card .action-tag,
:root.dark .rules-container .table-card .action-tag,
:root.dark .ledger-container .stat-card .action-tag,
:root.dark .ledger-container .card .action-tag,
:root.dark .ledger-container .section-card .action-tag,
:root.dark .ledger-container .form-card .action-tag,
:root.dark .ledger-container .table-card .action-tag,
:root.dark .create-rule-container .stat-card .action-tag,
:root.dark .create-rule-container .card .action-tag,
:root.dark .create-rule-container .section-card .action-tag,
:root.dark .create-rule-container .form-card .action-tag,
:root.dark .create-rule-container .table-card .action-tag,
:root.dark app-create-payout-method .stat-card .action-tag,
:root.dark app-create-payout-method .card .action-tag,
:root.dark app-create-payout-method .section-card .action-tag,
:root.dark app-create-payout-method .form-card .action-tag,
:root.dark app-create-payout-method .table-card .action-tag,
:root.dark .assets-container .stat-card .action-tag,
:root.dark .assets-container .card .action-tag,
:root.dark .assets-container .section-card .action-tag,
:root.dark .assets-container .form-card .action-tag,
:root.dark .assets-container .table-card .action-tag,
:root.dark .audit-logs-container .stat-card .action-tag,
:root.dark .audit-logs-container .card .action-tag,
:root.dark .audit-logs-container .section-card .action-tag,
:root.dark .audit-logs-container .form-card .action-tag,
:root.dark .audit-logs-container .table-card .action-tag,
:root.dark .notifications-container .stat-card .action-tag,
:root.dark .notifications-container .card .action-tag,
:root.dark .notifications-container .section-card .action-tag,
:root.dark .notifications-container .form-card .action-tag,
:root.dark .notifications-container .table-card .action-tag,
:root.dark .create-template-container .stat-card .action-tag,
:root.dark .create-template-container .card .action-tag,
:root.dark .create-template-container .section-card .action-tag,
:root.dark .create-template-container .form-card .action-tag,
:root.dark .create-template-container .table-card .action-tag,
:root.dark .commission-agreements-container .stat-card .action-tag,
:root.dark .commission-agreements-container .card .action-tag,
:root.dark .commission-agreements-container .section-card .action-tag,
:root.dark .commission-agreements-container .form-card .action-tag,
:root.dark .commission-agreements-container .table-card .action-tag {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .stats-container .stat-card .ip-code,
:root.dark .stats-container .stat-card code,
:root.dark .stats-container .card .ip-code,
:root.dark .stats-container .card code,
:root.dark .stats-container .section-card .ip-code,
:root.dark .stats-container .section-card code,
:root.dark .stats-container .form-card .ip-code,
:root.dark .stats-container .form-card code,
:root.dark .stats-container .table-card .ip-code,
:root.dark .stats-container .table-card code,
:root.dark .analytics .stat-card .ip-code,
:root.dark .analytics .stat-card code,
:root.dark .analytics .card .ip-code,
:root.dark .analytics .card code,
:root.dark .analytics .section-card .ip-code,
:root.dark .analytics .section-card code,
:root.dark .analytics .form-card .ip-code,
:root.dark .analytics .form-card code,
:root.dark .analytics .table-card .ip-code,
:root.dark .analytics .table-card code,
:root.dark .affiliate-create-container .stat-card .ip-code,
:root.dark .affiliate-create-container .stat-card code,
:root.dark .affiliate-create-container .card .ip-code,
:root.dark .affiliate-create-container .card code,
:root.dark .affiliate-create-container .section-card .ip-code,
:root.dark .affiliate-create-container .section-card code,
:root.dark .affiliate-create-container .form-card .ip-code,
:root.dark .affiliate-create-container .form-card code,
:root.dark .affiliate-create-container .table-card .ip-code,
:root.dark .affiliate-create-container .table-card code,
:root.dark .revenue-report-container .stat-card .ip-code,
:root.dark .revenue-report-container .stat-card code,
:root.dark .revenue-report-container .card .ip-code,
:root.dark .revenue-report-container .card code,
:root.dark .revenue-report-container .section-card .ip-code,
:root.dark .revenue-report-container .section-card code,
:root.dark .revenue-report-container .form-card .ip-code,
:root.dark .revenue-report-container .form-card code,
:root.dark .revenue-report-container .table-card .ip-code,
:root.dark .revenue-report-container .table-card code,
:root.dark .create-referral-container .stat-card .ip-code,
:root.dark .create-referral-container .stat-card code,
:root.dark .create-referral-container .card .ip-code,
:root.dark .create-referral-container .card code,
:root.dark .create-referral-container .section-card .ip-code,
:root.dark .create-referral-container .section-card code,
:root.dark .create-referral-container .form-card .ip-code,
:root.dark .create-referral-container .form-card code,
:root.dark .create-referral-container .table-card .ip-code,
:root.dark .create-referral-container .table-card code,
:root.dark .create-container .stat-card .ip-code,
:root.dark .create-container .stat-card code,
:root.dark .create-container .card .ip-code,
:root.dark .create-container .card code,
:root.dark .create-container .section-card .ip-code,
:root.dark .create-container .section-card code,
:root.dark .create-container .form-card .ip-code,
:root.dark .create-container .form-card code,
:root.dark .create-container .table-card .ip-code,
:root.dark .create-container .table-card code,
:root.dark .rules-container .stat-card .ip-code,
:root.dark .rules-container .stat-card code,
:root.dark .rules-container .card .ip-code,
:root.dark .rules-container .card code,
:root.dark .rules-container .section-card .ip-code,
:root.dark .rules-container .section-card code,
:root.dark .rules-container .form-card .ip-code,
:root.dark .rules-container .form-card code,
:root.dark .rules-container .table-card .ip-code,
:root.dark .rules-container .table-card code,
:root.dark .ledger-container .stat-card .ip-code,
:root.dark .ledger-container .stat-card code,
:root.dark .ledger-container .card .ip-code,
:root.dark .ledger-container .card code,
:root.dark .ledger-container .section-card .ip-code,
:root.dark .ledger-container .section-card code,
:root.dark .ledger-container .form-card .ip-code,
:root.dark .ledger-container .form-card code,
:root.dark .ledger-container .table-card .ip-code,
:root.dark .ledger-container .table-card code,
:root.dark .create-rule-container .stat-card .ip-code,
:root.dark .create-rule-container .stat-card code,
:root.dark .create-rule-container .card .ip-code,
:root.dark .create-rule-container .card code,
:root.dark .create-rule-container .section-card .ip-code,
:root.dark .create-rule-container .section-card code,
:root.dark .create-rule-container .form-card .ip-code,
:root.dark .create-rule-container .form-card code,
:root.dark .create-rule-container .table-card .ip-code,
:root.dark .create-rule-container .table-card code,
:root.dark app-create-payout-method .stat-card .ip-code,
:root.dark app-create-payout-method .stat-card code,
:root.dark app-create-payout-method .card .ip-code,
:root.dark app-create-payout-method .card code,
:root.dark app-create-payout-method .section-card .ip-code,
:root.dark app-create-payout-method .section-card code,
:root.dark app-create-payout-method .form-card .ip-code,
:root.dark app-create-payout-method .form-card code,
:root.dark app-create-payout-method .table-card .ip-code,
:root.dark app-create-payout-method .table-card code,
:root.dark .assets-container .stat-card .ip-code,
:root.dark .assets-container .stat-card code,
:root.dark .assets-container .card .ip-code,
:root.dark .assets-container .card code,
:root.dark .assets-container .section-card .ip-code,
:root.dark .assets-container .section-card code,
:root.dark .assets-container .form-card .ip-code,
:root.dark .assets-container .form-card code,
:root.dark .assets-container .table-card .ip-code,
:root.dark .assets-container .table-card code,
:root.dark .audit-logs-container .stat-card .ip-code,
:root.dark .audit-logs-container .stat-card code,
:root.dark .audit-logs-container .card .ip-code,
:root.dark .audit-logs-container .card code,
:root.dark .audit-logs-container .section-card .ip-code,
:root.dark .audit-logs-container .section-card code,
:root.dark .audit-logs-container .form-card .ip-code,
:root.dark .audit-logs-container .form-card code,
:root.dark .audit-logs-container .table-card .ip-code,
:root.dark .audit-logs-container .table-card code,
:root.dark .notifications-container .stat-card .ip-code,
:root.dark .notifications-container .stat-card code,
:root.dark .notifications-container .card .ip-code,
:root.dark .notifications-container .card code,
:root.dark .notifications-container .section-card .ip-code,
:root.dark .notifications-container .section-card code,
:root.dark .notifications-container .form-card .ip-code,
:root.dark .notifications-container .form-card code,
:root.dark .notifications-container .table-card .ip-code,
:root.dark .notifications-container .table-card code,
:root.dark .create-template-container .stat-card .ip-code,
:root.dark .create-template-container .stat-card code,
:root.dark .create-template-container .card .ip-code,
:root.dark .create-template-container .card code,
:root.dark .create-template-container .section-card .ip-code,
:root.dark .create-template-container .section-card code,
:root.dark .create-template-container .form-card .ip-code,
:root.dark .create-template-container .form-card code,
:root.dark .create-template-container .table-card .ip-code,
:root.dark .create-template-container .table-card code,
:root.dark .commission-agreements-container .stat-card .ip-code,
:root.dark .commission-agreements-container .stat-card code,
:root.dark .commission-agreements-container .card .ip-code,
:root.dark .commission-agreements-container .card code,
:root.dark .commission-agreements-container .section-card .ip-code,
:root.dark .commission-agreements-container .section-card code,
:root.dark .commission-agreements-container .form-card .ip-code,
:root.dark .commission-agreements-container .form-card code,
:root.dark .commission-agreements-container .table-card .ip-code,
:root.dark .commission-agreements-container .table-card code {
  background: var(--bg-primary) !important;
  color: #38bdf8 !important;
  border: 1px solid var(--border-color) !important;
}
:root.dark .text-secondary {
  color: var(--text-secondary) !important;
}
:root.dark .text-primary {
  color: #38bdf8 !important;
}
:root.dark .p-inputswitch .p-inputswitch-slider {
  background: var(--border-color) !important;
}
:root.dark .p-inputswitch .p-inputswitch-slider:before {
  background: #fff !important;
}
:root.dark .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #006CB5 !important;
}
:root.dark .p-checkbox .p-checkbox-box {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
}
:root.dark .p-checkbox .p-checkbox-box.p-highlight {
  background: #006CB5 !important;
  border-color: #006CB5 !important;
}
:root.dark .loading-overlay {
  background: rgba(15, 23, 42, 0.8) !important;
}
:root.dark .loading-overlay i {
  color: #38bdf8 !important;
}
:root.dark .btn-payout-cancel {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .btn-payout-cancel:hover {
  background: var(--bg-secondary) !important;
}
:root.dark .btn-payout-save {
  background: #006CB5 !important;
  color: white !important;
}
:root.dark .btn-payout-save:hover:not(.disabled) {
  background: #005a96 !important;
}
:root.dark .btn-payout-save.disabled {
  background: var(--border-color) !important;
  opacity: 0.5;
}
:root.dark .filter-bar,
:root.dark .filters-bar,
:root.dark .filters {
  background: transparent !important;
}
:root.dark .filter-bar .search-btn,
:root.dark .filter-bar .filter-toggle-btn,
:root.dark .filters-bar .search-btn,
:root.dark .filters-bar .filter-toggle-btn,
:root.dark .filters .search-btn,
:root.dark .filters .filter-toggle-btn {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: #38bdf8 !important;
}
:root.dark .filter-bar .apply-filter-btn,
:root.dark .filter-bar .apply-btn,
:root.dark .filters-bar .apply-filter-btn,
:root.dark .filters-bar .apply-btn,
:root.dark .filters .apply-filter-btn,
:root.dark .filters .apply-btn {
  background: rgba(0, 108, 181, 0.1) !important;
  border: 1px solid rgba(0, 108, 181, 0.2) !important;
  color: #38bdf8 !important;
}
:root.dark .filter-bar .apply-filter-btn:hover,
:root.dark .filter-bar .apply-btn:hover,
:root.dark .filters-bar .apply-filter-btn:hover,
:root.dark .filters-bar .apply-btn:hover,
:root.dark .filters .apply-filter-btn:hover,
:root.dark .filters .apply-btn:hover {
  background: rgba(0, 108, 181, 0.2) !important;
}
:root.dark .preview-sidebar,
:root.dark .approve-dialog,
:root.dark .details-sidebar,
:root.dark .generate-report-dialog {
  background: var(--card-bg) !important;
}
:root.dark .preview-sidebar .p-sidebar-header,
:root.dark .preview-sidebar .p-dialog-header,
:root.dark .approve-dialog .p-sidebar-header,
:root.dark .approve-dialog .p-dialog-header,
:root.dark .details-sidebar .p-sidebar-header,
:root.dark .details-sidebar .p-dialog-header,
:root.dark .generate-report-dialog .p-sidebar-header,
:root.dark .generate-report-dialog .p-dialog-header {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
:root.dark .preview-sidebar .p-sidebar-header .sidebar-title,
:root.dark .preview-sidebar .p-sidebar-header .header-title,
:root.dark .preview-sidebar .p-sidebar-header .p-dialog-title,
:root.dark .preview-sidebar .p-dialog-header .sidebar-title,
:root.dark .preview-sidebar .p-dialog-header .header-title,
:root.dark .preview-sidebar .p-dialog-header .p-dialog-title,
:root.dark .approve-dialog .p-sidebar-header .sidebar-title,
:root.dark .approve-dialog .p-sidebar-header .header-title,
:root.dark .approve-dialog .p-sidebar-header .p-dialog-title,
:root.dark .approve-dialog .p-dialog-header .sidebar-title,
:root.dark .approve-dialog .p-dialog-header .header-title,
:root.dark .approve-dialog .p-dialog-header .p-dialog-title,
:root.dark .details-sidebar .p-sidebar-header .sidebar-title,
:root.dark .details-sidebar .p-sidebar-header .header-title,
:root.dark .details-sidebar .p-sidebar-header .p-dialog-title,
:root.dark .details-sidebar .p-dialog-header .sidebar-title,
:root.dark .details-sidebar .p-dialog-header .header-title,
:root.dark .details-sidebar .p-dialog-header .p-dialog-title,
:root.dark .generate-report-dialog .p-sidebar-header .sidebar-title,
:root.dark .generate-report-dialog .p-sidebar-header .header-title,
:root.dark .generate-report-dialog .p-sidebar-header .p-dialog-title,
:root.dark .generate-report-dialog .p-dialog-header .sidebar-title,
:root.dark .generate-report-dialog .p-dialog-header .header-title,
:root.dark .generate-report-dialog .p-dialog-header .p-dialog-title {
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .sidebar-body,
:root.dark .preview-sidebar .p-dialog-content,
:root.dark .approve-dialog .sidebar-body,
:root.dark .approve-dialog .p-dialog-content,
:root.dark .details-sidebar .sidebar-body,
:root.dark .details-sidebar .p-dialog-content,
:root.dark .generate-report-dialog .sidebar-body,
:root.dark .generate-report-dialog .p-dialog-content {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .p-dialog-footer,
:root.dark .approve-dialog .p-dialog-footer,
:root.dark .details-sidebar .p-dialog-footer,
:root.dark .generate-report-dialog .p-dialog-footer {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border-color) !important;
}
:root.dark .preview-sidebar .info-alert-box,
:root.dark .approve-dialog .info-alert-box,
:root.dark .details-sidebar .info-alert-box,
:root.dark .generate-report-dialog .info-alert-box {
  background: rgba(0, 108, 181, 0.1) !important;
  border: 1px solid rgba(0, 108, 181, 0.2) !important;
}
:root.dark .preview-sidebar .info-alert-box p,
:root.dark .preview-sidebar .info-alert-box strong,
:root.dark .approve-dialog .info-alert-box p,
:root.dark .approve-dialog .info-alert-box strong,
:root.dark .details-sidebar .info-alert-box p,
:root.dark .details-sidebar .info-alert-box strong,
:root.dark .generate-report-dialog .info-alert-box p,
:root.dark .generate-report-dialog .info-alert-box strong {
  color: #38bdf8 !important;
}
:root.dark .preview-sidebar .detail-section,
:root.dark .approve-dialog .detail-section,
:root.dark .details-sidebar .detail-section,
:root.dark .generate-report-dialog .detail-section {
  border-color: var(--border-color) !important;
}
:root.dark .preview-sidebar .label,
:root.dark .preview-sidebar .section-title,
:root.dark .approve-dialog .label,
:root.dark .approve-dialog .section-title,
:root.dark .details-sidebar .label,
:root.dark .details-sidebar .section-title,
:root.dark .generate-report-dialog .label,
:root.dark .generate-report-dialog .section-title {
  color: var(--text-secondary) !important;
}
:root.dark .preview-sidebar .value,
:root.dark .approve-dialog .value,
:root.dark .details-sidebar .value,
:root.dark .generate-report-dialog .value {
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .reason-textarea,
:root.dark .preview-sidebar .field-border-container,
:root.dark .preview-sidebar .custom-dropdown,
:root.dark .preview-sidebar .calendar-clean,
:root.dark .approve-dialog .reason-textarea,
:root.dark .approve-dialog .field-border-container,
:root.dark .approve-dialog .custom-dropdown,
:root.dark .approve-dialog .calendar-clean,
:root.dark .details-sidebar .reason-textarea,
:root.dark .details-sidebar .field-border-container,
:root.dark .details-sidebar .custom-dropdown,
:root.dark .details-sidebar .calendar-clean,
:root.dark .generate-report-dialog .reason-textarea,
:root.dark .generate-report-dialog .field-border-container,
:root.dark .generate-report-dialog .custom-dropdown,
:root.dark .generate-report-dialog .calendar-clean {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .reason-textarea .p-inputtext,
:root.dark .preview-sidebar .field-border-container .p-inputtext,
:root.dark .preview-sidebar .custom-dropdown .p-inputtext,
:root.dark .preview-sidebar .calendar-clean .p-inputtext,
:root.dark .approve-dialog .reason-textarea .p-inputtext,
:root.dark .approve-dialog .field-border-container .p-inputtext,
:root.dark .approve-dialog .custom-dropdown .p-inputtext,
:root.dark .approve-dialog .calendar-clean .p-inputtext,
:root.dark .details-sidebar .reason-textarea .p-inputtext,
:root.dark .details-sidebar .field-border-container .p-inputtext,
:root.dark .details-sidebar .custom-dropdown .p-inputtext,
:root.dark .details-sidebar .calendar-clean .p-inputtext,
:root.dark .generate-report-dialog .reason-textarea .p-inputtext,
:root.dark .generate-report-dialog .field-border-container .p-inputtext,
:root.dark .generate-report-dialog .custom-dropdown .p-inputtext,
:root.dark .generate-report-dialog .calendar-clean .p-inputtext {
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .stepper-container .step,
:root.dark .approve-dialog .stepper-container .step,
:root.dark .details-sidebar .stepper-container .step,
:root.dark .generate-report-dialog .stepper-container .step {
  color: var(--text-secondary) !important;
}
:root.dark .preview-sidebar .stepper-container .step .step-num,
:root.dark .approve-dialog .stepper-container .step .step-num,
:root.dark .details-sidebar .stepper-container .step .step-num,
:root.dark .generate-report-dialog .stepper-container .step .step-num {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .stepper-container .step.active,
:root.dark .approve-dialog .stepper-container .step.active,
:root.dark .details-sidebar .stepper-container .step.active,
:root.dark .generate-report-dialog .stepper-container .step.active {
  color: #38bdf8 !important;
}
:root.dark .preview-sidebar .stepper-container .step.active .step-num,
:root.dark .approve-dialog .stepper-container .step.active .step-num,
:root.dark .details-sidebar .stepper-container .step.active .step-num,
:root.dark .generate-report-dialog .stepper-container .step.active .step-num {
  border-color: #38bdf8 !important;
  background: rgba(56, 189, 248, 0.1) !important;
}
:root.dark .preview-sidebar .stepper-container .step-line,
:root.dark .approve-dialog .stepper-container .step-line,
:root.dark .details-sidebar .stepper-container .step-line,
:root.dark .generate-report-dialog .stepper-container .step-line {
  border-top-color: var(--border-color) !important;
}
:root.dark .preview-sidebar .report-preview-container,
:root.dark .approve-dialog .report-preview-container,
:root.dark .details-sidebar .report-preview-container,
:root.dark .generate-report-dialog .report-preview-container {
  border-color: var(--border-color) !important;
}
:root.dark .preview-sidebar .report-preview-container .preview-loading-overlay,
:root.dark .approve-dialog .report-preview-container .preview-loading-overlay,
:root.dark .details-sidebar .report-preview-container .preview-loading-overlay,
:root.dark .generate-report-dialog .report-preview-container .preview-loading-overlay {
  background: rgba(15, 23, 42, 0.8) !important;
  color: #38bdf8 !important;
}
:root.dark .preview-sidebar .report-preview-container .preview-table thead,
:root.dark .approve-dialog .report-preview-container .preview-table thead,
:root.dark .details-sidebar .report-preview-container .preview-table thead,
:root.dark .generate-report-dialog .report-preview-container .preview-table thead {
  background: var(--bg-secondary) !important;
  border-bottom-color: var(--border-color) !important;
}
:root.dark .preview-sidebar .report-preview-container .preview-table thead th,
:root.dark .approve-dialog .report-preview-container .preview-table thead th,
:root.dark .details-sidebar .report-preview-container .preview-table thead th,
:root.dark .generate-report-dialog .report-preview-container .preview-table thead th {
  color: var(--text-primary) !important;
}
:root.dark .preview-sidebar .report-preview-container .preview-table tbody tr,
:root.dark .approve-dialog .report-preview-container .preview-table tbody tr,
:root.dark .details-sidebar .report-preview-container .preview-table tbody tr,
:root.dark .generate-report-dialog .report-preview-container .preview-table tbody tr {
  border-bottom-color: var(--border-color) !important;
}
:root.dark .preview-sidebar .report-preview-container .preview-table tbody tr td,
:root.dark .approve-dialog .report-preview-container .preview-table tbody tr td,
:root.dark .details-sidebar .report-preview-container .preview-table tbody tr td,
:root.dark .generate-report-dialog .report-preview-container .preview-table tbody tr td {
  color: var(--text-secondary) !important;
}
:root.dark .preview-sidebar .report-preview-container .preview-table tbody tr:hover,
:root.dark .approve-dialog .report-preview-container .preview-table tbody tr:hover,
:root.dark .details-sidebar .report-preview-container .preview-table tbody tr:hover,
:root.dark .generate-report-dialog .report-preview-container .preview-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}
:root.dark .btn-cancel-modal,
:root.dark .btn-cancel-sidebar,
:root.dark .btn-dialog-cancel,
:root.dark .btn-payout-cancel {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .btn-cancel-modal:hover,
:root.dark .btn-cancel-sidebar:hover,
:root.dark .btn-dialog-cancel:hover,
:root.dark .btn-payout-cancel:hover {
  background: var(--bg-secondary) !important;
}
:root.dark .btn-generate-modal,
:root.dark .btn-save-modal,
:root.dark .btn-edit-sidebar,
:root.dark .btn-dialog-approve,
:root.dark .btn-payout-save {
  background: #006CB5 !important;
  color: white !important;
}
:root.dark .btn-generate-modal:hover:not(:disabled),
:root.dark .btn-save-modal:hover:not(:disabled),
:root.dark .btn-edit-sidebar:hover:not(:disabled),
:root.dark .btn-dialog-approve:hover:not(:disabled),
:root.dark .btn-payout-save:hover:not(:disabled) {
  background: #005691 !important;
}
:root.dark .btn-download-csv {
  background: rgba(56, 189, 248, 0.1) !important;
  border: 1px solid rgba(56, 189, 248, 0.2) !important;
  color: #38bdf8 !important;
}
:root.dark .btn-download-csv:hover {
  background: rgba(56, 189, 248, 0.2) !important;
}
:root.dark .preview-bar {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
}
:root.dark .preview-bar .preview-url {
  color: #38bdf8 !important;
}
:root.dark .preview-bar i {
  color: var(--text-primary) !important;
}
:root.dark .btn-text.primary {
  color: #38bdf8 !important;
}
:root.dark .btn-text.danger {
  color: #f87171 !important;
}
:root.dark .input-wrapper.disabled .custom-input {
  background-color: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}
:root.dark .input-wrapper.disabled .floating-label {
  color: var(--text-secondary) !important;
}
:root.dark .loading-overlay {
  background: rgba(15, 23, 42, 0.7) !important;
  color: #38bdf8 !important;
}
:root.dark .filters-bar,
:root.dark .filters,
:root.dark .filters-bar-horizontal,
:root.dark .search-wrapper {
  background: transparent !important;
}
:root.dark .filters-bar .p-inputgroup-addon,
:root.dark .filters .p-inputgroup-addon,
:root.dark .filters-bar-horizontal .p-inputgroup-addon,
:root.dark .search-wrapper .p-inputgroup-addon {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .filters-bar input,
:root.dark .filters-bar .p-dropdown,
:root.dark .filters-bar .p-calendar,
:root.dark .filters-bar .search-input,
:root.dark .filters-bar .filter-toggle-btn,
:root.dark .filters-bar .clear-btn,
:root.dark .filters input,
:root.dark .filters .p-dropdown,
:root.dark .filters .p-calendar,
:root.dark .filters .search-input,
:root.dark .filters .filter-toggle-btn,
:root.dark .filters .clear-btn,
:root.dark .filters-bar-horizontal input,
:root.dark .filters-bar-horizontal .p-dropdown,
:root.dark .filters-bar-horizontal .p-calendar,
:root.dark .filters-bar-horizontal .search-input,
:root.dark .filters-bar-horizontal .filter-toggle-btn,
:root.dark .filters-bar-horizontal .clear-btn,
:root.dark .search-wrapper input,
:root.dark .search-wrapper .p-dropdown,
:root.dark .search-wrapper .p-calendar,
:root.dark .search-wrapper .search-input,
:root.dark .search-wrapper .filter-toggle-btn,
:root.dark .search-wrapper .clear-btn {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .filters-bar input::placeholder,
:root.dark .filters-bar .p-dropdown::placeholder,
:root.dark .filters-bar .p-calendar::placeholder,
:root.dark .filters-bar .search-input::placeholder,
:root.dark .filters-bar .filter-toggle-btn::placeholder,
:root.dark .filters-bar .clear-btn::placeholder,
:root.dark .filters input::placeholder,
:root.dark .filters .p-dropdown::placeholder,
:root.dark .filters .p-calendar::placeholder,
:root.dark .filters .search-input::placeholder,
:root.dark .filters .filter-toggle-btn::placeholder,
:root.dark .filters .clear-btn::placeholder,
:root.dark .filters-bar-horizontal input::placeholder,
:root.dark .filters-bar-horizontal .p-dropdown::placeholder,
:root.dark .filters-bar-horizontal .p-calendar::placeholder,
:root.dark .filters-bar-horizontal .search-input::placeholder,
:root.dark .filters-bar-horizontal .filter-toggle-btn::placeholder,
:root.dark .filters-bar-horizontal .clear-btn::placeholder,
:root.dark .search-wrapper input::placeholder,
:root.dark .search-wrapper .p-dropdown::placeholder,
:root.dark .search-wrapper .p-calendar::placeholder,
:root.dark .search-wrapper .search-input::placeholder,
:root.dark .search-wrapper .filter-toggle-btn::placeholder,
:root.dark .search-wrapper .clear-btn::placeholder {
  color: var(--text-secondary) !important;
}
:root.dark .filters-bar .search-icon,
:root.dark .filters .search-icon,
:root.dark .filters-bar-horizontal .search-icon,
:root.dark .search-wrapper .search-icon {
  color: var(--text-secondary) !important;
}
:root.dark .filters-bar .apply-btn,
:root.dark .filters .apply-btn,
:root.dark .filters-bar-horizontal .apply-btn,
:root.dark .search-wrapper .apply-btn {
  background: #006CB5 !important;
  color: white !important;
}
:root.dark .p-datatable .p-datatable-thead > tr > th,
:root.dark .p-datatable-custom .p-datatable-thead > tr > th {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
:root.dark .p-datatable .p-datatable-tbody > tr,
:root.dark .p-datatable-custom .p-datatable-tbody > tr {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
:root.dark .p-datatable .p-datatable-tbody > tr:hover,
:root.dark .p-datatable-custom .p-datatable-tbody > tr:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}
:root.dark .p-datatable .p-datatable-tbody > tr td,
:root.dark .p-datatable-custom .p-datatable-tbody > tr td {
  color: var(--text-primary) !important;
}
:root.dark .p-datatable .p-paginator,
:root.dark .p-datatable-custom .p-paginator {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .p-datatable .p-paginator .p-paginator-pages .p-paginator-page,
:root.dark .p-datatable-custom .p-paginator .p-paginator-pages .p-paginator-page {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .p-datatable .p-paginator .p-paginator-pages .p-paginator-page.p-highlight,
:root.dark .p-datatable-custom .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #006CB5 !important;
  color: white !important;
}
:root.dark .p-datatable .p-paginator .p-paginator-first,
:root.dark .p-datatable .p-paginator .p-paginator-prev,
:root.dark .p-datatable .p-paginator .p-paginator-next,
:root.dark .p-datatable .p-paginator .p-paginator-last,
:root.dark .p-datatable-custom .p-paginator .p-paginator-first,
:root.dark .p-datatable-custom .p-paginator .p-paginator-prev,
:root.dark .p-datatable-custom .p-paginator .p-paginator-next,
:root.dark .p-datatable-custom .p-paginator .p-paginator-last {
  color: #38bdf8 !important;
}
:root.dark .p-datatable .p-paginator .p-paginator-first:hover:not(.p-disabled),
:root.dark .p-datatable .p-paginator .p-paginator-prev:hover:not(.p-disabled),
:root.dark .p-datatable .p-paginator .p-paginator-next:hover:not(.p-disabled),
:root.dark .p-datatable .p-paginator .p-paginator-last:hover:not(.p-disabled),
:root.dark .p-datatable-custom .p-paginator .p-paginator-first:hover:not(.p-disabled),
:root.dark .p-datatable-custom .p-paginator .p-paginator-prev:hover:not(.p-disabled),
:root.dark .p-datatable-custom .p-paginator .p-paginator-next:hover:not(.p-disabled),
:root.dark .p-datatable-custom .p-paginator .p-paginator-last:hover:not(.p-disabled) {
  background: var(--bg-secondary) !important;
}
:root.dark .p-datatable .p-paginator .p-paginator-first.p-disabled,
:root.dark .p-datatable .p-paginator .p-paginator-prev.p-disabled,
:root.dark .p-datatable .p-paginator .p-paginator-next.p-disabled,
:root.dark .p-datatable .p-paginator .p-paginator-last.p-disabled,
:root.dark .p-datatable-custom .p-paginator .p-paginator-first.p-disabled,
:root.dark .p-datatable-custom .p-paginator .p-paginator-prev.p-disabled,
:root.dark .p-datatable-custom .p-paginator .p-paginator-next.p-disabled,
:root.dark .p-datatable-custom .p-paginator .p-paginator-last.p-disabled {
  opacity: 0.3;
}
:root.dark .p-datatable .p-paginator .p-dropdown,
:root.dark .p-datatable-custom .p-paginator .p-dropdown {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}
:root.dark .p-datatable .p-paginator .p-dropdown .p-dropdown-label,
:root.dark .p-datatable-custom .p-paginator .p-dropdown .p-dropdown-label {
  color: var(--text-primary) !important;
}
:root.dark .pagination-footer {
  border-top: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .pagination-footer .page-btn {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .pagination-footer .page-btn:hover:not(:disabled) {
  background: var(--border-color) !important;
}
:root.dark .pagination-footer .page-btn.active {
  background: #006CB5 !important;
  color: white !important;
  border-color: #006CB5 !important;
}
:root.dark .pagination-footer .page-btn:disabled {
  opacity: 0.5;
}
:root.dark .p-dialog,
:root.dark .p-sidebar,
:root.dark .p-confirm-dialog,
:root.dark .p-overlaypanel,
:root.dark .p-menu,
:root.dark .p-dropdown-panel,
:root.dark .p-multiselect-panel,
:root.dark .p-autocomplete-panel,
:root.dark .p-datepicker,
:root.dark .p-tooltip,
:root.dark .p-toast-message,
:root.dark .p-tieredmenu,
:root.dark .p-contextmenu,
:root.dark .edit-modal,
:root.dark .status-modal {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.6) !important;
}
:root.dark .p-dialog .p-dialog-header,
:root.dark .p-dialog .p-dialog-content,
:root.dark .p-dialog .p-dialog-footer,
:root.dark .p-dialog .p-sidebar-header,
:root.dark .p-dialog .p-sidebar-content,
:root.dark .p-dialog .p-confirm-dialog-icon,
:root.dark .p-dialog .p-dialog-title,
:root.dark .p-dialog .p-menuitem-link,
:root.dark .p-dialog .p-tieredmenuitem-link,
:root.dark .p-dialog .p-datepicker-header,
:root.dark .p-dialog .p-datepicker-calendar-container,
:root.dark .p-dialog .p-overlaypanel-content,
:root.dark .p-dialog .modal-header,
:root.dark .p-dialog .modal-body,
:root.dark .p-dialog .modal-actions,
:root.dark .p-dialog .p-dropdown-header,
:root.dark .p-dialog .p-multiselect-header,
:root.dark .p-sidebar .p-dialog-header,
:root.dark .p-sidebar .p-dialog-content,
:root.dark .p-sidebar .p-dialog-footer,
:root.dark .p-sidebar .p-sidebar-header,
:root.dark .p-sidebar .p-sidebar-content,
:root.dark .p-sidebar .p-confirm-dialog-icon,
:root.dark .p-sidebar .p-dialog-title,
:root.dark .p-sidebar .p-menuitem-link,
:root.dark .p-sidebar .p-tieredmenuitem-link,
:root.dark .p-sidebar .p-datepicker-header,
:root.dark .p-sidebar .p-datepicker-calendar-container,
:root.dark .p-sidebar .p-overlaypanel-content,
:root.dark .p-sidebar .modal-header,
:root.dark .p-sidebar .modal-body,
:root.dark .p-sidebar .modal-actions,
:root.dark .p-sidebar .p-dropdown-header,
:root.dark .p-sidebar .p-multiselect-header,
:root.dark .p-confirm-dialog .p-dialog-header,
:root.dark .p-confirm-dialog .p-dialog-content,
:root.dark .p-confirm-dialog .p-dialog-footer,
:root.dark .p-confirm-dialog .p-sidebar-header,
:root.dark .p-confirm-dialog .p-sidebar-content,
:root.dark .p-confirm-dialog .p-confirm-dialog-icon,
:root.dark .p-confirm-dialog .p-dialog-title,
:root.dark .p-confirm-dialog .p-menuitem-link,
:root.dark .p-confirm-dialog .p-tieredmenuitem-link,
:root.dark .p-confirm-dialog .p-datepicker-header,
:root.dark .p-confirm-dialog .p-datepicker-calendar-container,
:root.dark .p-confirm-dialog .p-overlaypanel-content,
:root.dark .p-confirm-dialog .modal-header,
:root.dark .p-confirm-dialog .modal-body,
:root.dark .p-confirm-dialog .modal-actions,
:root.dark .p-confirm-dialog .p-dropdown-header,
:root.dark .p-confirm-dialog .p-multiselect-header,
:root.dark .p-overlaypanel .p-dialog-header,
:root.dark .p-overlaypanel .p-dialog-content,
:root.dark .p-overlaypanel .p-dialog-footer,
:root.dark .p-overlaypanel .p-sidebar-header,
:root.dark .p-overlaypanel .p-sidebar-content,
:root.dark .p-overlaypanel .p-confirm-dialog-icon,
:root.dark .p-overlaypanel .p-dialog-title,
:root.dark .p-overlaypanel .p-menuitem-link,
:root.dark .p-overlaypanel .p-tieredmenuitem-link,
:root.dark .p-overlaypanel .p-datepicker-header,
:root.dark .p-overlaypanel .p-datepicker-calendar-container,
:root.dark .p-overlaypanel .p-overlaypanel-content,
:root.dark .p-overlaypanel .modal-header,
:root.dark .p-overlaypanel .modal-body,
:root.dark .p-overlaypanel .modal-actions,
:root.dark .p-overlaypanel .p-dropdown-header,
:root.dark .p-overlaypanel .p-multiselect-header,
:root.dark .p-menu .p-dialog-header,
:root.dark .p-menu .p-dialog-content,
:root.dark .p-menu .p-dialog-footer,
:root.dark .p-menu .p-sidebar-header,
:root.dark .p-menu .p-sidebar-content,
:root.dark .p-menu .p-confirm-dialog-icon,
:root.dark .p-menu .p-dialog-title,
:root.dark .p-menu .p-menuitem-link,
:root.dark .p-menu .p-tieredmenuitem-link,
:root.dark .p-menu .p-datepicker-header,
:root.dark .p-menu .p-datepicker-calendar-container,
:root.dark .p-menu .p-overlaypanel-content,
:root.dark .p-menu .modal-header,
:root.dark .p-menu .modal-body,
:root.dark .p-menu .modal-actions,
:root.dark .p-menu .p-dropdown-header,
:root.dark .p-menu .p-multiselect-header,
:root.dark .p-dropdown-panel .p-dialog-header,
:root.dark .p-dropdown-panel .p-dialog-content,
:root.dark .p-dropdown-panel .p-dialog-footer,
:root.dark .p-dropdown-panel .p-sidebar-header,
:root.dark .p-dropdown-panel .p-sidebar-content,
:root.dark .p-dropdown-panel .p-confirm-dialog-icon,
:root.dark .p-dropdown-panel .p-dialog-title,
:root.dark .p-dropdown-panel .p-menuitem-link,
:root.dark .p-dropdown-panel .p-tieredmenuitem-link,
:root.dark .p-dropdown-panel .p-datepicker-header,
:root.dark .p-dropdown-panel .p-datepicker-calendar-container,
:root.dark .p-dropdown-panel .p-overlaypanel-content,
:root.dark .p-dropdown-panel .modal-header,
:root.dark .p-dropdown-panel .modal-body,
:root.dark .p-dropdown-panel .modal-actions,
:root.dark .p-dropdown-panel .p-dropdown-header,
:root.dark .p-dropdown-panel .p-multiselect-header,
:root.dark .p-multiselect-panel .p-dialog-header,
:root.dark .p-multiselect-panel .p-dialog-content,
:root.dark .p-multiselect-panel .p-dialog-footer,
:root.dark .p-multiselect-panel .p-sidebar-header,
:root.dark .p-multiselect-panel .p-sidebar-content,
:root.dark .p-multiselect-panel .p-confirm-dialog-icon,
:root.dark .p-multiselect-panel .p-dialog-title,
:root.dark .p-multiselect-panel .p-menuitem-link,
:root.dark .p-multiselect-panel .p-tieredmenuitem-link,
:root.dark .p-multiselect-panel .p-datepicker-header,
:root.dark .p-multiselect-panel .p-datepicker-calendar-container,
:root.dark .p-multiselect-panel .p-overlaypanel-content,
:root.dark .p-multiselect-panel .modal-header,
:root.dark .p-multiselect-panel .modal-body,
:root.dark .p-multiselect-panel .modal-actions,
:root.dark .p-multiselect-panel .p-dropdown-header,
:root.dark .p-multiselect-panel .p-multiselect-header,
:root.dark .p-autocomplete-panel .p-dialog-header,
:root.dark .p-autocomplete-panel .p-dialog-content,
:root.dark .p-autocomplete-panel .p-dialog-footer,
:root.dark .p-autocomplete-panel .p-sidebar-header,
:root.dark .p-autocomplete-panel .p-sidebar-content,
:root.dark .p-autocomplete-panel .p-confirm-dialog-icon,
:root.dark .p-autocomplete-panel .p-dialog-title,
:root.dark .p-autocomplete-panel .p-menuitem-link,
:root.dark .p-autocomplete-panel .p-tieredmenuitem-link,
:root.dark .p-autocomplete-panel .p-datepicker-header,
:root.dark .p-autocomplete-panel .p-datepicker-calendar-container,
:root.dark .p-autocomplete-panel .p-overlaypanel-content,
:root.dark .p-autocomplete-panel .modal-header,
:root.dark .p-autocomplete-panel .modal-body,
:root.dark .p-autocomplete-panel .modal-actions,
:root.dark .p-autocomplete-panel .p-dropdown-header,
:root.dark .p-autocomplete-panel .p-multiselect-header,
:root.dark .p-datepicker .p-dialog-header,
:root.dark .p-datepicker .p-dialog-content,
:root.dark .p-datepicker .p-dialog-footer,
:root.dark .p-datepicker .p-sidebar-header,
:root.dark .p-datepicker .p-sidebar-content,
:root.dark .p-datepicker .p-confirm-dialog-icon,
:root.dark .p-datepicker .p-dialog-title,
:root.dark .p-datepicker .p-menuitem-link,
:root.dark .p-datepicker .p-tieredmenuitem-link,
:root.dark .p-datepicker .p-datepicker-header,
:root.dark .p-datepicker .p-datepicker-calendar-container,
:root.dark .p-datepicker .p-overlaypanel-content,
:root.dark .p-datepicker .modal-header,
:root.dark .p-datepicker .modal-body,
:root.dark .p-datepicker .modal-actions,
:root.dark .p-datepicker .p-dropdown-header,
:root.dark .p-datepicker .p-multiselect-header,
:root.dark .p-tooltip .p-dialog-header,
:root.dark .p-tooltip .p-dialog-content,
:root.dark .p-tooltip .p-dialog-footer,
:root.dark .p-tooltip .p-sidebar-header,
:root.dark .p-tooltip .p-sidebar-content,
:root.dark .p-tooltip .p-confirm-dialog-icon,
:root.dark .p-tooltip .p-dialog-title,
:root.dark .p-tooltip .p-menuitem-link,
:root.dark .p-tooltip .p-tieredmenuitem-link,
:root.dark .p-tooltip .p-datepicker-header,
:root.dark .p-tooltip .p-datepicker-calendar-container,
:root.dark .p-tooltip .p-overlaypanel-content,
:root.dark .p-tooltip .modal-header,
:root.dark .p-tooltip .modal-body,
:root.dark .p-tooltip .modal-actions,
:root.dark .p-tooltip .p-dropdown-header,
:root.dark .p-tooltip .p-multiselect-header,
:root.dark .p-toast-message .p-dialog-header,
:root.dark .p-toast-message .p-dialog-content,
:root.dark .p-toast-message .p-dialog-footer,
:root.dark .p-toast-message .p-sidebar-header,
:root.dark .p-toast-message .p-sidebar-content,
:root.dark .p-toast-message .p-confirm-dialog-icon,
:root.dark .p-toast-message .p-dialog-title,
:root.dark .p-toast-message .p-menuitem-link,
:root.dark .p-toast-message .p-tieredmenuitem-link,
:root.dark .p-toast-message .p-datepicker-header,
:root.dark .p-toast-message .p-datepicker-calendar-container,
:root.dark .p-toast-message .p-overlaypanel-content,
:root.dark .p-toast-message .modal-header,
:root.dark .p-toast-message .modal-body,
:root.dark .p-toast-message .modal-actions,
:root.dark .p-toast-message .p-dropdown-header,
:root.dark .p-toast-message .p-multiselect-header,
:root.dark .p-tieredmenu .p-dialog-header,
:root.dark .p-tieredmenu .p-dialog-content,
:root.dark .p-tieredmenu .p-dialog-footer,
:root.dark .p-tieredmenu .p-sidebar-header,
:root.dark .p-tieredmenu .p-sidebar-content,
:root.dark .p-tieredmenu .p-confirm-dialog-icon,
:root.dark .p-tieredmenu .p-dialog-title,
:root.dark .p-tieredmenu .p-menuitem-link,
:root.dark .p-tieredmenu .p-tieredmenuitem-link,
:root.dark .p-tieredmenu .p-datepicker-header,
:root.dark .p-tieredmenu .p-datepicker-calendar-container,
:root.dark .p-tieredmenu .p-overlaypanel-content,
:root.dark .p-tieredmenu .modal-header,
:root.dark .p-tieredmenu .modal-body,
:root.dark .p-tieredmenu .modal-actions,
:root.dark .p-tieredmenu .p-dropdown-header,
:root.dark .p-tieredmenu .p-multiselect-header,
:root.dark .p-contextmenu .p-dialog-header,
:root.dark .p-contextmenu .p-dialog-content,
:root.dark .p-contextmenu .p-dialog-footer,
:root.dark .p-contextmenu .p-sidebar-header,
:root.dark .p-contextmenu .p-sidebar-content,
:root.dark .p-contextmenu .p-confirm-dialog-icon,
:root.dark .p-contextmenu .p-dialog-title,
:root.dark .p-contextmenu .p-menuitem-link,
:root.dark .p-contextmenu .p-tieredmenuitem-link,
:root.dark .p-contextmenu .p-datepicker-header,
:root.dark .p-contextmenu .p-datepicker-calendar-container,
:root.dark .p-contextmenu .p-overlaypanel-content,
:root.dark .p-contextmenu .modal-header,
:root.dark .p-contextmenu .modal-body,
:root.dark .p-contextmenu .modal-actions,
:root.dark .p-contextmenu .p-dropdown-header,
:root.dark .p-contextmenu .p-multiselect-header,
:root.dark .edit-modal .p-dialog-header,
:root.dark .edit-modal .p-dialog-content,
:root.dark .edit-modal .p-dialog-footer,
:root.dark .edit-modal .p-sidebar-header,
:root.dark .edit-modal .p-sidebar-content,
:root.dark .edit-modal .p-confirm-dialog-icon,
:root.dark .edit-modal .p-dialog-title,
:root.dark .edit-modal .p-menuitem-link,
:root.dark .edit-modal .p-tieredmenuitem-link,
:root.dark .edit-modal .p-datepicker-header,
:root.dark .edit-modal .p-datepicker-calendar-container,
:root.dark .edit-modal .p-overlaypanel-content,
:root.dark .edit-modal .modal-header,
:root.dark .edit-modal .modal-body,
:root.dark .edit-modal .modal-actions,
:root.dark .edit-modal .p-dropdown-header,
:root.dark .edit-modal .p-multiselect-header,
:root.dark .status-modal .p-dialog-header,
:root.dark .status-modal .p-dialog-content,
:root.dark .status-modal .p-dialog-footer,
:root.dark .status-modal .p-sidebar-header,
:root.dark .status-modal .p-sidebar-content,
:root.dark .status-modal .p-confirm-dialog-icon,
:root.dark .status-modal .p-dialog-title,
:root.dark .status-modal .p-menuitem-link,
:root.dark .status-modal .p-tieredmenuitem-link,
:root.dark .status-modal .p-datepicker-header,
:root.dark .status-modal .p-datepicker-calendar-container,
:root.dark .status-modal .p-overlaypanel-content,
:root.dark .status-modal .modal-header,
:root.dark .status-modal .modal-body,
:root.dark .status-modal .modal-actions,
:root.dark .status-modal .p-dropdown-header,
:root.dark .status-modal .p-multiselect-header {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}
:root.dark .p-dialog .modal-header,
:root.dark .p-dialog .p-dropdown-header,
:root.dark .p-dialog .p-multiselect-header,
:root.dark .p-sidebar .modal-header,
:root.dark .p-sidebar .p-dropdown-header,
:root.dark .p-sidebar .p-multiselect-header,
:root.dark .p-confirm-dialog .modal-header,
:root.dark .p-confirm-dialog .p-dropdown-header,
:root.dark .p-confirm-dialog .p-multiselect-header,
:root.dark .p-overlaypanel .modal-header,
:root.dark .p-overlaypanel .p-dropdown-header,
:root.dark .p-overlaypanel .p-multiselect-header,
:root.dark .p-menu .modal-header,
:root.dark .p-menu .p-dropdown-header,
:root.dark .p-menu .p-multiselect-header,
:root.dark .p-dropdown-panel .modal-header,
:root.dark .p-dropdown-panel .p-dropdown-header,
:root.dark .p-dropdown-panel .p-multiselect-header,
:root.dark .p-multiselect-panel .modal-header,
:root.dark .p-multiselect-panel .p-dropdown-header,
:root.dark .p-multiselect-panel .p-multiselect-header,
:root.dark .p-autocomplete-panel .modal-header,
:root.dark .p-autocomplete-panel .p-dropdown-header,
:root.dark .p-autocomplete-panel .p-multiselect-header,
:root.dark .p-datepicker .modal-header,
:root.dark .p-datepicker .p-dropdown-header,
:root.dark .p-datepicker .p-multiselect-header,
:root.dark .p-tooltip .modal-header,
:root.dark .p-tooltip .p-dropdown-header,
:root.dark .p-tooltip .p-multiselect-header,
:root.dark .p-toast-message .modal-header,
:root.dark .p-toast-message .p-dropdown-header,
:root.dark .p-toast-message .p-multiselect-header,
:root.dark .p-tieredmenu .modal-header,
:root.dark .p-tieredmenu .p-dropdown-header,
:root.dark .p-tieredmenu .p-multiselect-header,
:root.dark .p-contextmenu .modal-header,
:root.dark .p-contextmenu .p-dropdown-header,
:root.dark .p-contextmenu .p-multiselect-header,
:root.dark .edit-modal .modal-header,
:root.dark .edit-modal .p-dropdown-header,
:root.dark .edit-modal .p-multiselect-header,
:root.dark .status-modal .modal-header,
:root.dark .status-modal .p-dropdown-header,
:root.dark .status-modal .p-multiselect-header {
  background: var(--bg-secondary) !important;
}
:root.dark .p-dialog html.dark .filter-calendar,
:root.dark .p-dialog body.dark .filter-calendar,
:root.dark .p-dialog .dark .filter-calendar,
:root.dark .p-sidebar html.dark .filter-calendar,
:root.dark .p-sidebar body.dark .filter-calendar,
:root.dark .p-sidebar .dark .filter-calendar,
:root.dark .p-confirm-dialog html.dark .filter-calendar,
:root.dark .p-confirm-dialog body.dark .filter-calendar,
:root.dark .p-confirm-dialog .dark .filter-calendar,
:root.dark .p-overlaypanel html.dark .filter-calendar,
:root.dark .p-overlaypanel body.dark .filter-calendar,
:root.dark .p-overlaypanel .dark .filter-calendar,
:root.dark .p-menu html.dark .filter-calendar,
:root.dark .p-menu body.dark .filter-calendar,
:root.dark .p-menu .dark .filter-calendar,
:root.dark .p-dropdown-panel html.dark .filter-calendar,
:root.dark .p-dropdown-panel body.dark .filter-calendar,
:root.dark .p-dropdown-panel .dark .filter-calendar,
:root.dark .p-multiselect-panel html.dark .filter-calendar,
:root.dark .p-multiselect-panel body.dark .filter-calendar,
:root.dark .p-multiselect-panel .dark .filter-calendar,
:root.dark .p-autocomplete-panel html.dark .filter-calendar,
:root.dark .p-autocomplete-panel body.dark .filter-calendar,
:root.dark .p-autocomplete-panel .dark .filter-calendar,
:root.dark .p-datepicker html.dark .filter-calendar,
:root.dark .p-datepicker body.dark .filter-calendar,
:root.dark .p-datepicker .dark .filter-calendar,
:root.dark .p-tooltip html.dark .filter-calendar,
:root.dark .p-tooltip body.dark .filter-calendar,
:root.dark .p-tooltip .dark .filter-calendar,
:root.dark .p-toast-message html.dark .filter-calendar,
:root.dark .p-toast-message body.dark .filter-calendar,
:root.dark .p-toast-message .dark .filter-calendar,
:root.dark .p-tieredmenu html.dark .filter-calendar,
:root.dark .p-tieredmenu body.dark .filter-calendar,
:root.dark .p-tieredmenu .dark .filter-calendar,
:root.dark .p-contextmenu html.dark .filter-calendar,
:root.dark .p-contextmenu body.dark .filter-calendar,
:root.dark .p-contextmenu .dark .filter-calendar,
:root.dark .edit-modal html.dark .filter-calendar,
:root.dark .edit-modal body.dark .filter-calendar,
:root.dark .edit-modal .dark .filter-calendar,
:root.dark .status-modal html.dark .filter-calendar,
:root.dark .status-modal body.dark .filter-calendar,
:root.dark .status-modal .dark .filter-calendar {
  background: var(--input-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
:root.dark .p-dialog html.dark .filter-calendar:hover,
:root.dark .p-dialog body.dark .filter-calendar:hover,
:root.dark .p-dialog .dark .filter-calendar:hover,
:root.dark .p-sidebar html.dark .filter-calendar:hover,
:root.dark .p-sidebar body.dark .filter-calendar:hover,
:root.dark .p-sidebar .dark .filter-calendar:hover,
:root.dark .p-confirm-dialog html.dark .filter-calendar:hover,
:root.dark .p-confirm-dialog body.dark .filter-calendar:hover,
:root.dark .p-confirm-dialog .dark .filter-calendar:hover,
:root.dark .p-overlaypanel html.dark .filter-calendar:hover,
:root.dark .p-overlaypanel body.dark .filter-calendar:hover,
:root.dark .p-overlaypanel .dark .filter-calendar:hover,
:root.dark .p-menu html.dark .filter-calendar:hover,
:root.dark .p-menu body.dark .filter-calendar:hover,
:root.dark .p-menu .dark .filter-calendar:hover,
:root.dark .p-dropdown-panel html.dark .filter-calendar:hover,
:root.dark .p-dropdown-panel body.dark .filter-calendar:hover,
:root.dark .p-dropdown-panel .dark .filter-calendar:hover,
:root.dark .p-multiselect-panel html.dark .filter-calendar:hover,
:root.dark .p-multiselect-panel body.dark .filter-calendar:hover,
:root.dark .p-multiselect-panel .dark .filter-calendar:hover,
:root.dark .p-autocomplete-panel html.dark .filter-calendar:hover,
:root.dark .p-autocomplete-panel body.dark .filter-calendar:hover,
:root.dark .p-autocomplete-panel .dark .filter-calendar:hover,
:root.dark .p-datepicker html.dark .filter-calendar:hover,
:root.dark .p-datepicker body.dark .filter-calendar:hover,
:root.dark .p-datepicker .dark .filter-calendar:hover,
:root.dark .p-tooltip html.dark .filter-calendar:hover,
:root.dark .p-tooltip body.dark .filter-calendar:hover,
:root.dark .p-tooltip .dark .filter-calendar:hover,
:root.dark .p-toast-message html.dark .filter-calendar:hover,
:root.dark .p-toast-message body.dark .filter-calendar:hover,
:root.dark .p-toast-message .dark .filter-calendar:hover,
:root.dark .p-tieredmenu html.dark .filter-calendar:hover,
:root.dark .p-tieredmenu body.dark .filter-calendar:hover,
:root.dark .p-tieredmenu .dark .filter-calendar:hover,
:root.dark .p-contextmenu html.dark .filter-calendar:hover,
:root.dark .p-contextmenu body.dark .filter-calendar:hover,
:root.dark .p-contextmenu .dark .filter-calendar:hover,
:root.dark .edit-modal html.dark .filter-calendar:hover,
:root.dark .edit-modal body.dark .filter-calendar:hover,
:root.dark .edit-modal .dark .filter-calendar:hover,
:root.dark .status-modal html.dark .filter-calendar:hover,
:root.dark .status-modal body.dark .filter-calendar:hover,
:root.dark .status-modal .dark .filter-calendar:hover {
  border-color: #475569 !important;
}
:root.dark .p-dialog html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-dialog body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-dialog .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-sidebar html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-sidebar body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-sidebar .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-confirm-dialog html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-confirm-dialog body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-confirm-dialog .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-overlaypanel html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-overlaypanel body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-overlaypanel .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-menu html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-menu body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-menu .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-dropdown-panel html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-dropdown-panel body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-dropdown-panel .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-multiselect-panel html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-multiselect-panel body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-multiselect-panel .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-autocomplete-panel html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-autocomplete-panel body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-autocomplete-panel .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-datepicker html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-datepicker body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-datepicker .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-tooltip html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-tooltip body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-tooltip .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-toast-message html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-toast-message body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-toast-message .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-tieredmenu html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-tieredmenu body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-tieredmenu .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-contextmenu html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-contextmenu body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .p-contextmenu .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .edit-modal html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .edit-modal body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .edit-modal .dark .filter-calendar.p-inputwrapper-focus,
:root.dark .status-modal html.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .status-modal body.dark .filter-calendar.p-inputwrapper-focus,
:root.dark .status-modal .dark .filter-calendar.p-inputwrapper-focus {
  border-color: #006cb5 !important;
}
:root.dark .p-dialog html.dark .filter-calendar .p-inputtext,
:root.dark .p-dialog body.dark .filter-calendar .p-inputtext,
:root.dark .p-dialog .dark .filter-calendar .p-inputtext,
:root.dark .p-sidebar html.dark .filter-calendar .p-inputtext,
:root.dark .p-sidebar body.dark .filter-calendar .p-inputtext,
:root.dark .p-sidebar .dark .filter-calendar .p-inputtext,
:root.dark .p-confirm-dialog html.dark .filter-calendar .p-inputtext,
:root.dark .p-confirm-dialog body.dark .filter-calendar .p-inputtext,
:root.dark .p-confirm-dialog .dark .filter-calendar .p-inputtext,
:root.dark .p-overlaypanel html.dark .filter-calendar .p-inputtext,
:root.dark .p-overlaypanel body.dark .filter-calendar .p-inputtext,
:root.dark .p-overlaypanel .dark .filter-calendar .p-inputtext,
:root.dark .p-menu html.dark .filter-calendar .p-inputtext,
:root.dark .p-menu body.dark .filter-calendar .p-inputtext,
:root.dark .p-menu .dark .filter-calendar .p-inputtext,
:root.dark .p-dropdown-panel html.dark .filter-calendar .p-inputtext,
:root.dark .p-dropdown-panel body.dark .filter-calendar .p-inputtext,
:root.dark .p-dropdown-panel .dark .filter-calendar .p-inputtext,
:root.dark .p-multiselect-panel html.dark .filter-calendar .p-inputtext,
:root.dark .p-multiselect-panel body.dark .filter-calendar .p-inputtext,
:root.dark .p-multiselect-panel .dark .filter-calendar .p-inputtext,
:root.dark .p-autocomplete-panel html.dark .filter-calendar .p-inputtext,
:root.dark .p-autocomplete-panel body.dark .filter-calendar .p-inputtext,
:root.dark .p-autocomplete-panel .dark .filter-calendar .p-inputtext,
:root.dark .p-datepicker html.dark .filter-calendar .p-inputtext,
:root.dark .p-datepicker body.dark .filter-calendar .p-inputtext,
:root.dark .p-datepicker .dark .filter-calendar .p-inputtext,
:root.dark .p-tooltip html.dark .filter-calendar .p-inputtext,
:root.dark .p-tooltip body.dark .filter-calendar .p-inputtext,
:root.dark .p-tooltip .dark .filter-calendar .p-inputtext,
:root.dark .p-toast-message html.dark .filter-calendar .p-inputtext,
:root.dark .p-toast-message body.dark .filter-calendar .p-inputtext,
:root.dark .p-toast-message .dark .filter-calendar .p-inputtext,
:root.dark .p-tieredmenu html.dark .filter-calendar .p-inputtext,
:root.dark .p-tieredmenu body.dark .filter-calendar .p-inputtext,
:root.dark .p-tieredmenu .dark .filter-calendar .p-inputtext,
:root.dark .p-contextmenu html.dark .filter-calendar .p-inputtext,
:root.dark .p-contextmenu body.dark .filter-calendar .p-inputtext,
:root.dark .p-contextmenu .dark .filter-calendar .p-inputtext,
:root.dark .edit-modal html.dark .filter-calendar .p-inputtext,
:root.dark .edit-modal body.dark .filter-calendar .p-inputtext,
:root.dark .edit-modal .dark .filter-calendar .p-inputtext,
:root.dark .status-modal html.dark .filter-calendar .p-inputtext,
:root.dark .status-modal body.dark .filter-calendar .p-inputtext,
:root.dark .status-modal .dark .filter-calendar .p-inputtext {
  color: var(--text-primary) !important;
  background: transparent !important;
}
:root.dark .p-dialog html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-dialog body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-dialog .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-sidebar html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-sidebar body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-sidebar .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-confirm-dialog html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-confirm-dialog body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-confirm-dialog .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-overlaypanel html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-overlaypanel body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-overlaypanel .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-menu html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-menu body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-menu .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-dropdown-panel html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-dropdown-panel body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-dropdown-panel .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-multiselect-panel html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-multiselect-panel body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-multiselect-panel .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-autocomplete-panel html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-autocomplete-panel body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-autocomplete-panel .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-datepicker html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-datepicker body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-datepicker .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-tooltip html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-tooltip body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-tooltip .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-toast-message html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-toast-message body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-toast-message .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-tieredmenu html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-tieredmenu body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-tieredmenu .dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-contextmenu html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-contextmenu body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .p-contextmenu .dark .filter-calendar .p-datepicker-trigger,
:root.dark .edit-modal html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .edit-modal body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .edit-modal .dark .filter-calendar .p-datepicker-trigger,
:root.dark .status-modal html.dark .filter-calendar .p-datepicker-trigger,
:root.dark .status-modal body.dark .filter-calendar .p-datepicker-trigger,
:root.dark .status-modal .dark .filter-calendar .p-datepicker-trigger {
  color: var(--text-secondary) !important;
}
:root.dark .p-dialog html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-dialog body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-dialog .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-sidebar html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-sidebar body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-sidebar .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-confirm-dialog html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-confirm-dialog body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-confirm-dialog .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-overlaypanel html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-overlaypanel body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-overlaypanel .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-menu html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-menu body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-menu .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-dropdown-panel html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-dropdown-panel body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-dropdown-panel .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-multiselect-panel html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-multiselect-panel body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-multiselect-panel .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-autocomplete-panel html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-autocomplete-panel body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-autocomplete-panel .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-datepicker html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-datepicker body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-datepicker .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-tooltip html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-tooltip body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-tooltip .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-toast-message html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-toast-message body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-toast-message .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-tieredmenu html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-tieredmenu body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-tieredmenu .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-contextmenu html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-contextmenu body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .p-contextmenu .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .edit-modal html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .edit-modal body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .edit-modal .dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .status-modal html.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .status-modal body.dark .filter-calendar .p-datepicker-trigger:hover,
:root.dark .status-modal .dark .filter-calendar .p-datepicker-trigger:hover {
  color: #38bdf8 !important;
}
:root.dark .p-dialog .p-dropdown-filter-container,
:root.dark .p-dialog .p-multiselect-filter-container,
:root.dark .p-sidebar .p-dropdown-filter-container,
:root.dark .p-sidebar .p-multiselect-filter-container,
:root.dark .p-confirm-dialog .p-dropdown-filter-container,
:root.dark .p-confirm-dialog .p-multiselect-filter-container,
:root.dark .p-overlaypanel .p-dropdown-filter-container,
:root.dark .p-overlaypanel .p-multiselect-filter-container,
:root.dark .p-menu .p-dropdown-filter-container,
:root.dark .p-menu .p-multiselect-filter-container,
:root.dark .p-dropdown-panel .p-dropdown-filter-container,
:root.dark .p-dropdown-panel .p-multiselect-filter-container,
:root.dark .p-multiselect-panel .p-dropdown-filter-container,
:root.dark .p-multiselect-panel .p-multiselect-filter-container,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container,
:root.dark .p-datepicker .p-dropdown-filter-container,
:root.dark .p-datepicker .p-multiselect-filter-container,
:root.dark .p-tooltip .p-dropdown-filter-container,
:root.dark .p-tooltip .p-multiselect-filter-container,
:root.dark .p-toast-message .p-dropdown-filter-container,
:root.dark .p-toast-message .p-multiselect-filter-container,
:root.dark .p-tieredmenu .p-dropdown-filter-container,
:root.dark .p-tieredmenu .p-multiselect-filter-container,
:root.dark .p-contextmenu .p-dropdown-filter-container,
:root.dark .p-contextmenu .p-multiselect-filter-container,
:root.dark .edit-modal .p-dropdown-filter-container,
:root.dark .edit-modal .p-multiselect-filter-container,
:root.dark .status-modal .p-dropdown-filter-container,
:root.dark .status-modal .p-multiselect-filter-container {
  background: var(--bg-secondary) !important;
}
:root.dark .p-dialog .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-dialog .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-dialog .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-dialog .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-sidebar .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-sidebar .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-sidebar .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-sidebar .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-confirm-dialog .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-confirm-dialog .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-confirm-dialog .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-confirm-dialog .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-overlaypanel .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-overlaypanel .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-overlaypanel .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-overlaypanel .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-menu .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-menu .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-menu .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-menu .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-dropdown-panel .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-dropdown-panel .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-dropdown-panel .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-multiselect-panel .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-multiselect-panel .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-multiselect-panel .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-multiselect-panel .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-datepicker .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-datepicker .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-datepicker .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-datepicker .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-tooltip .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-tooltip .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-tooltip .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-tooltip .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-toast-message .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-toast-message .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-toast-message .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-toast-message .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-tieredmenu .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-tieredmenu .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-tieredmenu .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-tieredmenu .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .p-contextmenu .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .p-contextmenu .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .p-contextmenu .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .p-contextmenu .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .edit-modal .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .edit-modal .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .edit-modal .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .edit-modal .p-multiselect-filter-container .p-multiselect-filter,
:root.dark .status-modal .p-dropdown-filter-container .p-dropdown-filter,
:root.dark .status-modal .p-dropdown-filter-container .p-multiselect-filter,
:root.dark .status-modal .p-multiselect-filter-container .p-dropdown-filter,
:root.dark .status-modal .p-multiselect-filter-container .p-multiselect-filter {
  background: var(--bg-primary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .p-dialog .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-dialog .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-dialog .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-dialog .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-sidebar .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-sidebar .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-sidebar .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-sidebar .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-confirm-dialog .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-confirm-dialog .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-confirm-dialog .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-confirm-dialog .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-overlaypanel .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-overlaypanel .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-overlaypanel .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-overlaypanel .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-menu .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-menu .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-menu .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-menu .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-dropdown-panel .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-dropdown-panel .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-dropdown-panel .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-multiselect-panel .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-multiselect-panel .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-multiselect-panel .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-multiselect-panel .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-datepicker .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-datepicker .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-datepicker .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-datepicker .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-tooltip .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-tooltip .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-tooltip .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-tooltip .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-toast-message .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-toast-message .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-toast-message .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-toast-message .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-tieredmenu .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-tieredmenu .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-tieredmenu .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-tieredmenu .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .p-contextmenu .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .p-contextmenu .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .p-contextmenu .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .p-contextmenu .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .edit-modal .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .edit-modal .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .edit-modal .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .edit-modal .p-multiselect-filter-container .p-multiselect-filter:focus,
:root.dark .status-modal .p-dropdown-filter-container .p-dropdown-filter:focus,
:root.dark .status-modal .p-dropdown-filter-container .p-multiselect-filter:focus,
:root.dark .status-modal .p-multiselect-filter-container .p-dropdown-filter:focus,
:root.dark .status-modal .p-multiselect-filter-container .p-multiselect-filter:focus {
  border-color: #006CB5 !important;
}
:root.dark .p-dialog .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-dialog .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-dialog .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-dialog .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-sidebar .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-sidebar .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-sidebar .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-sidebar .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-confirm-dialog .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-confirm-dialog .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-confirm-dialog .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-confirm-dialog .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-overlaypanel .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-overlaypanel .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-overlaypanel .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-overlaypanel .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-menu .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-menu .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-menu .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-menu .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-dropdown-panel .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-dropdown-panel .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-dropdown-panel .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-multiselect-panel .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-multiselect-panel .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-multiselect-panel .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-multiselect-panel .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-autocomplete-panel .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-autocomplete-panel .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-datepicker .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-datepicker .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-datepicker .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-datepicker .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-tooltip .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-tooltip .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-tooltip .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-tooltip .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-toast-message .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-toast-message .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-toast-message .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-toast-message .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-tieredmenu .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-tieredmenu .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-tieredmenu .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-tieredmenu .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .p-contextmenu .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .p-contextmenu .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .p-contextmenu .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .p-contextmenu .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .edit-modal .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .edit-modal .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .edit-modal .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .edit-modal .p-multiselect-filter-container .p-multiselect-filter-icon,
:root.dark .status-modal .p-dropdown-filter-container .p-dropdown-filter-icon,
:root.dark .status-modal .p-dropdown-filter-container .p-multiselect-filter-icon,
:root.dark .status-modal .p-multiselect-filter-container .p-dropdown-filter-icon,
:root.dark .status-modal .p-multiselect-filter-container .p-multiselect-filter-icon {
  color: var(--text-secondary) !important;
}
:root.dark .p-dialog .p-menuitem-link:hover,
:root.dark .p-dialog .p-autocomplete-item:hover,
:root.dark .p-dialog .p-dropdown-item:hover,
:root.dark .p-dialog .p-multiselect-item:hover,
:root.dark .p-sidebar .p-menuitem-link:hover,
:root.dark .p-sidebar .p-autocomplete-item:hover,
:root.dark .p-sidebar .p-dropdown-item:hover,
:root.dark .p-sidebar .p-multiselect-item:hover,
:root.dark .p-confirm-dialog .p-menuitem-link:hover,
:root.dark .p-confirm-dialog .p-autocomplete-item:hover,
:root.dark .p-confirm-dialog .p-dropdown-item:hover,
:root.dark .p-confirm-dialog .p-multiselect-item:hover,
:root.dark .p-overlaypanel .p-menuitem-link:hover,
:root.dark .p-overlaypanel .p-autocomplete-item:hover,
:root.dark .p-overlaypanel .p-dropdown-item:hover,
:root.dark .p-overlaypanel .p-multiselect-item:hover,
:root.dark .p-menu .p-menuitem-link:hover,
:root.dark .p-menu .p-autocomplete-item:hover,
:root.dark .p-menu .p-dropdown-item:hover,
:root.dark .p-menu .p-multiselect-item:hover,
:root.dark .p-dropdown-panel .p-menuitem-link:hover,
:root.dark .p-dropdown-panel .p-autocomplete-item:hover,
:root.dark .p-dropdown-panel .p-dropdown-item:hover,
:root.dark .p-dropdown-panel .p-multiselect-item:hover,
:root.dark .p-multiselect-panel .p-menuitem-link:hover,
:root.dark .p-multiselect-panel .p-autocomplete-item:hover,
:root.dark .p-multiselect-panel .p-dropdown-item:hover,
:root.dark .p-multiselect-panel .p-multiselect-item:hover,
:root.dark .p-autocomplete-panel .p-menuitem-link:hover,
:root.dark .p-autocomplete-panel .p-autocomplete-item:hover,
:root.dark .p-autocomplete-panel .p-dropdown-item:hover,
:root.dark .p-autocomplete-panel .p-multiselect-item:hover,
:root.dark .p-datepicker .p-menuitem-link:hover,
:root.dark .p-datepicker .p-autocomplete-item:hover,
:root.dark .p-datepicker .p-dropdown-item:hover,
:root.dark .p-datepicker .p-multiselect-item:hover,
:root.dark .p-tooltip .p-menuitem-link:hover,
:root.dark .p-tooltip .p-autocomplete-item:hover,
:root.dark .p-tooltip .p-dropdown-item:hover,
:root.dark .p-tooltip .p-multiselect-item:hover,
:root.dark .p-toast-message .p-menuitem-link:hover,
:root.dark .p-toast-message .p-autocomplete-item:hover,
:root.dark .p-toast-message .p-dropdown-item:hover,
:root.dark .p-toast-message .p-multiselect-item:hover,
:root.dark .p-tieredmenu .p-menuitem-link:hover,
:root.dark .p-tieredmenu .p-autocomplete-item:hover,
:root.dark .p-tieredmenu .p-dropdown-item:hover,
:root.dark .p-tieredmenu .p-multiselect-item:hover,
:root.dark .p-contextmenu .p-menuitem-link:hover,
:root.dark .p-contextmenu .p-autocomplete-item:hover,
:root.dark .p-contextmenu .p-dropdown-item:hover,
:root.dark .p-contextmenu .p-multiselect-item:hover,
:root.dark .edit-modal .p-menuitem-link:hover,
:root.dark .edit-modal .p-autocomplete-item:hover,
:root.dark .edit-modal .p-dropdown-item:hover,
:root.dark .edit-modal .p-multiselect-item:hover,
:root.dark .status-modal .p-menuitem-link:hover,
:root.dark .status-modal .p-autocomplete-item:hover,
:root.dark .status-modal .p-dropdown-item:hover,
:root.dark .status-modal .p-multiselect-item:hover {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}
:root.dark .p-dialog .p-highlight,
:root.dark .p-dialog .p-highlight:hover,
:root.dark .p-sidebar .p-highlight,
:root.dark .p-sidebar .p-highlight:hover,
:root.dark .p-confirm-dialog .p-highlight,
:root.dark .p-confirm-dialog .p-highlight:hover,
:root.dark .p-overlaypanel .p-highlight,
:root.dark .p-overlaypanel .p-highlight:hover,
:root.dark .p-menu .p-highlight,
:root.dark .p-menu .p-highlight:hover,
:root.dark .p-dropdown-panel .p-highlight,
:root.dark .p-dropdown-panel .p-highlight:hover,
:root.dark .p-multiselect-panel .p-highlight,
:root.dark .p-multiselect-panel .p-highlight:hover,
:root.dark .p-autocomplete-panel .p-highlight,
:root.dark .p-autocomplete-panel .p-highlight:hover,
:root.dark .p-datepicker .p-highlight,
:root.dark .p-datepicker .p-highlight:hover,
:root.dark .p-tooltip .p-highlight,
:root.dark .p-tooltip .p-highlight:hover,
:root.dark .p-toast-message .p-highlight,
:root.dark .p-toast-message .p-highlight:hover,
:root.dark .p-tieredmenu .p-highlight,
:root.dark .p-tieredmenu .p-highlight:hover,
:root.dark .p-contextmenu .p-highlight,
:root.dark .p-contextmenu .p-highlight:hover,
:root.dark .edit-modal .p-highlight,
:root.dark .edit-modal .p-highlight:hover,
:root.dark .status-modal .p-highlight,
:root.dark .status-modal .p-highlight:hover {
  background: rgba(0, 108, 181, 0.2) !important;
  color: #38bdf8 !important;
}
:root.dark .p-dialog .p-dialog-header-icon,
:root.dark .p-dialog .p-sidebar-close,
:root.dark .p-dialog .p-datepicker-prev,
:root.dark .p-dialog .p-datepicker-next,
:root.dark .p-dialog .close-btn i,
:root.dark .p-sidebar .p-dialog-header-icon,
:root.dark .p-sidebar .p-sidebar-close,
:root.dark .p-sidebar .p-datepicker-prev,
:root.dark .p-sidebar .p-datepicker-next,
:root.dark .p-sidebar .close-btn i,
:root.dark .p-confirm-dialog .p-dialog-header-icon,
:root.dark .p-confirm-dialog .p-sidebar-close,
:root.dark .p-confirm-dialog .p-datepicker-prev,
:root.dark .p-confirm-dialog .p-datepicker-next,
:root.dark .p-confirm-dialog .close-btn i,
:root.dark .p-overlaypanel .p-dialog-header-icon,
:root.dark .p-overlaypanel .p-sidebar-close,
:root.dark .p-overlaypanel .p-datepicker-prev,
:root.dark .p-overlaypanel .p-datepicker-next,
:root.dark .p-overlaypanel .close-btn i,
:root.dark .p-menu .p-dialog-header-icon,
:root.dark .p-menu .p-sidebar-close,
:root.dark .p-menu .p-datepicker-prev,
:root.dark .p-menu .p-datepicker-next,
:root.dark .p-menu .close-btn i,
:root.dark .p-dropdown-panel .p-dialog-header-icon,
:root.dark .p-dropdown-panel .p-sidebar-close,
:root.dark .p-dropdown-panel .p-datepicker-prev,
:root.dark .p-dropdown-panel .p-datepicker-next,
:root.dark .p-dropdown-panel .close-btn i,
:root.dark .p-multiselect-panel .p-dialog-header-icon,
:root.dark .p-multiselect-panel .p-sidebar-close,
:root.dark .p-multiselect-panel .p-datepicker-prev,
:root.dark .p-multiselect-panel .p-datepicker-next,
:root.dark .p-multiselect-panel .close-btn i,
:root.dark .p-autocomplete-panel .p-dialog-header-icon,
:root.dark .p-autocomplete-panel .p-sidebar-close,
:root.dark .p-autocomplete-panel .p-datepicker-prev,
:root.dark .p-autocomplete-panel .p-datepicker-next,
:root.dark .p-autocomplete-panel .close-btn i,
:root.dark .p-datepicker .p-dialog-header-icon,
:root.dark .p-datepicker .p-sidebar-close,
:root.dark .p-datepicker .p-datepicker-prev,
:root.dark .p-datepicker .p-datepicker-next,
:root.dark .p-datepicker .close-btn i,
:root.dark .p-tooltip .p-dialog-header-icon,
:root.dark .p-tooltip .p-sidebar-close,
:root.dark .p-tooltip .p-datepicker-prev,
:root.dark .p-tooltip .p-datepicker-next,
:root.dark .p-tooltip .close-btn i,
:root.dark .p-toast-message .p-dialog-header-icon,
:root.dark .p-toast-message .p-sidebar-close,
:root.dark .p-toast-message .p-datepicker-prev,
:root.dark .p-toast-message .p-datepicker-next,
:root.dark .p-toast-message .close-btn i,
:root.dark .p-tieredmenu .p-dialog-header-icon,
:root.dark .p-tieredmenu .p-sidebar-close,
:root.dark .p-tieredmenu .p-datepicker-prev,
:root.dark .p-tieredmenu .p-datepicker-next,
:root.dark .p-tieredmenu .close-btn i,
:root.dark .p-contextmenu .p-dialog-header-icon,
:root.dark .p-contextmenu .p-sidebar-close,
:root.dark .p-contextmenu .p-datepicker-prev,
:root.dark .p-contextmenu .p-datepicker-next,
:root.dark .p-contextmenu .close-btn i,
:root.dark .edit-modal .p-dialog-header-icon,
:root.dark .edit-modal .p-sidebar-close,
:root.dark .edit-modal .p-datepicker-prev,
:root.dark .edit-modal .p-datepicker-next,
:root.dark .edit-modal .close-btn i,
:root.dark .status-modal .p-dialog-header-icon,
:root.dark .status-modal .p-sidebar-close,
:root.dark .status-modal .p-datepicker-prev,
:root.dark .status-modal .p-datepicker-next,
:root.dark .status-modal .close-btn i {
  color: var(--text-primary) !important;
  background: var(--bg-primary) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
}
:root.dark .p-dialog .p-dialog-header-icon:hover,
:root.dark .p-dialog .p-sidebar-close:hover,
:root.dark .p-dialog .p-datepicker-prev:hover,
:root.dark .p-dialog .p-datepicker-next:hover,
:root.dark .p-dialog .close-btn i:hover,
:root.dark .p-sidebar .p-dialog-header-icon:hover,
:root.dark .p-sidebar .p-sidebar-close:hover,
:root.dark .p-sidebar .p-datepicker-prev:hover,
:root.dark .p-sidebar .p-datepicker-next:hover,
:root.dark .p-sidebar .close-btn i:hover,
:root.dark .p-confirm-dialog .p-dialog-header-icon:hover,
:root.dark .p-confirm-dialog .p-sidebar-close:hover,
:root.dark .p-confirm-dialog .p-datepicker-prev:hover,
:root.dark .p-confirm-dialog .p-datepicker-next:hover,
:root.dark .p-confirm-dialog .close-btn i:hover,
:root.dark .p-overlaypanel .p-dialog-header-icon:hover,
:root.dark .p-overlaypanel .p-sidebar-close:hover,
:root.dark .p-overlaypanel .p-datepicker-prev:hover,
:root.dark .p-overlaypanel .p-datepicker-next:hover,
:root.dark .p-overlaypanel .close-btn i:hover,
:root.dark .p-menu .p-dialog-header-icon:hover,
:root.dark .p-menu .p-sidebar-close:hover,
:root.dark .p-menu .p-datepicker-prev:hover,
:root.dark .p-menu .p-datepicker-next:hover,
:root.dark .p-menu .close-btn i:hover,
:root.dark .p-dropdown-panel .p-dialog-header-icon:hover,
:root.dark .p-dropdown-panel .p-sidebar-close:hover,
:root.dark .p-dropdown-panel .p-datepicker-prev:hover,
:root.dark .p-dropdown-panel .p-datepicker-next:hover,
:root.dark .p-dropdown-panel .close-btn i:hover,
:root.dark .p-multiselect-panel .p-dialog-header-icon:hover,
:root.dark .p-multiselect-panel .p-sidebar-close:hover,
:root.dark .p-multiselect-panel .p-datepicker-prev:hover,
:root.dark .p-multiselect-panel .p-datepicker-next:hover,
:root.dark .p-multiselect-panel .close-btn i:hover,
:root.dark .p-autocomplete-panel .p-dialog-header-icon:hover,
:root.dark .p-autocomplete-panel .p-sidebar-close:hover,
:root.dark .p-autocomplete-panel .p-datepicker-prev:hover,
:root.dark .p-autocomplete-panel .p-datepicker-next:hover,
:root.dark .p-autocomplete-panel .close-btn i:hover,
:root.dark .p-datepicker .p-dialog-header-icon:hover,
:root.dark .p-datepicker .p-sidebar-close:hover,
:root.dark .p-datepicker .p-datepicker-prev:hover,
:root.dark .p-datepicker .p-datepicker-next:hover,
:root.dark .p-datepicker .close-btn i:hover,
:root.dark .p-tooltip .p-dialog-header-icon:hover,
:root.dark .p-tooltip .p-sidebar-close:hover,
:root.dark .p-tooltip .p-datepicker-prev:hover,
:root.dark .p-tooltip .p-datepicker-next:hover,
:root.dark .p-tooltip .close-btn i:hover,
:root.dark .p-toast-message .p-dialog-header-icon:hover,
:root.dark .p-toast-message .p-sidebar-close:hover,
:root.dark .p-toast-message .p-datepicker-prev:hover,
:root.dark .p-toast-message .p-datepicker-next:hover,
:root.dark .p-toast-message .close-btn i:hover,
:root.dark .p-tieredmenu .p-dialog-header-icon:hover,
:root.dark .p-tieredmenu .p-sidebar-close:hover,
:root.dark .p-tieredmenu .p-datepicker-prev:hover,
:root.dark .p-tieredmenu .p-datepicker-next:hover,
:root.dark .p-tieredmenu .close-btn i:hover,
:root.dark .p-contextmenu .p-dialog-header-icon:hover,
:root.dark .p-contextmenu .p-sidebar-close:hover,
:root.dark .p-contextmenu .p-datepicker-prev:hover,
:root.dark .p-contextmenu .p-datepicker-next:hover,
:root.dark .p-contextmenu .close-btn i:hover,
:root.dark .edit-modal .p-dialog-header-icon:hover,
:root.dark .edit-modal .p-sidebar-close:hover,
:root.dark .edit-modal .p-datepicker-prev:hover,
:root.dark .edit-modal .p-datepicker-next:hover,
:root.dark .edit-modal .close-btn i:hover,
:root.dark .status-modal .p-dialog-header-icon:hover,
:root.dark .status-modal .p-sidebar-close:hover,
:root.dark .status-modal .p-datepicker-prev:hover,
:root.dark .status-modal .p-datepicker-next:hover,
:root.dark .status-modal .close-btn i:hover {
  background: var(--bg-secondary) !important;
  color: #38bdf8 !important;
  border-color: #006cb5 !important;
}
:root.dark .p-dialog .title,
:root.dark .p-dialog .main-text,
:root.dark .p-sidebar .title,
:root.dark .p-sidebar .main-text,
:root.dark .p-confirm-dialog .title,
:root.dark .p-confirm-dialog .main-text,
:root.dark .p-overlaypanel .title,
:root.dark .p-overlaypanel .main-text,
:root.dark .p-menu .title,
:root.dark .p-menu .main-text,
:root.dark .p-dropdown-panel .title,
:root.dark .p-dropdown-panel .main-text,
:root.dark .p-multiselect-panel .title,
:root.dark .p-multiselect-panel .main-text,
:root.dark .p-autocomplete-panel .title,
:root.dark .p-autocomplete-panel .main-text,
:root.dark .p-datepicker .title,
:root.dark .p-datepicker .main-text,
:root.dark .p-tooltip .title,
:root.dark .p-tooltip .main-text,
:root.dark .p-toast-message .title,
:root.dark .p-toast-message .main-text,
:root.dark .p-tieredmenu .title,
:root.dark .p-tieredmenu .main-text,
:root.dark .p-contextmenu .title,
:root.dark .p-contextmenu .main-text,
:root.dark .edit-modal .title,
:root.dark .edit-modal .main-text,
:root.dark .status-modal .title,
:root.dark .status-modal .main-text {
  color: var(--text-primary) !important;
}
:root.dark .p-dialog .p-datepicker,
:root.dark .p-sidebar .p-datepicker,
:root.dark .p-confirm-dialog .p-datepicker,
:root.dark .p-overlaypanel .p-datepicker,
:root.dark .p-menu .p-datepicker,
:root.dark .p-dropdown-panel .p-datepicker,
:root.dark .p-multiselect-panel .p-datepicker,
:root.dark .p-autocomplete-panel .p-datepicker,
:root.dark .p-datepicker .p-datepicker,
:root.dark .p-tooltip .p-datepicker,
:root.dark .p-toast-message .p-datepicker,
:root.dark .p-tieredmenu .p-datepicker,
:root.dark .p-contextmenu .p-datepicker,
:root.dark .edit-modal .p-datepicker,
:root.dark .status-modal .p-datepicker {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
}
:root.dark .p-dialog .p-datepicker .p-datepicker-header,
:root.dark .p-sidebar .p-datepicker .p-datepicker-header,
:root.dark .p-confirm-dialog .p-datepicker .p-datepicker-header,
:root.dark .p-overlaypanel .p-datepicker .p-datepicker-header,
:root.dark .p-menu .p-datepicker .p-datepicker-header,
:root.dark .p-dropdown-panel .p-datepicker .p-datepicker-header,
:root.dark .p-multiselect-panel .p-datepicker .p-datepicker-header,
:root.dark .p-autocomplete-panel .p-datepicker .p-datepicker-header,
:root.dark .p-datepicker .p-datepicker .p-datepicker-header,
:root.dark .p-tooltip .p-datepicker .p-datepicker-header,
:root.dark .p-toast-message .p-datepicker .p-datepicker-header,
:root.dark .p-tieredmenu .p-datepicker .p-datepicker-header,
:root.dark .p-contextmenu .p-datepicker .p-datepicker-header,
:root.dark .edit-modal .p-datepicker .p-datepicker-header,
:root.dark .status-modal .p-datepicker .p-datepicker-header {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .p-dialog .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-sidebar .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-confirm-dialog .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-overlaypanel .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-menu .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-dropdown-panel .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-multiselect-panel .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-autocomplete-panel .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-datepicker .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-tooltip .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-toast-message .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-tieredmenu .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .p-contextmenu .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .edit-modal .p-datepicker .p-datepicker-header .p-datepicker-title,
:root.dark .status-modal .p-datepicker .p-datepicker-header .p-datepicker-title {
  color: var(--text-primary) !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
:root.dark .p-dialog .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-sidebar .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-confirm-dialog .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-overlaypanel .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-menu .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-dropdown-panel .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-multiselect-panel .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-autocomplete-panel .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-datepicker .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-tooltip .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-toast-message .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-tieredmenu .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .p-contextmenu .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .edit-modal .p-datepicker .p-datepicker-header .p-datepicker-title *,
:root.dark .status-modal .p-datepicker .p-datepicker-header .p-datepicker-title * {
  color: var(--text-primary) !important;
  background: transparent !important;
  border: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
:root.dark .p-dialog .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-sidebar .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-confirm-dialog .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-overlaypanel .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-menu .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-dropdown-panel .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-multiselect-panel .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-autocomplete-panel .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-datepicker .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-tooltip .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-toast-message .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-tieredmenu .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .p-contextmenu .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .edit-modal .p-datepicker .p-datepicker-header .p-datepicker-title *:hover,
:root.dark .status-modal .p-datepicker .p-datepicker-header .p-datepicker-title *:hover {
  color: #38bdf8 !important;
}
:root.dark .p-dialog .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-dialog .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-sidebar .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-sidebar .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-confirm-dialog .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-confirm-dialog .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-overlaypanel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-overlaypanel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-menu .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-menu .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-dropdown-panel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-dropdown-panel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-multiselect-panel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-multiselect-panel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-autocomplete-panel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-autocomplete-panel .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-datepicker .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-datepicker .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-tooltip .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-tooltip .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-toast-message .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-toast-message .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-tieredmenu .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-tieredmenu .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .p-contextmenu .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .p-contextmenu .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .edit-modal .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .edit-modal .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
:root.dark .status-modal .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
:root.dark .status-modal .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  color: var(--text-primary) !important;
}
:root.dark .p-dialog .p-datepicker table th,
:root.dark .p-sidebar .p-datepicker table th,
:root.dark .p-confirm-dialog .p-datepicker table th,
:root.dark .p-overlaypanel .p-datepicker table th,
:root.dark .p-menu .p-datepicker table th,
:root.dark .p-dropdown-panel .p-datepicker table th,
:root.dark .p-multiselect-panel .p-datepicker table th,
:root.dark .p-autocomplete-panel .p-datepicker table th,
:root.dark .p-datepicker .p-datepicker table th,
:root.dark .p-tooltip .p-datepicker table th,
:root.dark .p-toast-message .p-datepicker table th,
:root.dark .p-tieredmenu .p-datepicker table th,
:root.dark .p-contextmenu .p-datepicker table th,
:root.dark .edit-modal .p-datepicker table th,
:root.dark .status-modal .p-datepicker table th {
  color: var(--text-secondary) !important;
}
:root.dark .p-dialog .p-datepicker table td span,
:root.dark .p-sidebar .p-datepicker table td span,
:root.dark .p-confirm-dialog .p-datepicker table td span,
:root.dark .p-overlaypanel .p-datepicker table td span,
:root.dark .p-menu .p-datepicker table td span,
:root.dark .p-dropdown-panel .p-datepicker table td span,
:root.dark .p-multiselect-panel .p-datepicker table td span,
:root.dark .p-autocomplete-panel .p-datepicker table td span,
:root.dark .p-datepicker .p-datepicker table td span,
:root.dark .p-tooltip .p-datepicker table td span,
:root.dark .p-toast-message .p-datepicker table td span,
:root.dark .p-tieredmenu .p-datepicker table td span,
:root.dark .p-contextmenu .p-datepicker table td span,
:root.dark .edit-modal .p-datepicker table td span,
:root.dark .status-modal .p-datepicker table td span {
  color: var(--text-primary) !important;
}
:root.dark .p-dialog .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-sidebar .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-confirm-dialog .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-overlaypanel .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-menu .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dropdown-panel .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-multiselect-panel .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-autocomplete-panel .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-datepicker .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tooltip .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-toast-message .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tieredmenu .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-contextmenu .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .edit-modal .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover,
:root.dark .status-modal .p-datepicker table td span:not(.p-highlight):not(.p-disabled):hover {
  background: var(--bg-primary) !important;
  color: #38bdf8 !important;
}
:root.dark .p-dialog .p-datepicker table td span.p-highlight,
:root.dark .p-sidebar .p-datepicker table td span.p-highlight,
:root.dark .p-confirm-dialog .p-datepicker table td span.p-highlight,
:root.dark .p-overlaypanel .p-datepicker table td span.p-highlight,
:root.dark .p-menu .p-datepicker table td span.p-highlight,
:root.dark .p-dropdown-panel .p-datepicker table td span.p-highlight,
:root.dark .p-multiselect-panel .p-datepicker table td span.p-highlight,
:root.dark .p-autocomplete-panel .p-datepicker table td span.p-highlight,
:root.dark .p-datepicker .p-datepicker table td span.p-highlight,
:root.dark .p-tooltip .p-datepicker table td span.p-highlight,
:root.dark .p-toast-message .p-datepicker table td span.p-highlight,
:root.dark .p-tieredmenu .p-datepicker table td span.p-highlight,
:root.dark .p-contextmenu .p-datepicker table td span.p-highlight,
:root.dark .edit-modal .p-datepicker table td span.p-highlight,
:root.dark .status-modal .p-datepicker table td span.p-highlight {
  background: #006cb5 !important;
  color: #ffffff !important;
}
:root.dark .p-dialog .p-datepicker .p-monthpicker,
:root.dark .p-dialog .p-datepicker .p-yearpicker,
:root.dark .p-sidebar .p-datepicker .p-monthpicker,
:root.dark .p-sidebar .p-datepicker .p-yearpicker,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker,
:root.dark .p-menu .p-datepicker .p-monthpicker,
:root.dark .p-menu .p-datepicker .p-yearpicker,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker,
:root.dark .p-datepicker .p-datepicker .p-monthpicker,
:root.dark .p-datepicker .p-datepicker .p-yearpicker,
:root.dark .p-tooltip .p-datepicker .p-monthpicker,
:root.dark .p-tooltip .p-datepicker .p-yearpicker,
:root.dark .p-toast-message .p-datepicker .p-monthpicker,
:root.dark .p-toast-message .p-datepicker .p-yearpicker,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker,
:root.dark .edit-modal .p-datepicker .p-monthpicker,
:root.dark .edit-modal .p-datepicker .p-yearpicker,
:root.dark .status-modal .p-datepicker .p-monthpicker,
:root.dark .status-modal .p-datepicker .p-yearpicker {
  background: var(--bg-secondary) !important;
}
:root.dark .p-dialog .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-dialog .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-dialog .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-dialog .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-sidebar .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-sidebar .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-sidebar .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-sidebar .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-menu .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-menu .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-menu .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-menu .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-datepicker .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-datepicker .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-datepicker .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-datepicker .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-tooltip .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-tooltip .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-tooltip .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-tooltip .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-toast-message .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-toast-message .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-toast-message .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-toast-message .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .edit-modal .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .edit-modal .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .edit-modal .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .edit-modal .p-datepicker .p-yearpicker .p-yearpicker-year,
:root.dark .status-modal .p-datepicker .p-monthpicker .p-monthpicker-month,
:root.dark .status-modal .p-datepicker .p-monthpicker .p-yearpicker-year,
:root.dark .status-modal .p-datepicker .p-yearpicker .p-monthpicker-month,
:root.dark .status-modal .p-datepicker .p-yearpicker .p-yearpicker-year {
  color: var(--text-primary) !important;
  border-radius: 8px !important;
}
:root.dark .p-dialog .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dialog .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dialog .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dialog .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-sidebar .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-sidebar .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-sidebar .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-sidebar .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-menu .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-menu .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-menu .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-menu .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-datepicker .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-datepicker .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-datepicker .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-datepicker .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tooltip .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tooltip .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tooltip .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tooltip .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-toast-message .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-toast-message .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-toast-message .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-toast-message .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .edit-modal .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .edit-modal .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .edit-modal .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .edit-modal .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .status-modal .p-datepicker .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .status-modal .p-datepicker .p-monthpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover,
:root.dark .status-modal .p-datepicker .p-yearpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover,
:root.dark .status-modal .p-datepicker .p-yearpicker .p-yearpicker-year:not(.p-highlight):not(.p-disabled):hover {
  background: var(--bg-primary) !important;
  color: #38bdf8 !important;
}
:root.dark .p-dialog .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-dialog .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-dialog .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-dialog .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-sidebar .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-sidebar .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-sidebar .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-sidebar .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-confirm-dialog .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-confirm-dialog .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-overlaypanel .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-overlaypanel .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-menu .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-menu .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-menu .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-menu .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-dropdown-panel .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-dropdown-panel .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-multiselect-panel .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-multiselect-panel .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-autocomplete-panel .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-autocomplete-panel .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-datepicker .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-datepicker .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-datepicker .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-datepicker .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-tooltip .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-tooltip .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-tooltip .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-tooltip .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-toast-message .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-toast-message .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-toast-message .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-toast-message .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-tieredmenu .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-tieredmenu .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .p-contextmenu .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .p-contextmenu .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .edit-modal .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .edit-modal .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .edit-modal .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .edit-modal .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight,
:root.dark .status-modal .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight,
:root.dark .status-modal .p-datepicker .p-monthpicker .p-yearpicker-year.p-highlight,
:root.dark .status-modal .p-datepicker .p-yearpicker .p-monthpicker-month.p-highlight,
:root.dark .status-modal .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  background: #006cb5 !important;
  color: #ffffff !important;
}
:root.dark .p-dialog .sub-text,
:root.dark .p-sidebar .sub-text,
:root.dark .p-confirm-dialog .sub-text,
:root.dark .p-overlaypanel .sub-text,
:root.dark .p-menu .sub-text,
:root.dark .p-dropdown-panel .sub-text,
:root.dark .p-multiselect-panel .sub-text,
:root.dark .p-autocomplete-panel .sub-text,
:root.dark .p-datepicker .sub-text,
:root.dark .p-tooltip .sub-text,
:root.dark .p-toast-message .sub-text,
:root.dark .p-tieredmenu .sub-text,
:root.dark .p-contextmenu .sub-text,
:root.dark .edit-modal .sub-text,
:root.dark .status-modal .sub-text {
  color: var(--text-secondary) !important;
}
:root.dark .p-dialog .modal-actions .btn-outline-cancel,
:root.dark .p-sidebar .modal-actions .btn-outline-cancel,
:root.dark .p-confirm-dialog .modal-actions .btn-outline-cancel,
:root.dark .p-overlaypanel .modal-actions .btn-outline-cancel,
:root.dark .p-menu .modal-actions .btn-outline-cancel,
:root.dark .p-dropdown-panel .modal-actions .btn-outline-cancel,
:root.dark .p-multiselect-panel .modal-actions .btn-outline-cancel,
:root.dark .p-autocomplete-panel .modal-actions .btn-outline-cancel,
:root.dark .p-datepicker .modal-actions .btn-outline-cancel,
:root.dark .p-tooltip .modal-actions .btn-outline-cancel,
:root.dark .p-toast-message .modal-actions .btn-outline-cancel,
:root.dark .p-tieredmenu .modal-actions .btn-outline-cancel,
:root.dark .p-contextmenu .modal-actions .btn-outline-cancel,
:root.dark .edit-modal .modal-actions .btn-outline-cancel,
:root.dark .status-modal .modal-actions .btn-outline-cancel {
  background: transparent !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .p-dialog .modal-actions .btn-outline-cancel:hover,
:root.dark .p-sidebar .modal-actions .btn-outline-cancel:hover,
:root.dark .p-confirm-dialog .modal-actions .btn-outline-cancel:hover,
:root.dark .p-overlaypanel .modal-actions .btn-outline-cancel:hover,
:root.dark .p-menu .modal-actions .btn-outline-cancel:hover,
:root.dark .p-dropdown-panel .modal-actions .btn-outline-cancel:hover,
:root.dark .p-multiselect-panel .modal-actions .btn-outline-cancel:hover,
:root.dark .p-autocomplete-panel .modal-actions .btn-outline-cancel:hover,
:root.dark .p-datepicker .modal-actions .btn-outline-cancel:hover,
:root.dark .p-tooltip .modal-actions .btn-outline-cancel:hover,
:root.dark .p-toast-message .modal-actions .btn-outline-cancel:hover,
:root.dark .p-tieredmenu .modal-actions .btn-outline-cancel:hover,
:root.dark .p-contextmenu .modal-actions .btn-outline-cancel:hover,
:root.dark .edit-modal .modal-actions .btn-outline-cancel:hover,
:root.dark .status-modal .modal-actions .btn-outline-cancel:hover {
  background: var(--bg-secondary) !important;
}
:root.dark .p-dialog .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-sidebar .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-confirm-dialog .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-overlaypanel .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-menu .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-dropdown-panel .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-multiselect-panel .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-autocomplete-panel .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-datepicker .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-tooltip .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-toast-message .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-tieredmenu .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .p-contextmenu .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .edit-modal .modal-actions .btn-primary-disable:not(:disabled),
:root.dark .status-modal .modal-actions .btn-primary-disable:not(:disabled) {
  background: #ef4444 !important;
  color: white !important;
}
:root.dark .p-inputtext,
:root.dark .p-dropdown,
:root.dark .p-multiselect,
:root.dark .p-calendar,
:root.dark .p-inputnumber,
:root.dark .p-chips,
:root.dark .p-radiobutton,
:root.dark textarea,
:root.dark .custom-textarea,
:root.dark .custom-input {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .p-inputtext input,
:root.dark .p-dropdown input,
:root.dark .p-multiselect input,
:root.dark .p-calendar input,
:root.dark .p-inputnumber input,
:root.dark .p-chips input,
:root.dark .p-radiobutton input,
:root.dark textarea input,
:root.dark .custom-textarea input,
:root.dark .custom-input input {
  background: transparent !important;
  color: var(--text-primary) !important;
}
:root.dark .p-inputtext .p-placeholder,
:root.dark .p-dropdown .p-placeholder,
:root.dark .p-multiselect .p-placeholder,
:root.dark .p-calendar .p-placeholder,
:root.dark .p-inputnumber .p-placeholder,
:root.dark .p-chips .p-placeholder,
:root.dark .p-radiobutton .p-placeholder,
:root.dark textarea .p-placeholder,
:root.dark .custom-textarea .p-placeholder,
:root.dark .custom-input .p-placeholder {
  color: var(--text-secondary) !important;
}
:root.dark .p-inputtext .p-radiobutton-box,
:root.dark .p-dropdown .p-radiobutton-box,
:root.dark .p-multiselect .p-radiobutton-box,
:root.dark .p-calendar .p-radiobutton-box,
:root.dark .p-inputnumber .p-radiobutton-box,
:root.dark .p-chips .p-radiobutton-box,
:root.dark .p-radiobutton .p-radiobutton-box,
:root.dark textarea .p-radiobutton-box,
:root.dark .custom-textarea .p-radiobutton-box,
:root.dark .custom-input .p-radiobutton-box {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
}
:root.dark .p-inputtext .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .p-dropdown .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .p-multiselect .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .p-calendar .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .p-inputnumber .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .p-chips .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark textarea .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .custom-textarea .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover,
:root.dark .custom-input .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: #006CB5 !important;
}
:root.dark .p-inputtext .p-radiobutton-box.p-highlight,
:root.dark .p-dropdown .p-radiobutton-box.p-highlight,
:root.dark .p-multiselect .p-radiobutton-box.p-highlight,
:root.dark .p-calendar .p-radiobutton-box.p-highlight,
:root.dark .p-inputnumber .p-radiobutton-box.p-highlight,
:root.dark .p-chips .p-radiobutton-box.p-highlight,
:root.dark .p-radiobutton .p-radiobutton-box.p-highlight,
:root.dark textarea .p-radiobutton-box.p-highlight,
:root.dark .custom-textarea .p-radiobutton-box.p-highlight,
:root.dark .custom-input .p-radiobutton-box.p-highlight {
  background: #006CB5 !important;
  border-color: #006CB5 !important;
}
:root.dark .p-inputtext .p-multiselect-token,
:root.dark .p-dropdown .p-multiselect-token,
:root.dark .p-multiselect .p-multiselect-token,
:root.dark .p-calendar .p-multiselect-token,
:root.dark .p-inputnumber .p-multiselect-token,
:root.dark .p-chips .p-multiselect-token,
:root.dark .p-radiobutton .p-multiselect-token,
:root.dark textarea .p-multiselect-token,
:root.dark .custom-textarea .p-multiselect-token,
:root.dark .custom-input .p-multiselect-token {
  background: var(--bg-secondary) !important;
  color: #38bdf8 !important;
  border: 1px solid var(--border-color) !important;
}
:root.dark .p-inputtext .p-multiselect-token .p-multiselect-token-icon,
:root.dark .p-dropdown .p-multiselect-token .p-multiselect-token-icon,
:root.dark .p-multiselect .p-multiselect-token .p-multiselect-token-icon,
:root.dark .p-calendar .p-multiselect-token .p-multiselect-token-icon,
:root.dark .p-inputnumber .p-multiselect-token .p-multiselect-token-icon,
:root.dark .p-chips .p-multiselect-token .p-multiselect-token-icon,
:root.dark .p-radiobutton .p-multiselect-token .p-multiselect-token-icon,
:root.dark textarea .p-multiselect-token .p-multiselect-token-icon,
:root.dark .custom-textarea .p-multiselect-token .p-multiselect-token-icon,
:root.dark .custom-input .p-multiselect-token .p-multiselect-token-icon {
  color: #38bdf8 !important;
}
:root.dark .p-inputtext.ng-invalid.ng-dirty,
:root.dark .p-dropdown.ng-invalid.ng-dirty,
:root.dark .p-multiselect.ng-invalid.ng-dirty,
:root.dark .p-calendar.ng-invalid.ng-dirty,
:root.dark .p-inputnumber.ng-invalid.ng-dirty,
:root.dark .p-chips.ng-invalid.ng-dirty,
:root.dark .p-radiobutton.ng-invalid.ng-dirty,
:root.dark textarea.ng-invalid.ng-dirty,
:root.dark .custom-textarea.ng-invalid.ng-dirty,
:root.dark .custom-input.ng-invalid.ng-dirty {
  border-color: #f87171 !important;
}
:root.dark .status-text-active {
  color: #4ade80 !important;
}
:root.dark .status-text-inactive {
  color: #f87171 !important;
}
:root.dark .status-text-suspended {
  color: #fbbf24 !important;
}
:root.dark .status-text-archived {
  color: #94a3b8 !important;
}
:root.dark .btn-outline-primary-light,
:root.dark .btn-outline-primary {
  background: rgba(0, 108, 181, 0.1) !important;
  border-color: rgba(0, 108, 181, 0.2) !important;
  color: #38bdf8 !important;
}
:root.dark .btn-outline-primary-light:hover,
:root.dark .btn-outline-primary:hover {
  background: rgba(0, 108, 181, 0.2) !important;
}
:root.dark .btn-primary-publish,
:root.dark .btn-primary-create,
:root.dark .btn-save {
  background: #006CB5 !important;
  color: white !important;
}
:root.dark .btn-primary-publish:hover:not(.disabled),
:root.dark .btn-primary-create:hover:not(.disabled),
:root.dark .btn-save:hover:not(.disabled) {
  background: #005691 !important;
}
:root.dark .btn-primary-publish.disabled,
:root.dark .btn-primary-create.disabled,
:root.dark .btn-save.disabled {
  background: var(--border-color) !important;
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
:root.dark .btn-cancel,
:root.dark .btn-outline-cancel {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .btn-cancel:hover,
:root.dark .btn-outline-cancel:hover {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}
:root.dark .text-black,
:root.dark .text-gray-900,
:root.dark .text-dark,
:root.dark .text-slate-900 {
  color: var(--text-primary) !important;
}
:root.dark .text-gray-600,
:root.dark .text-gray-500,
:root.dark .text-slate-600,
:root.dark .text-dark_gray {
  color: var(--text-secondary) !important;
}
:root.dark .bg-white,
:root.dark .bg-slate-50 {
  background-color: var(--card-bg) !important;
}
:root.dark .bg-slate-100,
:root.dark .bg-gray-100,
:root.dark .bg-bgColor\/30,
:root.dark .bg-bgColor\/20 {
  background-color: var(--bg-secondary) !important;
}
:root.dark .border-gray-100,
:root.dark .border-gray-200,
:root.dark .border-slate-200,
:root.dark .border-border_light {
  border-color: var(--border-color) !important;
}
:root.dark .badge.badge-success,
:root.dark .badge.badge-active {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #4ade80 !important;
}
:root.dark .badge.badge-danger,
:root.dark .badge.badge-suspended,
:root.dark .badge.badge-inactive,
:root.dark .badge.badge-disabled {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #f87171 !important;
}
:root.dark .badge.badge-yellow,
:root.dark .badge.badge-pending {
  background: rgba(234, 179, 8, 0.2) !important;
  color: #fbbf24 !important;
}
:root.dark .badge.badge-archived,
:root.dark .badge.badge-gray,
:root.dark .badge.badge-expired {
  background: rgba(148, 163, 184, 0.2) !important;
  color: #94a3b8 !important;
}
:root.dark .p-skeleton {
  background-color: var(--bg-secondary) !important;
}
:root.dark .p-skeleton::after {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.05) 50%,
      rgba(255, 255, 255, 0) 100%) !important;
}
:root.dark .btn-export-navbar {
  background: transparent !important;
  border-color: #38bdf8 !important;
  color: #38bdf8 !important;
}
:root.dark .btn-export-navbar:hover {
  background: rgba(56, 189, 248, 0.1) !important;
}
:root.dark .btn-export-navbar i {
  color: #38bdf8 !important;
}
:root.dark .commission-agreements-container {
  background-color: var(--bg-primary) !important;
}
:root.dark .commission-agreements-container .table-header-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .table-header-card .search-section .search-input-wrapper .search-icon {
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .table-header-card .search-section .search-input-wrapper input {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .table-header-card .search-section .search-input-wrapper input:focus {
  border-color: #006CB5 !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .btn-filter {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .btn-filter:hover {
  background: var(--bg-secondary) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover .filter-popover-header {
  border-bottom-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover .filter-popover-header h4 {
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover .filter-popover-body .filter-field label {
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover .filter-popover-footer {
  background: var(--bg-secondary) !important;
  border-top-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover .filter-popover-footer .btn-clear {
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .table-header-card .actions-section .filter-wrapper .filter-popover .filter-popover-footer .btn-clear:hover {
  color: #EF4444 !important;
}
:root.dark .commission-agreements-container .table-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .custom-data-table thead {
  background: var(--bg-secondary) !important;
  border-bottom-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .custom-data-table thead th {
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody tr {
  border-bottom-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody td {
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .id-badge {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .affiliate-name-cell .main-name {
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .affiliate-name-cell .sub-notes {
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .value-cell .main-value {
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .date-cell {
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .date-cell .start-date,
:root.dark .commission-agreements-container .custom-data-table tbody .date-cell .end-date {
  background: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .commission-agreements-container .custom-data-table tbody .date-cell .no-expiry {
  color: var(--text-secondary) !important;
}
:root.dark .commission-agreements-container .table-pagination-footer {
  background: var(--bg-secondary) !important;
  border-top-color: var(--border-color) !important;
}
:root.dark .commission-agreements-container .table-pagination-footer .pagination-info {
  color: var(--text-secondary) !important;
}
:root.dark .agreement-create-sidebar {
  background: var(--card-bg) !important;
}
:root.dark .agreement-create-sidebar .sidebar-header {
  border-bottom-color: var(--border-color) !important;
}
:root.dark .agreement-create-sidebar .sidebar-header h3 {
  color: var(--text-primary) !important;
}
:root.dark .agreement-create-sidebar .sidebar-header p {
  color: var(--text-secondary) !important;
}
:root.dark .agreement-create-sidebar .form-body .form-field label {
  color: var(--text-primary) !important;
}
:root.dark .agreement-create-sidebar .form-body .form-field input[type=text],
:root.dark .agreement-create-sidebar .form-body .form-field input[type=number],
:root.dark .agreement-create-sidebar .form-body .form-field textarea {
  background: var(--input-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}
:root.dark .agreement-create-sidebar .form-body .input-prefix-wrapper .input-suffix {
  color: var(--text-secondary) !important;
}
:root.dark .agreement-create-sidebar .form-footer {
  background: var(--bg-secondary) !important;
  border-top-color: var(--border-color) !important;
}
:root.dark .agreement-create-sidebar .form-footer button.btn-cancel {
  border-color: var(--border-color) !important;
  color: var(--text-secondary) !important;
}
:root.dark .agreement-create-sidebar .form-footer button.btn-cancel:hover {
  background: var(--card-bg) !important;
}
html.dark .p-datepicker,
body.dark .p-datepicker,
.dark .p-datepicker {
  background-color: #1e293b !important;
  border: 1px solid #334155 !important;
  color: #f8fafc !important;
}
html.dark .p-datepicker .p-datepicker-header,
body.dark .p-datepicker .p-datepicker-header,
.dark .p-datepicker .p-datepicker-header {
  background-color: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
}
html.dark .p-datepicker .p-datepicker-title,
html.dark .p-datepicker .p-datepicker-title *,
body.dark .p-datepicker .p-datepicker-title,
body.dark .p-datepicker .p-datepicker-title *,
.dark .p-datepicker .p-datepicker-title,
.dark .p-datepicker .p-datepicker-title * {
  color: #ffffff !important;
  font-weight: 800 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html.dark,
body.dark,
.dark {
}
html.dark .chat-widget-panel,
body.dark .chat-widget-panel,
.dark .chat-widget-panel {
  background: #0f172a !important;
  border-color: #334155 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}
html.dark .thread-list-container,
body.dark .thread-list-container,
.dark .thread-list-container {
  background: #0f172a !important;
  color: #f8fafc !important;
}
html.dark .thread-list-header,
body.dark .thread-list-header,
.dark .thread-list-header {
  background: #0f172a !important;
  border-bottom-color: #1e293b !important;
}
html.dark .thread-list-header h2,
body.dark .thread-list-header h2,
.dark .thread-list-header h2 {
  color: #f8fafc !important;
}
html.dark .thread-list-header .new-chat-btn,
body.dark .thread-list-header .new-chat-btn,
.dark .thread-list-header .new-chat-btn {
  background: #1e293b !important;
  color: #38bdf8 !important;
}
html.dark .thread-list-header .new-chat-btn:hover,
body.dark .thread-list-header .new-chat-btn:hover,
.dark .thread-list-header .new-chat-btn:hover {
  background: #334155 !important;
}
html.dark .search-wrapper,
body.dark .search-wrapper,
.dark .search-wrapper {
  background: #0f172a !important;
}
html.dark .search-wrapper .search-input-wrap,
body.dark .search-wrapper .search-input-wrap,
.dark .search-wrapper .search-input-wrap {
  background: #1e293b !important;
}
html.dark .search-wrapper .search-input-wrap input,
body.dark .search-wrapper .search-input-wrap input,
.dark .search-wrapper .search-input-wrap input {
  color: #f8fafc !important;
}
html.dark .search-wrapper .search-input-wrap input::placeholder,
body.dark .search-wrapper .search-input-wrap input::placeholder,
.dark .search-wrapper .search-input-wrap input::placeholder {
  color: #64748b !important;
}
html.dark .search-wrapper .search-input-wrap .search-icon,
body.dark .search-wrapper .search-input-wrap .search-icon,
.dark .search-wrapper .search-input-wrap .search-icon {
  color: #64748b !important;
}
html.dark .filter-tabs,
body.dark .filter-tabs,
.dark .filter-tabs {
  background: #0f172a !important;
  border-bottom-color: #1e293b !important;
}
html.dark .filter-tabs .filter-strip,
body.dark .filter-tabs .filter-strip,
.dark .filter-tabs .filter-strip {
  background: #1e293b !important;
}
html.dark .filter-tabs .filter-strip button,
body.dark .filter-tabs .filter-strip button,
.dark .filter-tabs .filter-strip button {
  color: #94a3b8 !important;
}
html.dark .filter-tabs .filter-strip button.active-tab,
body.dark .filter-tabs .filter-strip button.active-tab,
.dark .filter-tabs .filter-strip button.active-tab {
  background: #334155 !important;
  color: #38bdf8 !important;
}
html.dark .thread-item,
body.dark .thread-item,
.dark .thread-item {
  background: #0f172a !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
html.dark .thread-item:hover,
body.dark .thread-item:hover,
.dark .thread-item:hover {
  background: #1e293b !important;
  border: none !important;
}
html.dark .thread-item.is-active,
body.dark .thread-item.is-active,
.dark .thread-item.is-active {
  background: #1e293b !important;
  border: none !important;
}
html.dark .thread-item .thread-name,
body.dark .thread-item .thread-name,
.dark .thread-item .thread-name {
  color: #f8fafc !important;
}
html.dark .thread-item .thread-preview,
body.dark .thread-item .thread-preview,
.dark .thread-item .thread-preview {
  color: #94a3b8 !important;
}
html.dark .thread-item .thread-time,
body.dark .thread-item .thread-time,
.dark .thread-item .thread-time {
  color: #64748b !important;
}
html.dark .active-chat-container,
body.dark .active-chat-container,
.dark .active-chat-container {
  background: #0b141a !important;
}
html.dark .active-chat-header,
body.dark .active-chat-header,
.dark .active-chat-header {
  background: #1e293b !important;
  border-bottom-color: #334155 !important;
}
html.dark .active-chat-header .header-title,
body.dark .active-chat-header .header-title,
.dark .active-chat-header .header-title {
  color: #f8fafc !important;
}
html.dark .active-chat-header .header-icon-btn,
body.dark .active-chat-header .header-icon-btn,
.dark .active-chat-header .header-icon-btn {
  color: #94a3b8 !important;
}
html.dark .active-chat-header .header-icon-btn:hover,
body.dark .active-chat-header .header-icon-btn:hover,
.dark .active-chat-header .header-icon-btn:hover {
  background: #334155 !important;
  color: #f8fafc !important;
}
html.dark .chat-timeline-stream,
body.dark .chat-timeline-stream,
.dark .chat-timeline-stream {
  background-color: #0b141a !important;
}
html.dark .message-bubble-wrapper.incoming .bubble-content,
body.dark .message-bubble-wrapper.incoming .bubble-content,
.dark .message-bubble-wrapper.incoming .bubble-content {
  background: #1f2c34 !important;
  color: #e9edef !important;
  border-color: #2a3942 !important;
}
html.dark .message-bubble-wrapper.incoming .bubble-content .sender-name,
body.dark .message-bubble-wrapper.incoming .bubble-content .sender-name,
.dark .message-bubble-wrapper.incoming .bubble-content .sender-name {
  color: #38bdf8 !important;
}
html.dark .message-bubble-wrapper.incoming .bubble-content .message-time,
body.dark .message-bubble-wrapper.incoming .bubble-content .message-time,
.dark .message-bubble-wrapper.incoming .bubble-content .message-time {
  color: #8696a0 !important;
}
html.dark .message-bubble-wrapper.outgoing .bubble-content,
body.dark .message-bubble-wrapper.outgoing .bubble-content,
.dark .message-bubble-wrapper.outgoing .bubble-content {
  background: #005c4b !important;
  color: #e9edef !important;
}
html.dark .message-bubble-wrapper.outgoing .bubble-content .message-time,
body.dark .message-bubble-wrapper.outgoing .bubble-content .message-time,
.dark .message-bubble-wrapper.outgoing .bubble-content .message-time {
  color: #8696a0 !important;
}
html.dark .composer-container,
body.dark .composer-container,
.dark .composer-container {
  background: #1e293b !important;
  border-top-color: #334155 !important;
}
html.dark .composer-container .composer-input-wrap,
body.dark .composer-container .composer-input-wrap,
.dark .composer-container .composer-input-wrap {
  background: #0f172a !important;
  border-color: #334155 !important;
}
html.dark .composer-container .composer-input-wrap textarea,
body.dark .composer-container .composer-input-wrap textarea,
.dark .composer-container .composer-input-wrap textarea {
  color: #f8fafc !important;
}
html.dark .composer-container .composer-input-wrap textarea::placeholder,
body.dark .composer-container .composer-input-wrap textarea::placeholder,
.dark .composer-container .composer-input-wrap textarea::placeholder {
  color: #64748b !important;
}
html.dark .composer-container .action-btn,
html.dark .composer-container .attach-btn,
html.dark .composer-container .send-btn,
body.dark .composer-container .action-btn,
body.dark .composer-container .attach-btn,
body.dark .composer-container .send-btn,
.dark .composer-container .action-btn,
.dark .composer-container .attach-btn,
.dark .composer-container .send-btn {
  color: #94a3b8 !important;
}
html.dark .composer-container .action-btn:hover,
html.dark .composer-container .attach-btn:hover,
html.dark .composer-container .send-btn:hover,
body.dark .composer-container .action-btn:hover,
body.dark .composer-container .attach-btn:hover,
body.dark .composer-container .send-btn:hover,
.dark .composer-container .action-btn:hover,
.dark .composer-container .attach-btn:hover,
.dark .composer-container .send-btn:hover {
  background: #334155 !important;
  color: #38bdf8 !important;
}
html.dark .gs-panel,
body.dark .gs-panel,
.dark .gs-panel {
  background: #0f172a !important;
  color: #f8fafc !important;
}
html.dark .gs-tabs,
body.dark .gs-tabs,
.dark .gs-tabs {
  background: #0f172a !important;
  border-bottom-color: #1e293b !important;
}
html.dark .gs-tabs button,
body.dark .gs-tabs button,
.dark .gs-tabs button {
  color: #94a3b8 !important;
}
html.dark .gs-tabs button:hover,
body.dark .gs-tabs button:hover,
.dark .gs-tabs button:hover {
  color: #f8fafc !important;
}
html.dark .gs-tabs button.gs-tab-active,
body.dark .gs-tabs button.gs-tab-active,
.dark .gs-tabs button.gs-tab-active {
  color: #38bdf8 !important;
  border-bottom-color: #38bdf8 !important;
}
html.dark .gs-tabs button .gs-tab-count,
body.dark .gs-tabs button .gs-tab-count,
.dark .gs-tabs button .gs-tab-count {
  background: #1e293b !important;
  color: #38bdf8 !important;
}
html.dark .gs-avatar-block,
body.dark .gs-avatar-block,
.dark .gs-avatar-block {
  background:
    linear-gradient(
      180deg,
      #1e293b 0%,
      #0f172a 100%) !important;
  border-bottom-color: #1e293b !important;
}
html.dark .gs-avatar-block .gs-avatar-name,
body.dark .gs-avatar-block .gs-avatar-name,
.dark .gs-avatar-block .gs-avatar-name {
  color: #f8fafc !important;
}
html.dark .gs-avatar-block .gs-avatar-meta,
body.dark .gs-avatar-block .gs-avatar-meta,
.dark .gs-avatar-block .gs-avatar-meta {
  color: #94a3b8 !important;
}
html.dark .gs-section,
body.dark .gs-section,
.dark .gs-section {
  border-bottom-color: #1e293b !important;
}
html.dark .gs-field label,
body.dark .gs-field label,
.dark .gs-field label {
  color: #94a3b8 !important;
}
html.dark .gs-field input[type=text],
html.dark .gs-field textarea,
body.dark .gs-field input[type=text],
body.dark .gs-field textarea,
.dark .gs-field input[type=text],
.dark .gs-field textarea {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
html.dark .gs-field input[type=text]::placeholder,
html.dark .gs-field textarea::placeholder,
body.dark .gs-field input[type=text]::placeholder,
body.dark .gs-field textarea::placeholder,
.dark .gs-field input[type=text]::placeholder,
.dark .gs-field textarea::placeholder {
  color: #64748b !important;
}
html.dark .gs-field input[type=text]:focus,
html.dark .gs-field textarea:focus,
body.dark .gs-field input[type=text]:focus,
body.dark .gs-field textarea:focus,
.dark .gs-field input[type=text]:focus,
.dark .gs-field textarea:focus {
  border-color: #38bdf8 !important;
}
html.dark .gs-upload-row,
body.dark .gs-upload-row,
.dark .gs-upload-row {
  border-bottom-color: #1e293b !important;
}
html.dark .gs-upload-row .gs-upload-btn,
body.dark .gs-upload-row .gs-upload-btn,
.dark .gs-upload-row .gs-upload-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}
html.dark .gs-members-toolbar,
body.dark .gs-members-toolbar,
.dark .gs-members-toolbar {
  border-bottom-color: #1e293b !important;
}
html.dark .gs-members-toolbar .gs-search,
body.dark .gs-members-toolbar .gs-search,
.dark .gs-members-toolbar .gs-search {
  background: #1e293b !important;
}
html.dark .gs-members-toolbar .gs-search input,
body.dark .gs-members-toolbar .gs-search input,
.dark .gs-members-toolbar .gs-search input {
  color: #f8fafc !important;
}
html.dark .gs-members-toolbar .gs-search i,
body.dark .gs-members-toolbar .gs-search i,
.dark .gs-members-toolbar .gs-search i {
  color: #64748b !important;
}
html.dark .gs-add-panel,
body.dark .gs-add-panel,
.dark .gs-add-panel {
  background: #1e293b !important;
  border-color: #334155 !important;
}
html.dark .gs-add-panel .gs-add-panel-head,
body.dark .gs-add-panel .gs-add-panel-head,
.dark .gs-add-panel .gs-add-panel-head {
  color: #f8fafc !important;
}
html.dark .gs-add-panel .gs-add-search,
body.dark .gs-add-panel .gs-add-search,
.dark .gs-add-panel .gs-add-search {
  background: #0f172a !important;
  border-color: #334155 !important;
}
html.dark .gs-add-panel .gs-add-search input,
body.dark .gs-add-panel .gs-add-search input,
.dark .gs-add-panel .gs-add-search input {
  color: #f8fafc !important;
}
html.dark .gs-add-panel .gs-add-row,
body.dark .gs-add-panel .gs-add-row,
.dark .gs-add-panel .gs-add-row {
  background: #0f172a !important;
  border-color: #1e293b !important;
}
html.dark .gs-add-panel .gs-add-row.gs-add-row-sel,
body.dark .gs-add-panel .gs-add-row.gs-add-row-sel,
.dark .gs-add-panel .gs-add-row.gs-add-row-sel {
  background: #1e3a8a !important;
  border-color: #2563eb !important;
}
html.dark .gs-add-panel .gs-add-row .gs-add-name,
body.dark .gs-add-panel .gs-add-row .gs-add-name,
.dark .gs-add-panel .gs-add-row .gs-add-name {
  color: #f8fafc !important;
}
html.dark .gs-add-panel .gs-add-row .gs-add-email,
body.dark .gs-add-panel .gs-add-row .gs-add-email,
.dark .gs-add-panel .gs-add-row .gs-add-email {
  color: #94a3b8 !important;
}
html.dark .gs-member-row,
body.dark .gs-member-row,
.dark .gs-member-row {
  border-bottom-color: #1e293b !important;
}
html.dark .gs-member-row:hover,
body.dark .gs-member-row:hover,
.dark .gs-member-row:hover {
  background: #1e293b !important;
}
html.dark .gs-member-row .gs-member-name,
body.dark .gs-member-row .gs-member-name,
.dark .gs-member-row .gs-member-name {
  color: #f8fafc !important;
}
html.dark .gs-member-row .gs-member-role,
body.dark .gs-member-row .gs-member-role,
.dark .gs-member-row .gs-member-role {
  background: #1e293b !important;
  color: #94a3b8 !important;
}
html.dark .empty-chat-container,
body.dark .empty-chat-container,
.dark .empty-chat-container {
  background: #0f172a !important;
}
html.dark .empty-chat-container h3,
body.dark .empty-chat-container h3,
.dark .empty-chat-container h3 {
  color: #f8fafc !important;
}
html.dark .empty-chat-container p,
body.dark .empty-chat-container p,
.dark .empty-chat-container p {
  color: #94a3b8 !important;
}
html.dark .empty-chat-container .empty-illustration,
body.dark .empty-chat-container .empty-illustration,
.dark .empty-chat-container .empty-illustration {
  background: #1e293b !important;
  color: #38bdf8 !important;
}
.btn-custom {
  max-width: 15rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  cursor: pointer;
}
.btn-cancel {
  max-width: 6.188rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  cursor: pointer;
}
.btn-add-rule-navbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 28px;
  gap: 10px;
  width: 210px;
  height: 48px;
  background: #ECF8FF;
  border-radius: 8px;
  border: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #006CB5;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-add-rule-navbar:hover {
  background: #d6efff;
}
.btn-add-rule-navbar i {
  font-size: 18px;
  color: #006CB5;
}
.btn-export-navbar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  gap: 8px;
  width: 172px;
  height: 37px;
  border: 1px solid #006CB5;
  border-radius: 4px;
  background: transparent;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #006CB5;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-export-navbar:hover {
  background: #ECF8FF;
}
.btn-export-navbar i {
  font-size: 16px;
  color: #006CB5;
}
.btn-payout-cancel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 83px;
  height: 37px;
  border: 1px solid #B3C9D7;
  border-radius: 4px;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #406177;
  background: transparent;
  cursor: pointer;
}
.btn-payout-cancel i {
  display: none;
}
.btn-payout-save {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  gap: 8px;
  width: 138px;
  height: 37px;
  background: #406177;
  border-radius: 4px;
  border: none;
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #FFFFFF;
  cursor: pointer;
  transition: all 0.2s;
}
.btn-payout-save i {
  display: none;
}
.btn-payout-save:hover:not(:disabled) {
  background: #2B4E66;
}
.btn-payout-save:disabled {
  background: #A2BACB;
  opacity: 0.7;
  cursor: not-allowed;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}
::view-transition-old(root) {
  z-index: 1;
}
::view-transition-new(root) {
  z-index: 2147483646;
}
.dark-to-light-transition::view-transition-new(root) {
  z-index: 1;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 100000;
  pointer-events: none;
  inset: 0;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
  pointer-events: none;
  inset: 0;
}
.cdk-overlay-pane {
  position: absolute;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}
.cdk-overlay-transparent-backdrop {
  background: transparent;
}
.p-dropdown .p-dropdown-clear-icon,
.p-dropdown .p-datepicker-clear-icon,
.p-calendar .p-dropdown-clear-icon,
.p-calendar .p-datepicker-clear-icon {
  color: #7C9AAF !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
  cursor: pointer;
  z-index: 10;
}
.p-dropdown:has(.p-dropdown-clear-icon) .p-dropdown-trigger,
.p-dropdown .p-dropdown-clear-icon ~ .p-dropdown-trigger,
.p-dropdown:has(.p-datepicker-clear-icon) .p-datepicker-trigger,
.p-dropdown .p-datepicker-clear-icon ~ .p-datepicker-trigger,
.p-calendar:has(.p-dropdown-clear-icon) .p-dropdown-trigger,
.p-calendar .p-dropdown-clear-icon ~ .p-dropdown-trigger,
.p-calendar:has(.p-datepicker-clear-icon) .p-datepicker-trigger,
.p-calendar .p-datepicker-clear-icon ~ .p-datepicker-trigger {
  display: none !important;
}
.p-dropdown .p-inputtext,
.p-dropdown .p-dropdown-label,
.p-calendar .p-inputtext,
.p-calendar .p-dropdown-label {
  padding-right: 32px !important;
}
body .p-datepicker {
  height: 410px !important;
  box-sizing: border-box !important;
}
body .p-datepicker-calendar-container {
  height: 250px !important;
  box-sizing: border-box !important;
}
body .p-datepicker-calendar {
  height: 220px !important;
}
body .p-datepicker table td span {
  width: 2.25rem !important;
  height: 2.25rem !important;
  line-height: 2.25rem !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  body .p-datepicker {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90vw !important;
    max-width: 320px !important;
    min-height: 335px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    margin: 0 !important;
    z-index: 100000 !important;
  }
}
.last\:border-0:last-child {
  border-width: 0px;
}
.hover\:translate-x-\[-4px\]:hover {
  --tw-translate-x: -4px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[\#006CB5\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 108 181 / var(--tw-border-opacity));
}
.hover\:border-\[\#0077c5\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 119 197 / var(--tw-border-opacity));
}
.hover\:border-border_light:hover {
  --tw-border-opacity: 1;
  border-color: rgb(var(--borderLightColor) / var(--tw-border-opacity));
}
.hover\:border-primary\/30:hover {
  border-color: rgb(var(--primaryColor) / 0.3);
}
.hover\:border-success\/50:hover {
  border-color: rgb(var(--successColor) / 0.5);
}
.hover\:bg-\[\#005fa0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 95 160 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#005fa3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 95 163 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#F4F8FA\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 248 250 / var(--tw-bg-opacity));
}
.hover\:bg-\[\#e2e8f0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.hover\:bg-bgColor\/50:hover {
  background-color: rgb(var(--bgColor) / 0.5);
}
.hover\:bg-border_light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--borderLightColor) / var(--tw-bg-opacity));
}
.hover\:bg-danger\/10:hover {
  background-color: rgb(var(--errorColor) / 0.1);
}
.hover\:bg-primary\/10:hover {
  background-color: rgb(var(--primaryColor) / 0.1);
}
.hover\:bg-primary\/5:hover {
  background-color: rgb(var(--primaryColor) / 0.05);
}
.hover\:bg-primary\/90:hover {
  background-color: rgb(var(--primaryColor) / 0.9);
}
.hover\:bg-success\/20:hover {
  background-color: rgb(var(--successColor) / 0.2);
}
.hover\:bg-white\/20:hover {
  background-color: rgb(var(--white) / 0.2);
}
.hover\:text-\[\#005fa3\]:hover {
  --tw-text-opacity: 1;
  color: rgb(0 95 163 / var(--tw-text-opacity));
}
.hover\:text-\[\#263e52\]:hover {
  --tw-text-opacity: 1;
  color: rgb(38 62 82 / var(--tw-text-opacity));
}
.hover\:text-primary\/80:hover {
  color: rgb(var(--primaryColor) / 0.8);
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.hover\:opacity-90:hover {
  opacity: 0.9;
}
.focus\:border-\[\#0077c5\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 119 197 / var(--tw-border-opacity));
}
.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --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, 0 0 #0000);
}
.disabled\:bg-disabled:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--primaryColorDisabled) / var(--tw-bg-opacity));
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-\[\#0077c5\] {
  --tw-text-opacity: 1;
  color: rgb(0 119 197 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media (min-width: 640px) {
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .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\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-\[180px\] {
    height: 180px;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:max-h-full {
    max-height: 100%;
  }
  .sm\:w-\[180px\] {
    width: 180px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
}
@media (min-width: 768px) {
  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }
  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:w-\[200px\] {
    width: 200px;
  }
  .md\:w-\[calc\(50\%-14px\)\] {
    width: calc(50% - 14px);
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-\[70\%\] {
    max-width: 70%;
  }
  .md\:max-w-\[80\%\] {
    max-width: 80%;
  }
  .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\:flex-row {
    flex-direction: row;
  }
  .md\:flex-wrap {
    flex-wrap: wrap;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:items-center {
    align-items: center;
  }
  .md\:gap-4 {
    gap: 1rem;
  }
  .md\:pl-8 {
    padding-left: 2rem;
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .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\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-2\/4 {
    width: 50%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:max-w-\[70\%\] {
    max-width: 70%;
  }
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .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\:flex-nowrap {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1280px) {
  .xl\:order-1 {
    order: 1;
  }
  .xl\:order-2 {
    order: 2;
  }
  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .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\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .xl\:mb-4 {
    margin-bottom: 1rem;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem;
  }
  .xl\:flex {
    display: flex;
  }
  .xl\:h-\[160px\] {
    height: 160px;
  }
  .xl\:h-\[180px\] {
    height: 180px;
  }
  .xl\:max-h-\[170px\] {
    max-height: 170px;
  }
  .xl\:max-h-\[220px\] {
    max-height: 220px;
  }
  .xl\:w-2\/3 {
    width: 66.666667%;
  }
  .xl\:w-2\/5 {
    width: 40%;
  }
  .xl\:w-3\/6 {
    width: 50%;
  }
  .xl\:w-64 {
    width: 16rem;
  }
  .xl\:w-\[160px\] {
    width: 160px;
  }
  .xl\:w-full {
    width: 100%;
  }
  .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\:flex-col {
    flex-direction: column;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:gap-4 {
    gap: 1rem;
  }
  .xl\:pe-5 {
    padding-inline-end: 1.25rem;
  }
  .xl\:ps-14 {
    padding-inline-start: 3.5rem;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(var(--white) / var(--tw-text-opacity));
  }
}

/* angular:styles/global:styles */