/* DOM class inventory (keep in sync with template markup):
  .drkn_quote
  .drkn_quote__text
  .drkn_quote__author
*/

.drkn--quote {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}

.drkn--quote:before {
    display: none;
}

.drkn--quote__text {
    position: relative;
    font-weight: 700;
    line-height: 1.5;
    font-size: clamp(24px,2.25vw,40px);
    z-index: 10;

    @media (min-width: 768px) {
        padding: 0 30% 0 0;
    }
}

.drkn--quote__text q {
    quotes: "“" "”";

    @media (min-width: 768px) {
        quotes: none;
    }
}

.drkn--quote__author {
    display: inline-block;
    line-height: 1;
    border-radius: 5px;
    margin-top: 1rem;
    color: var(--color-content-faded);
}

.drkn--quote__icon {
    position: absolute;
    right: 0;
    top: 50%;
    max-width: 30%;
    width: 330px;
    transform: translateY(-50%);
    aspect-ratio: 1;
    z-index: 1;
    display: none;

    @media (min-width: 768px) {
        display: block;
    }
}

.drkn--quote__icon svg {
    width: 100%;
    height: 100%;
    fill: var(--color-content-bg-alt);
}