/**
 *
 * Modules
 *
 */
/**
*
* Modules
*
*/
/**
 *
 * Variables
 *
 */
/**
 *
 * Functions
 *
 */
/**
 *
 * Mixins
 *
 */
/**
 *
 * Variables
 *
 */
/**
 *
 * Rules
 *
 */
:host {
  display: block;
  min-width: var(--ezp-label-minWidth, auto);
  padding-bottom: 1px;
  padding-top: 1px;
}
:host::before, :host::after {
  content: "";
  display: block;
  height: 0;
}
:host::before {
  margin-top: calc((var(--ezp-label-offset) + 1px) * -1);
}
:host::after {
  margin-bottom: calc((var(--ezp-label-offset) + 1px) * -1);
}
:host(.no-wrap) {
  --ezp-label-whiteSpace: nowrap;
}

:host(.ellipsis) {
  --ezp-label-minWidth: 0;
  --ezp-label-overflow: hidden;
  --ezp-label-textOverflow: ellipsis;
  --ezp-label-whiteSpace: nowrap;
  --ezp-label-width: 100%;
}

:host(.primary) {
  --ezp-label-fontSize: 17px;
  --ezp-label-lineHeight: 24px;
  --ezp-label-letterSpacing: -0.0127756105em;
  --ezp-label-offset: 6px;
}

:host(.secondary) {
  --ezp-label-fontSize: 14px;
  --ezp-label-lineHeight: 20px;
  --ezp-label-letterSpacing: -0.0062235443em;
  --ezp-label-offset: 5px;
}

:host(.tertiary) {
  --ezp-label-fontSize: 12px;
  --ezp-label-lineHeight: 18px;
  --ezp-label-letterSpacing: 0.0004907745em;
  --ezp-label-offset: 5px;
}

:host(.soft) {
  --ezp-label-fontWeight: 400;
}

:host(.strong) {
  --ezp-label-fontWeight: 500;
}

:host(.heavy) {
  --ezp-label-fontWeight: 600;
}

#text {
  font-size: var(--ezp-label-fontSize);
  font-weight: var(--ezp-label-fontWeight);
  letter-spacing: var(--ezp-label-letterSpacing);
  line-height: var(--ezp-label-lineHeight);
  overflow: var(--ezp-label-overflow, visible);
  text-overflow: var(--ezp-label-textOverflow, clip);
  white-space: var(--ezp-label-whiteSpace, normal);
  width: var(--ezp-label-width, auto);
}