/* TWSite accessibility plugin. Public UI and admin audit are fully namespaced. */

.tw-a11y-root {
    --tw-a11y-ui-bg: #ffffff;
    --tw-a11y-ui-text: #111827;
    --tw-a11y-ui-line: #4b5563;
    --tw-a11y-ui-accent: #123b5d;
    --tw-a11y-ui-accent-text: #ffffff;
    --tw-a11y-ui-selected: #fde047;
    --tw-a11y-ui-selected-text: #111111;
    position: relative !important;
    z-index: 2147483000 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--tw-a11y-ui-text) !important;
    font: 16px/1.4 Arial, Helvetica, sans-serif !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

.tw-a11y-root button,
.tw-a11y-root fieldset,
.tw-a11y-root legend,
.tw-a11y-root div,
.tw-a11y-root span {
    box-sizing: border-box !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.tw-a11y-skip {
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    z-index: 3 !important;
    transform: translateY(-180%) !important;
    padding: 12px 16px !important;
    border: 3px solid #111111 !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.tw-a11y-skip:focus {
    transform: translateY(0) !important;
    outline: 3px solid #f59e0b !important;
    outline-offset: 2px !important;
}

.tw-a11y-launcher,
.tw-a11y-control {
    min-height: 44px !important;
    margin: 4px !important;
    padding: 8px 12px !important;
    border: 2px solid var(--tw-a11y-ui-line) !important;
    border-radius: 4px !important;
    background: var(--tw-a11y-ui-bg) !important;
    background-image: none !important;
    color: var(--tw-a11y-ui-text) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-transform: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.tw-a11y-launcher {
    display: inline-block !important;
    margin: 8px 8px 8px auto !important;
    border-color: var(--tw-a11y-ui-accent) !important;
    background: var(--tw-a11y-ui-accent) !important;
    color: var(--tw-a11y-ui-accent-text) !important;
}

.tw-a11y-launcher:hover,
.tw-a11y-control:hover {
    filter: brightness(0.92) !important;
}

.tw-a11y-launcher:focus,
.tw-a11y-control:focus {
    outline: 3px solid #f59e0b !important;
    outline-offset: 2px !important;
}

.tw-a11y-control[aria-pressed="true"] {
    border-color: #111111 !important;
    background: var(--tw-a11y-ui-selected) !important;
    color: var(--tw-a11y-ui-selected-text) !important;
}

.tw-a11y-control--primary {
    border-color: var(--tw-a11y-ui-accent) !important;
    background: var(--tw-a11y-ui-accent) !important;
    color: var(--tw-a11y-ui-accent-text) !important;
}

.tw-a11y-control--quiet {
    float: right !important;
}

.tw-a11y-panel[hidden] {
    display: none !important;
}

.tw-a11y-panel {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    padding: 8px 12px 12px !important;
    border: solid var(--tw-a11y-ui-line) !important;
    border-width: 2px 0 !important;
    background: var(--tw-a11y-ui-bg) !important;
    color: var(--tw-a11y-ui-text) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

.tw-a11y-panel__heading {
    display: inline-block !important;
    margin: 8px 4px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.tw-a11y-panel__groups {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 8px !important;
    clear: both !important;
}

.tw-a11y-group {
    flex: 1 1 260px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--tw-a11y-ui-line) !important;
    background: transparent !important;
    color: inherit !important;
}

.tw-a11y-group legend {
    padding: 0 4px !important;
    color: inherit !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.tw-a11y-panel__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    margin-top: 8px !important;
}

.tw-a11y-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

html.tw-a11y-enabled,
html.tw-a11y-enabled body {
    max-width: 100% !important;
    min-width: 0 !important;
}

html.tw-a11y-enabled body {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

html.tw-a11y-enabled .tw-a11y-node {
    max-width: 100% !important;
    text-shadow: none !important;
    word-wrap: break-word !important;
}

html.tw-a11y-enabled[data-tw-a11y-theme="bw"] body,
html.tw-a11y-enabled[data-tw-a11y-theme="bw"] .tw-a11y-node {
    border-color: #111111 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #111111 !important;
}

html.tw-a11y-enabled[data-tw-a11y-theme="wb"] body,
html.tw-a11y-enabled[data-tw-a11y-theme="wb"] .tw-a11y-node {
    border-color: #ffffff !important;
    background-color: #000000 !important;
    background-image: none !important;
    color: #ffffff !important;
}

html.tw-a11y-enabled[data-tw-a11y-theme="blue"] body,
html.tw-a11y-enabled[data-tw-a11y-theme="blue"] .tw-a11y-node {
    border-color: #063b66 !important;
    background-color: #dceeff !important;
    background-image: none !important;
    color: #062f4f !important;
}

html.tw-a11y-enabled[data-tw-a11y-theme="bw"] .tw-a11y-link { color: #003f8f !important; }
html.tw-a11y-enabled[data-tw-a11y-theme="wb"] .tw-a11y-link { color: #7dd3fc !important; }
html.tw-a11y-enabled[data-tw-a11y-theme="blue"] .tw-a11y-link { color: #003b73 !important; }

html.tw-a11y-enabled .tw-a11y-link {
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 2px !important;
}

html.tw-a11y-enabled[data-tw-a11y-scale="100"] .tw-a11y-text,
html.tw-a11y-enabled[data-tw-a11y-scale="100"] .tw-a11y-form-control { font-size: 16px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="125"] .tw-a11y-text,
html.tw-a11y-enabled[data-tw-a11y-scale="125"] .tw-a11y-form-control { font-size: 20px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="150"] .tw-a11y-text,
html.tw-a11y-enabled[data-tw-a11y-scale="150"] .tw-a11y-form-control { font-size: 24px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="200"] .tw-a11y-text,
html.tw-a11y-enabled[data-tw-a11y-scale="200"] .tw-a11y-form-control { font-size: 32px !important; }

html.tw-a11y-enabled .tw-a11y-heading { line-height: 1.25 !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="100"] h1.tw-a11y-heading { font-size: 32px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="125"] h1.tw-a11y-heading { font-size: 40px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="150"] h1.tw-a11y-heading { font-size: 48px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="200"] h1.tw-a11y-heading { font-size: 64px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="100"] h2.tw-a11y-heading { font-size: 28px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="125"] h2.tw-a11y-heading { font-size: 35px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="150"] h2.tw-a11y-heading { font-size: 42px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="200"] h2.tw-a11y-heading { font-size: 56px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="100"] h3.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="100"] h4.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="100"] h5.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="100"] h6.tw-a11y-heading { font-size: 22px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="125"] h3.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="125"] h4.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="125"] h5.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="125"] h6.tw-a11y-heading { font-size: 28px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="150"] h3.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="150"] h4.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="150"] h5.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="150"] h6.tw-a11y-heading { font-size: 33px !important; }
html.tw-a11y-enabled[data-tw-a11y-scale="200"] h3.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="200"] h4.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="200"] h5.tw-a11y-heading,
html.tw-a11y-enabled[data-tw-a11y-scale="200"] h6.tw-a11y-heading { font-size: 44px !important; }

