.monitoring-basic .xmx-datepicker-range {
  width: 100%;
}
.monitoring-basic .xmx-input {
  height: 38px;
}
[dir] .monitoring-basic .xmx-input {
  border-color: #d8d6de;
}
[dir] .monitoring-basic .xmx-input:hover {
  border-color: #c0bebe;
}
[dir] .monitoring-basic .xmx-input-wrapper .xmx-input {
  padding: 6px 20px;
}
.summary-total__title[data-v-f5067f50] {
  font-size: 1rem;
  font-weight: 600;
  color: #5e5873;
}
[dir=ltr] .summary-total__row[data-v-f5067f50] {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}
[dir=rtl] .summary-total__row[data-v-f5067f50] {
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}
[dir=ltr] .summary-total__row > [class*=col][data-v-f5067f50] {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
[dir=rtl] .summary-total__row > [class*=col][data-v-f5067f50] {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.summary-total-metric[data-v-f5067f50] {
  display: flex;
  min-height: 5.5rem;
  overflow: hidden;
  transition: box-shadow 0.15s ease;
}
[dir] .summary-total-metric[data-v-f5067f50] {
  background-color: #fff;
  border-radius: 0.357rem;
  box-shadow: 0 2px 6px 0 rgba(34, 41, 47, 0.06);
}
[dir] .summary-total-metric[data-v-f5067f50]:hover {
  box-shadow: 0 4px 12px 0 rgba(34, 41, 47, 0.08);
}
.summary-total-metric__bar[data-v-f5067f50] {
  width: 6px;
  flex-shrink: 0;
}
[dir] .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #6e6b7b;
}
.summary-total-metric__content[data-v-f5067f50] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[dir=ltr] .summary-total-metric__content[data-v-f5067f50] {
  padding: 0.85rem 0.75rem 0.85rem 0.65rem;
}
[dir=rtl] .summary-total-metric__content[data-v-f5067f50] {
  padding: 0.85rem 0.65rem 0.85rem 0.75rem;
}
.summary-total-metric__label[data-v-f5067f50] {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
}
[dir] .summary-total-metric__label[data-v-f5067f50] {
  margin-bottom: 0.35rem;
}
.summary-total-metric__value[data-v-f5067f50] {
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}
[dir=ltr] .summary-total-metric--orders[data-v-f5067f50] {
  background: linear-gradient(135deg, #f8faff 0%, #fff 55%);
}
[dir=rtl] .summary-total-metric--orders[data-v-f5067f50] {
  background: linear-gradient(-135deg, #f8faff 0%, #fff 55%);
}
[dir] .summary-total-metric--orders .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #2e6bdc;
}
.summary-total-metric--orders .summary-total-metric__label[data-v-f5067f50] {
  color: #5a6acf;
}
.summary-total-metric--orders .summary-total-metric__value[data-v-f5067f50] {
  color: #1e3a8a;
}
[dir=ltr] .summary-total-metric--rate[data-v-f5067f50] {
  background: linear-gradient(135deg, #f3fcf7 0%, #fff 55%);
}
[dir=rtl] .summary-total-metric--rate[data-v-f5067f50] {
  background: linear-gradient(-135deg, #f3fcf7 0%, #fff 55%);
}
[dir] .summary-total-metric--rate .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #28c76f;
}
.summary-total-metric--rate .summary-total-metric__label[data-v-f5067f50] {
  color: #1f9d57;
}
.summary-total-metric--rate .summary-total-metric__value[data-v-f5067f50] {
  color: #0d7a3d;
}
[dir=ltr] .summary-total-metric--success[data-v-f5067f50] {
  background: linear-gradient(135deg, #f0fbfd 0%, #fff 55%);
}
[dir=rtl] .summary-total-metric--success[data-v-f5067f50] {
  background: linear-gradient(-135deg, #f0fbfd 0%, #fff 55%);
}
[dir] .summary-total-metric--success .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #00cfe8;
}
.summary-total-metric--success .summary-total-metric__label[data-v-f5067f50] {
  color: #00a8bd;
}
.summary-total-metric--success .summary-total-metric__value[data-v-f5067f50] {
  color: #006c7a;
}
[dir=ltr] .summary-total-metric--amount[data-v-f5067f50] {
  background: linear-gradient(135deg, #f7f5ff 0%, #fff 55%);
}
[dir=rtl] .summary-total-metric--amount[data-v-f5067f50] {
  background: linear-gradient(-135deg, #f7f5ff 0%, #fff 55%);
}
[dir] .summary-total-metric--amount .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #7367f0;
}
.summary-total-metric--amount .summary-total-metric__label[data-v-f5067f50] {
  color: #6c5ce7;
}
.summary-total-metric--amount .summary-total-metric__value[data-v-f5067f50] {
  color: #4c3fb8;
}
[dir=ltr] .summary-total-metric--chargeback[data-v-f5067f50] {
  background: linear-gradient(135deg, #fff8f8 0%, #fff 55%);
}
[dir=rtl] .summary-total-metric--chargeback[data-v-f5067f50] {
  background: linear-gradient(-135deg, #fff8f8 0%, #fff 55%);
}
[dir] .summary-total-metric--chargeback .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #ea5455;
}
.summary-total-metric--chargeback .summary-total-metric__label[data-v-f5067f50] {
  color: #d63031;
}
.summary-total-metric--chargeback .summary-total-metric__value[data-v-f5067f50] {
  color: #c0392b;
}
[dir=ltr] .summary-total-metric--dispute[data-v-f5067f50] {
  background: linear-gradient(135deg, #fffaf3 0%, #fff 55%);
}
[dir=rtl] .summary-total-metric--dispute[data-v-f5067f50] {
  background: linear-gradient(-135deg, #fffaf3 0%, #fff 55%);
}
[dir] .summary-total-metric--dispute .summary-total-metric__bar[data-v-f5067f50] {
  background-color: #ff9f43;
}
.summary-total-metric--dispute .summary-total-metric__label[data-v-f5067f50] {
  color: #e08a2e;
}
.summary-total-metric--dispute .summary-total-metric__value[data-v-f5067f50] {
  color: #c76f1d;
}
.chart-container {
  width: 100%;
  display: block;
}
.chart {
  width: 100%;
  height: 400px;
}
.xmx-datepicker-range {
  width: 220px;
}
.xmx-input {
  height: 38px;
}
[dir] .xmx-input {
  border-color: #d8d6de;
}
[dir] .xmx-input:hover {
  border-color: #c0bebe;
}
[dir] .xmx-input-wrapper .xmx-input {
  padding: 6px 20px;
}
.chart-container {
  width: 100%;
  display: block;
}
.chart {
  width: 100%;
  height: 400px;
}
.xmx-datepicker-range {
  width: 220px;
}
.xmx-input {
  height: 38px;
}
[dir] .xmx-input {
  border-color: #d8d6de;
}
[dir] .xmx-input:hover {
  border-color: #c0bebe;
}
[dir] .xmx-input-wrapper .xmx-input {
  padding: 6px 20px;
}
.chart {
  height: 400px;
  width: 100%;
  display: block;
}
.xmx-datepicker-range {
  width: 220px;
}
.xmx-input {
  height: 38px;
}
[dir] .xmx-input {
  border-color: #d8d6de;
}
[dir] .xmx-input:hover {
  border-color: #c0bebe;
}
[dir] .xmx-input-wrapper .xmx-input {
  padding: 6px 20px;
}