.bans-surface {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow:
        0 10px 34px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.bans-table-surface {
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow:
        0 10px 34px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
body.public-bg-light .bans-filter-chip,
body.public-bg-light .bans-search-btn,
body.public-bg-light .bans-clear-btn,
body.public-bg-light .bans-page-btn {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
body.public-bg-light .bans-surface,
body.public-bg-light .bans-table-surface {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(15, 23, 42, 0.28);
    box-shadow:
        0 10px 34px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.public-bg-light .bans-search-btn,
body.public-bg-light .bans-page-btn {
    background: rgba(15, 23, 42, 0.3) !important;
    color: #fff !important;
}
body.public-bg-light .bans-search-btn:hover,
body.public-bg-light .bans-page-btn:hover {
    background: rgba(15, 23, 42, 0.42) !important;
}
body.public-bg-light .bans-clear-btn,
body.public-bg-light .bans-filter-chip {
    background: rgba(15, 23, 42, 0.22);
    color: rgba(248, 250, 252, 0.88) !important;
}
body.public-bg-light .bans-clear-btn:hover,
body.public-bg-light .bans-filter-chip:hover {
    background: rgba(15, 23, 42, 0.34) !important;
    color: #fff !important;
}
body.public-bg-light .bans-filter-chip.is-active {
    background: rgba(15, 23, 42, 0.36) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: #fff !important;
}