html.tw-a11y-line-spacing .tw-a11y-text { line-height: 1.75 !important; }
html.tw-a11y-letter-spacing .tw-a11y-text { letter-spacing: 0.08em !important; }
html.tw-a11y-readable-font .tw-a11y-text,
html.tw-a11y-readable-font .tw-a11y-form-control { font-family: Arial, Helvetica, sans-serif !important; }
html.tw-a11y-hide-images .tw-a11y-image { display: none !important; }

html.tw-a11y-enabled .tw-a11y-form-control {
    min-height: 44px !important;
    max-width: 100% !important;
    border: 2px solid currentColor !important;
    background: inherit !important;
    color: inherit !important;
}

html.tw-a11y-enabled .tw-a11y-node:focus,
html.tw-a11y-enabled .tw-a11y-form-control:focus {
    outline: 3px solid #f59e0b !important;
    outline-offset: 3px !important;
}

html.tw-a11y-enabled pre.tw-a11y-node,
html.tw-a11y-enabled table.tw-a11y-node {
    display: block !important;
    overflow-x: auto !important;
}

@media (prefers-reduced-motion: reduce) {
    html.tw-a11y-enabled .tw-a11y-node {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 640px) {
    .tw-a11y-launcher { display: block !important; width: calc(100% - 16px) !important; }
    .tw-a11y-control--quiet { float: none !important; }
    .tw-a11y-panel__groups { display: block !important; }
    .tw-a11y-group { width: 100% !important; margin-bottom: 8px !important; }
    .tw-a11y-group .tw-a11y-control { width: calc(50% - 8px) !important; }
    .tw-a11y-panel__actions .tw-a11y-control { flex: 1 1 100% !important; }
}

/* Read-only administration audit. */
.tw-a11y-admin {
    --tw-a11y-admin-line: #8b949e;
    --tw-a11y-admin-muted: #57606a;
    --tw-a11y-admin-danger: #9a1c1c;
    --tw-a11y-admin-warning: #7a4d00;
    max-width: 1180px;
    color: #24292f;
    font: 14px/1.5 Arial, Helvetica, sans-serif;
}

.tw-a11y-admin__notice,
.tw-a11y-admin__alert,
.tw-a11y-admin__empty {
    padding: 12px;
    border: 1px solid var(--tw-a11y-admin-line);
    background: #f6f8fa;
}

.tw-a11y-admin__alert {
    border-color: #cf222e;
    background: #ffebe9;
    color: #680000;
}

.tw-a11y-admin__status {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 16px 0;
    padding: 12px;
    border: solid var(--tw-a11y-admin-line);
    border-width: 1px 0;
}

.tw-a11y-admin__form {
    margin: 16px 0;
}

.tw-a11y-admin__form label {
    display: block;
    margin-bottom: 4px;
    font-weight: 700;
}

.tw-a11y-admin__form select,
.tw-a11y-admin__submit {
    min-height: 40px;
    padding: 8px;
    border: 1px solid #57606a;
    background: #ffffff;
    color: #24292f;
}

.tw-a11y-admin__submit {
    background: #0969da;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}

.tw-a11y-admin__form select:focus,
.tw-a11y-admin__submit:focus {
    outline: 3px solid #bf8700;
    outline-offset: 2px;
}

.tw-a11y-admin__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.tw-a11y-admin__table th,
.tw-a11y-admin__table td {
    padding: 8px;
    border-bottom: 1px solid #d0d7de;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.tw-a11y-admin__table th:first-child { width: 140px; }
.tw-a11y-admin__table th:nth-child(2) { width: 34%; }
.tw-a11y-admin__table code { font-size: 12px; color: var(--tw-a11y-admin-muted); }
.tw-a11y-admin__table small { color: var(--tw-a11y-admin-muted); }

.tw-a11y-admin__badge {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid currentColor;
    border-radius: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.tw-a11y-admin__badge--error { color: var(--tw-a11y-admin-danger); background: #ffebe9; }
.tw-a11y-admin__badge--warning { color: var(--tw-a11y-admin-warning); background: #fff8c5; }
.tw-a11y-admin__badge--manual { color: #0550ae; background: #ddf4ff; }
.tw-a11y-admin__checklist { padding-left: 24px; }

@media (max-width: 720px) {
    .tw-a11y-admin__table,
    .tw-a11y-admin__table tbody,
    .tw-a11y-admin__table tr,
    .tw-a11y-admin__table td { display: block; width: auto; }
    .tw-a11y-admin__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .tw-a11y-admin__table tr { margin-bottom: 12px; border: 1px solid #d0d7de; }
    .tw-a11y-admin__table td::before { content: attr(data-label); display: block; margin-bottom: 4px; font-weight: 700; }
    .tw-a11y-admin__form select,
    .tw-a11y-admin__submit { width: 100%; margin: 4px 0; }
}
