.cdx-callout-icon svg {
    transform: rotate(180deg);
}

.cdx-callout {}

.cdx-callout__content {
    min-height: 158px;
    margin-top: 10px;
}

.cdx-callout__excerpt {
    min-height: 80px;
    margin-top: 10px;
}

.cdx-callout__reference {}

.cdx-callout [contentEditable=true][data-placeholder]::before{
    position: absolute;
    content: attr(data-placeholder);
    color: #707684;
    font-weight: normal;
    opacity: 0;
}

.cdx-callout [contentEditable=true][data-placeholder]:empty::before {
    opacity: 1;
}

.cdx-callout [contentEditable=true][data-placeholder]:empty:focus::before {
    opacity: 0;
}


.cdx-callout-settings {
    display: flex;
}

.cdx-callout-settings .cdx-settings-button {
    width: 50%;
}

.callout-preview-excerpt {
    display: flex;
    align-items: flex-start;
    color: #184464;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.44px;
    margin-bottom: 24px;
}

.callout-preview-reference {
    font-size: 18px;
    font-weight: 400;
    color: #648AA9;
}