@layer components {
    .sl-accessibility-tools {
        @apply flex flex-wrap items-center justify-end gap-2;
        flex: 0 0 auto;
    }

    .sl-accessibility-tools__label {
        @apply text-[10px] font-extrabold uppercase tracking-[0.16em] text-[#74839a];
    }

    .sl-accessibility-tools__button {
        @apply inline-flex h-8 items-center justify-center rounded-[8px] border border-[#d6e2f1] bg-white px-3 text-[11px] font-extrabold text-[#40516d] transition hover:border-[var(--sl-primary)] hover:text-[var(--sl-primary)] focus:outline-none focus:ring-4 focus:ring-[rgba(31,95,170,0.14)];
    }

    .sl-accessibility-tools__button.is-icon {
        @apply w-8 px-0 text-[14px];
    }

    .sl-accessibility-tools__button[aria-pressed="true"],
    .sl-accessibility-tools__button.is-active {
        @apply border-[var(--sl-primary)] bg-[var(--sl-primary)] text-white;
    }

    html.sl-font-sm :where(.sl-content, .sl-topbar, .sl-sidebar) :where(p, a, button, input, select, textarea, label, small, strong, h1, h2, h3, th, td):not(.fa) {
        font-size: calc(1em * 0.96);
    }

    html.sl-font-lg :where(.sl-content, .sl-topbar, .sl-sidebar) :where(p, a, button, input, select, textarea, label, small, strong, h1, h2, h3, th, td):not(.fa) {
        font-size: calc(1em * 1.08);
    }

    html.sl-theme-dark {
        color-scheme: dark;
        --sl-bg: #111827;
        --sl-surface: #172033;
        --sl-surface-soft: #1f2a3d;
        --sl-border: #32435d;
        --sl-border-soft: #27364d;
        --sl-text: #c8d3e5;
        --sl-text-strong: #f5f7fb;
        --sl-primary: #7eb6ff;
        --sl-primary-soft: #1e3a5f;
        --sl-secondary: #62d4e7;
        --sl-secondary-soft: #173b46;
        --sl-accent: #f4b84d;
        --sl-accent-soft: #3d2d12;
        --sl-success-soft: #173b2d;
        --sl-blue-soft: #1b3658;
        --sl-amber-soft: #3d2d12;
        --sl-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
    }

    html.sl-theme-dark .sl-body {
        background:
            radial-gradient(circle at top left, rgba(98, 212, 231, 0.16), transparent 24%),
            radial-gradient(circle at top right, rgba(244, 184, 77, 0.13), transparent 22%),
            linear-gradient(180deg, #0f172a 0%, #111827 100%);
    }

    html.sl-theme-dark :where(.sl-topbar, .sl-site-sidebar-card, .sl-panel, .sl-materials-surface, .sl-materials-table-card, .sl-modal__panel, .sl-stat-card, .sl-search-results__panel, .sl-attendance__hero, .sl-attendance__hero-metric, .sl-attendance__filters, .sl-attendance-ranking__legend, .sl-attendance-session, .sl-attendance-ranking__item, .sl-assemblymen__hero, .sl-assemblymen__hero-aside, .sl-assemblyman-card, .sl-assemblyman-card__stat, .sl-commissions__hero, .sl-commissions__hero-metric, .sl-commissions-card, .sl-commission-card__subject, .sl-commission-card__members-meta, .sl-commission-member, .sl-search-result-card) {
        background: rgba(23, 32, 51, 0.94);
        border-color: var(--sl-border);
        box-shadow: var(--sl-shadow);
    }

    html.sl-theme-dark :where(.sl-site-sidebar-card__footer, .sl-modal__footer) {
        background: rgba(20, 29, 45, 0.96);
        border-color: var(--sl-border);
    }

    html.sl-theme-dark :where(.sl-search input, .sl-materials-control, .sl-materials-button.is-light, .sl-modal__close, .sl-materials-tab, .sl-search-results__tab) {
        background: #111827;
        border-color: var(--sl-border);
        color: var(--sl-text-strong);
    }

    html.sl-theme-dark :where(.sl-search input, .sl-materials-control)::placeholder {
        color: #8091ad;
    }

    html.sl-theme-dark :where(.sl-brand__text, .sl-panel__header h2, .sl-modal__header-copy h2, .sl-materials-table tbody td strong, .sl-attendance__hero h1, .sl-assemblymen__hero h1, .sl-commissions__hero h1, .sl-document-details__hero h1, .sl-search-results__hero h1, .sl-attendance__hero-metric strong, .sl-attendance-ranking__identity strong, .sl-attendance-session__copy strong, .sl-assemblyman-card__identity h2, .sl-assemblyman-card__stat strong, .sl-assemblymen__hero-metric strong, .sl-commissions__hero-metric strong, .sl-commission-card__subject strong, .sl-commission-card__subject a, .sl-commission-card__members-meta strong, .sl-commission-member__copy strong, .sl-commissions__empty h2, .sl-assemblymen__empty h2) {
        color: var(--sl-text-strong);
    }

    html.sl-theme-dark :where(.sl-nav-item, .sl-materials-table tbody td, .sl-materials-table tbody td span, .sl-attendance__lede, .sl-assemblymen__lede, .sl-commissions__lede, .sl-attendance-ranking__identity span, .sl-attendance-ranking__meta, .sl-attendance-session__copy span, .sl-attendance__hero-metric span, .sl-attendance__hero-metric small, .sl-assemblyman-card__identity p, .sl-assemblyman-card__stat span, .sl-assemblymen__hero-metric span, .sl-commissions__hero-metric span, .sl-commission-card__period, .sl-commission-card__description, .sl-commission-card__subject span, .sl-commission-card__members-meta span, .sl-commission-member__copy span, .sl-commissions__empty p, .sl-assemblymen__empty p, .sl-site-sidebar-card__footer-meta p, .sl-site-sidebar-card__footer-meta span) {
        color: var(--sl-text);
    }

    html.sl-theme-dark .sl-attendance__hero-metric :where(span, strong, small) {
        color: #ffffff;
    }

    html.sl-theme-dark :where(.sl-materials-table tbody tr:hover td, .sl-materials-table tbody tr:hover td strong, .sl-nav-item:hover, .sl-nav-item.is-active) {
        color: var(--sl-primary);
    }

    html.sl-theme-dark .sl-chart {
        background-color: #111827;
        background-image:
            linear-gradient(to top, rgba(126, 182, 255, 0.16) 1px, transparent 1px),
            linear-gradient(to right, rgba(126, 182, 255, 0.13) 1px, transparent 1px);
        border-color: var(--sl-border);
    }

    html.sl-theme-dark .sl-chart__bar-wrap {
        background: transparent;
        border-color: var(--sl-border-soft);
    }

    html.sl-theme-dark .sl-chart__label {
        color: #a9b7cf;
    }

    html.sl-theme-dark .sl-attendance-ranking__bar {
        background: #111827;
    }

    html.sl-theme-dark :where(.sl-assemblymen__hero, .sl-commissions__hero, .sl-attendance__hero) {
        background:
            radial-gradient(circle at top right, rgba(244, 184, 77, 0.12), transparent 26%),
            linear-gradient(135deg, rgba(31, 58, 95, 0.76), rgba(23, 32, 51, 0.98) 64%);
    }

    html.sl-theme-dark :where(.sl-assemblymen__hero-aside, .sl-assemblyman-card__stat, .sl-commissions__hero-metric, .sl-attendance__hero-metric, .sl-commission-card__subject, .sl-commission-card__members-meta) {
        background: linear-gradient(180deg, rgba(31, 42, 61, 0.98), rgba(17, 24, 39, 0.94));
    }

    html.sl-theme-dark :where(.sl-assemblymen__chip, .sl-assemblyman-card__badge, .sl-assemblyman-card__badge.is-soft, .sl-commission-card__badge, .sl-commission-card__badge.is-active, .sl-commission-card__badge.is-inactive, .sl-commission-member__party) {
        background: rgba(126, 182, 255, 0.14);
        color: #a9d5ff;
        border: 1px solid rgba(126, 182, 255, 0.24);
    }

    html.sl-theme-dark :where(.sl-assemblyman-card__badge, .sl-commission-card__badge.is-active) {
        background: rgba(83, 189, 125, 0.16);
        color: #8ee3ad;
        border-color: rgba(83, 189, 125, 0.30);
    }

    html.sl-theme-dark :where(.sl-assemblyman-card__avatar, .sl-attendance-ranking__avatar) {
        background: rgba(126, 182, 255, 0.16);
        color: #a9d5ff;
        box-shadow: inset 0 0 0 1px rgba(126, 182, 255, 0.22);
    }

    html.sl-theme-dark :where(.sl-assemblymen__empty, .sl-commissions__empty, .sl-attendance__empty) {
        background: rgba(17, 24, 39, 0.82);
        border-color: var(--sl-border);
        box-shadow: none;
    }

    html.sl-theme-dark .sl-attendance-ranking__percent {
        color: #8ee3ad;
    }

    html.sl-theme-dark :where(.sl-document-details__hero, .sl-law-details__hero, .sl-proposition-summary__hero) {
        background:
            radial-gradient(circle at top right, rgba(244, 184, 77, 0.12), transparent 26%),
            linear-gradient(135deg, rgba(31, 58, 95, 0.76), rgba(23, 32, 51, 0.98) 64%);
        border-color: var(--sl-border);
        box-shadow: var(--sl-shadow);
    }

    html.sl-theme-dark :where(.sl-document-details__hero-aside, .sl-document-details__summary, .sl-document-details__summary-static, .sl-document-metric, .sl-document-card__details, .sl-document-file, .sl-document-meeting, .sl-document-timeline__body, .sl-document-timeline__note, .sl-law-details__amendment, .sl-proposition-summary-card, .sl-proposition-summary-panel, .sl-proposition-summary-empty, .sl-proposition-summary-card__chart, .sl-proposition-summary-card__totals div, .sl-proposition-summary-vote) {
        background: rgba(23, 32, 51, 0.94);
        border-color: var(--sl-border);
        box-shadow: var(--sl-shadow);
    }

    html.sl-theme-dark :where(.sl-document-metric, .sl-document-card__details, .sl-document-timeline__body, .sl-law-details__amendment, .sl-proposition-summary-card__totals div) {
        background: linear-gradient(180deg, rgba(31, 42, 61, 0.98), rgba(17, 24, 39, 0.94));
    }

    html.sl-theme-dark :where(.sl-document-details__hero h1, .sl-document-metric strong, .sl-document-card__section p, .sl-document-card__details-summary, .sl-document-card__details-content, .sl-document-file__body strong, .sl-document-meeting__content strong, .sl-document-timeline__topline strong, .sl-law-details__amendment span, .sl-proposition-summary__hero h1, .sl-proposition-summary-card__header h2, .sl-proposition-summary-panel__header h2, .sl-proposition-summary-empty h2, .sl-proposition-summary-card__totals strong, .sl-proposition-summary-vote__text strong) {
        color: var(--sl-text-strong);
    }

    html.sl-theme-dark :where(.sl-document-details__lede, .sl-document-details__summary, .sl-document-details__summary-static, .sl-document-card__label, .sl-document-card__empty, .sl-document-file__body p, .sl-document-meeting__content p, .sl-document-file__body span, .sl-document-meeting__date, .sl-document-timeline__topline span, .sl-document-timeline__body p, .sl-document-timeline__body small, .sl-document-timeline__note, .sl-law-details__amendment strong, .sl-law-details__processing-meta span, .sl-law-details__session-pill, .sl-proposition-summary__hero p, .sl-proposition-summary__text-static, .sl-proposition-summary__text-preview, .sl-proposition-summary__text-full, .sl-proposition-summary-card__header p, .sl-proposition-summary-panel__header p, .sl-proposition-summary-empty p, .sl-proposition-summary-card__totals span, .sl-proposition-summary-panel__meta, .sl-proposition-summary-vote__text span) {
        color: var(--sl-text);
    }

    html.sl-theme-dark :where(.sl-document-details__badge, .sl-document-details__chip, .sl-document-details__chip.is-soft, .sl-document-card__details-toggle, .sl-law-details__processing-meta span, .sl-law-details__session-pill, .sl-proposition-summary__ata-label, .sl-proposition-summary__text-toggle, .sl-proposition-summary__status, .sl-proposition-summary-card__pill, .sl-proposition-summary-vote__badge) {
        background: rgba(126, 182, 255, 0.14);
        border: 1px solid rgba(126, 182, 255, 0.24);
        color: #a9d5ff;
    }

    html.sl-theme-dark :where(.sl-document-details__badge.is-approved, .sl-proposition-summary__status.is-approved, .sl-proposition-summary-card__pill.is-approved, .sl-proposition-summary-vote__badge.is-yes) {
        background: rgba(83, 189, 125, 0.16);
        border-color: rgba(83, 189, 125, 0.30);
        color: #8ee3ad;
    }

    html.sl-theme-dark :where(.sl-document-details__badge.is-rejected, .sl-proposition-summary__status.is-rejected, .sl-proposition-summary-card__pill.is-rejected, .sl-proposition-summary-vote__badge.is-no) {
        background: rgba(221, 95, 88, 0.16);
        border-color: rgba(221, 95, 88, 0.34);
        color: #ffaaa5;
    }

    html.sl-theme-dark :where(.sl-proposition-summary__status.is-pending, .sl-proposition-summary-card__pill.is-pending) {
        background: rgba(244, 184, 77, 0.16);
        border-color: rgba(244, 184, 77, 0.34);
        color: #ffd083;
    }

    html.sl-theme-dark :where(.sl-document-file__icon, .sl-proposition-summary-vote__avatar) {
        background: rgba(126, 182, 255, 0.16);
        color: #a9d5ff;
        box-shadow: inset 0 0 0 1px rgba(126, 182, 255, 0.22);
    }

    html.sl-theme-dark .sl-document-file__icon.is-primary {
        background: var(--sl-primary);
        color: #0f172a;
    }

    html.sl-theme-dark .sl-document-timeline__marker {
        border-color: #111827;
        background: var(--sl-primary);
        box-shadow: 0 0 0 1px rgba(126, 182, 255, 0.46);
    }

    html.sl-theme-dark .sl-document-timeline__item::before {
        background: linear-gradient(180deg, rgba(126, 182, 255, 0.36), rgba(126, 182, 255, 0));
    }

    html.sl-theme-dark :where(.sl-document-details__summary-content, .sl-document-card__details-content) {
        border-color: var(--sl-border);
    }

    html.sl-theme-dark .sl-materials-table-card__header {
        background: linear-gradient(180deg, rgba(31, 42, 61, 0.98), rgba(23, 32, 51, 0.98));
        border-color: var(--sl-border);
    }

    html.sl-theme-dark .sl-materials-table {
        color: var(--sl-text);
    }

    html.sl-theme-dark .sl-materials-table thead th {
        background: rgba(17, 24, 39, 0.92);
        border-color: var(--sl-border);
        color: #a9b7cf;
    }

    html.sl-theme-dark .sl-materials-table tbody td {
        background: rgba(23, 32, 51, 0.82);
        border-color: rgba(126, 182, 255, 0.18);
        color: #c8d3e5;
    }

    html.sl-theme-dark .sl-materials-table tbody td strong {
        color: #f5f7fb;
    }

    html.sl-theme-dark .sl-materials-table tbody td span,
    html.sl-theme-dark .sl-meetings-table__muted,
    html.sl-theme-dark .sl-materials-table-card__header p {
        color: #95a6c0;
    }

    html.sl-theme-dark .sl-materials-table tbody tr:hover td {
        background: linear-gradient(90deg, rgba(126, 182, 255, 0.16), rgba(98, 212, 231, 0.10));
        color: #f5f7fb;
    }

    html.sl-theme-dark .sl-materials-table tbody tr:hover td:first-child {
        box-shadow: inset 3px 0 0 var(--sl-accent);
    }

    html.sl-theme-dark .sl-materials-table tbody tr:hover td > strong,
    html.sl-theme-dark .sl-materials-table tbody tr:hover td > span,
    html.sl-theme-dark .sl-materials-table tbody tr:hover .sl-meetings-table__muted {
        color: #dbeafe;
    }

    html.sl-theme-dark :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon) {
        background: rgba(17, 24, 39, 0.92);
        border-color: var(--sl-border);
        color: var(--sl-primary);
        box-shadow: none;
    }

    html.sl-theme-dark :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon):hover {
        border-color: var(--sl-primary);
        box-shadow: none;
    }

    html.sl-theme-dark .sl-meetings-table__action-icon.is-detail {
        background: #f4f8ff;
        border-color: #cfe0f7;
        color: #1f6fbe;
        box-shadow: none;
    }

    html.sl-theme-dark .sl-meetings-table__action-icon.is-detail:hover {
        border-color: #9fc3ef;
        box-shadow: none;
    }

    html.sl-theme-dark .sl-meetings-table__action-icon.is-attachment {
        background: #fff8ea;
        border-color: #f2d9aa;
        color: #b06a12;
    }

    html.sl-theme-dark .sl-meetings-table__action-icon.is-attachment:hover {
        border-color: #e8bd6b;
    }

    html.sl-theme-dark .sl-floating-tooltip {
        background: #f8fafc;
        color: #0f172a;
    }

    html.sl-theme-dark .sl-floating-tooltip::after {
        border-top-color: #f8fafc;
    }

    html.sl-theme-dark .sl-materials-button.is-primary {
        background: #3f8cff;
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(51, 203, 224, 0.18);
    }

    html.sl-theme-dark .sl-meetings-file-card {
        background: #111827;
        border-color: var(--sl-border);
    }

    html.sl-theme-dark .sl-meetings-file-card__icon {
        background: rgba(31, 58, 95, 0.82);
        border-color: var(--sl-border);
        color: var(--sl-primary);
    }

    html.sl-theme-dark .sl-meetings-file-card__copy strong {
        color: #f5f7fb;
    }

    html.sl-theme-dark .sl-meetings-file-card__copy span {
        color: #a9b7cf;
    }

    html.sl-theme-dark .sl-accessibility-tools__label {
        color: #a9b7cf;
    }

    html.sl-theme-dark .sl-accessibility-tools__button {
        background: #111827;
        border-color: var(--sl-border);
        color: var(--sl-text-strong);
    }

    html.sl-theme-dark .sl-accessibility-tools__button[aria-pressed="true"],
    html.sl-theme-dark .sl-accessibility-tools__button.is-active {
        background: var(--sl-accent);
        border-color: var(--sl-accent);
        color: #111827;
    }

    html.sl-theme-dark .sl-topbar__menu {
        background: rgba(126, 182, 255, 0.1);
        border: 1px solid rgba(126, 182, 255, 0.2);
        border-radius: 10px;
        color: #7eb6ff;
    }

    html.sl-theme-dark .sl-topbar__menu:hover {
        background: rgba(126, 182, 255, 0.18);
        border-color: rgba(126, 182, 255, 0.38);
        color: #ffffff;
    }

    html.sl-contrast-high {
        --sl-bg: #000000;
        --sl-surface: #030712;
        --sl-surface-soft: #0b1120;
        --sl-border: #f8fafc;
        --sl-border-soft: #94a3b8;
        --sl-text: #ffffff;
        --sl-text-strong: #ffffff;
        --sl-primary: #ffd43b;
        --sl-primary-soft: #191000;
        --sl-secondary: #7dd3fc;
        --sl-secondary-soft: #001619;
        --sl-accent: #ffd43b;
        --sl-accent-soft: #191000;
    }

    html.sl-contrast-high .sl-body {
        background: #000000;
    }

    html.sl-contrast-high :where(.sl-shell, .sl-main, .sl-content, .sl-stack, .sl-dashboard-body, .sl-dashboard-shell, .sl-dashboard-main, .sl-dashboard-page) {
        background: var(--sl-surface);
    }

    html.sl-contrast-high :where(.sl-topbar, .sl-site-sidebar-card, .sl-panel, .sl-materials-surface, .sl-materials-table-card, .sl-modal__panel, .sl-stat-card, .sl-figma-stat-card, .sl-figma-panel-item, .sl-dashboard-sidebar, .sl-dashboard-topbar, .sl-dashboard-iconbtn, .sl-dashboard-user, .sl-dashboard-menu-trigger, .sl-dashboard-popover, .sl-dashboard-summary-item, .sl-search-results__panel, .sl-attendance__hero, .sl-attendance__hero-metric, .sl-attendance__filters, .sl-attendance-ranking__legend, .sl-attendance-session, .sl-attendance-ranking__item, .sl-assemblymen__hero, .sl-assemblymen__hero-aside, .sl-assemblyman-card, .sl-assemblyman-card__stat, .sl-commissions__hero, .sl-commissions__hero-metric, .sl-commissions-card, .sl-commission-card__subject, .sl-commission-card__members-meta, .sl-commission-member, .sl-search-result-card) {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        box-shadow: none;
    }

    html.sl-contrast-high :where(.sl-panel__header, .sl-figma-panel-item, .sl-dashboard-sidebar__brand, .sl-dashboard-sidebar__footer) {
        border-color: var(--sl-border-soft);
    }

    html.sl-contrast-high :where(.sl-search input, .sl-materials-control, .sl-materials-button.is-light, .sl-modal__close, .sl-materials-tab, .sl-search-results__tab, .sl-accessibility-tools__button, .sl-dashboard-search input) {
        background: var(--sl-surface-soft);
        border-color: var(--sl-border-soft);
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-search input, .sl-materials-control, .sl-dashboard-search input)::placeholder {
        color: #ffffff;
    }

    html.sl-contrast-high :where(a, button, .sl-nav-item, .sl-nav-item.is-active, .sl-nav-item:hover, .sl-dashboard-side-link, .sl-dashboard-side-link:hover, .sl-dashboard-side-link.is-active, .sl-dashboard-menu-link, .sl-panel__action, .sl-inline-action, .sl-materials-button.is-light) {
        color: var(--sl-primary);
    }

    html.sl-contrast-high :where(.sl-brand__text, .sl-panel__header h2, .sl-figma-stat-card__title, .sl-figma-stat-card__meta strong, .sl-figma-panel-item h3, .sl-dashboard-sidebar__brand-meta strong, .sl-dashboard-brand__meta strong, .sl-dashboard-user__meta strong, .sl-dashboard-summary-item strong, .sl-dashboard-menu-link) {
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-figma-stat-card__meta span, .sl-figma-panel-item span, .sl-dashboard-sidebar__brand-meta small, .sl-dashboard-brand__meta small, .sl-dashboard-user__meta small, .sl-dashboard-footer, .sl-dashboard-sidebar__footer p) {
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-figma-stat-card__icon, .sl-figma-panel-item__icon, .sl-dashboard-side-link__icon, .sl-dashboard-side-link__icon.is-dot) {
        background: #000000;
        border: 1px solid var(--sl-border-soft);
        color: var(--sl-primary);
    }

    html.sl-contrast-high :where(.sl-nav-item:hover, .sl-nav-item.is-active, .sl-dashboard-side-link:hover, .sl-dashboard-side-link.is-active, .sl-dashboard-menu-link:hover, .sl-dashboard-summary-item:hover) {
        background: #1f2937;
        color: var(--sl-primary);
    }

    html.sl-contrast-high :where(.sl-nav-item, .sl-nav-item:hover, .sl-nav-item.is-active, .sl-nav-item__icon) {
        color: var(--sl-secondary);
    }

    html.sl-contrast-high .sl-nav-item.is-active::before {
        background: var(--sl-secondary);
    }

    html.sl-contrast-high .sl-accessibility-tools__button[aria-pressed="true"],
    html.sl-contrast-high .sl-accessibility-tools__button.is-active {
        background: var(--sl-primary);
        border-color: var(--sl-primary);
        color: #000000;
    }

    html.sl-contrast-high .sl-topbar__menu {
        background: var(--sl-surface-soft);
        border: 1px solid var(--sl-border-soft);
        border-radius: 10px;
        color: var(--sl-primary);
    }

    html.sl-contrast-high .sl-topbar__menu:hover {
        background: var(--sl-primary);
        border-color: var(--sl-primary);
        color: #000000;
    }

    html.sl-contrast-high .sl-chart {
        background-color: var(--sl-surface);
        background-image:
            linear-gradient(to top, rgba(148, 163, 184, 0.46) 1px, transparent 1px),
            linear-gradient(to right, rgba(148, 163, 184, 0.36) 1px, transparent 1px);
        border-color: var(--sl-border-soft);
    }

    html.sl-contrast-high .sl-chart__bar-wrap {
        background: transparent;
        border-color: var(--sl-border-soft);
    }

    html.sl-contrast-high .sl-chart__label {
        color: #ffffff;
    }

    html.sl-contrast-high .sl-materials-table thead th,
    html.sl-contrast-high .sl-materials-table tbody td {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        color: #ffffff;
    }

    html.sl-contrast-high .sl-materials-table tbody td strong,
    html.sl-contrast-high .sl-materials-table tbody td span,
    html.sl-contrast-high .sl-meetings-table__muted {
        color: #ffffff;
    }

    html.sl-contrast-high .sl-materials-table tbody tr:hover td {
        background: #1f2937;
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon, .sl-meetings-file-card, .sl-meetings-file-card__icon) {
        background: var(--sl-surface-soft);
        border-color: var(--sl-border-soft);
        color: var(--sl-primary);
        box-shadow: none;
    }

    html.sl-contrast-high .sl-meetings-table__action-icon {
        color: var(--sl-secondary);
    }

    html.sl-contrast-high .sl-meetings-table__action-icon.is-attachment {
        color: var(--sl-primary);
    }

    html.sl-contrast-high :where(.sl-materials-button.is-light, .sl-inline-action, .sl-panel__action, .sl-materials-table__more, .sl-meetings-table__action-icon):hover {
        border-color: #ffffff;
    }

    html.sl-contrast-high .sl-materials-button.is-primary {
        background: var(--sl-primary);
        color: #000000;
        box-shadow: none;
    }

    html.sl-contrast-high .sl-meetings-file-card__copy :where(strong, span) {
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-assemblymen__hero, .sl-commissions__hero, .sl-attendance__hero, .sl-assemblymen__hero-aside, .sl-assemblyman-card__stat, .sl-commissions__hero-metric, .sl-attendance__hero-metric, .sl-commission-card__subject, .sl-commission-card__members-meta, .sl-assemblymen__empty, .sl-commissions__empty, .sl-attendance__empty) {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        box-shadow: none;
    }

    html.sl-contrast-high :where(.sl-assemblymen__hero h1, .sl-commissions__hero h1, .sl-attendance__hero h1, .sl-assemblyman-card__identity h2, .sl-assemblyman-card__stat strong, .sl-assemblymen__hero-metric strong, .sl-commissions__hero-metric strong, .sl-commission-card__subject strong, .sl-commission-card__subject a, .sl-commission-card__members-meta strong, .sl-commission-member__copy strong, .sl-commissions__empty h2, .sl-assemblymen__empty h2) {
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-assemblymen__chip, .sl-assemblyman-card__badge, .sl-assemblyman-card__badge.is-soft, .sl-commission-card__badge, .sl-commission-card__badge.is-active, .sl-commission-card__badge.is-inactive, .sl-commission-member__party) {
        background: #000000;
        border: 1px solid var(--sl-border-soft);
        color: var(--sl-primary);
    }

    html.sl-contrast-high :where(.sl-document-details__hero, .sl-law-details__hero, .sl-proposition-summary__hero, .sl-document-details__hero-aside, .sl-document-details__summary, .sl-document-details__summary-static, .sl-document-metric, .sl-document-card__details, .sl-document-file, .sl-document-meeting, .sl-document-timeline__body, .sl-document-timeline__note, .sl-law-details__amendment, .sl-proposition-summary-card, .sl-proposition-summary-panel, .sl-proposition-summary-empty, .sl-proposition-summary-card__chart, .sl-proposition-summary-card__totals div, .sl-proposition-summary-vote) {
        background: var(--sl-surface);
        border-color: var(--sl-border-soft);
        box-shadow: none;
    }

    html.sl-contrast-high :where(.sl-document-details__hero h1, .sl-document-metric strong, .sl-document-card__section p, .sl-document-card__details-summary, .sl-document-card__details-content, .sl-document-file__body strong, .sl-document-meeting__content strong, .sl-document-timeline__topline strong, .sl-law-details__amendment span, .sl-proposition-summary__hero h1, .sl-proposition-summary-card__header h2, .sl-proposition-summary-panel__header h2, .sl-proposition-summary-empty h2, .sl-proposition-summary-card__totals strong, .sl-proposition-summary-vote__text strong) {
        color: #ffffff;
    }

    html.sl-contrast-high :where(.sl-document-details__badge, .sl-document-details__chip, .sl-document-details__chip.is-soft, .sl-document-card__details-toggle, .sl-law-details__processing-meta span, .sl-law-details__session-pill, .sl-proposition-summary__ata-label, .sl-proposition-summary__text-toggle, .sl-proposition-summary__status, .sl-proposition-summary-card__pill, .sl-proposition-summary-vote__badge) {
        background: #000000;
        border: 1px solid var(--sl-border-soft);
        color: var(--sl-primary);
    }

    @media (max-width: 1023px) {
        .sl-accessibility-tools {
            grid-column: 1 / -1;
            justify-content: flex-start;
        }
    }

    @media (max-width: 767px) {
        .sl-accessibility-tools {
            @apply gap-1.5;
        }

        .sl-accessibility-tools__label {
            @apply w-full text-[9px];
        }

        .sl-accessibility-tools__button {
            @apply h-8 px-2.5 text-[10px];
        }
    }
}