/* Base box */
.quote-box-496a331b {
    position: relative;
    border-radius: 16px;
    padding: 30px 30px 26px;
    max-width: 480px;
    font-style: italic;
}

/* Light theme */
.quote-box-496a331b.quote-theme-light {
    background: #D6EEF0;
    color: #053333;
}
.quote-box-496a331b.quote-theme-light .ndc-quote { color: #00A79D; }
.quote-box-496a331b.quote-theme-light .ndc-quote svg { fill: #00A79D; }
.quote-box-496a331b.quote-theme-light .ndc-cite { color: #00A79D; }

/* Light + tail right */
.quote-box-496a331b.quote-theme-light.tail-right::after {
    content: "";
    position: absolute;
    bottom: -19px;
    right: 44px;
    left: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 24px;
    border-color: #D6EEF0 transparent transparent transparent;
}

/* Light + tail left */
.quote-box-496a331b.quote-theme-light.tail-left::after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 44px;
    right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 24px 0 0;
    border-color: #D6EEF0 transparent transparent transparent;
}

/* Dark theme */
.quote-box-496a331b.quote-theme-dark {
    background: #053333;
    color: #ffffff;
}
.quote-box-496a331b.quote-theme-dark .ndc-quote { color: #8DC63F; }
.quote-box-496a331b.quote-theme-dark .ndc-quote svg { fill: #8DC63F; }
.quote-box-496a331b.quote-theme-dark .ndc-cite { color: #8DC63F; }

/* Dark + tail left */
.quote-box-496a331b.quote-theme-dark.tail-left::after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 44px;
    right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 24px 0 0;
    border-color: #053333 transparent transparent transparent;
}

/* Dark + tail right */
.quote-box-496a331b.quote-theme-dark.tail-right::after {
    content: "";
    position: absolute;
    bottom: -19px;
    right: 44px;
    left: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 24px;
    border-color: #053333 transparent transparent transparent;
}

/* Shared inner elements */
.quote-box-496a331b .ndc-quote {
    position: absolute;
    bottom: 20px;
    right: 22px;
    font-size: 26px;
    opacity: .5;
    font-style: normal;
}
.quote-box-496a331b .ndc-quote svg {
    width: 26px;
    height: 26px;
}
.quote-box-496a331b .ndc-cite {
    font-style: normal;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0;
}
.quote-box-496a331b p {
    margin-bottom: 0;
}