.typo3-login .panel,
.typo3-login .panel-footer {
    background-color: rgba(0, 0, 0, .2);
}
.typo3-login .card-login {
    background-color: #2e3436;
}
.typo3-login input {
    color: #9CD9F0;
    border-color: #9CD9F0;
    background-color: #2E3436;
}
.typo3-login .form-control:focus,
.typo3-login .form-comtrol:hover {
    color: #9CD9F0;
    border-color: #9CD9F0;
    background-color: #2E3436;
}
.typo3-login h2 {
    color: #fff;
}
.typo3-login a {
    color: #218693;
}

.element-preview {
    video {
        width: 40rem;
        max-width: 100%;
    }
}

.ck-content {
    padding-top: calc(var(--ds-spacer) * 2);
    padding-bottom: calc(var(--ds-spacer) * 2);
}
.ck-content pre {
    background: var(--ds-black-dark);
    color: var(--ds-white-dark);
    padding: 0.5em;
}
.ck.ck-content code {
    background: var(--ds-black-dark);
    color: var(--ds-white-dark);
}
.ck-editor__editable_inline {
    height: 500px;
}