@font-face {
  font-family: 'sc2pulse';
  src: url('/sc2/static/font/sc2pulse-4850744dea68105364adf390d7d35422.woff?vjti63') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icofont-"], [class*=" icofont-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sc2pulse' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icofont-random:before {
  content: "\e904";
  color: #646464;
}
.icofont-zerg:before {
  content: "\e905";
  color: #882991;
}
.icofont-terran:before {
  content: "\e906";
  color: #295a91;
}
.icofont-protoss:before {
  content: "\e907";
  color: #dec93e;
}
.icofont-bilibili:before {
  content: "\e903";
  color: #00a1d6;
}
.icofont-battlenet:before {
  content: "\e900";
  color: #1186cb;
}
.icofont-discord:before {
  content: "\e901";
  color: #5865f2;
}
.icofont-github:before {
  content: "\e902";
}
.icofont-twitch:before {
  content: "\e90b";
  color: #9147ff;
}
.icofont-twitter:before {
  content: "\e90c";
  color: #1da1f2;
}
.icofont-youtube:before {
  content: "\e90d";
  color: #f00;
}
.icofont-copy:before {
  content: "\e92c";
}
.icofont-users:before {
  content: "\e972";
}
.icofont-enlarge2:before {
  content: "\e98b";
}
.icofont-shrink2:before {
  content: "\e98c";
}
.icofont-cog:before {
  content: "\e994";
}
.icofont-stats-dots:before {
  content: "\e99b";
}
.icofont-clipboard:before {
  content: "\e9b8";
}
.icofont-link:before {
  content: "\e9cb";
}
.icofont-plus:before {
  content: "\ea0a";
}
.icofont-minus:before {
  content: "\ea0b";
}
.icofont-info:before {
  content: "\ea0c";
}
.icofont-cross:before {
  content: "\ea0f";
}
.icofont-checkmark:before {
  content: "\ea10";
}
.icofont-arrow-right:before {
  content: "\ea34";
}
.icofont-arrow-left:before {
  content: "\ea38";
}
.icofont-arrow-right2:before {
  content: "\ea3c";
}
.icofont-arrow-left2:before {
  content: "\ea40";
}
.icofont-filter:before {
  content: "\ea5b";
}

body
{
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 0.937rem;
}

.section-side
{
    flex-grow: 1;
}

#section-center
{
    min-width: 0;
    min-height: 100vh;
    width: 100%;
    padding: 0 !important;
}

#about
{
    text-align: left;
}

.readable-text-block
{
    min-width: 20em;
}

textarea.readable
{
    min-height: 12em;
}

table, ul, dl
{
    text-align: initial;
}

.inline-table
{
    width: initial;
    display: inline-table;
}

.d-none
{
    display: none !important;
}

.position-no-flow
{
    position: absolute;
    top: 0;
    left: 0.3em;
}

h1
{
    font-size: 1.5rem;
}

h1 img
{
    width: 1.333em;
}

h1 a
{
    display: inline-flex;
    align-items: center;
}

h2
{
    font-size: 1.3rem;
}

h3
{
    font-size: 1.2rem;
}

h4, h5, h6
{
    font-size: 1.0rem;
}

.text-content
{
    text-align: left !important;
}

.text-content h2
{
    font-size: 2rem;
}

.text-content h3
{
    font-size: 1.75rem;
}

.text-content h4
{
    font-size: 1.5rem;
}

