@import "shared/mixins-and-vars";

.enable-media-player {
    .able-wrapper {
        max-width: initial !important;
    }
    .able-descriptions {
        display: none !important;
        border: solid 1px red;
    }
    .able-status-bar {
        height: 2.4em;
        min-height: 2.4em;
    }
    * {
        box-sizing: content-box;
    }
    .able-wrapper:not(.is-fullscreen) {
        .able.able-transcript-visible + .able-transcript-area {
            max-width: 100% !important;
            left: auto !important;
            top: auto !important;
            position: relative !important;
            margin: 0 auto;
        }
        .able.able-transcript-visible + .able-transcript-area .able-alert {
            display: none !important;
        }
        @media only screen and (min-width: 720px) {
            .able.able-transcript-visible {
                width: calc(50% - 20px);
                display: inline-block;
                margin-right: 20px;
            }
            .able.able-transcript-visible + .able-transcript-area {
                width: calc(50% - 2px) !important;
                max-width: calc(50% - 2px) !important;
                display: inline-block;
                vertical-align: top;
                margin-top: 1em;
            }
        }
    }
    .able-media-container iframe {
        width: 100%;

        .enable-focus({
      outline: solid 2px @focus-color ;
      outline-offset: -2px;
    }, {
      outline: none;
    });

        *:focus-visible {
            outline-style: solid;
        }
    }
}
.compliance-table {
    width: 450px;
    max-width: 100%;
    margin: 1em auto 3em auto;
}
.compliance-table th,
.compliance-table td {
    text-align: center;
    vertical-align: middle;
}
.compliance-table tr {
    background: none !important;
}
.compliance-table td {
    border: solid 1px black;
}
.compliance-table__icon {
    width: 20px;
}