@charset "UTF-8";
/**
 * dvalue.scss — Schicht 1+2: Struktur & Funktion
 * drugis_ui/components/dvalue/sass/dvalue.scss
 *
 * Kompiliert nach: drugis_ui/components/dvalue/stylesheets/dvalue.css
 *
 * Enthält:       Layout, Label-Positionierung, Alignment, Sizes, Struktur.
 * Enthält NICHT: Farbwerte, Typografie-Entscheidungen (font-weight des Labels etc.),
 *                das editable-Styling.
 *
 * Schicht 3 (Typografie/Farben/Emphasis) → {theme}/sass/components/_dvalue.scss
 */
/* line 17, ../sass/dvalue.scss */
:root {
  --dvalue-gap-inline: calc(var(--dunit) * 0.5);
  --dvalue-gap-stacked: calc(var(--dunit) * 0.25);
  --dvalue-gap-actions: calc(var(--dunit) * 0.5);
  --dvalue-font-size-xs: calc(var(--dunit) * 1.5);
  --dvalue-font-size-s: calc(var(--dunit) * 1.75);
  --dvalue-font-size-m: calc(var(--dunit) * 2);
  --dvalue-label-font-size: 0.875em;
  --dvalue-label-width: 10em;
  --dvalue-label-font-weight: 500;
  --dvalue-label-color: inherit;
  --dvalue-content-color: inherit;
  --dvalue-content-font-weight: 400;
  --dvalue-white-space: normal;
  --dvalue-overflow: visible;
  --dvalue-text-overflow: clip;
  --dvalue-label-font-family: inherit;
  --dvalue-label-line-height: 1.4;
  --dvalue-content-font-family: inherit;
  --dvalue-content-font-size: 1em;
  --dvalue-content-font-weight: 400;
  --dvalue-content-line-height: 1.4;
  --dvalue-content-color: inherit;
}

/* line 57, ../sass/dvalue.scss */
.dvalue {
  display: inline-flex;
  align-items: baseline;
  font-size: var(--dvalue-font-size-m);
  line-height: 1.4;
  color: inherit;
}
/* line 66, ../sass/dvalue.scss */
.dvalue__label {
  font-family: var(--dvalue-label-font-family);
  font-size: var(--dvalue-label-font-size);
  font-weight: var(--dvalue-label-font-weight);
  line-height: var(--dvalue-label-line-height);
  color: var(--dvalue-label-color);
  white-space: var(--dvalue-label-white-space, var(--dvalue-white-space));
  overflow: var(--dvalue-overflow);
  text-overflow: var(--dvalue-text-overflow);
}
/* line 77, ../sass/dvalue.scss */
.dvalue__content {
  font-family: var(--dvalue-content-font-family);
  font-size: var(--dvalue-content-font-size);
  font-weight: var(--dvalue-content-font-weight);
  line-height: var(--dvalue-content-line-height);
  color: var(--dvalue-content-color);
  white-space: var(--dvalue-white-space);
  overflow: var(--dvalue-overflow);
  text-overflow: var(--dvalue-text-overflow);
}
/* line 88, ../sass/dvalue.scss */
.dvalue__actions {
  display: inline-flex;
  align-items: center;
  margin-inline-start: var(--dvalue-gap-actions);
}

/* line 98, ../sass/dvalue.scss */
.dvalue.size-xs {
  font-size: var(--dvalue-font-size-xs);
}

/* line 99, ../sass/dvalue.scss */
.dvalue.size-s {
  font-size: var(--dvalue-font-size-s);
}

/* line 100, ../sass/dvalue.scss */
.dvalue.size-m {
  font-size: var(--dvalue-font-size-m);
}

/* line 107, ../sass/dvalue.scss */
.dvalue.label-position-before,
.dvalue.label-position-after {
  flex-direction: row;
  gap: var(--dvalue-gap-inline);
}

/* line 114, ../sass/dvalue.scss */
.dvalue.label-position-above,
.dvalue.label-position-below {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--dvalue-gap-stacked);
}

/* line 122, ../sass/dvalue.scss */
.dvalue.label-position-hidden {
  flex-direction: row;
}

/* line 127, ../sass/dvalue.scss */
.dvalue .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 146, ../sass/dvalue.scss */
.dvalue.align-left {
  justify-content: flex-start;
}

/* line 151, ../sass/dvalue.scss */
.dvalue.align-right {
  justify-content: flex-end;
}

/* line 159, ../sass/dvalue.scss */
.dvalue.align-justify {
  justify-content: flex-start;
  width: 100%;
}
/* line 163, ../sass/dvalue.scss */
.dvalue.align-justify .dvalue__label {
  flex: 0 0 var(--dvalue-label-width);
  min-width: var(--dvalue-label-width);
}
/* line 168, ../sass/dvalue.scss */
.dvalue.align-justify .dvalue__content {
  min-width: 0;
  overflow-wrap: break-word;
}

/* line 176, ../sass/dvalue.scss */
.dvalue.align-spread {
  justify-content: space-between;
  width: 100%;
}

/* line 184, ../sass/dvalue.scss */
.dvalue.nowrap {
  --dvalue-white-space: nowrap;
}

/* line 188, ../sass/dvalue.scss */
.dvalue.truncate {
  --dvalue-white-space: nowrap;
  --dvalue-overflow: hidden;
  --dvalue-text-overflow: ellipsis;
}