/* 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/gallery/gallery-grid/gallery-grid.css */
.gallery-grid {
  position: relative;
}
.gallery-grid .img-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  width: 100%;
  color: white;
  padding: 5px;
  font-size: 0.8em;
  overflow: auto;
  pointer-events: visible;
  -webkit-user-select: initial;
  user-select: initial;
}
.gallery-grid .img-overlay .title {
  font-size: 1.5em;
}
.gallery-grid .img-overlay .title .lod {
  font-size: 0.6em;
  margin-left: 5px;
}
.gallery-grid .img-overlay .title a {
  text-decoration: none;
  color: inherit;
}
.gallery-grid .img-overlay .chip {
  display: inline-block;
  background-color: #fff;
  color: black;
  padding: 2px 2px;
  border-radius: 2px;
  margin: 0 5px 5px 0;
}
.gallery-grid .img-overlay .chip.img-group {
  background-color: #8e8e8e;
  color: white;
}
.gallery-grid .img-overlay .chip.mngt {
  background-color: #ff5722;
  color: white;
}
.gallery-grid .img-overlay .img-tools {
  display: inline-block;
  margin-top: 10px;
}
.gallery-grid .img-overlay .img-tools:hover {
  cursor: pointer;
}
.gallery-grid .img-overlay .img-tools > i {
  font-size: 18px;
  margin-right: 10px;
}
.gallery-grid .img-overlay .img-tools > i:hover {
  color: yellow;
}
.gallery-grid .img-overlay .img-tools > i[data-origin=""] {
  display: none;
}
.gallery-grid .img-overlay .img-tools > i[data-oper=Delete] {
  color: #ff3636;
}

/* src/components/gallery/image-page/image-dropzone/image-dropzone.css */
.image-dropzone {
  height: 90%;
  width: 90%;
  box-sizing: border-box;
}
.image-dropzone .drop-zone.empty {
  border: none;
}
.image-dropzone .drop-wrap {
  position: relative;
  height: 100%;
}
.image-dropzone .drop-wrap > img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: white;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

