/* node_modules/react-data-grid/lib/styles.css */
@layer rdg {
  @layer Defaults, FocusSink, CheckboxInput, CheckboxIcon, CheckboxLabel, Cell, HeaderCell, SummaryCell, EditCell, Row, HeaderRow, SummaryRow, GroupedRow, Root;
}
@layer rdg.MeasuringCell {
  .mlln6zg7-0-0-beta-44 {
    contain: strict;
    grid-row: 1;
    visibility: hidden;
  }
}
@layer rdg.Cell {
  .cj343x07-0-0-beta-44 {
    position: relative;
    padding-block: 0;
    padding-inline: 8px;
    border-inline-end: 1px solid var(--rdg-border-color);
    border-block-end: 1px solid var(--rdg-border-color);
    grid-row-start: var(--rdg-grid-row-start);
    background-color: inherit;
    white-space: nowrap;
    overflow: clip;
    text-overflow: ellipsis;
    outline: none;
  }
  .cj343x07-0-0-beta-44[aria-selected=true] {
    outline: 2px solid var(--rdg-selection-color);
    outline-offset: -2px;
  }
}
@layer rdg.Cell {
  .csofj7r7-0-0-beta-44 {
    position: sticky;
    z-index: 1;
  }
  .csofj7r7-0-0-beta-44:nth-last-child(1 of .csofj7r7-0-0-beta-44) {
    box-shadow: var(--rdg-cell-frozen-box-shadow);
  }
}
@layer rdg.CheckboxLabel {
  .c1bn88vv7-0-0-beta-44 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    margin-inline-end: 1px;
  }
}
@layer rdg.CheckboxInput {
  .c1qt073l7-0-0-beta-44 {
    all: unset;
  }
}
@layer rdg.CheckboxIcon {
  .cf71kmq7-0-0-beta-44 {
    content: "";
    inline-size: 20px;
    block-size: 20px;
    border: 2px solid var(--rdg-border-color);
    background-color: var(--rdg-background-color);
  }
  .c1qt073l7-0-0-beta-44:checked + .cf71kmq7-0-0-beta-44 {
    background-color: var(--rdg-checkbox-color);
    outline: 4px solid var(--rdg-background-color);
    outline-offset: -6px;
  }
  .c1qt073l7-0-0-beta-44:focus + .cf71kmq7-0-0-beta-44 {
    border-color: var(--rdg-checkbox-focus-color);
  }
}
@layer rdg.CheckboxLabel {
  .c1lwve4p7-0-0-beta-44 {
    cursor: default;
  }
  .c1lwve4p7-0-0-beta-44 .cf71kmq7-0-0-beta-44 {
    border-color: var(--rdg-checkbox-disabled-border-color);
    background-color: var(--rdg-checkbox-disabled-background-color);
  }
}
@layer rdg.GroupCellContent {
  .g1s9ylgp7-0-0-beta-44 {
    outline: none;
  }
}
@layer rdg.GroupCellCaret {
  .cz54e4y7-0-0-beta-44 {
    margin-inline-start: 4px;
    stroke: currentColor;
    stroke-width: 1.5px;
    fill: transparent;
    vertical-align: middle;
  }
  .cz54e4y7-0-0-beta-44 > path {
    transition: d 0.1s;
  }
}
@layer rdg.DragHandle {
  .c1w9bbhr7-0-0-beta-44 {
    --rdg-drag-handle-size: 8px;
    z-index: 0;
    cursor: move;
    inline-size: var(--rdg-drag-handle-size);
    block-size: var(--rdg-drag-handle-size);
    background-color: var(--rdg-selection-color);
    place-self: end;
  }
  .c1w9bbhr7-0-0-beta-44:hover {
    --rdg-drag-handle-size: 16px;
    border: 2px solid var(--rdg-selection-color);
    background-color: var(--rdg-background-color);
  }
}
@layer rdg.DragHandle {
  .c1creorc7-0-0-beta-44 {
    z-index: 1;
    position: sticky;
  }
}
@layer rdg.EditCell {
  .cis5rrm7-0-0-beta-44 {
    padding: 0;
  }
}
@layer rdg.SortableHeaderCell {
  .h44jtk67-0-0-beta-44 {
    display: flex;
  }
}
@layer rdg.SortableHeaderCellName {
  .hcgkhxz7-0-0-beta-44 {
    flex-grow: 1;
    overflow: clip;
    text-overflow: ellipsis;
  }
}
@layer rdg.HeaderCell {
  .c6l2wv17-0-0-beta-44 {
    cursor: pointer;
  }
}
@layer rdg.HeaderCell {
  .c1kqdw7y7-0-0-beta-44 {
    touch-action: none;
  }
}
@layer rdg.HeaderCell {
  .r1y6ywlx7-0-0-beta-44 {
    cursor: col-resize;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    inline-size: 10px;
  }
}
.c1bezg5o7-0-0-beta-44 {
  opacity: 0.5;
}
.c1vc96037-0-0-beta-44 {
  background-color: var(--rdg-header-draggable-background-color);
}
@layer rdg.Row {
  .r1upfr807-0-0-beta-44 {
    display: contents;
    line-height: var(--rdg-row-height);
    background-color: var(--rdg-background-color);
  }
  .r1upfr807-0-0-beta-44:hover {
    background-color: var(--rdg-row-hover-background-color);
  }
  .r1upfr807-0-0-beta-44[aria-selected=true] {
    background-color: var(--rdg-row-selected-background-color);
  }
  .r1upfr807-0-0-beta-44[aria-selected=true]:hover {
    background-color: var(--rdg-row-selected-hover-background-color);
  }
}
@layer rdg.FocusSink {
  .r190mhd37-0-0-beta-44 {
    outline: 2px solid var(--rdg-selection-color);
    outline-offset: -2px;
  }
}
@layer rdg.FocusSink {
  .r139qu9m7-0-0-beta-44::before {
    content: "";
    display: inline-block;
    height: 100%;
    position: sticky;
    inset-inline-start: 0;
    border-inline-start: 2px solid var(--rdg-selection-color);
  }
}
@layer rdg.HeaderRow {
  .h10tskcx7-0-0-beta-44 {
    display: contents;
    line-height: var(--rdg-header-row-height);
    background-color: var(--rdg-header-background-color);
    font-weight: bold;
  }
  .h10tskcx7-0-0-beta-44 > .cj343x07-0-0-beta-44 {
    z-index: 2;
    position: sticky;
  }
  .h10tskcx7-0-0-beta-44 > .csofj7r7-0-0-beta-44 {
    z-index: 3;
  }
}
@layer rdg.Cell {
  .c6ra8a37-0-0-beta-44 {
    background-color: #ccccff;
  }
}
@layer rdg.Cell {
  .cq910m07-0-0-beta-44 {
    background-color: #ccccff;
  }
  .cq910m07-0-0-beta-44.c6ra8a37-0-0-beta-44 {
    background-color: #9999ff;
  }
}
@layer rdg.SortIcon {
  .a3ejtar7-0-0-beta-44 {
    fill: currentColor;
  }
  .a3ejtar7-0-0-beta-44 > path {
    transition: d 0.1s;
  }
}
@layer rdg.Defaults {
  .rnvodz57-0-0-beta-44 *,
  .rnvodz57-0-0-beta-44 *::before,
  .rnvodz57-0-0-beta-44 *::after {
    box-sizing: inherit;
  }
}
@layer rdg.Root {
  .rnvodz57-0-0-beta-44 {
    --rdg-color: #000;
    --rdg-border-color: #ddd;
    --rdg-summary-border-color: #aaa;
    --rdg-background-color: hsl(0deg 0% 100%);
    --rdg-header-background-color: hsl(0deg 0% 97.5%);
    --rdg-header-draggable-background-color: hsl(0deg 0% 90.5%);
    --rdg-row-hover-background-color: hsl(0deg 0% 96%);
    --rdg-row-selected-background-color: hsl(207deg 76% 92%);
    --rdg-row-selected-hover-background-color: hsl(207deg 76% 88%);
    --rdg-checkbox-color: hsl(207deg 100% 29%);
    --rdg-checkbox-focus-color: hsl(207deg 100% 69%);
    --rdg-checkbox-disabled-border-color: #ccc;
    --rdg-checkbox-disabled-background-color: #ddd;
    --rdg-selection-color: #66afe9;
    --rdg-font-size: 14px;
    --rdg-cell-frozen-box-shadow: calc(2px * var(--rdg-sign)) 0 5px -2px rgba(136, 136, 136, 0.3);
    display: grid;
    color-scheme: var(--rdg-color-scheme, light dark);
    contain: content;
    content-visibility: auto;
    block-size: 350px;
    border: 1px solid var(--rdg-border-color);
    box-sizing: border-box;
    overflow: auto;
    background-color: var(--rdg-background-color);
    color: var(--rdg-color);
    font-size: var(--rdg-font-size);
  }
  .rnvodz57-0-0-beta-44::before {
    content: "";
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  .rnvodz57-0-0-beta-44.rdg-dark {
    --rdg-color-scheme: dark;
    --rdg-color: #ddd;
    --rdg-border-color: #444;
    --rdg-summary-border-color: #555;
    --rdg-background-color: hsl(0deg 0% 13%);
    --rdg-header-background-color: hsl(0deg 0% 10.5%);
    --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);
    --rdg-row-hover-background-color: hsl(0deg 0% 9%);
    --rdg-row-selected-background-color: hsl(207deg 76% 42%);
    --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);
    --rdg-checkbox-color: hsl(207deg 100% 79%);
    --rdg-checkbox-focus-color: hsl(207deg 100% 89%);
    --rdg-checkbox-disabled-border-color: #000;
    --rdg-checkbox-disabled-background-color: #333;
  }
  .rnvodz57-0-0-beta-44.rdg-light {
    --rdg-color-scheme: light;
  }
  @media (prefers-color-scheme: dark) {
    .rnvodz57-0-0-beta-44:not(.rdg-light) {
      --rdg-color: #ddd;
      --rdg-border-color: #444;
      --rdg-summary-border-color: #555;
      --rdg-background-color: hsl(0deg 0% 13%);
      --rdg-header-background-color: hsl(0deg 0% 10.5%);
      --rdg-header-draggable-background-color: hsl(0deg 0% 17.5%);
      --rdg-row-hover-background-color: hsl(0deg 0% 9%);
      --rdg-row-selected-background-color: hsl(207deg 76% 42%);
      --rdg-row-selected-hover-background-color: hsl(207deg 76% 38%);
      --rdg-checkbox-color: hsl(207deg 100% 79%);
      --rdg-checkbox-focus-color: hsl(207deg 100% 89%);
      --rdg-checkbox-disabled-border-color: #000;
      --rdg-checkbox-disabled-background-color: #333;
    }
  }
  .rnvodz57-0-0-beta-44 > :nth-last-child(1 of .rdg-top-summary-row) > .cj343x07-0-0-beta-44 {
    border-block-end: 2px solid var(--rdg-summary-border-color);
  }
  .rnvodz57-0-0-beta-44 > :nth-child(1 of .rdg-bottom-summary-row) > .cj343x07-0-0-beta-44 {
    border-block-start: 2px solid var(--rdg-summary-border-color);
  }
}
@layer rdg.Root {
  .vlqv91k7-0-0-beta-44 {
    -webkit-user-select: none;
    user-select: none;
  }
  .vlqv91k7-0-0-beta-44 .r1upfr807-0-0-beta-44 {
    cursor: move;
  }
}
@layer rdg.FocusSink {
  .f1lsfrzw7-0-0-beta-44 {
    grid-column: 1/-1;
    pointer-events: none;
    z-index: 1;
  }
}
@layer rdg.FocusSink {
  .f1cte0lg7-0-0-beta-44 {
    z-index: 3;
  }
}
@layer rdg.SummaryCell {
  .s8wc6fl7-0-0-beta-44 {
    inset-block-start: var(--rdg-summary-row-top);
    inset-block-end: var(--rdg-summary-row-bottom);
  }
}
@layer rdg.SummaryRow {
  .skuhp557-0-0-beta-44 {
    line-height: var(--rdg-summary-row-height);
  }
  .skuhp557-0-0-beta-44 > .cj343x07-0-0-beta-44 {
    position: sticky;
  }
}
@layer rdg.SummaryRow {
  .tf8l5ub7-0-0-beta-44 > .cj343x07-0-0-beta-44 {
    z-index: 2;
  }
  .tf8l5ub7-0-0-beta-44 > .csofj7r7-0-0-beta-44 {
    z-index: 3;
  }
}
@layer rdg.GroupedRow {
  .g1yxluv37-0-0-beta-44:not([aria-selected=true]) {
    background-color: var(--rdg-header-background-color);
  }
  .g1yxluv37-0-0-beta-44 > :is(.cj343x07-0-0-beta-44:not(:last-child, .csofj7r7-0-0-beta-44), :nth-last-child(n+2 of .csofj7r7-0-0-beta-44)) {
    border-inline-end: none;
  }
}
@layer rdg.TextEditor {
  .t7vyx3i7-0-0-beta-44 {
    appearance: none;
    box-sizing: border-box;
    inline-size: 100%;
    block-size: 100%;
    padding-block: 0;
    padding-inline: 6px;
    border: 2px solid #ccc;
    vertical-align: top;
    color: var(--rdg-color);
    background-color: var(--rdg-background-color);
    font-family: inherit;
    font-size: var(--rdg-font-size);
  }
  .t7vyx3i7-0-0-beta-44:focus {
    border-color: var(--rdg-selection-color);
    outline: none;
  }
  .t7vyx3i7-0-0-beta-44::placeholder {
    color: #999;
    opacity: 1;
  }
}

