.dropdown button {
    width: 120px !important;
}

.dropdown-menu {
    left: -50px !important;
}

#transcription-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    
    .card {
        box-shadow: 5px 6px 20px 0px #000000a1;
    }

    .card-body {
        padding: 0;
        margin: 0;
    }

    canvas {
        width: 100%
    }

    #transcription-area {
        position: relative;
    }
}

@media (max-width: 767.98px) {
    #transcription-container {
        width: 100%;
    }
}

#spinner-container, .modal-backdrop {
    background: rgba(255, 255, 255, 0.24) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10.8px) !important;
    -webkit-backdrop-filter: blur(10.8px) !important;
    opacity: 1 !important;
}