.text-content h5
{
    font-size: 1.25rem;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6
{
    font-weight: bold;
    margin: 0.7rem 0;
}

.text-content section
{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

dl.text-content dd
{
    margin-bottom: 1.5rem;
}

#stats h4
{
    position: sticky;
    top: 0;
    background-color: white;
}

table.sticky thead th
{
    background-color: white;
    position: sticky;
    top:0;
}

body.theme-dark table.sticky thead th
{
    background-color: #191d21;
}

body.theme-dark #stats h4
{
    background-color: #191d21;
}

.modal h2
{
    flex-grow: 1;
}

caption
{
    caption-side: top;
    text-align: center;
    color: inherit;
    padding: 0;
    margin: 0;
}

.sticky-bottom
{
    position: sticky !important;
    bottom: 0 !important;
    z-index: 99 !important;
}

ins.adsbygoogle[data-ad-status="unfilled"],
img[loading="lazy"]:not(.loaded),
.c-empty
{
    background-color: #f1f3f4;
}

body.theme-dark ins.adsbygoogle[data-ad-status="unfilled"],
body.theme-dark img[loading="lazy"]:not(.loaded),
body.theme-dark .c-empty
{
    background-color: #22272a;
}

#dd-desktop-left h2, #sponsor-desktop-right h2
{
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

#dd-desktop-left-container,
.sponsor-desktop-side-container
{
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
}

#dd-desktop-left,
.sponsor-desktop-side
{
    position: absolute;
    top: 0;
    left: 0;
}

.sponsor-desktop-side
{
    width: 100%;
}

.adsbygoogle
{
    display:inline-block;
}

.dd-skyscraper
{
    height: 600px;
}

.dd-full-width
{
    width: 320px;
    height: 100px;
}

.border-splitter-left
{
    padding-left: 1em;
    margin-left: 1em;
    border-left: solid 2px;
}

.border-splitter-right
{
    padding-right: 1em;
    margin-right: 1em;
    border-right: solid 2px;
}

.gap-1
{
    gap: 1em;
}

.table-gap-1
{
    border-collapse: separate;
    border-spacing: 0.5em;
}

.text-break-all
{
    word-break: break-all;
}

.text-capitalize-first
{
    text-transform: lowercase;
}

.text-capitalize-first::first-letter
{
    text-transform: uppercase;
}

#status-generating-fullscreen
{
    left: 0;
    top: 0;
    z-index: 9999;
    opacity: 1;
}

#status-generating-fullscreen .spinner-border
{
    position: fixed;
    left: calc(50vw - 1rem);
    top: calc(50vh - 1rem);
}

#modal-generic, #application-version-update
{
    z-index: 10000;
}

#status-generating-fullscreen.invisible
{
    opacity: 0;
}

#matches-type
{
    text-transform: capitalize;
}

.matches thead tr
{
    font-size: 0.75em;
}

.matches tbody tr.section-splitter td:nth-child(1),
.matches tbody tr.section-splitter td:nth-child(5),
.matches tbody td:nth-child(1)
{
    font-size: 0.9em;
}

.matches tbody tr.section-splitter td:nth-child(3),
.matches tbody tr.section-splitter td:nth-child(4),
.matches [data-ctype="rank"] .text-secondary
{
    font-size: 0.8em;
}

.matches tbody tr.section-splitter td:nth-child(3)
{
    word-break: break-word;
}

.matches .rating
{
    text-align: left !important;
    font-family: mono;
}

.matches .rating > span
{
    display: flex;
    gap: 0.5em;
}

#form-search-clan input[type="number"],
#form-search-vod input[type="number"],
#form-search-team input[type="number"],
.stream-filters input[type="number"]
{
    max-width: 6em !important;
}

.form-group.short,
.form-group.short input
{
    max-width: 6em !important;
    width: 6em !important;
}

*:invalid:not(form),
*:invalid:focus:not(form)
{
    color: #dc3545;
}

label.required::after
{
    content: "*";
    color: #dc3545;
    margin-left: 0.2em;
}

#mmr-history-info-panel
{
    margin-bottom: 1em;
    border-bottom: solid 2px;
}

#mmr-history-ctl
{
    flex-basis: 40rem;
}

#mmr-summary-table-container
{
    flex-basis: min-content;
}

#mmr-summary-table, #mmr-tier-progress-table
{
    font-size: 0.8rem;
}

.tier-progress
{
    min-width: 4rem;
}

.em-1
{
    font-size: 1em;
}

.em-1-5
{
    font-size: 1.5em;
}

.em-2
{
    font-size: 2em;
}

.em-3
{
    font-size: 3em;
}

.rem-1
{
    font-size: 1rem;
}

.rem-1-5
{
    font-size: 1.5rem;
}

.rem-2
{
    font-size: 2rem;
}

.rem-3
{
    font-size: 3rem;
}

.flex-list li
{
    width: 100%;
}

.flex-wrap-gap-025
{
    gap: 0.25em;
    flex-wrap: wrap;
}

.flex-wrap-gap-05
{
    gap: 0.5em;
    flex-wrap: wrap;
}

.flex-wrap-gap
{
    gap: 1em;
    flex-wrap: wrap;
}

.flex-wrap-gap-1-5
{
    gap: 1.5em;
    flex-wrap: wrap;
}

.flex-center-wrap-gap
{
    gap: 1em;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.gap-tiny
{
    gap: 0.3em;
}

.gap-05
{
    gap: 0.5em;
}

.gap-1
{
    gap: 1em;
}

.gap-1-5
{
    gap: 1.5em;
}

.row-gap-tiny
{
    row-gap: 0.3em;
}

.row-gap-05
{
    row-gap: 0.5em;
}

.row-gap-1
{
    row-gap: 1em;
}

.row-gap-1-5
{
    row-gap: 1.5em;
}

.dl-gap-05 dt
{
    margin-bottom: 0.5em;
}

.flex-basis-content
{
    flex-basis: content;
}

.table
{
    font-size: 0.875rem;
}

.font-small-5
{
    font-size: 0.5em !important;
}

.font-small-6
{
    font-size: 0.6em !important;
}

.font-large-2
{
    font-size: 2em !important;
}

.dimension-1
{
    width: 1em;
    height: 1em;
}

.table a
{
    padding: 0.4em;
}

.table td, .table td *, .table th[scope="row"]
{
    vertical-align: middle;
}

.table td:not(.complex), .table th, .card-title
{
    text-align: center;
}

.c-table-simple, .width-initial
{
    width: initial;
}

.c-table-simple td, .c-table-simple th
{
    text-align: left;
}


.table .cell-main
{
    width: 100%;
}

.table tr.section-splitter td,
.table tr.section-splitter th
{
    border-block-width: 0.2rem
}

th.hoverable::before
{
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-size: 1.2em;
    background-image: url("/sc2/static/icon/misc/info-1c638823a8e39cc0af28632c18c275b6.svg");
    vertical-align: middle;
    margin-right: 0.1em;
}

th.hoverable span
{
    vertical-align: middle;
}

.chartjs-tooltip
{
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 0.5em;
    z-index: 9999;
    padding: 0.5em;
    transition-property: all;
    transition-duration: 0.1s;
}

@supports (-moz-appearance:none)
{
    .chartjs-tooltip
    {
        transition-property: none;
        transition-duration: 0s;
    }
}

.chartjs-tooltip *
{
    font-size: 0.75rem;
    color: white;
}

.chartjs-tooltip h2
{
    font-weight: bold;
}

.chartjs-tooltip .table
{
    margin-bottom: 0;
}

.chartjs-tooltip[data-layout="horizontal"] .table td:nth-child(2)
{
    text-align: left;
}

.chartjs-tooltip thead th
{
    font-size: 0.9em;
}

.chartjs-tooltip .table td
{
    padding: 0.1em;
}

.chartjs-tooltip .legend-color
{
    height: 1em;
    width: 1em;
    border-radius: 1em;
    margin: auto;
}

.tooltip-mmr-rank
{
    font-size: 0.9em;
    display: inline-block;
    min-width: 7.3em;
}

.chart-zoom-ctl
{
    font-size: 0.7rem;
    padding: .100rem .200rem;
}

.chartable
{
    display: none;
}

.container-chart
{
    position: relative;
}

.container-chart-components
{
    text-align: end;
}

.table-image-md
{
    height: 2.2em;
    vertical-align: middle;
}

.table-image, .form-icon
{
    height: 1.2em;
    vertical-align: middle;
}

.table-image-long, .form-icon-long
{
    height: 1.0em;
}

.table-image-additional
{
    height: 0.7em;
}

.table-image-square, .form-icon
{
    width: 1.2em;
}

.table-image-unicode
{
    line-height: 1em;
    font-size: 1.2em;
}

.table-selectable-row tr
{
    border-left: transparent 0.20rem solid;
}

.table-selectable-row tr.active
{
    border-left: #007bff 0.20rem solid;
}

.background-cover
{
    background-size: cover;
}

.twitch-img
{
    background-image: url("/sc2/static/icon/logo/twitch-40a77f36fc951ec5d0307358bb66a8a3.svg");
}

.twitch-img-warning
{
    background-image: url("/sc2/static/icon/logo/twitch-warning-135b172a28e28e4fca7178e1ac6cd7bd.svg");
}

.chart-line-img
{
    background-image: url("/sc2/static/icon/misc/chart-line-16b23744c4d5312c396c6dc70a429c6d.svg");
}

.cross-img
{
    background-image: url("/sc2/static/icon/misc/cross-bb93ba37df668708c0bdd2aa4920f045.svg");
}

.clipboard-img
{
    background-image: url("/sc2/static/icon/misc/clipboard-9af6cb526ddf41de7abe80e9cb03b567.svg");
}

.team-buffer-toggle.add
{
    background-image: url("/sc2/static/icon/misc/plus-014c12177ad91daf70572b0641a7e74e.svg");
}

.team-buffer-toggle.remove
{
    background-image: url("/sc2/static/icon/misc/minus-8b407dc0bb4961d27c46166ed4cdcda2.svg");
}

.player-team:before
{
  content: "[";
}

.player-team:after
{
  content: "]";
}

.player-name-masked-container
{
  color: gray !important;
  font-size: 0.8em;
}

.parenthesis:before
{
  content: "(";
}

.parenthesis:after
{
  content: ")";
}

.player-name-masked-container:before
{
  content: " (";
}

.player-name-masked-container:after
{
  content: ")";
}

.player-team-masked:before
{
  content: "[";
}

.player-team-masked:after
{
  content: "]";
}

.c-divider-slash ~ .c-divider-slash::before
{
    content: "/";
}

.c-divider ~ .c-divider::before
{
    content: " | ";
}

.race-percentage-none
{
    display: inline-block;
    border-radius: 1em;
    border: 0.15em solid gray;
}

.form-flex > *
{
    margin: 0;
    margin-bottom: 0;
    margin-right: 0;
}

.form-flex .form-group
{
    min-height: calc(1.5em + .75rem + 2px);
}

.form-flex button,
.form-flex .form-group
{
    align-self: end;
}

.form-flex label
{
    line-height: normal;
}

.form-inline-flex
{
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
}

.form-inline-flex .form-group
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.form-inline-flex .form-group > *
{
    margin: 0;
    margin-bottom: 0;
    margin-right: 0;
}

.form-group-column .form-group:not(.checkbox)
{
    flex-direction: column;
}

.form-group-column label:not(.form-check-label)
{
    text-align: left;
    align-self: start;
}

.form-group-column .form-group-container
{
    align-self: end;
}

.c-dropdown:after
{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";

    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-top: 0;
    border-bottom: .3em solid;
}

.c-dropdown.empty:after
{
    margin-left: 0;
}

.c-dropdown.collapsed:after
{
    border-top: .3em solid;
    border-bottom: 0;
}

.c-dropup:after
{
    border-top: .3em solid;
    border-bottom: 0;
}

.c-dropup.collapsed:after
{
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-top: 0;
    border-bottom: .3em solid;
}

.dropdown-toggle-no-symbol::after
{
    display: none !important;
}

.collapse:not(.show)
{
    display: none !important;
}

.vertical-align-initial
{
    vertical-align: initial !important;
}

.social-media img
{
  height: 2em;
}

body.theme-light .social-media
{
  color: black;
}

label .icofont
{
    font-size: 2em;
}

.social-media .icofont
{
    font-size: 2em;
    vertical-align: middle;
}

body.theme-light .spinner-border,
body.theme-light .adaptive-border-color,
body.theme-light .adaptive-border-color-splitter
{
    border-color: #f0f0f0 !important;
}

body.theme-dark .spinner-border,
body.theme-dark .adaptive-border-color,
.adaptive-border-color-splitter
{
    border-color: #343a40 !important;
}

body.theme-light .spinner-border,
body.theme-dark .spinner-border
{
    font-size: 2rem;
    border-top: 0.25em solid currentColor !important;
}

.text-decoration-underline
{
    text-decoration: underline;
}

.social-media:hover, .player-link:hover
{
  text-decoration: none;
}

.decoration-none,
.decoration-none:hover
{
    text-decoration: none !important;
}

#link-aligulac
{
  font-size: 1.9em;
  font-family: serif;
  width: 1em;
  display: inline-block;
  text-align: center;
}

.link-tile
{
    padding: 0.7em;
    border-radius: 1em;
}

.link-tile:hover
{
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.1);
}

.link-tile .logo
{
    width: 2.5em;
}

.link-tile-discord-bot,
.link-tile-discord-server
{
    flex-direction: row;
    margin-bottom: 0.3em;
}

.link-tile-discord-bot .feature,
.link-tile-discord-bot .usage .description,
.link-tile-discord-server .feature
{
    display: none;
}

.link-tile-discord-bot .usage
{
    text-transform: lowercase;
}

.copy-to-clipboard
{
    cursor: copy;
}

.copy-to-clipboard::after
{
    content: url("/sc2/static/icon/misc/copy-b270a2623d07a25df43ec12ff525b372.svg");
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
    line-height: 1;
}

.cursor-pointer
{
    cursor: pointer;
}

.player-flag
{
    border: rgba(128, 128, 128, 0.6) solid 0.1em;
    display: inline-block;
    margin-left: 0.5em;
    padding: 0.2em;
    border-radius: 0.5em;
    font-size: 0.6em;
    font-weight: bold;
    vertical-align: middle;
}

.player-flag-pro
{
    color: grey;
    font-weight: normal;
}

.player-flag-cheater
{
    color: #dc3545;
    border: rgba(220, 53, 69, 0.6) solid 0.1em;
}

.player-flag-suspicious
{
     color: #ffc107;
     border: rgba(255, 193, 7, 0.6) solid 0.1em;
}

.player-flag-reported
{
     border: rgba(23, 163, 184, 0.6) solid 0.1em;
}

.collapsing
{
    transition: none;
}

.bg-transparent-05
{
    background-color: rgba(0,0,0,.05);
}

.bg-transparent
{
    background-color: rgba(0,0,0,.1);
}

.border-transparent
{
    border-color: rgba(0,0,0,.1);
}

.c-divider-hr
{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

body.theme-dark .bg-transparent-05
{
    background-color: #21272d;
}

body.theme-dark .c-divider-hr,
body.theme-dark .border-transparent
{
    border-color: #343a40;
}

.page-item.disabled.active .page-link
{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

body.theme-dark .page-item.disabled:not(.active) .page-link
{
    color: #373d43;
}

.bg-success-fade-1
{
    background-color: rgba(0, 255, 0, 0.06);
}

.bg-danger-fade-1
{
    background-color: rgba(255, 0, 0, 0.06);
}

.bg-secondary-fade-1
{
    background-color: rgba(108, 117, 125, 0.06);
}

.bg-bronze
{
    background-color: rgba(185, 113, 45, 1);
}

.bg-silver
{
    background-color: rgba(115, 115, 115, 1);
}

.bg-gold
{
    background-color: rgba(255, 215, 0, 1);
}

.bg-platinum
{
    background-color: rgba(165, 164, 163, 1);
}

.bg-diamond
{
    background-color: rgba(13, 69, 148, 1);
}

.bg-master
{
    background-color: rgba(0, 177, 251, 1);
}

.bg-grandmaster
{
    background-color: rgba(239, 62, 0, 1);
}

.card-equal
{
    min-width: initial;
    flex: 0 !important;
}

.card-body .table
{
    margin-bottom: 0;
}

.d-top-global-mild
{
    margin-top: 25vh;
}

.tab-pane.c-height-linked:not(.active)
{
    visibility: hidden !important;
    display: block !important;
    position: fixed !important;
}

.nav-pills .nav-link
{
    border-radius: 0;
}

body.theme-dark a:not(.btn):not(.nav-link):not(.page-link):not(.disabled)
{
    color: #00b0f4;
}

body.theme-dark a:not(.btn):not(.nav-link):not(.page-link):hover
{
    color: #0899dd;
}

.nav-pills .nav-link
{
    outline: none;
    color: #adadad;
    border-bottom: #343a40 0.20rem solid;
    transition-property: color, border-bottom-color;
    transition-duration: 200ms;
}

body.theme-light .nav-pills .nav-link
{
    color: #212529;
    border-bottom: #f0f0f0 0.20rem solid;
}

body .nav-pills .nav-link:focus,
body .nav-pills .nav-link:hover
{
    border-bottom-color: #5a6268;
}

body .nav-pills .nav-link.active,
body .nav-pills .nav-link.active:focus
{
    color: #007bff;
    background-color: unset;
    border-bottom-color: #007bff;
}

.tab-pane.c-height-linked:not(.active) {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.modal-open .modal
{
    overflow-y: scroll;
}

.modal:not(.no-popup) .modal-header
{
    background-color: #343a40;
}

.modal:not(.no-popup) .modal-header,
.modal:not(.no-popup) .modal-header .close
{
    color: white;
}

.backdrop
{
    transition-property: background-color;
    transition-duration: 500ms;
}

.backdrop-active
{
    background-color: rgba(0, 0, 0, 0.02);
    cursor: pointer;
}

body.theme-dark .backdrop-active
{
    background-color: rgba(0, 0, 0, 0.07);
}

body.theme-light .modal:not(.no-popup) .modal-footer
{
    background-color: #fcfcfc;
}

.dropdown-menu-lg
{
    min-width: 25vw;
    max-width: 90vw;
    width: 40em;
}

.dropdown-menu .close
{
    margin-right: 0.5em;
}

.popover
{
    max-width: 100%;
}

.popover th
{
    text-transform: capitalize;
}

.popover tbody th
{
    text-align: left;
}

body.theme-dark .popover
{
    background-color: black;
}

body.theme-dark .popover-body
{
    color: #d3d3d3;
}

body :fullscreen
{
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
}

body #team-buffer
{
    background-color: white;
    padding-bottom: 0.0001rem;
}

body.theme-dark :fullscreen, body.theme-dark #team-buffer
{
    background-color: #191d21;
}

.fullscreen-toggle
{
    content: url("/sc2/static/icon/misc/enlarge-ecf5172e07b7e98403ac1e2bb169a9b7.svg");
    cursor: pointer;
    height: 1em;
}

:fullscreen .fullscreen-toggle
{
    content: url("/sc2/static/icon/misc/shrink-0209e7bb275af05d37a809a1fa7e3202.svg");
}

.modal.no-popup
{
    position: initial !important;
    opacity: 1 !important;
    display: block;
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.modal.no-popup .modal-dialog
{
    transform: none;
    margin: 0;
}

.modal.no-popup .modal-content,
.modal.no-popup .modal-header
{
    border: none;
}

.modal.no-popup .modal-header
{
    border-radius: calc(.3rem - 1px);
    margin-bottom: 1rem;
}

.modal.no-popup .modal-header .close
{
    color: #007bff;
    opacity: 1;
}

.modal.no-popup .modal-header .close:hover
{
    opacity: 0.75;
}

.modal.no-popup .modal-body
{
    padding: 0;
}

body.modal-open.modal-open-no-popup
{
    overflow: initial;
    padding: 0 !important;
}

.modal-header .close-left
{
    float: left;
    margin: -1rem auto -1rem -1rem;
}

#error-session
{
    z-index: 9998;
}

#error-generation
{
    z-index: 9999;
}

.col-sm-padding
{
    padding-left: 15px;
    padding-right: 15px;
}

.flex-col-adaptive
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
}

.flex-col-adaptive .table-responsive
{
    overflow-x: initial;
    width: initial;
}

.container-loading.loading-none .indicator-loading:not(.loading-none)
{
    display: none;
}

.container-loading.loading-in-progress .indicator-loading:not(.loading-in-progress)
{
    display: none;
}

.container-loading.loading-complete .indicator-loading:not(.loading-complete)
{
    display: none;
}

.container-loading.loading-error .indicator-loading:not(.loading-error)
{
    display: none;
}

.stream
{
    position: relative;
}

.stream, .stream .thumbnail
{
    width: 19rem;
    min-width: 8rem;
    text-align: left;
}

.streams-featured .stream, .streams-featured .stream .thumbnail
{
    width: 14rem;
}

.streams-featured .stream .thumbnail
{
    display: none;
}

.stream img
{
    display: inline-block;
}

.stream .thumbnail
{
    aspect-ratio: 16/9;
    margin-bottom: 0.6rem;
    width: 100%;
}

.stream .body
{
    gap: 0.6rem;
}

.stream .body-text
{
    min-width: 0;
    flex-shrink: 99;
    width: 100%;
}

.stream .body
{
    position: relative;
}

.stream .profile
{
    width: 2.5rem;
    height: 2.5rem;
    aspect-ratio: 1/1;
    flex-basis: max-content;
    border-radius: 100%;
}

.stream .title
{
    line-height: normal !important;
    font-size: 1em;
    margin-bottom: 0;
}

.stream .streamer
{
    margin-bottom: 0;
}

.stream .viewers::after
{
    content: " viewers";
}

.stream .meta .team,
.stream .meta .team *
{
    display: inline-flex !important;
}

.stream .meta .tags
{
    display: flex;
    gap: 0.5em;
    align-items: center;
}

.stream .team,
.stream .tags
{
    z-index: 1;
    line-height: normal !important;
}

.stream .team img
{
    vertical-align: initial;
}

.stream .team .invisible
{
    display: none !important;
}

.stream .meta .tags .language-code,
.stream .meta .featured
{
    display: none;
}

.streams-featured .stream .team .table-image-additional
{
    display: none !important;
}

.streams-featured .stream .body-text
{
    display: grid;
    grid-template-columns: 3fr 1fr 0fr;
}

.streams-featured .stream header
{
    display: grid;
    grid-template-columns: subgrid;
}

.streams-featured .stream .body-text > *,
.streams-featured .stream header > *
{
    grid-column: 1/3;
}

.streams-featured .stream .streamer
{
    grid-column: 1;
}

.streams-featured .stream .viewers
{
    grid-column: 2;
    text-align: right;
}

.streams-featured .stream .viewers::after
{
    content: none;
}

.streams .stream .viewers
{
    position: absolute;
    top: -2.5rem;
    left: 2.3rem;
    color: white;
    font-size: 0.9em;
}

.streams.twitch .stream .service
{
    position: absolute;
    top: -2.57rem;
    left: 0.5rem;
}

.streams .stream .viewers,
.streams.twitch .stream .service
{
    background-color: rgba(0, 0, 0, 0.65);
    padding: 0.4em;
    line-height: 1;
    border-radius: 0.25em;
}

.stream .team,
.stream .streamer,
.streams-featured .stream .viewers
{
    font-size: 0.9em;
}

.stream .featured
{
    text-transform: lowercase;
}

.streams.compact
{
    display: grid !important;
    grid-template-columns: repeat(5, auto);
    align-items: center;
    gap: 1em 1.5em;
    min-width: 15em;
}

.streams.compact .stream
{
    display: grid !important;
    grid-template-columns: subgrid;
    grid-column: 1/-1;
}

.streams.compact .stream *
{
    display: grid !important;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-column: 1/-1;
    grid-row: 1/-1;
    align-items: center;
}

.streams.compact .stream .thumbnail,
.streams.compact .stream .title
{
    display: none !important;
}

.streams.compact .stream .meta .tags .language-name
{
    display: none !important;
}

.streams.compact .stream .meta .tags .language-code
{
    display: inherit;
}

.streams.compact .stream .profile
{
    grid-column: 1/1;
    min-width: 0;
    min-height: 0;
}

.streams.compact .stream .streamer
{
    grid-column: 2/2;
    min-width: 5em;
    max-width: 15em;
    overflow-wrap: anywhere;
    white-space: normal !important;
}

.streams.compact .stream .viewers
{
    grid-column: 3/3;
    position: initial;
    display: block !important;
    padding: 0;
    color: inherit;
    background-color: unset;
}

.streams.compact .stream .viewers:after
{
    display: none;
}

.streams.compact .stream .meta
{
    display: flex !important;
}

.streams.compact .stream .meta *
{
    display: inline-flex !important;
}

.streams.compact .stream .meta,
.streams.compact .stream .meta a,
.streams.compact .stream .meta .team
{
    height: 100%;
}

.streams.compact .stream .meta,
.streams.compact .stream .meta tags
{
    display: grid !important;
    grid-template-columns: subgrid;
}

.streams.compact .stream .meta .tags
{
    grid-column: 4/4;
}

.streams.compact .stream .meta .team-link
{
    grid-column: 5/5;
}

.log-entries header > *
{
    margin: 0 !important;
}

.log-entries .table
{
    width: fit-content;
    margin-bottom: 0;
}

.log-entries .table td
{
    text-align: left;
}

.log-entries .table th
{
    text-align: right;
    padding-left: 0;
}

.new.new-content:after
{
    content: 'NEW';
    border-width: 1px;
    border-style: solid;
    border-radius: 0.5em;
    margin-left: 0.3em;
    padding: 0 0.3em;
    font-weight: bold;
    font-size: 0.9em;
}

.new.new-content:not(.btn):after
{
    color: #28a745;
    border-color: #28a745;
}

body.theme-dark .new.new-color:not(.btn):not(.nav-link):not(.page-link):not(.disabled),
.new.new-color:not(.btn):not(.nav-link):not(.page-link):not(.disabled)
{
    color: #28a745;
}

.matrix
{
  text-align: center;
}

.matrix th,
.matrix td
{
  padding: 0.5rem;
}

.matrix thead th
{
    max-width: 0;
    word-break: break-word;
    vertical-align: bottom;
}

.matrix .parameter.main
{
    font-weight: bold;
}

.matrix .parameter:not(.main)
{
    font-size: 0.9em;
}

body .enhanced-ctl-visible
{
    display: initial !important;
    clip-path: initial !important;
    clip: initial !important;
    height: initial !important;
    width: initial !important;
    position: initial !important;
}

@media (min-width: 576px) {
    .tab-pane.c-height-linked:not(.active) {
        max-width: 540px;
    }

    html
    {
        overflow-y: scroll;
    }
}

@media (min-width: 768px) {
    .tab-pane.c-height-linked:not(.active) {
        max-width: 720px;
    }

    .section-cascade section
    {
        margin-left: 1.5rem;
    }

}

a.unstyled, a.unstyled:hover
{
    text-decoration: none !important;
    color: inherit !important;
}

.container-m-0 *
{
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin: 0 !important;
}

@media (min-width: 992px) {
    .tab-pane.c-height-linked:not(.active) {
        max-width: 960px;
    }
}

@media (max-width: 991px) {
    .log-entries time {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .tab-pane.c-height-linked:not(.active) {
        max-width: 1140px;
    }
}

@media (min-width: 1395px) {
    .dd-skyscraper
    {
        width: 120px;
    }

    #dd-desktop-left-container
    {
        max-width: 120px;
    }

    .dd-full-width
    {
        display: none;
    }
}

@media (min-width: 1500px) {
    .dd-skyscraper
    {
        width: 160px;
    }

    #dd-desktop-left-container
    {
        max-width: 160px;
    }
}

@media (max-width: 1394px) {

    #dd-desktop-left, .dd-skyscraper
    {
        display: none;
    }

}

@media (max-width: 1200px) {
    .modal-complex {
        max-width: initial;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (max-width: 576px) {

    .flex-col-adaptive > .border-splitter-left
    {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }

    .flex-col-adaptive > .border-splitter-right
    {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }

    .form-flex
    {
        justify-content: start !important;
    }

    .form-flex .form-group
    {
        margin-bottom: 0;
    }

    .form-flex label
    {
        display: flex;
        align-items: center;
    }

}

@media (max-width: 310px) {

    .dd-full-width
    {
        display: none;
    }

}

@media (min-width: 1700px) {
    .sponsor-mobile-container
    {
        display: none;
    }
}

@media (max-width: 1699px) {
    .sponsor-desktop-side-container
    {
        display: none;
    }
}