[data-theme|='subtle'] {
  --quote-font-family: 'Unna', sans-serif;
  --quote-line-height: 1.2;
}

[data-theme|='subtle'] blockquote[aria-label]:before,
[data-theme|='subtle'] blockquote[aria-label]:after {
  content: '';
  height: 2px;
  width: 90px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--accent-color);
}

[data-theme|='subtle'] blockquote[aria-label]:after {
  bottom: -2rem;
}

[data-theme|='subtle'] blockquote[aria-label] {
  text-align: center;
  text-wrap: balance;
  position: relative;
}

[data-theme|='subtle'] p {
  max-height: 45vh;
}

[data-theme|='subtle'] cite #hyphen {
  display: none;
}

[data-theme|='subtle'] cite #comma {
  display: none;
}

[data-theme|='subtle'] cite #author {
  display: block;
}

[data-theme|='subtle'] cite {
  font-variant: small-caps;
  display: inline-block;
  color: color-mix(in srgb, var(--accent-color), transparent 5%);
}

[data-theme|='subtle'] .time {
  -webkit-text-fill-color: var(--accent-color);
}

[data-theme|='subtle'] p {
  background: var(--linear-gradient);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme|='subtle'] body.share-quote p {
  background: unset;
  background-clip: unset;
  -webkit-text-fill-color: unset;
  color: rgb(238, 3, 117);
}

[data-theme|='subtle'] #progress-bar {
  background: var(--linear-gradient);
}

[data-theme='subtle-light'] {
  --background: #f1f1f1;
  --accent-color: #333333;
  --linear-gradient: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgb(255, 156, 17) 100%);
}

[data-theme='subtle-dark'] {
  --background: #060606;
  --accent-color: #eeeeee;
  --linear-gradient: linear-gradient(
    90deg,
    rgb(238, 3, 117) 0%,
    rgba(221, 38, 44, 1) 20%,
    rgba(255, 91, 61, 1) 40%,
    rgba(255, 105, 121, 1) 60%,
    rgba(168, 137, 139, 1) 80%,
    rgb(125, 199, 218) 100%
  );
}
