/* ========================================================================
   Component: Quotation Delta
 ========================================================================== */
.uk-quotations-delta {
  color: var(--global-muted-color);
  direction: ltr;
  display: inline-block;
  font-size: var(--global-font-size);
  font-weight: 500;
  line-height: var(--global-line-height);
  position: relative;
}

.uk-quotations-delta.uk-quotations-delta-up::before,
.uk-quotations-delta.uk-quotations-delta-down::before {
  background-color: currentColor;
  content: "";
  display: inline-block;
  height: 0.8em;
  mask-repeat: no-repeat;
  mask-size: 0.8em var(--breadcrumb-divider-font-size);
  padding-right: 0.677em;
  width: 0.8em;
}

.uk-quotations-delta.uk-quotations-delta-up {
  color: var(--global-success-color);
}

.uk-quotations-delta.uk-quotations-delta-up::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 9" height="9" width="18"><path d="M1 10L9 2L17 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>');
}

.uk-quotations-delta.uk-quotations-delta-down {
  color: var(--global-danger-color);
}

.uk-quotations-delta.uk-quotations-delta-down::before {
  mask-image: url('data:image/svg+xml;utf8,<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 9" height="9" width="18"><path d="M17 1L9 9L1 1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg>');
}