.mod-pptx-inline {
    margin-block: 1rem;
}

.mod-pptx-inline__loading {
    align-items: center;
    background: #111827;
    border: .0625rem solid #374151;
    border-radius: .5rem;
    color: #f9fafb;
    display: flex;
    gap: 1.25rem;
    min-height: 7rem;
    padding: 1rem 1.25rem;
    pointer-events: none;
}

.mod-pptx-inline__screen {
    border: .125rem solid #9ca3af;
    border-radius: .25rem;
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 4rem;
    margin-bottom: .75rem;
    position: relative;
    width: 6.5rem;
}

.mod-pptx-inline__screen::before {
    background: #9ca3af;
    bottom: -.75rem;
    content: "";
    height: .75rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: .125rem;
}

.mod-pptx-inline__screen::after {
    background: #9ca3af;
    bottom: -.75rem;
    content: "";
    height: .125rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 1.75rem;
}

.mod-pptx-inline__loading-label {
    align-items: center;
    display: flex;
    gap: .625rem;
    line-height: 1.4;
    min-width: 0;
}

.mod-pptx-inline__spinner {
    animation: media-pptx-spin .8s linear infinite;
    border: .125rem solid rgba(255, 255, 255, .35);
    border-radius: 50%;
    border-top-color: #fbbf24;
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.mod-pptx-inline__status {
    color: inherit;
}

.mod-pptx-inline__loading--error {
    background: #3b1518;
    border-color: #842029;
    min-height: 0;
}

.mod-pptx-inline__loading--error .mod-pptx-inline__screen,
.mod-pptx-inline__loading--error .mod-pptx-inline__spinner {
    display: none;
}

.mod-pptx-inline__original {
    margin-top: .75rem;
}

@keyframes media-pptx-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 30rem) {
    .mod-pptx-inline__loading {
        align-items: flex-start;
        flex-direction: column;
        gap: .875rem;
        padding: 1rem;
    }

    .mod-pptx-inline__screen {
        align-self: center;
        height: 3.25rem;
        width: 5.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mod-pptx-inline__spinner {
        animation: none;
    }
}