:root {
  --tmc-asset-size: 75px;
  --tmc-asset-margin: 10px;
  --sp-1: 0.14%;
  --sp-2: 0.28%;
  --sp-3: 0.56%;
  --sp-4: 0.83%;
  --sp-5: 1.11%;
  --sp-6: 1.67%;
  --sp-7: 2.22%;
  --sp-8: 2.78%;
  --sp-9: 3.33%;
  --sp-10: 4.44%;
  --sp-11: 5.56%;
  --sp-12: 6.67%;
  --sp-13: 11.11%;
  --sp-14: 22.22%;
}

/* Hiding Singles from the nav */
li:has([data-key=singles]) {
  display: none;
}

[data-attribute=pageContent] [data-attribute=assets] .elements,
[data-attribute=projectGrid] [data-attribute=assets] .elements,
[data-attribute=homeGrid] [data-attribute=assets] .elements,
.tmc-matrixblock [data-attribute=assets] .elements {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tmc-asset-margin);
}
[data-attribute=pageContent] [data-attribute=assets] .element,
[data-attribute=projectGrid] [data-attribute=assets] .element,
[data-attribute=homeGrid] [data-attribute=assets] .element,
.tmc-matrixblock [data-attribute=assets] .element {
  font-size: 85%;
}
[data-attribute=pageContent] [data-attribute=assets] .element .label,
[data-attribute=projectGrid] [data-attribute=assets] .element .label,
[data-attribute=homeGrid] [data-attribute=assets] .element .label,
.tmc-matrixblock [data-attribute=assets] .element .label {
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-attribute=pageContent] [data-attribute=assets] .element .label span,
[data-attribute=projectGrid] [data-attribute=assets] .element .label span,
[data-attribute=homeGrid] [data-attribute=assets] .element .label span,
.tmc-matrixblock [data-attribute=assets] .element .label span {
  white-space: nowrap;
}
[data-attribute=pageContent] [data-attribute=assets] .element.element.large.hasthumb,
[data-attribute=projectGrid] [data-attribute=assets] .element.element.large.hasthumb,
[data-attribute=homeGrid] [data-attribute=assets] .element.element.large.hasthumb,
.tmc-matrixblock [data-attribute=assets] .element.element.large.hasthumb {
  margin: 0;
  padding: calc(var(--tmc-asset-size) + 1em) 0 0 0;
  width: var(--tmc-asset-size);
}
[data-attribute=pageContent] [data-attribute=assets] .element.element.large.hasthumb .elementthumb:not(:empty),
[data-attribute=projectGrid] [data-attribute=assets] .element.element.large.hasthumb .elementthumb:not(:empty),
[data-attribute=homeGrid] [data-attribute=assets] .element.element.large.hasthumb .elementthumb:not(:empty),
.tmc-matrixblock [data-attribute=assets] .element.element.large.hasthumb .elementthumb:not(:empty) {
  left: 0 !important;
  width: var(--tmc-asset-size);
  height: var(--tmc-asset-size);
}
[data-attribute=pageContent] [data-attribute=layout],
[data-attribute=pageContent] [data-attribute=align],
[data-attribute=projectGrid] [data-attribute=layout],
[data-attribute=projectGrid] [data-attribute=align],
[data-attribute=homeGrid] [data-attribute=layout],
[data-attribute=homeGrid] [data-attribute=align],
.tmc-matrixblock [data-attribute=layout],
.tmc-matrixblock [data-attribute=align] {
  width: 20% !important;
}
[data-attribute=pageContent] [data-attribute=mirror],
[data-attribute=projectGrid] [data-attribute=mirror],
[data-attribute=homeGrid] [data-attribute=mirror],
.tmc-matrixblock [data-attribute=mirror] {
  width: auto !important;
}
[data-attribute=pageContent] [data-attribute=assets],
[data-attribute=projectGrid] [data-attribute=assets],
[data-attribute=homeGrid] [data-attribute=assets],
.tmc-matrixblock [data-attribute=assets] {
  width: 70% !important;
}
[data-attribute=pageContent] [data-attribute=layoutPreview],
[data-attribute=projectGrid] [data-attribute=layoutPreview],
[data-attribute=homeGrid] [data-attribute=layoutPreview],
.tmc-matrixblock [data-attribute=layoutPreview] {
  width: 30% !important;
}
[data-attribute=pageContent].draghelper .field:not([data-attribute=assets]),
[data-attribute=projectGrid].draghelper .field:not([data-attribute=assets]),
[data-attribute=homeGrid].draghelper .field:not([data-attribute=assets]),
.tmc-matrixblock.draghelper .field:not([data-attribute=assets]) {
  display: none;
}

.tmc-grid-preview {
  width: 100%;
  border-radius: 3px;
  border: 1px solid var(--medium-hairline-color);
  color: var(--medium-text-color);
  margin-left: auto;
  overflow: hidden;
}
.tmc-grid-preview .row,
.tmc-grid-preview .row-subgrid {
  gap: 0.5px;
}
.tmc-grid-preview .row {
  display: none;
  position: relative;
}
.tmc-grid-preview div span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--gray-200);
}
.tmc-grid-preview div span.moveable {
  background: var(--gray-100);
}

/*# sourceMappingURL=cms.css.map */