/* src/components/gallery/image-page/image-layers/layer-element/layer-element.css */
.layer-element {
  width: 200px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
.layer-element .toolbar {
  display: flex;
  margin-top: 5px;
  margin-bottom: 10px;
}
.layer-element .toolbar .text {
  flex: 2;
}
.layer-element.new {
  height: 100%;
}

/* src/components/gallery/image-page/image-layers/image-layers.css */
.layers-container {
  width: 100%;
}
.layers-container .layers-wrap {
  display: flex;
  min-height: 200px;
}
.layers-container .list {
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.layers-container .dragged {
  background-color: rgb(37, 37, 197);
}
.newLayerElement {
  min-height: 255px;
}

/* src/components/gallery/image-page/image-page.css */
.image-page {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
.image-page .details-section {
  width: 100%;
  display: flex;
}
.image-page .details-form {
  flex: 1;
}
.image-page .artwork-file {
  flex: 2;
  overflow: auto;
  height: 470px;
  margin-left: 20px;
  margin-top: 15px;
  padding-bottom: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 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/gallery/image-editor/audit.css */
.audit {
  height: 100%;
}
.audit .results .result {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 5px;
  margin: 5px 0;
  background-color: #f0f0f0;
}
.audit .results .result.selected {
  background-color: yellow;
}
.audit .results .result.clickable {
  cursor: pointer;
}
.audit .results .result i {
  font-size: 18px;
  margin-right: 5px;
}
.audit .results .result.passed i {
  color: green;
}
.audit .results .result.warn i {
  color: #ff7800;
}
.audit .results .result.error i {
  color: red;
}

/* src/components/gallery/image-editor/image-colors.css */
.image-colors {
  padding: 10px;
  display: flex;
  flex-direction: row;
  height: 100%;
  box-sizing: border-box;
}
.image-colors .colors {
  flex: 1;
  overflow: auto;
}
.image-colors .colors .blending {
  vertical-align: middle;
  font-size: 18px;
  cursor: pointer;
}
.image-colors .color-box {
  display: inline-block;
  position: relative;
  border: 1px solid;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  cursor: pointer;
}
.image-colors .color-box.selected:after {
  content: " ";
  background-color: lightblue;
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  z-index: -1;
  border-radius: 50%;
}
.image-colors .color-box .missing {
  font-size: 16px;
  position: absolute;
  right: -8px;
  top: -8px;
  color: red;
  background-color: white;
  border-radius: 50%;
}
.image-colors .color-details-wrap {
  min-width: 33%;
  overflow: auto;
  padding: 0 5px;
  box-sizing: border-box;
}
.image-colors .color-details-wrap .title {
  font-size: 1.2em;
  color: #525252;
}
.image-colors .color-details-wrap .color-details {
  border-bottom: 1px solid #dedede;
  padding: 5px 0;
}
.image-colors .color-details-wrap .color-details .color-box {
  margin-left: 10px;
  width: 18px;
  height: 18px;
}
.image-colors .color-details-wrap .color-details:last-child {
  border-bottom: none;
}
.image-colors .color-boxes {
  display: flex;
  flex-wrap: wrap;
}
.image-colors .color-boxes .color-box {
  margin: 10px 10px 0 0;
}
.image-colors .recipe {
  margin-top: 10px;
}
.image-colors .recipe > .title {
  font-weight: bold;
  margin-bottom: 5px;
}
.image-colors .recipe .part {
  margin: 10px 0;
}
.image-colors .recipe .part:first-child {
  margin-top: 5px;
}

/* src/components/svg-image/svg-image.css */
.svg-image {
  width: 100%;
  height: 100%;
}
.svg-image .svg-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svg-image .svg-wrap > svg {
  width: 100%;
  height: 100%;
}
@keyframes selected-dash {
  to {
    stroke-dashoffset: 1000;
  }
}
.svg-image .selected.flashing {
  animation: selected-dash 90s linear infinite;
  stroke-dasharray: 3, 3;
  stroke-width: 2px;
  stroke: black;
}

/* src/components/gallery/image-editor/alt-color-preview.css */
.alt-color-preview {
  display: flex;
  flex-direction: column;
  border: 2px solid #e8e8e8;
}
.alt-color-preview.maximized {
  width: 100% !important;
  height: 100% !important;
}
.alt-color-preview > .image-wrap {
  overflow: auto;
}
.alt-color-preview > .processing {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alt-color-preview span.label {
  margin-right: 5px;
}
.alt-color-preview span.label:not(:first-child) {
  margin-left: 5px;
}
.alt-color-preview input[type=number] {
  width: 40px;
  border: none;
  padding-left: 5px;
}

/* src/components/gallery/image-editor/alt-palette.css */
.alt-palette {
  height: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

/* src/components/gallery/image-editor/toolbar.css */
.image-editor-toolbar {
  margin-bottom: 1px;
}
.opts-wrap .text-num {
  border: none;
  border-bottom: 1px solid #cccccc;
  outline: none;
}
.image-editor-toolbar .tool-text i {
  position: relative;
}
.image-editor-toolbar .tool-text i:after {
  font-size: 8px;
  font-family: roboto, sans-serif;
  position: absolute;
  top: 100%;
  margin-top: -1px;
  left: 50%;
  transform: translateX(-50%);
}
.image-editor-toolbar .tool-text.svg i:after {
  content: "SVG";
}
.image-editor-toolbar .tool-text.png i:after {
  content: "PNG";
}

/* src/components/gallery/palette-picker/palette-picker.css */
.palette-picker {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.palette-picker .hue {
  width: 100%;
  height: 24px;
  position: relative;
  box-sizing: border-box;
  background:
    linear-gradient(
      to right,
      rgb(255, 0, 0) 0%,
      rgb(255, 255, 0) 17%,
      rgb(0, 255, 0) 33%,
      rgb(0, 255, 255) 50%,
      rgb(0, 0, 255) 67%,
      rgb(255, 0, 255) 83%,
      rgb(255, 0, 0) 100%);
}
.palette-picker .hue .slider {
  position: absolute;
  width: 6px;
  border-radius: 1px;
  height: 22px;
  box-shadow: rgba(0, 0, 0, 0.6) 0 0 2px;
  border: 1px solid;
}
.palette-picker .colors {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==);
}
.palette-picker .hue-wrap {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.palette-picker .preview {
  margin-left: 10px;
  border: 1px solid #dedede;
  border-radius: 4px;
}
.palette-picker .preview > div {
  width: 24px;
  height: 24px;
}
.palette-picker .rgb-data {
  display: flex;
  margin-top: 5px;
  font-size: 0.9em;
}
.palette-picker .rgb-data > div {
  flex: 0.25;
  text-align: center;
  text-transform: uppercase;
}
.palette-picker .swatches-wrap {
  margin-top: 5px;
  border-top: 1px solid #dedede;
  display: flex;
  flex-wrap: wrap;
}
.palette-picker .swatches-wrap > .swatch {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.palette-picker .swatches-wrap > .swatch.empty:after {
  content: "";
  border: 1px solid red;
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: 50%;
  transform: rotate(45deg);
}
.palette-picker .eyedropper {
  margin-left: 10px;
}
.palette-picker .eyedropper > i {
  font-size: 20px;
  vertical-align: middle;
  cursor: pointer;
}
.palette-picker .eyedropper.active > i {
  color: #4681EA;
}

/* src/components/gallery/image-editor/image-editor.css */
.editor-title > .details {
  margin-left: 20px;
  font-size: 0.7em;
}
.image-editor {
  padding: 0 !important;
}
.image-editor > .panels {
  width: 100%;
  height: 100%;
}
.image-editor .image-container {
  display: flex;
  flex-direction: column;
}
.image-editor .svg-image-wrap {
  flex: 1;
  overflow: auto;
  padding: 5px;
}
.image-editor .svg-image-wrap .dropzone {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* src/components/gallery/image-editor/blending-page.css */
.blending-page {
  width: 70%;
  padding: 5% 0 20px 0;
  margin: auto;
}
@media print {
  .blending-page {
    width: 100%;
  }
  .blending-page .recipe {
    page-break-inside: avoid;
  }
}
.blending-page .instructions {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed;
  padding-bottom: 20px;
}
.blending-page .instructions .details {
  flex: 1;
  overflow: auto;
}
.blending-page .instructions .details .title {
  font-weight: bold;
  font-size: 30px;
  text-transform: uppercase;
  color: #E53B78;
}
.blending-page .instructions .details .explain {
  font-size: 19px;
  margin-top: 20px;
}
.blending-page .instructions .spoons {
  width: 160px;
  margin-left: 30px;
}
.blending-page .instructions .spoons > img {
  width: 100%;
}
.blending-page .recipe {
  border-bottom: 1px dashed;
  padding: 20px 0;
  display: flex;
  align-items: center;
}
.blending-page .recipe .mixture {
  flex: 1;
  overflow: auto;
}
.blending-page .recipe .mixture .part {
  display: flex;
  padding: 10px 0;
  font-size: 18px;
}
.blending-page .recipe .mixture .part > div:first-child {
  flex: 0.5;
}
.blending-page .recipe .mixture .part .frac {
  font-weight: bold;
  font-size: 20px;
}
.blending-page .small-box {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: solid 1px #282829;
}
.blending-page .large-box {
  width: 120px;
  height: 120px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: center;
  color: #ffffff;
}
.blending-page .large-box.bright {
  color: #000000;
}

/* src/components/experience-gallery/experience-gallery.css */
.exp-gallery .img-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  width: 100%;
  color: white;
  padding: 5px;
  font-size: 0.8em;
  overflow: auto;
  pointer-events: visible;
  -webkit-user-select: initial;
  user-select: initial;
}
.exp-gallery .img-overlay .title {
  font-size: 1.5em;
}
.exp-gallery .img-overlay .title .status-icon {
  vertical-align: middle;
  margin-left: 5px;
}
.exp-gallery .img-overlay .title a {
  text-decoration: none;
  color: inherit;
}
.exp-gallery .img-overlay .chip {
  display: inline-block;
  background-color: #fff;
  color: black;
  padding: 2px 2px;
  border-radius: 2px;
  margin: 0 5px 5px 0;
}
.exp-gallery .img-overlay .chip.medium {
  background-color: #ffe5a7;
}
.exp-gallery .img-overlay .tools {
  display: inline-block;
  margin-bottom: 2px;
}
.exp-gallery .img-overlay .tools:hover {
  cursor: pointer;
}
.exp-gallery .img-overlay .tools > i {
  font-size: 18px;
  margin-right: 10px;
}
.exp-gallery .img-overlay .tools > i:hover {
  color: yellow;
}
.exp-gallery .img-overlay .tools > i[data-origin=""] {
  display: none;
}
.exp-gallery .img-overlay .tools > i[data-oper=Delete] {
  color: #ff3636;
}

/* src/components/experiences-search/experiences-search-page.css */
.exp-search-page {
  display: flex;
  flex-direction: column;
}
.exp-search-page .scroller {
  height: 100%;
  overflow: auto;
  margin-top: 10px;
}
.exp-search-page .alt-notice {
  margin-top: 5px;
  color: red;
}
.exp-search-page .results {
  height: 100%;
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.exp-search-page .tools {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.exp-search-page .exp {
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 0.8em;
}
.exp-search-page .exp .thumb {
  max-width: 100%;
  cursor: pointer;
}
.exp-search-page .exp .bottom-line {
  display: flex;
  flex-direction: row;
}
.exp-search-page .exp .bottom-line .name {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.exp-search-page .exp .bottom-line .similar-link {
  color: blue;
  cursor: pointer;
}
.exp-search-page .similar {
  border-top: 2px solid;
  margin-top: 10px;
}
.exp-search-page .similar .title {
  font-size: 1.4em;
  margin: 10px 0;
}
.exp-search-page .similar .title .close {
  margin-left: 10px;
  font-size: 0.6em;
  color: rgb(68, 68, 255);
  cursor: pointer;
}
.exp-search-page .similar .list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.exp-search-page .similar .list .exp {
  width: 150px;
}
.exp-search-page .types-radio-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.exp-search-page .types-radio-group span.title {
  margin-right: 5px;
}

/* src/components/media-asset-picker/asset-picker-view/new-asset-view.css */
.new-asset-view {
  width: 450px;
  margin-left: 10px;
}
.new-asset-view .file-drop {
  height: 100px;
  width: 100%;
}

/* src/components/media-asset-picker/asset-picker-view/asset-gallery-view.css */
.asset-gallery-view {
  width: 100%;
  height: 100%;
}
.asset-gallery-view .no-results {
  padding: 10px;
}
.asset-gallery-view .no-results > div {
  padding: 5px 0;
}
.asset-gallery-view .gallery {
  display: flex;
  flex-wrap: wrap;
  -webkit-user-select: none;
  user-select: none;
}
.asset-gallery-view .gallery .item {
  max-width: 200px;
  position: relative;
  margin: 8px;
}
.asset-gallery-view .gallery .item:hover .selectorBackdrop {
  background:
    linear-gradient(
      180deg,
      #00000050,
      transparent);
  flex-direction: row;
}
.asset-gallery-view .gallery .item:hover .selectorBackdrop.selected {
  background: transparent;
}
.asset-gallery-view .gallery .item:hover .selector {
  opacity: 1.0;
}
.asset-gallery-view .gallery .item .selectorBackdrop {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 30px;
}
.asset-gallery-view .gallery .item .selectorBackdrop.no-select {
  display: none;
}
.asset-gallery-view .gallery .item .selectorBackdrop.selected .selector {
  background-color: #4285f4;
  opacity: 1.0;
}
.asset-gallery-view .gallery .item .selectorBackdrop.selected .selector > i {
  color: white;
}
.asset-gallery-view .gallery .item .selector {
  background-color: #eeeeee;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  padding: 1px;
  margin: 5px;
  cursor: pointer;
  opacity: 0;
}
.asset-gallery-view .gallery .item .selector i {
  font-size: 20px;
  color: #999999;
}
.asset-gallery-view .gallery .item .selector.del {
  margin-left: auto;
  background-color: #ff000050;
}
.asset-gallery-view .gallery .item .selector.del > i {
  color: red;
}

/* src/components/media-asset-picker/asset-picker-view/asset-picker-view.css */
.asset-picker-view {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.asset-picker-view .view {
  flex: 1;
  overflow: auto;
}
.asset-picker-view .toolbar {
  padding: 5px 10px;
}

/* src/components/media-asset-picker/media-asset-modal/media-asset-modal.css */
.media-asset-modal {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.media-asset-modal .content {
  flex: 1;
  overflow: auto;
}

/* src/components/entity-picker/entity-picker.css */
.entity-picker {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.entity-picker .toolbar {
  padding: 5px 10px;
  z-index: 1000;
}
.entity-picker .toolbar .search-tools {
  display: flex;
  margin-left: auto;
}
.entity-picker .toolbar .search-tools.hidden {
  display: none;
}
.entity-picker .content {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  outline: none;
}
.entity-picker .content .scroller {
  flex: 1;
  overflow: auto;
}
.entity-picker .content .filter {
  align-self: flex-start;
  margin: 10px 5px;
}
.entity-picker .footer {
  padding: 10px;
  border-top: 1px solid gray;
  display: flex;
  justify-content: flex-end;
}
.entity-picker .footer > button {
  margin-left: 10px;
}

/* src/components/experience-page/experience-page.css */
.exp-page {
  padding: 20px;
}

/* node_modules/react-querybuilder/dist/query-builder.css */
.ruleGroup {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: .5rem;
  border-width: 1px;
}
.ruleGroup .ruleGroup-body {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.ruleGroup .ruleGroup-body:empty {
  display: none;
}
.ruleGroup .ruleGroup-header,
.ruleGroup .rule {
  display: flex;
  gap: .5rem;
  align-items: center;
}
.ruleGroup .rule .rule-value:has(.rule-value-list-item) {
  display: flex;
  gap: .5rem;
  align-items: baseline;
}
.ruleGroup .betweenRules {
  display: flex;
}
.ruleGroup .shiftActions {
  display: flex;
  flex-direction: column;
}
.ruleGroup .shiftActions > * {
  padding: 0;
}
.dndOver.rule,
.dndOver.ruleGroup-header {
  padding-bottom: .5rem;
}
.dndOver.betweenRules {
  padding-top: .5rem;
}
.queryBuilder-branches .ruleGroup-body {
  margin-left: calc(2*0.5rem);
}
.queryBuilder-branches .rule,
.queryBuilder-branches .ruleGroup .ruleGroup {
  position: relative;
}
.queryBuilder-branches .rule::before,
.queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::before,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  content: "";
  width: .5rem;
  left: calc(-0.5rem - 1px);
  border-radius: 0;
  position: absolute;
}
.queryBuilder-branches .rule::before,
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: -0.5rem;
  height: calc(50% + 0.5rem);
  border-width: 0 0 1px 1px;
}
.queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  top: 50%;
  height: 50%;
  border-width: 0 0 0 1px;
}
.queryBuilder-branches .rule:last-child::after,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::after {
  display: none;
}
.queryBuilder-branches .ruleGroup .ruleGroup::before,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  left: calc(-0.5rem - 1px - 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: calc(-0.5rem - 1px);
  height: calc(50% + 0.5rem + 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  height: calc(50% + 1px);
}
.queryBuilder-branches .betweenRules {
  position: relative;
}
.queryBuilder-branches .betweenRules::before {
  content: "";
  width: .5rem;
  left: calc(-0.5rem - 1px);
  border-radius: 0;
  position: absolute;
  top: -0.5rem;
  height: calc(100% + 0.5rem);
  border-width: 0 0 0 1px;
}
.ruleGroup {
  border-color: #8081a2;
  border-style: solid;
  border-radius: .25rem;
  background: rgba(0, 75, 183, .2);
}
.ruleGroup .shiftActions > * {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
}
.dndOver.rule,
.dndOver.ruleGroup-header {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: #639;
}
.dndOver.rule.dndCopy,
.dndOver.ruleGroup-header.dndCopy {
  border-bottom-color: #693;
}
.dndOver.betweenRules {
  border-top-width: 2px;
  border-top-style: dashed;
  border-top-color: #639;
}
.dndOver.betweenRules.dndCopy {
  border-top-color: #693;
}
.ruleGroup.dndDragging,
.rule.dndDragging {
  opacity: .5;
}
.ruleGroup .queryBuilder-dragHandle,
.rule .queryBuilder-dragHandle {
  cursor: move;
}
.queryBuilder-branches .rule::before,
.queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::before,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  border-color: #8081a2;
  border-style: solid;
}
.queryBuilder-branches .rule:last-child::before,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::before {
  border-bottom-left-radius: .25rem;
}
.queryBuilder-branches .betweenRules {
  position: relative;
}
.queryBuilder-branches .betweenRules::before {
  border-color: #8081a2;
  border-style: solid;
}

/* src/components/experience-feed-page/experiences-feed-page.css */
.exps-list {
  padding: 0 !important;
}
.exps-list .grid-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
}
.exps-list.row .grid-wrap {
  display: block;
}
.exps-list .grid {
  align-self: baseline;
  -webkit-user-select: none;
  user-select: none;
  display: grid;
  grid-template-columns: 150px 150px;
  grid-gap: 24px;
}
.exps-list.row .grid {
  grid-template-columns: repeat(auto-fill, 150px);
}
.exps-list .exp {
  position: relative;
}
.exps-list .exp .exp-tools {
  display: flex;
  align-items: center;
}
.exps-list .exp .exp-tools span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.exps-list .exp img {
  max-width: 100%;
  max-height: 100%;
}
.exps-list .exp.draft {
  filter: grayscale();
  position: relative;
}
.exps-list .exp .exp-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  color: white;
  background-color: #00000090;
  text-transform: uppercase;
}
.exp.exp-drag {
  pointer-events: none;
  box-shadow: -7px 7px 6px 0px rgb(0 0 0 / 20%);
}
.exp.exp-drag img {
  max-height: 100%;
  max-width: 100%;
}

/* src/components/feed-page/feed-page.css */
.exp-feed .feed-item {
  margin-top: 10px;
}
.exp-feed .feed-item.title-item {
  background-color: #c1c1c1;
}
.exp-feed .feed-item .faded {
  opacity: 0.4;
}
.exp-feed .feed-item .content {
  display: flex;
  flex-direction: row;
  height: 250px;
  box-sizing: border-box;
}
.exp-feed .feed-item .content .fi-status {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.exp-feed .feed-item .content .fi-status .dropdown {
  margin-left: 3px;
}
.exp-feed .feed-item .content .details {
  overflow: auto;
  white-space: nowrap;
}
.exp-feed .feed-item .content .details a {
  color: inherit;
}
.exp-feed .feed-item .content .ui-element {
  overflow: auto;
  height: 100%;
  margin-left: 30px;
}
.exp-feed .feed-item .content .ui-element .fc-image {
  height: 100%;
  width: 100%;
}
.exp-feed .feed-item .content .ui-element .fc-image img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.exp-feed .feed-item .content .ui-element .fc-video {
  height: 100%;
  width: 100%;
}
.exp-feed .feed-item .content .ui-element .fc-video video {
  display: block;
}
.exp-feed .feed-item .content .ui-element .featured {
  display: flex;
  flex-direction: column;
  border: 1px solid;
  height: 100%;
  width: 200px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  background-color: #e7e7e7;
}
.exp-feed .feed-item .content .ui-element .featured .featured-buttons {
  margin-top: 50%;
}
.exp-feed .feed-item .content .ui-element .featured .featured-buttons span {
  margin-right: 10px;
  padding: 5px;
  border: 1px solid;
  border-radius: 50px;
}

/* src/components/entity-crud-page/entity-crud-page.css */
.edit-entity-modal {
  max-width: 600px;
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
}

/* src/components/media-library/media-library-page.css */
.media-library-page {
  padding: 0 !important;
}

/* src/components/space-posts/space-post/space-post.css */
.space-post {
  background-color: #fdf5e9;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 8px;
}
.space-post .title {
  font-size: 0.9em;
  font-weight: 500;
}
.space-post .title .space-name {
  cursor: pointer;
}
.space-post .content {
  display: flex;
  flex-direction: row;
  max-height: 210px;
  margin-top: 10px;
}
.space-post .comments {
  max-height: 300px;
  overflow: auto;
}
.space-post .content .post-details {
  flex: 0.7;
  overflow: auto;
  display: flex;
  flex-direction: row;
}
.space-post .content .post-details .avatar {
  margin-right: 10px;
}
.space-post .content .post-details .details {
  display: flex;
  flex-direction: column;
}
.space-post .content .post-details .avatar img {
  cursor: pointer;
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
}
.space-post .content .post-details .details .toolbar {
  margin-top: auto;
  color: #606060;
}
.space-post .content .post-details .details .toolbar > * {
  margin-left: 10px;
}
.space-post .content .post-details .details .toolbar > *:first-child {
  margin-left: -8px;
}
.space-post .content .post-details .details .toolbar .reply {
  min-width: 0;
}
.space-post .content .post-details .details .toolbar .featured {
  color: gold;
}
.space-post .content .post-details .details .toolbar .email {
  text-decoration: none;
}
.space-post .content .post-details .details .subtitle {
  font-size: 0.9em;
  color: #606060;
}
.space-post .content .post-details .details .subtitle .username {
  cursor: pointer;
}
.space-post .content .post-details .details .subtitle .divider {
  margin: 0 7px;
}
.space-post .content .post-details .details .message {
  margin-top: 10px;
}
.space-post .content .post-details .details .parentIdLink {
  margin-top: 10px;
}
.space-post .content .ui-element {
  overflow: auto;
  height: 100%;
  min-height: 150px;
  margin-left: 30px;
  flex: 0.3;
}
.space-post .content .ui-element .spacePost-mediaItem img,
.space-post .content .ui-element .spacePost-mediaItem video {
  display: block;
  max-width: 150px;
  cursor: pointer;
}
.space-post .content .ui-element .spacePost-mediaItem.full {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #000000c0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.space-post .content .ui-element .spacePost-mediaItem.full img,
.space-post .content .ui-element .spacePost-mediaItem.full video {
  max-height: 100%;
  max-width: 100%;
}

/* src/components/space-posts/space-posts-list/space-posts-list.css */
.space-posts-list.comment {
  margin-left: 20px;
}
.space-posts-list .post.comment {
  padding: 8px;
  border-bottom: none;
  background-color: #EBF7F3;
  border-radius: 10px;
}

/* src/components/space-posts/space-posts-page/space-posts-page.css */
.space-posts-page-toolbar {
  display: flex;
  flex-direction: row;
  overflow: auto;
  align-items: center;
}
.space-posts-page-toolbar .btn-filter {
  margin: 5px;
}
.space-posts-page-toolbar .filter-time {
  margin-left: 20px;
}
.space-posts-page-toolbar .filter-time select {
  padding: 2px;
  margin-left: 5px;
}

/* src/components/space-posts/single-post-page/single-post-page.css */

/* src/components/events-list/event-details-row.css */
.event-details-row {
  padding: 10px;
  display: flex;
  flex-direction: row;
}
.event-details-row .ui-toolbar {
  padding: 10px 0;
}
.event-details-row .info-pane {
  flex: 0.7;
}
.event-details-row .title {
  font-weight: bold;
}
.event-details-row .details {
  display: table;
  font-size: 0.9em;
  margin-top: 5px;
}
.event-details-row .details > div {
  display: table-row;
}
.event-details-row .details > div > div {
  display: table-cell;
  padding: 1px 0 1px 10px;
}
.event-details-row .details > div > div:first-child {
  white-space: nowrap;
  padding-left: 2px;
}
.event-details-row .details .gray {
  color: #aaaaaa;
}
.event-details-row .toggle {
  text-align: right;
  padding-right: 10px;
  font-size: 0.8em;
  -webkit-user-select: none;
  user-select: none;
}
.event-details-row .toggle > span {
  cursor: pointer;
}

/* src/components/events-list/event-edit-model.css */
.event-edit-modal {
  padding: 10px 20px;
  height: 100%;
  box-sizing: border-box;
  max-width: 300px;
}

/* src/components/events-list/events-list.css */
.events-list .event-details-row {
  box-shadow: rgba(0, 0, 0, 0.12) 0 1px 6px, rgba(0, 0, 0, 0.12) 0 1px 4px;
  border-radius: 2px;
  margin-top: 20px;
}
.events-list .event-details-row:first-child {
  margin-top: 0;
}

/* src/components/experiences-filter-config/experience-filter-config.css */
.exp-filter-config {
  width: 100%;
  height: 90%;
  display: flex;
  flex-direction: row;
}
.exp-tags-src {
  flex: 2;
}
.exp-tags-src .title {
  font-weight: bold;
  text-align: center;
}
.exp-tags-trg {
  flex: 1;
}
.exp-tags-trg .title {
  font-weight: bold;
  text-align: center;
}
.srcList {
  cursor: grab;
  height: 100%;
  overflow: auto;
}
.srcItem {
  display: inline-grid;
  margin: 5px 5px 5px 5px;
  cursor: grab;
  font-size: 20px;
  -webkit-user-select: none;
  user-select: none;
}
.trgList {
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  padding-top: 30px;
  padding-left: 5px;
}
.trgItem {
  display: inline-grid;
  margin: 5px 5px 5px 5px;
  cursor: grab;
  font-size: 20px;
  -webkit-user-select: none;
  user-select: none;
}
/*# sourceMappingURL=/app.css.map */