.mw-mmv-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #000;
    display: flex;
    justify-items: center;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.mw-mmv-overlay .cdx-progress-bar {
    max-width: 80vw;
    min-width: 20vw;
    width: 20rem;
}

body.mw-mmv-lightbox-open {
    overflow-y: auto;
    background-color: #000;
}

body.mw-mmv-lightbox-open>*:not(.mw-notification-area-overlay) {
    display: none;
}

body.mw-mmv-lightbox-open>.mw-mmv-overlay {
    display: flex;
}

body.mw-mmv-lightbox-open>.mw-mmv-wrapper {
    display: block;
}

.mw-mmv-view-expanded .cdx-button__icon {
    min-width: 16px;
    min-height: 16px;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: text-bottom;
}

@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
    .mw-mmv-view-expanded .cdx-button__icon {
        background-position: center;
        background-repeat: no-repeat;
        background-size: calc(max(1rem, 16px));
    }
}

@supports (-webkit-mask-image: none) or (mask-image: none) {
    .mw-mmv-view-expanded .cdx-button__icon {
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: calc(max(1rem, 16px));
        mask-size: calc(max(1rem, 16px));
    }
}

@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
    .mw-mmv-view-expanded .cdx-button__icon {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M3 5a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm0 11 3.5-4.5 2.5 3 3.5-4.5 4.5 6zM16 2a2 2 0 012 2H2a2 2 0 012-2z"/></svg>');
        filter: invert(var(--filter-invert-icon, 0));
        opacity: var(--opacity-icon-base, 0.87);
    }

    .cdx-button:not(.cdx-button--weight-quiet):disabled .mw-mmv-view-expanded .cdx-button__icon,
    .cdx-button--weight-primary.cdx-button--action-progressive .mw-mmv-view-expanded .cdx-button__icon,
    .cdx-button--weight-primary.cdx-button--action-destructive .mw-mmv-view-expanded .cdx-button__icon {
        filter: invert(var(--filter-invert-primary-button-icon, 1));
    }
}

@supports (-webkit-mask-image: none) or (mask-image: none) {
    .mw-mmv-view-expanded .cdx-button__icon {
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M3 5a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm0 11 3.5-4.5 2.5 3 3.5-4.5 4.5 6zM16 2a2 2 0 012 2H2a2 2 0 012-2z"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="%23000"><path d="M3 5a2 2 0 00-2 2v10a2 2 0 002 2h14a2 2 0 002-2V7a2 2 0 00-2-2zm0 11 3.5-4.5 2.5 3 3.5-4.5 4.5 6zM16 2a2 2 0 012 2H2a2 2 0 012-2z"/></svg>');
        transition-property: background-color;
        transition-duration: 100ms;
    }
}

.ve-init-mw-tempWikitextEditorWidget {
    border: 0;
    padding: 0;
    color: inherit;
    line-height: 1.5em;
    width: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
}

.ve-init-mw-tempWikitextEditorWidget:focus {
    outline: 0;
    padding: 0;
}

.ve-init-mw-tempWikitextEditorWidget::selection {
    background: rgba(109, 169, 247, 0.5);
}