/* src/components/user-spotlight/user-spotlight-page.css */
.user-spotlight-page .section {
  border: 1px solid #e0e0e0;
  margin-bottom: 30px;
}
.user-spotlight-page .section .header {
  font-size: 1.5em;
  background-color: #f0f0f0;
  padding: 5px;
}
.user-spotlight-page .section .content {
  padding: 10px;
  box-sizing: border-box;
}
.user-spotlight-page .section .content.user-info {
  font-size: 0.9em;
}
.user-spotlight-page .section .content.user-info .data-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #e0e0e0;
}
.user-spotlight-page .section .content.user-info .data-row .data-prop {
  width: 200px;
  padding: 10px 0;
  margin-right: 10px;
}
.user-spotlight-page .section .content.user-info .data-row .data-prop > .p-header {
  font-weight: 500;
  color: #6f7480;
}
.user-spotlight-page .section .content.user-info .data-row .data-prop > .p-value {
  font-weight: 200;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  color: #5a5e68;
}
.user-spotlight-page .section .content.user-info .data-row .data-prop > .country {
  display: flex;
  align-items: center;
}
.user-spotlight-page .section .content.user-info .data-row .data-prop > .country > img {
  margin-right: 5px;
}
.user-spotlight-page .section .content.user-info .data-row:last-child {
  border: none;
}
.user-spotlight-page .section .content.user-info .data-row:last-child .data-prop {
  padding-bottom: 0;
}

/* src/components/store/orders/order-page.css */
.emphasize-warn {
  font-weight: bold;
  text-decoration: underline;
  color: red;
}
.order-page-tools .button {
  color: white !important;
}
.order-page .table {
  display: table;
}
.order-page .table > div {
  display: table-row;
}
.order-page .table > div:first-child {
  background-color: #f9f9f9;
}
.order-page .table > div > div {
  display: table-cell;
  border: 1px solid;
  padding: 5px;
}
.order-page .heading {
  font-size: 1.5em;
  margin: 20px 0;
  border-bottom: 1px solid #ccc;
}
.order-page .details > div {
  margin-top: 10px;
}
.order-page .details > div > div:first-child {
  font-weight: bold;
}
.order-page .addresses .content {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.order-page .address .title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.order-page .address .edit-addr {
  vertical-align: middle;
  margin-left: 10px;
}
.order-page .address.billing {
  margin-left: 20px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}
.order-page .invoice .link {
  text-decoration: none;
  font-size: 0.6em;
}
.order-page .invoice .actions {
  display: flex;
  flex-direction: row;
}
.order-page .invoice .actions .action {
  margin-right: 15px;
}
.order-page .invoice .transaction {
  padding: 5px;
  margin-top: 10px;
}

/* src/components/store/pos/pos-page.css */
.pos-page .pos-list {
  padding: 5px;
}
.pos-page .pos-list .pos {
  margin-bottom: 20px;
}
.pos-page .pos-list .pos .group {
  margin-bottom: 15px;
}
.pos-page .pos-list .pos .group .title {
  font-weight: bold;
  font-size: 1em;
}
.pos-page .pos-list .pos .group table {
  border-collapse: separate;
}
.pos-page .pos-list .pos .group table th {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  padding: 8px;
}
.pos-page .pos-list .pos .group table td {
  padding: 8px;
  border: 1px solid #ddd;
}
.pos-page .subdued {
  color: #aaa;
}

/* src/components/store/import-orders/import-orders-page.css */
.import-orders-page {
  display: flex;
  flex-direction: column;
}
.import-orders-page .tools {
  display: flex;
  flex-direction: column;
}
.import-orders-page .orders {
  flex: 1;
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  overflow: auto;
}
.import-orders-page .orders .grid {
  flex: 0.7;
}
.import-orders-page .orders .summary {
  flex: 0.3;
  overflow: auto;
  margin-left: 10px;
  white-space: nowrap;
}
.import-orders-page .orders .summary i:hover {
  cursor: pointer;
}
.import-orders-page .orders .summary .section {
  margin-bottom: 10px;
}
.import-orders-page .orders .summary .bold {
  font-weight: bold;
}

/* src/components/store/import-shipments/import-shipments-page.css */
.import-shipments-page .title {
  font-size: 1.5em;
  padding: 10px 0;
}
.import-shipments-page .orders {
  margin-top: 10px;
}
.import-shipments-page table,
.import-shipments-page tr,
.import-shipments-page td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 4px;
}
.import-shipments-page .status {
  margin-left: 5px;
  color: red;
}

/* src/components/dashboards/sales/sales-dashboard.css */
.sales-dash {
  padding: 10px;
}
.sales-dash .title {
  display: inline-block;
  padding: 15px;
  color: white;
  margin: 40px 0 15px 0;
}
.sales-dash .report-header {
  font-size: 1.5em;
}
.sales-dash .two-col {
  display: flex;
  flex-direction: row;
}
.sales-dash .two-col.even > div {
  flex: 0.5;
}
@media screen and (max-width: 600px) {
  .sales-dash .two-col {
    flex-direction: column;
  }
}
@media screen and (max-width: 1000px) {
  .sales-dash .two-col.even {
    flex-direction: column;
  }
}
.sales-dash .two-col .legend {
  margin-left: 10px;
  font-size: 0.8em;
}
.sales-dash .two-col .grid-wrap {
  flex: 1;
}
.sales-dash .grid-wrap .total {
  background-color: pink;
}

/* src/components/membership/member-page.css */
.member-page > .title {
  font-size: 1.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.member-page .section {
  padding: 10px;
  background-color: #f7f6f6;
  border-radius: 10px;
  margin-top: 20px;
}
.member-page .section .title {
  margin-bottom: 10px;
  font-size: 1.2em;
  color: #605f5f;
}
.member-page .section .title > i {
  vertical-align: middle;
  font-size: 16px;
  margin-left: 10px;
}
.member-page .section .event {
  margin: 15px 0px;
  display: flex;
  flex-direction: row;
}
.member-page .section .event .icon {
  margin-right: 10px;
}
.member-page .section .event .icon > i {
  cursor: pointer;
}
.member-page .section .event .icon.good > i {
  color: #11d483;
}
.member-page .section .event .icon.warn > i {
  color: orange;
}
.member-page .section .event .icon.bad > i {
  color: #f2545b;
}
.member-page .section .event .details {
  color: #767676;
  font-size: 0.95em;
  padding-left: 5px;
}
.member-page .section .event .details > div {
  margin-top: 2px;
}
.member-page .section .event .processed-on {
  font-size: 0.95em;
}
.member-page .section .event .processed-on .error {
  color: red;
}

/* src/components/membership/membership-info-page.css */
.membership-info-page .title {
  font-size: 1.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.membership-info-page .section {
  padding: 10px;
  background-color: #f7f6f6;
  border-radius: 10px;
  margin-top: 20px;
}
.membership-info-page .section .title {
  margin-bottom: 10px;
  font-size: 1.2em;
  color: #605f5f;
}

/* node_modules/react18-json-view/src/style.css */
.json-view {
  display: block;
  color: #4d4d4d;
  text-align: left;
  --json-property: #009033;
  --json-index: #676dff;
  --json-number: #676dff;
  --json-string: #b2762e;
  --json-boolean: #dc155e;
  --json-null: #dc155e;
}
.json-view .json-view--property {
  color: var(--json-property);
}
.json-view .json-view--index {
  color: var(--json-index);
}
.json-view .json-view--number {
  color: var(--json-number);
}
.json-view .json-view--string {
  color: var(--json-string);
}
.json-view .json-view--boolean {
  color: var(--json-boolean);
}
.json-view .json-view--null {
  color: var(--json-null);
}
.json-view .jv-indent {
  padding-left: 1em;
}
.json-view .jv-chevron {
  display: inline-block;
  vertical-align: -20%;
  cursor: pointer;
  opacity: 0.4;
  width: 1em;
  height: 1em;
}
:is(.json-view .jv-chevron:hover, .json-view .jv-size:hover + .jv-chevron) {
  opacity: 0.8;
}
.json-view .jv-size {
  cursor: pointer;
  opacity: 0.4;
  font-size: 0.875em;
  font-style: italic;
  margin-left: 0.5em;
  vertical-align: -5%;
  line-height: 1;
}
.json-view :is(.json-view--copy, .json-view--edit),
.json-view .json-view--link svg {
  display: none;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  cursor: pointer;
}
.json-view .json-view--input {
  width: 120px;
  margin-left: 0.25em;
  border-radius: 4px;
  border: 1px solid currentColor;
  padding: 0px 4px;
  font-size: 87.5%;
  line-height: 1.25;
  background: transparent;
}
.json-view .json-view--deleting {
  outline: 1px solid #da0000;
  background-color: #da000011;
  text-decoration-line: line-through;
}
:is(.json-view:hover, .json-view--pair:hover) > :is(.json-view--copy, .json-view--edit),
:is(.json-view:hover, .json-view--pair:hover) > .json-view--link svg {
  display: inline-block;
}
.json-view .jv-button {
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  color: inherit;
}
.json-view .cursor-pointer {
  cursor: pointer;
}
.json-view svg {
  vertical-align: -10%;
}
.jv-size-chevron ~ svg {
  vertical-align: -16%;
}
.json-view_a11y {
  color: #545454;
  --json-property: #aa5d00;
  --json-index: #007299;
  --json-number: #007299;
  --json-string: #008000;
  --json-boolean: #d91e18;
  --json-null: #d91e18;
}
.json-view_github {
  color: #005cc5;
  --json-property: #005cc5;
  --json-index: #005cc5;
  --json-number: #005cc5;
  --json-string: #032f62;
  --json-boolean: #005cc5;
  --json-null: #005cc5;
}
.json-view_vscode {
  color: #005cc5;
  --json-property: #0451a5;
  --json-index: #0000ff;
  --json-number: #0000ff;
  --json-string: #a31515;
  --json-boolean: #0000ff;
  --json-null: #0000ff;
}
.json-view_atom {
  color: #383a42;
  --json-property: #e45649;
  --json-index: #986801;
  --json-number: #986801;
  --json-string: #50a14f;
  --json-boolean: #0184bc;
  --json-null: #0184bc;
}
.json-view_winter-is-coming {
  color: #0431fa;
  --json-property: #3a9685;
  --json-index: #ae408b;
  --json-number: #ae408b;
  --json-string: #8123a9;
  --json-boolean: #0184bc;
  --json-null: #0184bc;
}

/* src/components/push-notifications/push-notification-page.css */
.push-notification-page {
  display: flex;
  flex-direction: row;
}
.push-notification-page .form-data {
  flex: 0.4;
}
.push-notification-page .preview {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.push-notification-page .preview .notification {
  width: 300px;
  border: 1px solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
  border-radius: 20px;
}
.push-notification-page .preview .notification .logo > img {
  height: 24px;
}
.push-notification-page .preview .notification .content {
  font-size: 0.85em;
  margin-left: 10px;
  padding: 5px 0;
  overflow: auto;
}
.push-notification-page .preview .notification .content > div {
  padding: 2px 0;
}
.push-notification-page .preview .notification .content .header {
  font-size: 0.9em;
}
.push-notification-page .preview .notification .content .title {
  font-weight: bold;
}
.push-notification-page .preview .notification .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.push-notification-page .preview .notification .message.opened {
  white-space: unset;
}
.push-notification-page .preview .notification .image > img {
  width: 45px;
  max-height: 100%;
  margin: 0 5px;
}
/*# sourceMappingURL=/app.css.map */