body.p1-tourney-page #page,
body.p1-tourney-page #page.hfeed,
body.p1-tourney-page #page.nk-main,
body.p1-tourney-page #content,
body.p1-tourney-page #content.site-content,
body.p1-tourney-page .site-content,
body.p1-tourney-page .site-main,
body.p1-tourney-page .nk-main,
body.p1-tourney-page .nk-content,
body.p1-tourney-page .nk-content-inner,
body.p1-tourney-page .nk-gap,
body.p1-tourney-page .entry-content,
body.p1-tourney-page .hfeed {
background: transparent !important;
background-color: transparent !important;
} body.p1-tourney-page *:has(.pdx-tm) {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
} body.p1-tourney-page .pdx-tm {
max-width: none;
width: 100%;
}
body.p1-tourney-page .pdx-tm,
body.p1-tourney-page .pdx-tm-container {
background: transparent !important;
} .pdx-tm {
--bg-primary: rgba(10, 14, 26, 0.82);
--bg-card: #1a1d27;
--bg-card-hover: #21253a;
--bg-elevated: #21253a;
--surface: rgba(255, 255, 255, 0.04);
--surface-hover: rgba(255, 255, 255, 0.07);
--border: rgba(255, 255, 255, 0.10);
--border-light: rgba(255, 255, 255, 0.16);
--gold: #f5a623;
--gold-light: #fbbf24;
--gold-dim: #c47d0e;
--gold-glow: rgba(245, 166, 35, 0.15);
--text-primary: #e8edf5;
--text-secondary: #8a9bbf;
--text-muted: #4a5878;
--text-white: #ffffff;
--accent-red: #e53e3e;
--accent-blue: #3182ce;
--accent-teal: #38b2ac;
--accent-green: #48bb78;
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 16px;
--radius-xl: 24px;
--shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
--shadow-gold: 0 0 20px rgba(245, 166, 35, 0.2);
--transition: all 0.2s ease;
--font-body: "Maven Pro", "Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif;
--font-head: "Rajdhani", "Maven Pro", sans-serif;
font-family: var(--font-body);
font-size: 120%;
line-height: 1.6;
color: var(--text-primary);
background: transparent;
padding-bottom: 60px;
width: 100%;
box-sizing: border-box;
} .pdx-tm *,
.pdx-tm *::before,
.pdx-tm *::after {
box-sizing: border-box;
} .pdx-tm [hidden] {
display: none !important;
}
.pdx-tm a {
color: var(--gold);
text-decoration: none;
transition: var(--transition);
}
.pdx-tm a:hover {
color: var(--gold-light);
text-decoration: none;
}
.pdx-tm :focus-visible {
outline: 2px solid var(--gold);
outline-offset: 2px;
border-radius: 3px;
}
.pdx-tm p {
margin: 0 0 1em;
}
.pdx-tm p:last-child {
margin-bottom: 0;
} .pdx-tm ul,
.pdx-tm ol {
margin: 0;
padding: 0;
list-style: none;
}
.pdx-tm li {
margin: 0;
}
.pdx-tm-rule-body ul,
.pdx-tm-rule-body ol,
.pdx-tm-news-body ul,
.pdx-tm-news-body ol,
.pdx-tm-hero-text ul,
.pdx-tm-hero-text ol,
.pdx-tm-prize-text ul,
.pdx-tm-prize-text ol {
margin: 0 0 1em;
padding-left: 1.4em;
list-style: revert;
}
.pdx-tm-rule-body li,
.pdx-tm-news-body li,
.pdx-tm-hero-text li,
.pdx-tm-prize-text li {
margin: 0 0 0.35em;
}
.pdx-tm .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
.pdx-tm-container {
max-width: 1360px;
margin: 0 auto;
padding: 0 24px 48px;
background: transparent;
} .pdx-tm-main-wrap {
background: rgba(0, 0, 0, 0.45);
border-radius: 16px;
padding: 24px 28px 48px;
margin-top: 6px;
}
.pdx-tm-muted {
color: var(--text-secondary);
} .pdx-tm-tabs {
border-bottom: 1px solid var(--border);
margin: 0;
padding: 0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.pdx-tm-tabs ul {
display: flex;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
.pdx-tm .pdx-tm-tab {
display: block;
padding: 14px 22px;
font-family: var(--font-head);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--text-secondary);
border-bottom: 2px solid transparent;
margin-bottom: -1px;
white-space: nowrap;
transition: var(--transition);
}
.pdx-tm .pdx-tm-tab:hover {
color: var(--text-primary);
}
.pdx-tm .pdx-tm-tab.is-active {
color: var(--gold);
border-bottom-color: var(--gold);
} .pdx-tm-hero {
position: relative;
padding: 40px 0 36px;
margin-bottom: 8px;
}
.pdx-tm-hero--compact {
padding: 32px 0 24px;
margin-bottom: 8px;
} .pdx-tm-hero-layout {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 32px;
}
.pdx-tm-hero-main {
flex: 1 1 28rem;
min-width: 0;
} .pdx-tm-hero-side {
display: flex;
flex-direction: column;
gap: 18px;
flex: 0 1 26rem;
min-width: 0;
}
.pdx-tm-hero-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
margin: 0 0 4px;
}
.pdx-tm-eyebrow {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 8px;
font-family: var(--font-head);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm-eyebrow::before {
content: "";
display: inline-block;
width: 24px;
height: 2px;
background: var(--gold);
flex: 0 0 24px;
}
.pdx-tm .pdx-tm-title {
margin: 0 0 12px;
font-family: var(--font-head);
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-white);
}
.pdx-tm-title span,
.pdx-tm-accent {
color: var(--gold);
}
.pdx-tm-sub {
max-width: 620px;
margin: 0;
color: var(--text-secondary);
font-size: 1rem;
}
.pdx-tm-hero-text {
max-width: 70ch;
margin-top: 16px;
color: var(--text-secondary);
font-size: 0.95rem;
line-height: 1.7;
}
.pdx-tm-badges {
margin: 16px 0 0;
}  .pdx-tm-stat-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.pdx-tm-stat {
position: relative;
padding: 18px 20px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-md);
overflow: hidden;
transition: var(--transition);
}
.pdx-tm-stat::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(90deg, var(--gold) 0%, transparent 100%);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.pdx-tm-stat:hover {
background: var(--surface-hover);
border-color: var(--gold-dim);
}
.pdx-tm-stat:hover::before {
transform: scaleX(1);
}
.pdx-tm-stat-value {
display: block;
font-family: var(--font-head);
font-size: 2.1rem;
font-weight: 700;
line-height: 1;
color: var(--gold);
font-variant-numeric: tabular-nums;
}
.pdx-tm-stat-label {
display: block;
margin-top: 6px;
font-family: var(--font-head);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--text-muted);
} .pdx-tm-stat-grid .pdx-tm-stat {
padding: 14px 12px;
text-align: center;
}
.pdx-tm-stat-grid .pdx-tm-stat-value {
font-size: 1.7rem;
}
.pdx-tm-stat-grid .pdx-tm-stat-label {
margin-top: 5px;
font-size: 0.6rem;
letter-spacing: 0.08em;
} .pdx-tm-progress {
margin-top: 24px;
} .pdx-tm-hero-side .pdx-tm-progress {
margin-top: 2px;
}
.pdx-tm-progress-bar {
height: 8px;
overflow: hidden;
background: var(--bg-elevated);
border-radius: 999px;
}
.pdx-tm-progress-bar span {
display: block;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, var(--gold-dim), var(--gold) 60%, var(--gold-light));
box-shadow: 0 0 12px rgba(245, 166, 35, 0.45);
transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdx-tm-progress-label {
margin: 10px 0 0;
font-family: var(--font-head);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-secondary);
} .pdx-tm-grid {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 28px;
} .pdx-tm-panel {
padding: 0; margin: 0 0 34px;
background: transparent;
border: 0;
border-radius: 0;
min-width: 0;
}
.pdx-tm-grid > .pdx-tm-panel {
margin-bottom: 0;
}
.pdx-tm-panel--full {
flex: 1 1 100%;
}
.pdx-tm-panel--wide {
flex: 3 1 30rem;
}
.pdx-tm-panel--half {
flex: 2 1 22rem;
} .pdx-tm-panel-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 28px;
flex: 1 1 100%;
}
.pdx-tm-panel-row > .pdx-tm-panel {
flex: 1 1 22rem;
min-width: 0;
margin-bottom: 0;
}
.pdx-tm-section-head {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin-bottom: 28px;
padding-bottom: 16px;
border-bottom: 1px solid var(--border);
}
.pdx-tm-section-head::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 80px;
height: 2px;
background: var(--gold);
}
.pdx-tm .pdx-tm-section-title {
margin: 0;
font-family: var(--font-head);
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--text-white);
}
.pdx-tm .pdx-tm-standalone-title {
margin: 40px 0 20px;
font-family: var(--font-head);
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--text-white);
}
.pdx-tm-count-badge {
padding: 3px 12px;
background: var(--gold-glow);
border: 1px solid var(--gold-dim);
border-radius: 20px;
color: var(--gold);
font-family: var(--font-head);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.06em;
}
.pdx-tm-link {
margin-left: auto;
font-family: var(--font-head);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
display: inline-flex;
align-items: center;
gap: 6px;
}
.pdx-tm-link::after {
content: "→";
transition: transform 0.2s ease;
}
.pdx-tm-link:hover::after {
transform: translateX(4px);
}
.pdx-tm-breadcrumb {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 20px;
padding-top: 20px;
font-size: 0.8rem;
color: var(--text-muted);
}
.pdx-tm-breadcrumb a {
color: var(--text-secondary);
}
.pdx-tm-breadcrumb a:hover {
color: var(--gold);
} .pdx-tm-badge {
display: inline-flex;
align-items: center;
padding: 3px 12px;
border: 1px solid var(--border-light);
border-radius: 20px;
background: rgba(255, 255, 255, 0.04);
color: var(--text-secondary);
font-family: var(--font-head);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
}
.pdx-tm-badge--qualified,
.pdx-tm-badge--pinned {
background: var(--gold-glow);
border-color: var(--gold-dim);
color: var(--gold);
}
.pdx-tm-badge--registered {
background: rgba(49, 130, 206, 0.12);
border-color: rgba(49, 130, 206, 0.35);
color: #90cdf4;
}
.pdx-tm-badge--format {
background: rgba(56, 178, 172, 0.12);
border-color: rgba(56, 178, 172, 0.35);
color: #7fe3de;
}
.pdx-tm-badge--result {
background: rgba(255, 255, 255, 0.06);
color: var(--text-secondary);
}
.pdx-tm-badge--status {
padding: 5px 16px;
font-size: 0.78rem;
}
.pdx-tm-badge--status.pdx-tm-status-registration {
background: rgba(72, 187, 120, 0.14);
border-color: rgba(72, 187, 120, 0.4);
color: #68d391;
}
.pdx-tm-badge--status.pdx-tm-status-live {
background: var(--gold-glow);
border-color: var(--gold-dim);
color: var(--gold);
}
.pdx-tm-badge--status.pdx-tm-status-finished,
.pdx-tm-badge--status.pdx-tm-status-archived {
background: rgba(49, 130, 206, 0.14);
border-color: rgba(49, 130, 206, 0.4);
color: #90cdf4;
}  .pdx-tm .pdx-tm-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 26px;
border: 1px solid var(--gold);
border-radius: var(--radius-md);
background: linear-gradient(180deg, var(--gold-light), var(--gold));
color: #14100a;
font-family: var(--font-head);
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: var(--transition);
}
.pdx-tm .pdx-tm-button:hover,
.pdx-tm .pdx-tm-button:focus-visible {
background: var(--gold-light);
color: #14100a;
transform: translateY(-2px);
box-shadow: var(--shadow-gold);
}
.pdx-tm .pdx-tm-button[disabled] {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.pdx-tm .pdx-tm-button--ghost {
background: transparent;
border-color: var(--border-light);
color: var(--text-primary);
}
.pdx-tm .pdx-tm-button--ghost:hover {
background: var(--gold-glow);
border-color: var(--gold);
color: var(--gold);
box-shadow: none;
} .pdx-tm .pdx-tm-button--primary {
padding: 16px 42px;
font-size: 1rem;
letter-spacing: 0.12em;
color: #fff;
background: linear-gradient(180deg, #f56565 0%, #e53e3e 55%, #c53030 100%);
border-color: #fc8181;
box-shadow: 0 6px 22px rgba(229, 62, 62, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25);
animation: pdx-tm-pulse 2.6s ease-in-out infinite;
}
.pdx-tm .pdx-tm-button--primary:hover,
.pdx-tm .pdx-tm-button--primary:focus-visible {
color: #fff;
background: linear-gradient(180deg, #fc8181 0%, #e53e3e 60%, #c53030 100%);
box-shadow: 0 10px 28px rgba(229, 62, 62, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
animation: none;
}
@keyframes pdx-tm-pulse {
0%,
100% {
box-shadow: 0 6px 22px rgba(229, 62, 62, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
50% {
box-shadow: 0 6px 30px rgba(229, 62, 62, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
}
.pdx-tm .pdx-tm-button--small {
padding: 7px 16px;
font-size: 0.75rem;
} .pdx-tm-signin {
position: relative;
padding: 24px;
border-radius: var(--radius-lg);
background: linear-gradient(160deg, rgba(229, 62, 62, 0.16), rgba(255, 255, 255, 0.03) 60%);
border: 1px solid rgba(252, 129, 129, 0.35);
box-shadow: 0 0 34px rgba(229, 62, 62, 0.18);
text-align: center;
overflow: hidden;
}
.pdx-tm-signin::before {
content: "";
position: absolute;
inset: -40% -20% auto -20%;
height: 80%;
background: radial-gradient(ellipse at 50% 0%, rgba(252, 129, 129, 0.22), transparent 70%);
pointer-events: none;
}
.pdx-tm-signin .pdx-tm-section-head {
position: relative;
justify-content: center;
margin-bottom: 16px;
padding-bottom: 12px;
}
.pdx-tm-signin .pdx-tm-section-head::after {
left: 50%;
transform: translateX(-50%);
width: 48px;
background: #fc8181;
}
.pdx-tm-signin .pdx-tm-section-title {
font-size: 1.05rem;
letter-spacing: 0.14em;
}
.pdx-tm-signin-body {
position: relative;
}
.pdx-tm-signin-body > p {
margin-bottom: 16px;
color: var(--text-secondary);
font-size: 0.95rem;
}
.pdx-tm-signin .pdx-tm-button {
width: 100%;
} .pdx-tm-signin.is-joined {
background: rgba(255, 255, 255, 0.04);
border-color: var(--border-light);
box-shadow: none;
}
.pdx-tm-signin.is-joined::before {
display: none;
}
.pdx-tm-signin.is-joined .pdx-tm-section-head::after {
background: var(--gold);
}
.pdx-tm-signin-status {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 0 0 18px;
font-family: var(--font-head);
font-size: 1.15rem;
font-weight: 700;
color: var(--text-white);
}
.pdx-tm-message {
margin: 16px 0 0;
padding: 12px 18px;
border-radius: var(--radius-md);
border-left: 3px solid var(--border-light);
background: var(--bg-elevated);
color: var(--text-secondary);
font-size: 0.9rem;
}
.pdx-tm-message.is-error {
border-left-color: var(--accent-red);
background: rgba(229, 62, 62, 0.12);
color: #feb2b2;
} .pdx-tm-news-item {
padding: 20px 0;
border-top: 1px solid var(--border);
}
.pdx-tm-news-item:first-child {
padding-top: 0;
border-top: 0;
}
.pdx-tm-news-item.is-collapsed {
display: none;
}
.pdx-tm-news-head {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-bottom: 8px;
}
.pdx-tm .pdx-tm-news-title {
margin: 0;
font-family: var(--font-head);
font-size: 1.15rem;
font-weight: 700;
letter-spacing: 0.02em;
color: var(--text-white);
}
.pdx-tm-news-date {
margin-left: auto;
font-family: var(--font-head);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.06em;
color: var(--text-muted);
}
.pdx-tm-news-body {
color: var(--text-secondary);
font-size: 0.92rem;
line-height: 1.7;
} .pdx-tm-personal {
position: relative;
padding: 20px 24px;
margin-bottom: 28px;
background: linear-gradient(135deg, rgba(245, 166, 35, 0.16), rgba(245, 166, 35, 0.04));
border: 1px solid var(--gold-dim);
border-radius: var(--radius-lg);
overflow: hidden;
}
.pdx-tm-personal::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 3px;
background: var(--gold);
}
.pdx-tm-personal-label {
margin: 0 0 6px;
font-family: var(--font-head);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm .pdx-tm-personal-match {
margin: 0;
font-family: var(--font-head);
font-size: 1.5rem;
font-weight: 700;
color: var(--text-white);
}
.pdx-tm-personal-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 10px 0 0;
font-size: 0.85rem;
color: var(--text-secondary);
}
.pdx-tm-personal-note {
margin: 10px 0 0;
font-size: 0.85rem;
font-style: italic;
color: var(--text-secondary);
} .pdx-tm-timeline {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.pdx-tm-timeline::before {
content: "";
position: absolute;
top: 12px;
bottom: 12px;
left: 23px;
width: 2px;
background: var(--border);
}
.pdx-tm-timeline-item {
position: relative;
padding: 16px 18px 16px 46px;
margin-bottom: 10px;
border-radius: var(--radius-md);
transition: var(--transition);
}
.pdx-tm-timeline-item:last-child {
margin-bottom: 0;
}
.pdx-tm-timeline-marker {
position: absolute;
top: 22px;
left: 16px;
width: 16px;
height: 16px;
border: 2px solid var(--text-muted);
border-radius: 50%;
background: var(--bg-card);
z-index: 1;
}
.pdx-tm .pdx-tm-timeline-title {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0;
font-family: var(--font-head);
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-white);
}
.pdx-tm-timeline-time {
margin: 6px 0 0;
font-size: 0.9rem;
}
.pdx-tm-utc {
font-family: var(--font-head);
font-weight: 700;
letter-spacing: 0.04em;
color: var(--text-primary);
}
.pdx-tm-localtime {
color: var(--text-secondary);
font-size: 0.88rem;
}
.pdx-tm-timeline-state {
margin: 6px 0 0;
font-family: var(--font-head);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--text-muted);
}
.pdx-tm-timeline-note {
margin: 8px 0 0;
padding: 10px 14px;
background: var(--bg-elevated);
border-left: 3px solid var(--gold);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
font-size: 0.85rem;
font-style: italic;
color: var(--text-secondary);
}
.pdx-tm-state-done {
opacity: 0.55;
}
.pdx-tm-state-done .pdx-tm-timeline-marker {
background: var(--text-muted);
border-color: var(--text-muted);
}
.pdx-tm-state-done .pdx-tm-timeline-title::after {
content: "✓";
color: var(--accent-green);
font-size: 0.9rem;
}
.pdx-tm-state-playing,
.pdx-tm-state-next {
background: linear-gradient(90deg, var(--gold-glow), transparent 70%);
box-shadow: inset 0 0 0 1px rgba(245, 166, 35, 0.25);
}
.pdx-tm-state-playing .pdx-tm-timeline-marker,
.pdx-tm-state-next .pdx-tm-timeline-marker {
background: var(--gold);
border-color: var(--gold);
box-shadow: 0 0 0 4px var(--gold-glow);
}
.pdx-tm-state-playing .pdx-tm-timeline-state,
.pdx-tm-state-next .pdx-tm-timeline-state {
color: var(--gold);
} .pdx-tm-timeline-item--qualifier .pdx-tm-timeline-marker {
border-style: dashed;
background: transparent;
}
.pdx-tm .pdx-tm-timeline-item--qualifier .pdx-tm-timeline-title {
font-size: 0.95rem;
color: var(--text-primary);
} .pdx-tm-filters {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
padding: 16px 20px;
margin-bottom: 20px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
}
.pdx-tm-field {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 1 1 200px;
}
.pdx-tm input[type="search"],
.pdx-tm input[type="text"],
.pdx-tm select {
width: 100%;
padding: 10px 14px;
background: var(--bg-elevated);
border: 1px solid var(--border-light);
border-radius: var(--radius-md);
color: var(--text-primary);
font-family: var(--font-body);
font-size: 0.92rem;
outline: none;
transition: var(--transition);
}
.pdx-tm input[type="search"]::placeholder {
color: var(--text-muted);
}
.pdx-tm input[type="search"]:focus,
.pdx-tm select:focus {
border-color: var(--gold);
box-shadow: 0 0 0 3px var(--gold-glow);
} .pdx-tm-player-grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}
.pdx-tm-player {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid var(--border);
border-radius: var(--radius-md);
transition: var(--transition);
min-width: 0;
}
.pdx-tm-player:hover {
background: rgba(255, 255, 255, 0.07);
border-color: var(--border-light);
}
.pdx-tm-player.is-qualified {
background: linear-gradient(100deg, var(--gold-glow), rgba(255, 255, 255, 0.03) 70%);
border-color: rgba(245, 166, 35, 0.4);
}
.pdx-tm-player-seed {
flex: 0 0 1.9rem;
height: 1.9rem;
border-radius: 50%;
background: rgba(0, 0, 0, 0.3);
border: 1px solid var(--border-light);
font-family: var(--font-head);
font-size: 0.78rem;
font-weight: 700;
line-height: 1.75rem;
text-align: center;
color: var(--text-secondary);
}
.pdx-tm-player-body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
}
.pdx-tm-player-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: var(--font-head);
font-size: 1.05rem;
font-weight: 600;
line-height: 1.2;
color: var(--text-primary);
}
.pdx-tm-player.is-qualified .pdx-tm-player-name {
color: var(--gold);
font-weight: 700;
}
.pdx-tm-player-date {
font-size: 0.72rem;
letter-spacing: 0.04em;
color: var(--text-muted);
}
.pdx-tm-player .pdx-tm-badge {
flex: 0 0 auto;
font-size: 0.62rem;
padding: 2px 9px;
}  .pdx-tm-participants--compact {
margin: 0;
padding: 0;
}
.pdx-tm-participants--compact .pdx-tm-section-head {
margin-bottom: 12px;
}
.pdx-tm-participants--compact .pdx-tm-section-title {
font-size: 1rem;
}
.pdx-tm-participants--compact .pdx-tm-filters {
flex-wrap: nowrap;
gap: 8px;
padding: 10px 12px;
margin-bottom: 12px;
border-radius: var(--radius-md);
}
.pdx-tm-participants--compact .pdx-tm-field {
flex: 1 1 0;
min-width: 0;
}
.pdx-tm-participants--compact input[type="search"],
.pdx-tm-participants--compact select {
padding: 7px 10px;
font-size: 0.82rem;
}
.pdx-tm-participants--compact .pdx-tm-player-grid {
grid-template-columns: 1fr;
gap: 8px;
}
.pdx-tm-participants--compact .pdx-tm-player {
padding: 8px 12px;
gap: 10px;
}
.pdx-tm-participants--compact .pdx-tm-player-seed {
flex: 0 0 1.6rem;
height: 1.6rem;
font-size: 0.7rem;
line-height: 1.45rem;
}
.pdx-tm-participants--compact .pdx-tm-player-name {
font-size: 0.92rem;
} .pdx-tm-pager {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-top: 14px;
}
.pdx-tm-pager[hidden] {
display: none !important;
}
.pdx-tm .pdx-tm-pager-button {
padding: 7px 14px;
background: var(--surface);
border: 1px solid var(--border-light);
border-radius: var(--radius-md);
color: var(--text-secondary);
font-family: var(--font-head);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
cursor: pointer;
transition: var(--transition);
}
.pdx-tm .pdx-tm-pager-button:hover:not(:disabled) {
background: var(--surface-hover);
border-color: var(--gold-dim);
color: var(--gold);
}
.pdx-tm .pdx-tm-pager-button:disabled {
opacity: 0.35;
cursor: default;
}
.pdx-tm-pager-status {
font-family: var(--font-head);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--text-muted);
font-variant-numeric: tabular-nums;
}
.pdx-tm-tablewrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid var(--border);
border-radius: var(--radius-md);
}
.pdx-tm-table {
width: 100%;
min-width: 30rem;
border-collapse: collapse;
font-size: 0.9rem;
}
.pdx-tm .pdx-tm-table thead th {
padding: 12px 16px;
background: rgba(255, 255, 255, 0.06);
border-bottom: 1px solid var(--border);
font-family: var(--font-head);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
text-align: left;
color: var(--text-muted);
}
.pdx-tm .pdx-tm-table td {
padding: 12px 16px;
border-bottom: 1px solid var(--border);
color: var(--text-primary);
vertical-align: middle;
}
.pdx-tm-table tbody tr:last-child td {
border-bottom: none;
}
.pdx-tm-table tbody tr {
transition: background 0.15s ease;
}
.pdx-tm-table tbody tr:hover td {
background: rgba(255, 255, 255, 0.04);
}
.pdx-tm-player-name {
font-family: var(--font-head);
font-size: 1rem;
font-weight: 600;
color: var(--text-white);
}
.pdx-tm-table tr.is-qualified {
background: rgba(245, 166, 35, 0.05);
}
.pdx-tm-table tr.is-qualified .pdx-tm-player-name {
color: var(--gold);
font-weight: 700;
}  .pdx-tm-prize-grid .pdx-tm-prize-card {
text-align: left;
} .pdx-tm-prize-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
align-items: stretch;
}
.pdx-tm-prize-card {
position: relative;
padding: 14px 14px 16px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-md);
text-align: center;
overflow: hidden;
transition: var(--transition);
}
.pdx-tm-prize-card:hover {
background: var(--surface-hover);
border-color: var(--border-light);
}
.pdx-tm-prize-card.pdx-tm-place-1 {
border-color: rgba(245, 166, 35, 0.5);
background: linear-gradient(170deg, rgba(245, 166, 35, 0.08), var(--surface) 70%);
}
.pdx-tm-prize-card.pdx-tm-place-2 {
border-color: rgba(203, 213, 224, 0.28);
}
.pdx-tm-prize-card.pdx-tm-place-3 {
border-color: rgba(183, 121, 31, 0.35);
}
.pdx-tm-podium {
display: grid;
gap: 18px;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
align-items: start;
margin-bottom: 24px;
}
.pdx-tm-podium-card {
position: relative;
padding: 28px 22px 24px;
background: linear-gradient(165deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 100%);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
text-align: center;
overflow: hidden;
transition: var(--transition);
}
.pdx-tm-podium-card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 0%, var(--gold-glow) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.pdx-tm-podium-card:hover {
transform: translateY(-4px);
border-color: var(--gold-dim);
box-shadow: var(--shadow-card);
}
.pdx-tm-podium-card:hover::before {
opacity: 1;
}
.pdx-tm-podium-card.pdx-tm-place-1 {
border-color: rgba(245, 166, 35, 0.55);
box-shadow: inset 0 0 0 1px rgba(245, 166, 35, 0.18);
}
.pdx-tm-podium-card.pdx-tm-place-1::before {
opacity: 1;
}
.pdx-tm-podium-place {
position: relative;
z-index: 1;
margin: 0 0 14px;
font-family: var(--font-head);
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm .pdx-tm-podium-name {
position: relative;
z-index: 1;
margin: 0;
font-family: var(--font-head);
font-size: 1.7rem;
font-weight: 700;
letter-spacing: 0.02em;
color: var(--text-white);
}
.pdx-tm-prize-image {
display: block;
max-width: 5rem;
height: auto;
margin: 0 auto 12px;
image-rendering: pixelated;
filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.6));
}
.pdx-tm-prize-text {
position: relative;
z-index: 1;
color: var(--text-secondary);
font-size: 0.9rem;
}
.pdx-tm-prize-list {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid var(--border);
border-radius: var(--radius-md);
overflow: hidden;
}
.pdx-tm-prize-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
padding: 14px 18px;
border-bottom: 1px solid var(--border);
transition: background 0.15s ease;
}
.pdx-tm-prize-row:last-child {
border-bottom: none;
}
.pdx-tm-prize-row:hover {
background: var(--bg-elevated);
}
.pdx-tm-prize-place {
min-width: 0;
margin: 0 0 10px;
font-family: var(--font-head);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm-prize-card .pdx-tm-reward-groups {
gap: 10px;
}  .pdx-tm-prize-card--lead {
padding: 22px 24px 24px;
margin-bottom: 16px;
border-radius: var(--radius-lg);
text-align: left;
}
.pdx-tm-prize-card--lead .pdx-tm-prize-place {
margin-bottom: 16px;
font-size: 0.95rem;
}
.pdx-tm-prize-card--lead .pdx-tm-reward-groups {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 14px 28px;
}
.pdx-tm-prize-card--lead .pdx-tm-feature {
flex: 0 0 auto;
width: auto;
min-width: 9rem;
margin-right: 8px;
} .pdx-tm-prize-card--lead .pdx-tm-reward-group {
flex: 1 1 0;
align-items: flex-start;
min-width: 10rem;
padding-left: 24px;
border-left: 1px solid var(--border);
}
.pdx-tm-prize-card--lead .pdx-tm-rewards {
justify-content: flex-start;
margin-bottom: 0;
}
.pdx-tm-prize-card--lead .pdx-tm-prize-text {
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--border);
font-size: 0.9rem;
}
.pdx-tm-prize-card .pdx-tm-prize-text {
margin-top: 10px;
font-size: 0.82rem;
}
.pdx-tm-prize-icon {
width: 2.2rem;
height: 2.2rem;
object-fit: contain;
image-rendering: pixelated;
} .pdx-tm-reward-groups {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 14px;
}
.pdx-tm-prize-row .pdx-tm-reward-groups {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 10px;
flex: 1 1 auto;
}
.pdx-tm-reward-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.pdx-tm-reward-group-label {
font-family: var(--font-head);
font-size: 0.6rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--text-muted);
} .pdx-tm-feature {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 4px 4px 8px;
margin-bottom: 2px;
border-radius: var(--radius-md);
}
.pdx-tm-feature-frame {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 6rem;
height: 6rem;
}
.pdx-tm-feature-frame::before {
content: "";
position: absolute;
inset: 8%;
border-radius: 50%;
background: radial-gradient(circle, rgba(245, 166, 35, 0.10) 0%, transparent 66%);
}
.pdx-tm-feature-img {
position: relative;
width: 100%;
height: 100%;
object-fit: contain;
image-rendering: pixelated;
filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.55));
}
.pdx-tm-feature-name {
margin: 0;
font-family: var(--font-head);
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.2;
color: var(--text-white);
text-align: center;
}
.pdx-tm-feature-tag {
padding: 2px 10px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid var(--border-light);
font-family: var(--font-head);
font-size: 0.58rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--text-secondary);
} .pdx-tm-feature.is-shiny {
background: radial-gradient(ellipse at 50% 40%, rgba(245, 166, 35, 0.07), transparent 70%);
}
.pdx-tm-feature.is-shiny .pdx-tm-feature-frame::before {
background: radial-gradient(circle, rgba(245, 166, 35, 0.16) 0%, transparent 68%);
}
.pdx-tm-feature.is-shiny .pdx-tm-feature-img {
filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.3)) drop-shadow(0 4px 10px rgba(0, 0, 0, 0.55));
}
.pdx-tm-feature.is-shiny .pdx-tm-feature-name {
color: var(--gold);
}
.pdx-tm-feature.is-shiny .pdx-tm-feature-tag {
background: var(--gold-glow);
border-color: var(--gold-dim);
color: var(--gold);
} .pdx-tm-coin {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 1.7rem;
height: 1.7rem;
border-radius: 50%;
font-family: var(--font-head);
font-weight: 700;
line-height: 1;
}
.pdx-tm-coin--pokedollar {
background: radial-gradient(circle at 34% 28%, #ffeaa7 0%, #f2c14e 42%, #c9962c 78%, #a97a1c 100%);
box-shadow:
inset 0 0 0 0.12em rgba(0, 0, 0, 0.16),
inset 0 -0.12em 0.2em rgba(0, 0, 0, 0.25),
0 1px 3px rgba(0, 0, 0, 0.55);
color: #4a3208;
} .pdx-tm-coin--pokedollar::before {
content: "P";
font-size: 1.25em;
line-height: 1;
transform: translateX(0.03em);
}
.pdx-tm-coin--pokedollar::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 0.82em;
height: 0.3em;
transform: translate(-58%, -36%);
border-top: 0.1em solid currentColor;
border-bottom: 0.1em solid currentColor;
}
.pdx-tm-rewards {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.pdx-tm-rewards--podium {
position: relative;
z-index: 1;
justify-content: center;
margin-bottom: 14px;
}
.pdx-tm-reward {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 11px 4px 4px;
background: var(--surface);
border: 1px solid var(--border-light);
border-radius: 999px;
font-size: 0.78rem;
transition: var(--transition);
}
.pdx-tm-reward:hover {
border-color: var(--gold-dim);
background: var(--surface-hover);
}
.pdx-tm-reward-icon {
width: 1.7rem;
height: 1.7rem;
object-fit: contain;
image-rendering: pixelated;
filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.45));
}
.pdx-tm-rewards--podium .pdx-tm-reward-icon {
width: 2.6rem;
height: 2.6rem;
}
.pdx-tm-reward-label {
font-family: var(--font-head);
font-size: 0.85rem;
font-weight: 600;
color: var(--text-primary);
}
.pdx-tm-reward.is-shiny {
background: var(--gold-glow);
border-color: var(--gold-dim);
}
.pdx-tm-reward.is-shiny .pdx-tm-reward-label {
color: var(--gold);
}
.pdx-tm-reward.is-shiny .pdx-tm-reward-label::after {
content: " ✦";
}
.pdx-tm-reward--pokedollar {
background: rgba(49, 130, 206, 0.14);
border-color: rgba(49, 130, 206, 0.4);
}
.pdx-tm-reward--pokedollar .pdx-tm-reward-label {
color: #a8c8f5;
}
.pdx-tm-reward--gold {
background: var(--gold-glow);
border-color: var(--gold-dim);
}
.pdx-tm-reward--gold .pdx-tm-reward-label {
color: var(--gold);
} .pdx-tm-reward-coin {
display: none;
} .pdx-tm-reward-icon.is-broken,
.pdx-tm-prize-image.is-broken,
.pdx-tm-prize-icon.is-broken,
.pdx-tm-feature-img.is-broken {
display: none;
} .pdx-tm-rule-group {
margin-bottom: 28px;
}
.pdx-tm-rule-group:last-child {
margin-bottom: 0;
}
.pdx-tm-rule-category {
margin: 0 0 12px;
font-family: var(--font-head);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm-rule {
padding: 16px 20px;
margin-bottom: 10px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-md);
transition: var(--transition);
}
.pdx-tm-rule:hover {
border-color: var(--border-light);
}
.pdx-tm .pdx-tm-rule-title {
margin: 0 0 6px;
font-family: var(--font-head);
font-size: 1.05rem;
font-weight: 700;
color: var(--text-white);
}
.pdx-tm-rule-body {
color: var(--text-secondary);
font-size: 0.92rem;
line-height: 1.7;
} .pdx-tm-rule.is-collapsible {
display: flex;
flex-direction: column;
max-height: 20rem;
overflow: hidden;
} .pdx-tm-rules--paired .pdx-tm-rule.is-collapsible {
aspect-ratio: 16 / 9;
max-height: none;
}
.pdx-tm-rule.is-collapsible .pdx-tm-rule-body {
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
} .pdx-tm-rule.is-open {
display: block;
aspect-ratio: auto;
max-height: none;
height: auto;
overflow: visible;
}
.pdx-tm-rule.is-open .pdx-tm-rule-body {
min-height: 0;
overflow: visible;
}
.pdx-tm-rule .pdx-tm-button {
margin-top: 12px;
} .pdx-tm-card-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
align-items: start;
}
.pdx-tm-stat-card {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
overflow: hidden;
transition: var(--transition);
animation: pdx-tm-fade-in 0.4s ease;
}
.pdx-tm-stat-card:hover {
border-color: var(--gold-dim);
box-shadow: var(--shadow-card);
}
.pdx-tm .pdx-tm-stat-card-title {
margin: 0;
padding: 14px 18px;
border-bottom: 1px solid var(--border);
font-family: var(--font-head);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm-stat-list {
margin: 0;
padding: 8px 0;
list-style: none;
counter-reset: none;
}
.pdx-tm-stat-row {
display: flex;
align-items: center;
gap: 12px;
padding: 7px 18px;
border-top: 1px solid rgba(255, 255, 255, 0.04);
font-size: 0.92rem;
transition: background 0.15s ease;
}
.pdx-tm-stat-row:first-child {
border-top: 0;
}
.pdx-tm-stat-row:hover {
background: rgba(255, 255, 255, 0.03);
}
.pdx-tm-stat-rank {
flex: 0 0 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: var(--bg-elevated);
border: 1px solid var(--border);
color: var(--text-muted);
font-family: var(--font-head);
font-size: 0.74rem;
font-weight: 700;
line-height: 1.4rem;
text-align: center;
font-variant-numeric: tabular-nums;
}
.pdx-tm-stat-row.is-rank-1 .pdx-tm-stat-rank {
background: linear-gradient(180deg, var(--gold-light), var(--gold));
border-color: var(--gold);
color: #14100a;
}
.pdx-tm-stat-row.is-rank-2 .pdx-tm-stat-rank {
background: #cbd5e0;
border-color: #e2e8f0;
color: #1a202c;
}
.pdx-tm-stat-row.is-rank-3 .pdx-tm-stat-rank {
background: #b7791f;
border-color: #d69e2e;
color: #14100a;
}
.pdx-tm-stat-name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--text-primary);
font-weight: 600;
}
.pdx-tm-stat-name:hover {
color: var(--gold);
}
.pdx-tm-stat-figure {
flex: 0 0 auto;
font-family: var(--font-head);
font-size: 0.9rem;
font-weight: 700;
color: var(--gold);
font-variant-numeric: tabular-nums;
} .pdx-tm-stream-frame {
position: relative;
aspect-ratio: 16 / 9;
min-height: 12rem;
overflow: hidden;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
}
.pdx-tm-stream-frame iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.pdx-tm .pdx-tm-stream-preview {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
height: 100%;
padding: 28px;
background: radial-gradient(ellipse at 50% 40%, var(--bg-card-hover), var(--bg-card));
border: 0;
color: var(--text-primary);
font: inherit;
text-align: center;
transition: var(--transition);
}
.pdx-tm-stream-play {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
border: 2px solid var(--gold);
background: var(--gold-glow);
color: var(--gold);
font-size: 1.6rem;
padding-left: 5px;
}
.pdx-tm-stream-cta {
font-family: var(--font-head);
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--text-white);
}
.pdx-tm .pdx-tm-stream-title {
margin: 0 0 12px;
font-family: var(--font-head);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--gold);
} .pdx-tm-bracket-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
padding: 16px 20px;
margin-bottom: 20px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
} .pdx-tm-bracket-pager {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 16px;
}
.pdx-tm-bracket-pager[hidden] {
display: none !important;
}
.pdx-tm .pdx-tm-round-step {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
padding: 0;
background: var(--surface);
border: 1px solid var(--border-light);
border-radius: 50%;
color: var(--text-secondary);
font-size: 1.1rem;
line-height: 1;
cursor: pointer;
transition: var(--transition);
}
.pdx-tm .pdx-tm-round-step:hover:not(:disabled) {
background: var(--surface-hover);
border-color: var(--gold-dim);
color: var(--gold);
}
.pdx-tm .pdx-tm-round-step:disabled {
opacity: 0.3;
cursor: default;
}
.pdx-tm-bracket-pager-label {
font-family: var(--font-head);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--gold);
text-align: center;
} .pdx-tm-bracket-viewport {
position: relative;
overflow: hidden;
}
.pdx-tm-bracket-canvas {
position: relative;
display: flex;
gap: 2.2em;
align-items: stretch;
min-height: 20rem;
width: 100%;
}
.pdx-tm-connectors {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}
.pdx-tm-connector {
fill: none;
stroke: rgba(255, 255, 255, 0.16);
stroke-width: 1.5;
}
.pdx-tm-round {
display: flex;
flex-direction: column;
flex: 1 1 0;
min-width: 0;
}
.pdx-tm-round[hidden] {
display: none !important;
} .pdx-tm-round-head {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-items: center;
gap: 8px;
min-height: 4.4em;
margin-bottom: 1em;
padding-bottom: 0.6em;
border-bottom: 1px solid var(--border);
}
.pdx-tm .pdx-tm-round-title {
margin: 0;
font-family: var(--font-head);
font-size: 0.9em;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gold);
}
.pdx-tm-round-date {
width: 100%;
font-size: 0.72em;
color: var(--text-muted);
}
.pdx-tm-round-matches {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: space-around; gap: 2px;
}
.pdx-tm-match {
position: relative;
z-index: 1;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-md);
overflow: hidden;
transition: var(--transition);
}
.pdx-tm-match:hover {
border-color: var(--border-light);
box-shadow: var(--shadow-card);
}
.pdx-tm-match.is-highlighted {
border-color: var(--gold);
box-shadow: 0 0 0 2px var(--gold-glow), var(--shadow-gold);
}
.pdx-tm-match.is-bye {
opacity: 0.6;
}
.pdx-tm-match-player {
display: flex;
align-items: center;
gap: 0.6em;
padding: 0.6em 0.8em;
border-bottom: 1px solid var(--border);
font-size: 0.9em;
}
.pdx-tm-match-player:last-of-type {
border-bottom: 0;
}
.pdx-tm-match-player.is-winner {
background: linear-gradient(90deg, var(--gold-glow), transparent);
box-shadow: inset 3px 0 0 var(--gold);
}
.pdx-tm-match-player.is-winner .pdx-tm-match-name {
color: var(--gold);
font-weight: 700;
}
.pdx-tm-match-player.is-loser {
color: var(--text-muted);
}
.pdx-tm-match-player.is-empty {
color: var(--text-muted);
font-style: italic;
}
.pdx-tm-match-player.is-highlighted {
background: rgba(245, 166, 35, 0.1);
}
.pdx-tm-seed {
flex: 0 0 auto;
min-width: 1.7em;
padding: 0.1em 0.3em;
background: var(--bg-elevated);
border: 1px solid var(--border);
border-radius: 4px;
font-family: var(--font-head);
font-size: 0.7em;
font-weight: 700;
text-align: center;
color: var(--text-secondary);
}
.pdx-tm-match-name {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: var(--font-head);
font-size: 1.05em;
font-weight: 600;
color: var(--text-primary);
}
.pdx-tm-match-score {
flex: 0 0 auto;
font-family: var(--font-head);
font-size: 1em;
font-weight: 700;
color: var(--text-white);
font-variant-numeric: tabular-nums;
}
.pdx-tm-match-meta {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 0.6em;
padding: 0.5em 0.8em;
background: rgba(0, 0, 0, 0.3);
border-top: 1px solid var(--border);
font-size: 0.72em;
color: var(--text-muted);
} .pdx-tm-match-date {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pdx-tm-match-vod {
margin-left: auto;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}  .pdx-tm-bracket.is-preview .pdx-tm-match {
border-style: dashed;
}
.pdx-tm-bracket-notice {
margin-bottom: 24px;
}
.pdx-tm-bracket-notice .pdx-tm-progress {
margin-top: 18px;
max-width: 32rem;
} .pdx-tm-hof-card {
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
padding: 22px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
overflow: hidden;
transition: var(--transition);
animation: pdx-tm-fade-in 0.35s ease;
}
.pdx-tm-hof-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 2px;
background: linear-gradient(90deg, var(--gold) 0%, transparent 100%);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.pdx-tm-hof-card:hover {
background: var(--surface-hover);
border-color: var(--gold-dim);
transform: translateY(-4px);
box-shadow: var(--shadow-card), var(--shadow-gold);
}
.pdx-tm-hof-card:hover::before {
transform: scaleX(1);
}
.pdx-tm-hof-link::after {
content: "";
position: absolute;
inset: 0;
}
.pdx-tm-hof-date {
display: block;
font-family: var(--font-head);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--text-muted);
}
.pdx-tm .pdx-tm-hof-title {
margin: 4px 0 0;
font-family: var(--font-head);
font-size: 1.35rem;
font-weight: 700;
letter-spacing: 0.02em;
color: var(--text-white);
transition: var(--transition);
}
.pdx-tm-hof-card:hover .pdx-tm-hof-title {
color: var(--gold);
}
.pdx-tm-hof-places {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 6px;
}
.pdx-tm-hof-place {
display: flex;
align-items: center;
gap: 10px;
}
.pdx-tm-hof-rank {
flex: 0 0 1.6rem;
height: 1.6rem;
border-radius: 50%;
background: var(--bg-elevated);
border: 1px solid var(--border);
font-family: var(--font-head);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5rem;
text-align: center;
color: var(--text-muted);
}
.pdx-tm-hof-name {
color: var(--text-secondary);
font-family: var(--font-head);
font-size: 0.95rem;
font-weight: 600;
}
.pdx-tm-hof-place.pdx-tm-place-1 .pdx-tm-hof-rank {
background: linear-gradient(180deg, var(--gold-light), var(--gold));
border-color: var(--gold);
color: #14100a;
}
.pdx-tm-hof-place.pdx-tm-place-1 .pdx-tm-hof-name {
color: var(--gold);
font-weight: 700;
font-size: 1.1rem;
}
.pdx-tm-hof-place.pdx-tm-place-2 .pdx-tm-hof-rank {
background: #cbd5e0;
border-color: #e2e8f0;
color: #1a202c;
}
.pdx-tm-hof-place.pdx-tm-place-3 .pdx-tm-hof-rank {
background: #b7791f;
border-color: #d69e2e;
color: #14100a;
}
.pdx-tm-hof-meta {
margin: auto 0 0;
padding-top: 12px;
border-top: 1px solid var(--border);
font-family: var(--font-head);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.06em;
color: var(--text-muted);
} .pdx-tm-empty {
text-align: center;
padding: 56px 24px;
}
.pdx-tm-empty-icon {
display: block;
font-size: 3rem;
line-height: 1;
margin-bottom: 16px;
opacity: 0.45;
}
.pdx-tm-empty .pdx-tm-section-title {
font-size: 1.2rem;
letter-spacing: 0.08em;
color: var(--text-secondary);
}
.pdx-tm-empty .pdx-tm-section-head {
display: block;
border: 0;
padding: 0;
margin-bottom: 12px;
}
.pdx-tm-empty .pdx-tm-section-head::after {
display: none;
}
.pdx-tm-empty p {
max-width: 46ch;
margin: 0 auto 20px;
color: var(--text-muted);
} @keyframes pdx-tm-fade-in {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.pdx-tm-card-grid > *:nth-child(1) { animation-delay: 0.02s; }
.pdx-tm-card-grid > *:nth-child(2) { animation-delay: 0.06s; }
.pdx-tm-card-grid > *:nth-child(3) { animation-delay: 0.10s; }
.pdx-tm-card-grid > *:nth-child(4) { animation-delay: 0.14s; }
.pdx-tm-card-grid > *:nth-child(5) { animation-delay: 0.18s; }
.pdx-tm-card-grid > *:nth-child(6) { animation-delay: 0.22s; } @media (max-width: 900px) {
.pdx-tm {
font-size: 112%;
} .pdx-tm-hero-layout {
flex-direction: column-reverse;
gap: 24px;
}
.pdx-tm-hero-side {
position: static;
flex: 1 1 100%;
width: 100%;
}
.pdx-tm-hero {
padding: 36px 0 28px;
} .pdx-tm-prize-card--lead .pdx-tm-reward-group {
padding-left: 0;
border-left: 0;
}
.pdx-tm-prize-card--lead .pdx-tm-reward-groups {
gap: 16px;
}
}
@media (max-width: 600px) {
.pdx-tm {
font-size: 105%;
padding-bottom: 40px;
}
.pdx-tm-container {
padding: 0 16px 28px;
}
.pdx-tm-main-wrap {
padding: 14px 14px 40px;
border-radius: 12px;
}
.pdx-tm-grid {
gap: 22px;
}
.pdx-tm-player-grid {
grid-template-columns: 1fr;
}
.pdx-tm-feature-frame {
width: 8rem;
height: 8rem;
}
.pdx-tm-panel {
padding: 20px 16px;
border-radius: var(--radius-md);
}
.pdx-tm-tab {
padding: 12px 14px;
font-size: 0.75rem;
}
.pdx-tm-podium {
grid-template-columns: 1fr;
}
.pdx-tm-field {
flex: 1 1 100%;
}
.pdx-tm-prize-place {
min-width: 0;
flex: 1 1 100%;
}
.pdx-tm-timeline::before {
left: 21px;
}
.pdx-tm-timeline-item {
padding-left: 38px;
}
.pdx-tm-timeline-marker {
left: 16px;
width: 12px;
height: 12px;
}
.pdx-tm-news-date {
margin-left: 0;
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
.pdx-tm *,
.pdx-tm *::before,
.pdx-tm *::after {
animation: none !important;
transition: none !important;
}
.pdx-tm-button:hover,
.pdx-tm-hof-card:hover,
.pdx-tm-podium-card:hover {
transform: none;
}
.pdx-tm .pdx-tm-button--primary {
animation: none;
}
}.cp-streamweasels,.cp-streamweasels *,.cp-streamweasels-modal,.cp-streamweasels-modal *,.cp-streamweasels:after,.cp-streamweasels:before{box-sizing:border-box}.cp-streamweasels--default .cp-streamweasels__player{height:0;padding-bottom:43.25%;position:relative}.cp-streamweasels--default .cp-streamweasels__player iframe{bottom:0;left:0;position:absolute;right:0;top:0}.cp-streamweasels--default .cp-streamweasels__streams .cp-stream{margin:0 auto;max-width:440px}.cp-streamweasels-modal{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;flex-direction:column;justify-content:center;left:50%;max-width:1920px;position:fixed;right:0;top:0;transform:translateX(-50%);width:100%;z-index:99999}.cp-streamweasels-modal:before{left:-100%}.cp-streamweasels-modal:after,.cp-streamweasels-modal:before{background:rgba(0,0,0,.6);bottom:0;content:"";position:absolute;top:0;width:100%;z-index:99999}.cp-streamweasels-modal:after{right:-100%}.cp-streamweasels-modal__title{background-color:var(--tile-bg-colour);height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap;width:50%}@media (max-width:1024px){.cp-streamweasels-modal__title{width:75%}}.cp-streamweasels-modal__title--video-with-chat{width:calc(50% + 340px)}@media (max-width:698px){.cp-streamweasels-modal__title--video-with-chat{width:75%}}.cp-streamweasels-modal__title:empty{display:none}.cp-streamweasels-modal__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels-modal__title p:hover{animation-play-state:paused}.cp-streamweasels-modal__player{height:0;padding-bottom:28.2%;position:relative;width:50%}@media (max-width:1024px){.cp-streamweasels-modal__player{padding-bottom:42.2%;width:75%}}.cp-streamweasels-modal__player--video-with-chat{padding-bottom:42.2%;width:calc(50% + 340px)}@media (max-width:698px){.cp-streamweasels-modal__player--video-with-chat{padding-bottom:120%;padding-bottom:140%;width:75%}}.cp-streamweasels-modal__player iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.cp-streamweasels-modal__player:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' color='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M8.5 10 4 5.5 5.5 4 10 8.5 14.5 4 16 5.5 11.5 10l4.5 4.5-1.5 1.5-4.5-4.5L5.5 16 4 14.5 8.5 10z'/%3E%3C/svg%3E");content:"";cursor:pointer;height:44px;pointer-events:none;position:absolute;right:-44px;top:-44px;width:44px;z-index:9}.cp-streamweasels__loader{--animation-duration:1000ms;align-items:center;display:flex;gap:4px;height:75px;justify-content:center;margin:0 auto;width:75px}.cp-streamweasels__loader .spinner-item{animation:spinner5 var(--animation-duration) ease-in-out infinite;background-color:var(--clr-spinner);height:40%;width:5.76923px}@keyframes spinner5{25%{transform:scaleY(2)}50%{transform:scaleY(1)}}.cp-streamweasels__loader .spinner-item:first-child{--clr-spinner:var(--tile-bg-colour)}.cp-streamweasels__loader .spinner-item:nth-child(2){--clr-spinner:var(--tile-bg-colour);animation-delay:calc(var(--animation-duration)/10)}.cp-streamweasels__loader .spinner-item:nth-child(3){--clr-spinner:var(--tile-bg-colour);animation-delay:calc(var(--animation-duration)/10*2)}.cp-streamweasels__loader .spinner-item:nth-child(4){--clr-spinner:var(--tile-bg-colour);animation-delay:calc(var(--animation-duration)/10*3)}.cp-streamweasels__loader .spinner-item:nth-child(5){--clr-spinner:var(--tile-bg-colour);animation-delay:calc(var(--animation-duration)/10*4)}.cp-streamweasels--wall{max-width:none!important;width:100%}.cp-streamweasels--wall .cp-streamweasels__inner{margin:0 auto;max-width:calc(var(--max-width)*1px);width:100%}.cp-streamweasels--wall .cp-streamweasels__heading{text-align:center}.cp-streamweasels--wall .cp-streamweasels__subheading{margin-top:0;text-align:center}.cp-streamweasels--wall .cp-streamweasels__player{height:0;padding-bottom:56.25%;position:relative;transition:padding .1s ease}.cp-streamweasels--wall .cp-streamweasels__player:empty{padding-bottom:0}.cp-streamweasels--wall .cp-streamweasels__player iframe{bottom:0;left:0;position:absolute;right:0;top:0}@media screen and (max-width:768px){.cp-streamweasels--wall .cp-streamweasels__player--video-with-chat{padding-bottom:160%}}.cp-streamweasels--wall .cp-streamweasels__title{background-color:var(--tile-bg-colour);font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap}.cp-streamweasels--wall .cp-streamweasels__title:empty{display:none}.cp-streamweasels--wall .cp-streamweasels__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels--wall .cp-streamweasels__title p:hover{animation-play-state:paused}.cp-streamweasels--wall .cp-streamweasels__offline h3{margin:15px 0;text-align:center}.cp-streamweasels--wall .cp-streamweasels__streams{grid-gap:calc(var(--tile-column-spacing)*1px);display:grid;grid-template-columns:repeat(var(--tile-column-count),minmax(100px,1fr));margin-top:calc(var(--tile-column-spacing)*1px)}@media screen and (max-width:1024px){.cp-streamweasels--wall .cp-streamweasels__streams{grid-template-columns:repeat(3,minmax(100px,1fr))!important}}@media screen and (max-width:768px){.cp-streamweasels--wall .cp-streamweasels__streams{grid-template-columns:repeat(2,minmax(100px,1fr))!important}}@media screen and (max-width:540px){.cp-streamweasels--wall .cp-streamweasels__streams{grid-template-columns:repeat(1,minmax(100px,1fr))!important}}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream{border-radius:calc(var(--tile-rounded-corners)*1px)}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__inner{background-color:var(--tile-bg-colour);border:2px solid var(--tile-bg-colour);border-radius:calc(var(--tile-rounded-corners)*1px);display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;text-decoration:none}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__image img{vertical-align:top;width:100%}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__status{background:rgba(0,0,0,.6);border-radius:2px;color:#f1f1f1;font-family:inherit;font-size:13px;font-weight:700;height:20px;left:8px;line-height:20px;padding:0 3px;position:absolute;top:8px}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__status-live{background:#e91916;border-radius:5px;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__status-online{background:rgba(0,0,0,.8);border-radius:100px;line-height:21px;padding:0 8px 0 20px}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__status-none{display:none}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;padding:5px}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--wall .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--wall .cp-streamweasels__streams--compact .cp-stream__info{bottom:0;left:0;position:absolute;right:0;text-align:right}.cp-streamweasels--wall .cp-streamweasels__streams--compact .cp-stream__logo{order:1}.cp-streamweasels--wall .cp-streamweasels__streams--compact .cp-stream__overlay{background:linear-gradient(180deg,rgba(27,27,27,0) 50%,#1b1b1b);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b1b1b",endColorstr="#1b1b1b",GradientType=0);left:0;position:absolute;right:0;top:0}.cp-streamweasels--wall .cp-streamweasels__streams--compact .cp-stream__inner:before{height:100%!important}.cp-streamweasels--wall .cp-streamweasels__streams--hover-twitch .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--wall .cp-streamweasels__streams--hover-twitch .cp-stream__inner{transition-delay:75ms;transition:transform .1s ease}.cp-streamweasels--wall .cp-streamweasels__streams--hover-twitch .cp-stream__inner:hover{transform:translate(6px,-6px)}.cp-streamweasels--wall .cp-streamweasels__streams--hover-play .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--wall .cp-streamweasels__streams--hover-play .cp-stream__inner:before{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:90px 90px;content:"";height:calc(100% - 48px);left:0;opacity:0;position:absolute;right:0;top:0;transition-delay:75ms;transition:all .35s ease}.cp-streamweasels--wall .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:before{background-color:rgba(0,0,0,.5);background-size:60px 60px;opacity:1;transform:scale(1)}.cp-streamweasels--player{max-width:none!important;width:100%}.cp-streamweasels--player .cp-streamweasels__inner{margin:0 auto;max-width:calc(var(--max-width)*1px);width:100%}.cp-streamweasels--player .cp-streamweasels__inner-wrapper{height:0;padding-bottom:40.323%;position:relative}@media screen and (max-width:1175px){.cp-streamweasels--player .cp-streamweasels__inner-wrapper{height:auto;order:1;padding-bottom:0}.cp-streamweasels--player .cp-streamweasels__inner{display:flex;flex-direction:column}}.cp-streamweasels--player .cp-streamweasels__heading{text-align:center}.cp-streamweasels--player .cp-streamweasels__subheading{margin-top:0;text-align:center}.cp-streamweasels--player .cp-streamweasels__player-wrapper{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}@media screen and (max-width:1175px){.cp-streamweasels--player .cp-streamweasels__player-wrapper{flex-wrap:wrap;position:relative}}.cp-streamweasels--player .cp-streamweasels__loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:999}.cp-streamweasels--player .cp-streamweasels__player{background-position:50%;background-size:cover;display:flex;overflow:hidden;position:relative;transition:padding .1s ease;width:calc(100% - 300px)}.cp-streamweasels--player .cp-streamweasels__player--position-none{width:100%}.cp-streamweasels--player .cp-streamweasels__player:empty{padding-bottom:0}.cp-streamweasels--player .cp-streamweasels__player iframe{bottom:0;left:0;position:absolute;right:0;top:0}@media screen and (max-width:1175px){.cp-streamweasels--player .cp-streamweasels__player{width:100%}.cp-streamweasels--player .cp-streamweasels__player--embed-page-active{height:480px}}@media screen and (max-width:768px){.cp-streamweasels--player .cp-streamweasels__player--embed-page-active.cp-streamweasels__player--video-with-chat{height:760px}}.cp-streamweasels--player .cp-streamweasels__title{background-color:var(--tile-bg-colour);font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap}.cp-streamweasels--player .cp-streamweasels__title:empty{display:none}.cp-streamweasels--player .cp-streamweasels__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels--player .cp-streamweasels__title p:hover{animation-play-state:paused}@media screen and (max-width:1175px){.cp-streamweasels--player .cp-streamweasels__title{order:0}}.cp-streamweasels--player .cp-streamweasels__offline{height:100%}.cp-streamweasels--player .cp-streamweasels__offline-wrapper{width:100%}.cp-streamweasels--player .cp-streamweasels__offline img{height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;width:100%}.cp-streamweasels--player .cp-streamweasels__offline h3{left:50%;margin:15px 0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.cp-streamweasels--player .cp-streamweasels__welcome{height:100%;position:relative}.cp-streamweasels--player .cp-streamweasels__welcome img{height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;width:100%}.cp-streamweasels--player .cp-streamweasels__welcome-wrapper{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:0 20%;position:absolute;right:0;top:0}.cp-streamweasels--player .cp-streamweasels__welcome-wrapper img{height:auto;max-width:80px;-o-object-fit:none;object-fit:none;width:100%}@media screen and (max-width:540px){.cp-streamweasels--player .cp-streamweasels__welcome{flex-direction:column}}.cp-streamweasels--player .cp-streamweasels__welcome-text--with-logo{padding:0 0 0 10px;text-align:left}.cp-streamweasels--player .cp-streamweasels__welcome-text--no-logo{padding:0;text-align:center}.cp-streamweasels--player .cp-streamweasels__welcome-text--line-1{font-size:18px;font-weight:600}.cp-streamweasels--player .cp-streamweasels__welcome-text--line-2{font-size:17px;font-weight:400}.cp-streamweasels--player .cp-streamweasels__welcome-text p{display:block;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.cp-streamweasels--player .cp-streamweasels__streams{background-color:var(--tile-bg-colour);height:100%;overflow-y:scroll;position:relative;width:300px}.cp-streamweasels--player .cp-streamweasels__streams--position-none{display:none}@media screen and (max-width:1175px){.cp-streamweasels--player .cp-streamweasels__streams{height:auto;order:1;overflow-y:visible;padding:0;width:100%}}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream{position:relative}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__inner{background-color:var(--tile-bg-colour);border:2px solid var(--tile-bg-colour);border-radius:calc(var(--tile-rounded-corners)*1px);display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;text-decoration:none}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__image{display:none}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__image img{vertical-align:top;width:100%}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__status{display:none}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;padding:5px}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--player .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__meta .cp-stream__meta--viewers,.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__meta>span{display:none}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status{border-radius:2px;color:var(--tile-title-colour);display:block;font-family:inherit;font-size:13px;font-weight:700;height:20px;line-height:20px;padding:0 3px;position:absolute;right:5px;top:5px}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-viewers>span>span{display:none}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-live{background:#e91916;border-radius:5px;color:#f1f1f1;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-online{border-radius:100px;height:20px;line-height:21px;padding:0;width:20px}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-online span:nth-of-type(2){display:none}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--player .cp-streamweasels__streams--compact .cp-stream__status-none{display:none}.cp-streamweasels--player .cp-streamweasels__streams--hover-twitch .cp-stream{background-color:var(--hover-colour);border-radius:calc(var(--tile-rounded-corners)*1px);width:calc(100% - 2px)}.cp-streamweasels--player .cp-streamweasels__streams--hover-twitch .cp-stream__inner{left:-1px;transition-delay:75ms;transition:transform .1s ease;width:calc(100% + 2px)}.cp-streamweasels--player .cp-streamweasels__streams--hover-twitch .cp-stream__inner:hover{transform:translateY(-6px)}.cp-streamweasels--player .cp-streamweasels__streams--hover-play .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--player .cp-streamweasels__streams--hover-play .cp-stream__inner:before{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:30px 30px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(2);transition-delay:75ms;transition:all .35s ease}.cp-streamweasels--player .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:before{background-color:rgba(0,0,0,.5);opacity:1;transform:scale(1)}.cp-streamweasels--rail{max-width:none!important;width:100%}.cp-streamweasels--rail .cp-streamweasels__inner{margin:0 auto;max-width:calc(var(--max-width)*1px);width:100%}.cp-streamweasels--rail .cp-streamweasels__heading{text-align:center}.cp-streamweasels--rail .cp-streamweasels__subheading{margin-top:0;text-align:center}.cp-streamweasels--rail .cp-streamweasels__player{height:0;padding-bottom:56.25%;position:relative;transition:padding .1s ease}.cp-streamweasels--rail .cp-streamweasels__player:empty{padding-bottom:0}.cp-streamweasels--rail .cp-streamweasels__player iframe{bottom:0;left:0;position:absolute;right:0;top:0}@media screen and (max-width:768px){.cp-streamweasels--rail .cp-streamweasels__player--video-with-chat{padding-bottom:112.5%}}.cp-streamweasels--rail .cp-streamweasels__title{background-color:var(--tile-bg-colour);font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap}.cp-streamweasels--rail .cp-streamweasels__title:empty{display:none}.cp-streamweasels--rail .cp-streamweasels__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels--rail .cp-streamweasels__title p:hover{animation-play-state:paused}.cp-streamweasels--rail .cp-streamweasels__offline h3{margin:15px 0;text-align:center}.cp-streamweasels--rail .cp-streamweasels__rail-header{background:var(--tile-bg-colour);display:flex;padding:15px 0 10px;position:relative}.cp-streamweasels--rail .cp-streamweasels__rail-header-image{display:flex;flex-direction:column;height:40px;justify-content:center;margin:0 0 0 5px;width:40px}.cp-streamweasels--rail .cp-streamweasels__rail-header-title{display:flex;flex-direction:column;justify-content:center;margin:0 0 0 10px;text-align:left!important;width:100%}.cp-streamweasels--rail .cp-streamweasels__rail-header-title span{font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif}.cp-streamweasels--rail .cp-streamweasels__rail-header-title--line-1{color:var(--tile-title-colour);font-size:18px;font-weight:600;line-height:18px}.cp-streamweasels--rail .cp-streamweasels__rail-header-title--line-2{color:var(--tile-subtitle-colour);font-size:17px;font-weight:400}.cp-streamweasels--rail .cp-streamweasels__rail-header:before{background:var(--controls-border-colour);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.cp-streamweasels--rail .cp-streamweasels__streams{padding:5px 0;position:relative}.cp-streamweasels--rail .cp-streamweasels__streams:after,.cp-streamweasels--rail .cp-streamweasels__streams:before{background:var(--controls-border-colour);content:"";height:5px;left:0;position:absolute;width:100%}.cp-streamweasels--rail .cp-streamweasels__streams:before{top:0}.cp-streamweasels--rail .cp-streamweasels__streams:after{bottom:0}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__inner{background-color:var(--tile-bg-colour);border:2px solid var(--tile-bg-colour);border-radius:calc(var(--tile-rounded-corners)*1px);display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;text-decoration:none}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__image img{vertical-align:top;width:100%}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__status{background:rgba(0,0,0,.6);border-radius:2px;color:#f1f1f1;font-family:inherit;font-size:13px;font-weight:700;height:20px;left:8px;line-height:20px;padding:0 3px;position:absolute;top:8px}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__status-live{background:#e91916;border-radius:5px;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__status-online{background:rgba(0,0,0,.8);border-radius:100px;line-height:21px;padding:0 8px 0 20px}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__status-none{display:none}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;padding:5px}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--rail .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__info{bottom:0;left:0;position:absolute;right:0;text-align:right}.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__info-wrapper{text-align:right}.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__logo{order:0}.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__overlay{background:linear-gradient(180deg,rgba(27,27,27,0) 50%,#1b1b1b);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b1b1b",endColorstr="#1b1b1b",GradientType=0);left:0;position:absolute;right:0;top:0}.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__meta--viewers,.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__meta>span{display:none}.cp-streamweasels--rail .cp-streamweasels__streams--compact .cp-stream__inner:before{height:100%!important}.cp-streamweasels--rail .cp-streamweasels__streams--hover-twitch .cp-stream{background-color:var(--hover-colour);border-radius:calc(var(--tile-rounded-corners)*1px)}.cp-streamweasels--rail .cp-streamweasels__streams--hover-twitch .cp-stream__inner{transition-delay:75ms;transition:transform .1s ease}.cp-streamweasels--rail .cp-streamweasels__streams--hover-twitch .cp-stream__inner:hover{transform:translate(6px,-6px)}.cp-streamweasels--rail .cp-streamweasels__streams--hover-play .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--rail .cp-streamweasels__streams--hover-play .cp-stream__inner:before{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:90px 90px;content:"";height:calc(100% - 48px);left:0;opacity:0;position:absolute;right:0;top:0;transition-delay:75ms;transition:all .35s ease}.cp-streamweasels--rail .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:before{background-color:rgba(0,0,0,.5);background-size:60px 60px;opacity:1;transform:scale(1)}.cp-streamweasels--rail .cp-streamweasels__streams:hover .slick-next,.cp-streamweasels--rail .cp-streamweasels__streams:hover .slick-prev{opacity:1;transform:translateY(-50%)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%);transition-delay:1s}}@keyframes online{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(//pokeonecommunity.com/wp-content/plugins/streamweasels-twitch-integration/public/dist/fonts/slick.eot);src:url(//pokeonecommunity.com/wp-content/plugins/streamweasels-twitch-integration/public/dist/fonts/slick.eot?#iefix) format("embedded-opentype"),url(//pokeonecommunity.com/wp-content/plugins/streamweasels-twitch-integration/public/dist/fonts/slick.woff) format("woff"),url(//pokeonecommunity.com/wp-content/plugins/streamweasels-twitch-integration/public/dist/fonts/slick.ttf) format("truetype"),url(//pokeonecommunity.com/wp-content/plugins/streamweasels-twitch-integration/public/dist/fonts/slick.svg#slick) format("svg")}.cp-streamweasels--rail .slick-next,.cp-streamweasels--rail .slick-prev{background:var(--controls-bg-colour);border:none;border:none!important;color:transparent;cursor:pointer;display:block!important;font-size:0;height:40px!important;line-height:0px;opacity:0;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)!important;transition:all .15s ease;transition-delay:.15s;width:40px!important;z-index:1}.cp-streamweasels--rail .slick-next:focus,.cp-streamweasels--rail .slick-next:hover,.cp-streamweasels--rail .slick-prev:focus,.cp-streamweasels--rail .slick-prev:hover{color:transparent;outline:none}.cp-streamweasels--rail .slick-next:focus:before,.cp-streamweasels--rail .slick-next:hover:before,.cp-streamweasels--rail .slick-prev:focus:before,.cp-streamweasels--rail .slick-prev:hover:before{opacity:1}.cp-streamweasels--rail .slick-next.slick-disabled:before,.cp-streamweasels--rail .slick-prev.slick-disabled:before{opacity:.25}.cp-streamweasels--rail .slick-next:before,.cp-streamweasels--rail .slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--controls-arrow-colour);display:block;font-family:slick;font-size:20px;line-height:1;opacity:.75}.cp-streamweasels--rail .slick-next svg,.cp-streamweasels--rail .slick-prev svg{fill:var(--controls-arrow-colour);width:100%}.cp-streamweasels--rail .slick-prev{left:6px!important}[dir=rtl] .cp-streamweasels--rail .slick-prev{left:auto;right:-25px}.cp-streamweasels--rail .slick-prev:before,[dir=rtl] .cp-streamweasels--rail .slick-prev:before{content:""}.cp-streamweasels--rail .slick-next{right:6px!important}[dir=rtl] .cp-streamweasels--rail .slick-next{left:-25px;right:auto}.cp-streamweasels--rail .slick-next:before,[dir=rtl] .cp-streamweasels--rail .slick-next:before{content:""}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:transparent;border:0;color:transparent;display:block;font-size:0;line-height:0px;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.cp-streamweasels--status{height:52px;position:fixed;width:auto!important;z-index:999999}.cp-streamweasels--status .cp-streamweasels__loader{height:52px;margin:0;position:relative;transform:scale(.6);width:52px;z-index:9}.cp-streamweasels--status.cp-streamweasels--hide-1.cp-streamweasels--all-offline{display:none}.cp-streamweasels--status.cp-streamweasels--loaded .cp-streamweasels__twitch-logo--twitch{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGr2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDg4LCAyMDIwLzA3LzEwLTIyOjA2OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTEwLTE0VDE2OjQzOjMyKzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTEyLTAxVDExOjE4OjUwWiIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMTItMDFUMTE6MTg6NTBaIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk1MDE5NzY1LTJjNGYtMTc0OS05NmQzLTgyZjFhNmJiYmQ0MiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjJiY2Q4MGIxLWU4ZWItMTI0MC1iYmUzLWJjZmMzNDlmYWU5ZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA3YTI5NDhiLTNkNTctYjE0Ni1hYWZlLWIzMjUzNzUwZTMyZSIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDdhMjk0OGItM2Q1Ny1iMTQ2LWFhZmUtYjMyNTM3NTBlMzJlIiBzdEV2dDp3aGVuPSIyMDIxLTEwLTE0VDE2OjQzOjMyKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjJmOWQyMjE2LTAyNTItOTU0NS04ZWUxLWI0MzgwY2FkNDJjOSIgc3RFdnQ6d2hlbj0iMjAyMS0xMC0xNFQxNjo0MzozMiswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTAxOTc2NS0yYzRmLTE3NDktOTZkMy04MmYxYTZiYmJkNDIiIHN0RXZ0OndoZW49IjIwMjEtMTItMDFUMTE6MTg6NTBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NrDuKAAAAXdJREFUWAlj+P//PwMSZgLiO0D8ic74KcwNDGgOCvo/cACrg3aiKXoPxK9piD9D7fmEzUFiWFxtCcQcNMRFUHs+Y3NQKRYHqaKFILVxCj4H3cDiIGMaOygPn4N+DTYHfRhsDnpPhoOkgVgdirmxyIshyfPTw0GbkNR6YpGfiiSfSg8HbUdS641FfgaSfAY9HLQOSa07FvmJSPLJow4addBQcNBJJLVBWOSXI8kX0cNBDUC8B4pNsMjnAPE+KPbCIp9LbQdRiiMGm4M2DSYHrSXUhKWng9ah2bOGWAcZ0iFk1iPLE3KQMI1DZj26GkIOWgutsZHxTCCuwtKf64PKzcCBj6CZvQ6bowk5CBf4gKSPEa2AJAaswxWK5DroEpK+EyQ6Zj2+aCXXQWuheg5Q0zHoDiIFgNLDbmpFEy4HtUITJi78hoCFH4G4H4feWmJzIilZ9iyBRE6VXi4piq/gCRmqdblJUfyE1o4h1UEn0QaZbgOxGrWrFgCXlRd3wFD51AAAAABJRU5ErkJggg==)}.cp-streamweasels--status.cp-streamweasels--loaded .cp-streamweasels__twitch-logo--custom{align-items:center;display:flex;justify-content:center}.cp-streamweasels--status.cp-streamweasels--loaded .cp-streamweasels__twitch-logo--custom img{display:block;max-width:42px}.cp-streamweasels--status.cp-streamweasels--position-left{left:calc(var(--status-horizontal-distance)*1px)}.cp-streamweasels--status.cp-streamweasels--position-right{right:calc(var(--status-horizontal-distance)*1px)}.cp-streamweasels--status.cp-streamweasels--position-top{top:calc(var(--status-vertical-distance)*1px)}.cp-streamweasels--status.cp-streamweasels--position-bottom{bottom:calc(var(--status-vertical-distance)*1px)}.cp-streamweasels--status.cp-streamweasels--placement-static{bottom:auto!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important;z-index:1}.cp-streamweasels--status .cp-streamweasels__twitch-logo--custom img{display:none}.cp-streamweasels--status .cp-streamweasels__inner{border-radius:calc(var(--tile-rounded-corners)*1px);height:52px;max-width:300px;overflow:hidden;width:100%}.cp-streamweasels--status .cp-streamweasels__twitch-logo{background-color:#6441a4;background-position:50%;background-repeat:no-repeat;background-size:36px 34px;border-bottom-left-radius:calc(var(--tile-rounded-corners)*1px);border-top-left-radius:calc(var(--tile-rounded-corners)*1px);height:52px;left:0;position:absolute;top:0;width:52px;z-index:1}.cp-streamweasels--status .cp-streamweasels__offline-wrapper{display:none}.cp-streamweasels--status .cp-streamweasels__streams{border-bottom-left-radius:calc(var(--tile-rounded-corners)*1px);border-top-left-radius:calc(var(--tile-rounded-corners)*1px);height:100%;padding-left:52px;position:relative;top:0;transform:scaleX(0);transform-origin:left top;transition:all 1s ease;width:100%}.cp-streamweasels__loader+.cp-streamweasels--status .cp-streamweasels__streams{display:none}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream{background-color:var(--tile-bg-colour)!important;border-bottom-right-radius:calc(var(--tile-rounded-corners)*1px);border-color:var(--status-logo-accent-colour);border-style:solid;border-top-right-radius:calc(var(--tile-rounded-corners)*1px);border-width:0 2px 0 0;overflow:hidden;position:relative;width:248px}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream--classic-1{height:52px;width:auto}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream--classic-1 .cp-stream__status{display:none}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__inner{border:2px solid var(--tile-bg-colour);border-radius:0!important;display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:100%;opacity:0;overflow:hidden;position:relative;text-decoration:none;transition:opacity .75s ease 1s}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__image{display:none}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__image img{vertical-align:top;width:100%}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;height:100%;padding:5px}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__title--classic{align-items:center;display:flex;height:100%;padding:0 0 0 10px;text-overflow:unset;white-space:normal}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__title--classic .swti-live-marker{animation-duration:1s;animation-iteration-count:infinite;animation-name:LiveNow;animation-timing-function:linear;background-color:#e51919;border-radius:50%;display:inline-block;height:6px;left:-7px;position:relative;top:0;width:6px}.cp-streamweasels--status .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--status .cp-streamweasels__streams--loaded{transform:scaleX(1)}.cp-streamweasels--status .cp-streamweasels__streams--loaded .cp-stream__inner{opacity:1}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__meta .cp-stream__meta--viewers,.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__meta>span,.cp-streamweasels--status .cp-streamweasels__streams--detailed .cp-stream__status{display:none}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status{border-radius:2px;color:var(--tile-title-colour);display:block;font-family:inherit;font-size:13px;font-weight:700;height:20px;line-height:20px;padding:0 3px;position:absolute;right:5px;top:5px}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-viewers>span>span{display:none}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-live{background:#e91916;border-radius:5px;color:#f1f1f1;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-online{border-radius:100px;height:20px;line-height:21px;padding:0;width:20px}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-online span:nth-of-type(2){display:none}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--status .cp-streamweasels__streams--compact .cp-stream__status-none{display:none}.cp-streamweasels--status .cp-streamweasels__streams--hover-play .cp-stream__inner:before{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:30px 30px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(2);transition-delay:75ms;transition:all .35s ease}.cp-streamweasels--status .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:before{background-color:rgba(0,0,0,.5);opacity:1;transform:scale(1)}.cp-streamweasels--status.cp-streamweasels--hover-twitch{border-radius:calc(var(--tile-rounded-corners)*1px);width:100%}.cp-streamweasels--status.cp-streamweasels--hover-twitch .cp-streamweasels__inner{transition-delay:75ms;transition:transform .1s ease}.cp-streamweasels--status.cp-streamweasels--hover-twitch .cp-streamweasels__inner:hover{transform:translate(6px,-6px)}.cp-streamweasels--status.cp-streamweasels--hover-twitch.cp-streamweasels--animation-finished{background-color:var(--hover-colour)}.cp-streamweasels--status .cp-streamweasels__streams.cp-streamweasels__streams--detailed .slick-next,.cp-streamweasels--status .cp-streamweasels__streams.cp-streamweasels__streams--detailed .slick-prev{top:3px}.cp-streamweasels--status .cp-streamweasels__streams.cp-streamweasels__streams--compact .slick-next,.cp-streamweasels--status .cp-streamweasels__streams.cp-streamweasels__streams--compact .slick-prev{top:28px}.cp-streamweasels--status .cp-streamweasels__streams .slick-next,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev{background:var(--status-carousel-background-colour);border:none;border:none!important;color:transparent;cursor:pointer;display:block!important;font-size:0;height:20px!important;line-height:0px;opacity:1;outline:none;padding:0;position:absolute;transform:none!important;transition:all .15s ease;transition-delay:.15s;width:20px!important;z-index:1}.cp-streamweasels--status .cp-streamweasels__streams .slick-next:focus,.cp-streamweasels--status .cp-streamweasels__streams .slick-next:hover,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev:focus,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev:hover{color:transparent;outline:none}.cp-streamweasels--status .cp-streamweasels__streams .slick-next:focus:before,.cp-streamweasels--status .cp-streamweasels__streams .slick-next:hover:before,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev:focus:before,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev:hover:before{opacity:1}.cp-streamweasels--status .cp-streamweasels__streams .slick-next.slick-disabled:before,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev.slick-disabled:before{opacity:.25}.cp-streamweasels--status .cp-streamweasels__streams .slick-next:before,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--controls-arrow-colour);display:block;font-family:slick;font-size:20px;line-height:1;opacity:.75}.cp-streamweasels--status .cp-streamweasels__streams .slick-next svg,.cp-streamweasels--status .cp-streamweasels__streams .slick-prev svg{fill:var(--status-carousel-arrow-colour);width:100%}.cp-streamweasels--status .cp-streamweasels__streams .slick-prev{left:auto!important;right:33px!important}[dir=rtl] .cp-streamweasels--status .cp-streamweasels__streams .slick-prev{left:auto;right:-25px}.cp-streamweasels--status .cp-streamweasels__streams .slick-prev:before,[dir=rtl] .cp-streamweasels--status .cp-streamweasels__streams .slick-prev:before{content:""}.cp-streamweasels--status .cp-streamweasels__streams .slick-next{left:auto!important;right:12px!important}[dir=rtl] .cp-streamweasels--status .cp-streamweasels__streams .slick-next{left:-25px;right:auto}.cp-streamweasels--status .cp-streamweasels__streams .slick-next:before,[dir=rtl] .cp-streamweasels--status .cp-streamweasels__streams .slick-next:before{content:""}.cp-streamweasels--vods{max-width:none!important;width:100%}.cp-streamweasels--vods .cp-streamweasels__inner{margin:0 auto;max-width:calc(var(--max-width)*1px);width:100%}.cp-streamweasels--vods .cp-streamweasels__heading{text-align:center}.cp-streamweasels--vods .cp-streamweasels__subheading{margin-top:0;text-align:center}.cp-streamweasels--vods .cp-streamweasels__player{height:0;padding-bottom:56.25%;position:relative;transition:padding .1s ease}.cp-streamweasels--vods .cp-streamweasels__player:empty{padding-bottom:0}.cp-streamweasels--vods .cp-streamweasels__player iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}@media screen and (max-width:768px){.cp-streamweasels--vods .cp-streamweasels__player--video-with-chat{padding-bottom:160%}}.cp-streamweasels--vods .cp-streamweasels__title{background-color:var(--tile-bg-colour);font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap}.cp-streamweasels--vods .cp-streamweasels__title:empty{display:none}.cp-streamweasels--vods .cp-streamweasels__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels--vods .cp-streamweasels__title p:hover{animation-play-state:paused}.cp-streamweasels--vods .cp-streamweasels__offline h3{margin:15px 0;text-align:center}.cp-streamweasels--vods .cp-streamweasels__streams{grid-gap:calc(var(--tile-vods-column-spacing)*1px);display:grid;grid-template-columns:repeat(var(--tile-vods-column-count),minmax(100px,1fr));margin-top:calc(var(--tile-vods-column-spacing)*1px)}@media screen and (max-width:1024px){.cp-streamweasels--vods .cp-streamweasels__streams{grid-template-columns:repeat(3,minmax(100px,1fr))!important}}@media screen and (max-width:768px){.cp-streamweasels--vods .cp-streamweasels__streams{grid-template-columns:repeat(2,minmax(100px,1fr))!important}}@media screen and (max-width:540px){.cp-streamweasels--vods .cp-streamweasels__streams{grid-template-columns:repeat(1,minmax(100px,1fr))!important}}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream{border-radius:calc(var(--tile-rounded-corners)*1px)}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__inner{background-color:var(--tile-bg-colour);border:2px solid var(--tile-bg-colour);border-radius:calc(var(--tile-rounded-corners)*1px);display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;text-decoration:none}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__image{position:relative}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__image img{vertical-align:top;width:100%}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status{background:rgba(0,0,0,.6);border-radius:2px;color:#f1f1f1;font-family:inherit;font-size:13px;font-weight:700;height:20px;line-height:20px;padding:0 3px;position:absolute}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-viewers{bottom:8px;left:8px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-duration{left:8px;top:8px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-date{bottom:8px;right:8px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-live{background:#e91916;border-radius:5px;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-online{background:rgba(0,0,0,.8);border-radius:100px;line-height:21px;padding:0 8px 0 20px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__status-none{display:none}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;padding:5px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__logo--clips{border-radius:0;height:53px!important;width:40px!important}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__logo[src=""]{display:none}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--vods .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--vods .cp-streamweasels__streams--compact .cp-stream__info{display:none}.cp-streamweasels--vods .cp-streamweasels__streams--compact .cp-stream__logo{order:1}.cp-streamweasels--vods .cp-streamweasels__streams--compact .cp-stream__overlay{background:linear-gradient(180deg,rgba(27,27,27,0) 50%,#1b1b1b);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b1b1b",endColorstr="#1b1b1b",GradientType=0);left:0;position:absolute;right:0;top:0}.cp-streamweasels--vods .cp-streamweasels__streams--compact .cp-stream__inner:before{height:100%!important}.cp-streamweasels--vods .cp-streamweasels__streams--hover-twitch .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--vods .cp-streamweasels__streams--hover-twitch .cp-stream__inner{transition-delay:75ms;transition:transform .1s ease}.cp-streamweasels--vods .cp-streamweasels__streams--hover-twitch .cp-stream__inner:hover{transform:translate(6px,-6px)}.cp-streamweasels--vods .cp-streamweasels__streams--hover-play .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--vods .cp-streamweasels__streams--hover-play .cp-stream__inner:before{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:90px 90px;content:"";height:calc(100% - 48px);left:0;opacity:0;position:absolute;right:0;top:0;transition-delay:75ms;transition:all .35s ease;z-index:1}.cp-streamweasels--vods .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:before{background-color:rgba(0,0,0,.5);background-size:60px 60px;opacity:1;transform:scale(1)}.cp-streamweasels--vods .cp-streamweasels__streams--hover-play .cp-stream__inner--clips:before{height:calc(100% - 67px)}.cp-streamweasels--feature{display:none}.cp-streamweasels--feature[data-skew="1"] .flipster__item--future-1 .flipster__item__content{transform:rotateY(-45deg) rotateX(-15deg) scale(.9)!important}.cp-streamweasels--feature[data-skew="1"] .flipster__item--future-2 .flipster__item__content{transform:translateX(-25%) rotateY(-40deg) rotateX(-15deg) scale(.75)!important}.cp-streamweasels--feature[data-skew="1"] .flipster__item--past-1 .flipster__item__content{transform:rotateY(45deg) rotateX(345deg) scale(.9)!important}.cp-streamweasels--feature[data-skew="1"] .flipster__item--past-2 .flipster__item__content{transform:translateX(25%) rotateY(35deg) rotateX(-15deg) scale(.75)!important}.cp-streamweasels--feature.flipster--active{display:block;overflow:hidden}.cp-streamweasels--feature .cp-streamweasels__inner{margin:0 auto;max-width:calc(var(--max-width)*1px);width:100%}.cp-streamweasels--feature .cp-streamweasels__heading{text-align:center}.cp-streamweasels--feature .cp-streamweasels__subheading{margin-top:0;text-align:center}.cp-streamweasels--feature .cp-streamweasels__player{height:0;padding-bottom:56.25%;position:relative;transition:padding .1s ease}.cp-streamweasels--feature .cp-streamweasels__player:empty{padding-bottom:0}.cp-streamweasels--feature .cp-streamweasels__player iframe{bottom:0;left:0;position:absolute;right:0;top:0}.cp-streamweasels--feature .cp-streamweasels__title{background-color:var(--tile-bg-colour);height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap}.cp-streamweasels--feature .cp-streamweasels__title:empty{display:none}.cp-streamweasels--feature .cp-streamweasels__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels--feature .cp-streamweasels__title p:hover{animation-play-state:paused}.cp-streamweasels--feature .cp-streamweasels__offline h3{margin:15px 0;text-align:center}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item{perspective:none!important}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item__content{height:100%}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item .cp-stream__inner:before{background:transparent;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--future-1,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--future-2,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--past-1,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--past-2{opacity:1!important}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--future-1 .cp-stream__inner:before,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--past-1 .cp-stream__inner:before{background:rgba(0,0,0,.75);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--future-2 .cp-stream__inner:before,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--past-2 .cp-stream__inner:before{background:rgba(0,0,0,.85);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--embed .cp-stream__info,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--embed .cp-stream__inner:after,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--embed .cp-stream__overlay,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--embed .cp-stream__status,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--embed img{display:none}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--embed iframe{height:100%;position:relative;width:100%}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--future .cp-stream__inner,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--past .cp-stream__inner{transition-delay:75ms;transition:transform .1s ease}.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--future .cp-stream__inner:hover,.cp-streamweasels--feature .cp-streamweasels__streams .flipster__item--past .cp-stream__inner:hover{transform:scale(1.05)}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__inner{background-color:var(--tile-bg-colour);border:2px solid var(--tile-bg-colour);border-radius:calc(var(--tile-rounded-corners)*1px);display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:100%;overflow:hidden;position:relative;text-decoration:none}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__image{height:100%}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__image img{vertical-align:top;width:100%}@media screen and (max-width:530px){.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__image img{height:100%;-o-object-fit:cover;object-fit:cover}}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__status{background:rgba(0,0,0,.6);border-radius:2px;color:#f1f1f1;font-family:inherit;font-size:13px;font-weight:700;height:20px;left:8px;line-height:20px;padding:0 3px;position:absolute;top:8px}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__status-live{background:#e91916;border-radius:5px;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__status-online{background:rgba(0,0,0,.8);border-radius:100px;line-height:21px;padding:0 8px 0 20px}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__status-none{display:none}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;padding:5px}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--feature .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--feature .cp-streamweasels__streams--detailed .cp-stream{height:350px;width:530px}@media screen and (max-width:530px){.cp-streamweasels--feature .cp-streamweasels__streams--detailed .cp-stream{height:350px;width:100%}}.cp-streamweasels--feature .cp-streamweasels__streams--compact .cp-stream{height:300px;width:530px}.cp-streamweasels--feature .cp-streamweasels__streams--compact .cp-stream__info{bottom:0;left:0;position:absolute;right:0;text-align:right}.cp-streamweasels--feature .cp-streamweasels__streams--compact .cp-stream__logo{order:1}.cp-streamweasels--feature .cp-streamweasels__streams--compact .cp-stream__overlay{background:linear-gradient(180deg,rgba(27,27,27,0) 50%,#1b1b1b);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b1b1b",endColorstr="#1b1b1b",GradientType=0);left:0;position:absolute;right:0;top:0}.cp-streamweasels--feature .cp-streamweasels__streams--compact .cp-stream__inner:after{height:100%!important}.cp-streamweasels--feature .cp-streamweasels__streams--hover-play .cp-stream__inner:after{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:90px 90px;content:"";height:calc(100% - 48px);left:0;opacity:0;position:absolute;right:0;top:0;transition-delay:75ms;transition:all .35s ease}.cp-streamweasels--feature .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:after{background-color:rgba(0,0,0,.5);background-size:60px 60px;opacity:1;transform:scale(1)}.cp-streamweasels--feature .flipster__button{align-items:center;background:var(--feature-controls-bg-colour);border-radius:5px;bottom:auto;color:var(--feature-controls-arrow-colour);display:flex;height:36px;margin:0;opacity:.8;top:50%;transform:translateY(-50%);width:36px}.cp-streamweasels--feature .flipster__button:hover{opacity:1}.cp-streamweasels--feature .flipster__button svg{margin:0 auto;width:12px}.cp-streamweasels--feature.cp-streamweasels--above .cp-streamweasels__streams{margin-top:20px}.cp-streamweasels--feature.cp-streamweasels--below .cp-streamweasels__streams{margin-bottom:20px}.cp-streamweasels--showcase{max-width:none!important;width:100%}.cp-streamweasels--showcase .cp-streamweasels__inner{margin:0 auto;max-width:calc(var(--max-width)*1px);width:100%}.cp-streamweasels--showcase .cp-streamweasels__heading{text-align:center}.cp-streamweasels--showcase .cp-streamweasels__subheading{margin-top:0;text-align:center}.cp-streamweasels--showcase .cp-streamweasels__player{height:0;padding-bottom:56.25%;position:relative;transition:padding .1s ease}.cp-streamweasels--showcase .cp-streamweasels__player:empty{padding-bottom:0}.cp-streamweasels--showcase .cp-streamweasels__player iframe{bottom:0;left:0;position:absolute;right:0;top:0}@media screen and (max-width:768px){.cp-streamweasels--showcase .cp-streamweasels__player--video-with-chat{padding-bottom:112.5%}}.cp-streamweasels--showcase .cp-streamweasels__title{background-color:var(--tile-bg-colour);font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;height:40px;overflow:hidden;position:relative;transition:height .3s ease;white-space:nowrap}.cp-streamweasels--showcase .cp-streamweasels__title:empty{display:none}.cp-streamweasels--showcase .cp-streamweasels__title p{animation:marquee 10s linear infinite;color:var(--tile-title-colour);height:40px;left:0;line-height:40px;margin:0;padding-left:100%;position:absolute;text-align:center;top:0;width:auto}.cp-streamweasels--showcase .cp-streamweasels__title p:hover{animation-play-state:paused}.cp-streamweasels--showcase .cp-streamweasels__offline h3{margin:15px 0;text-align:center}.cp-streamweasels--showcase .cp-streamweasels__rail-header{background:var(--tile-bg-colour);display:flex;padding:15px 0 10px;position:relative}.cp-streamweasels--showcase .cp-streamweasels__rail-header-image{display:flex;flex-direction:column;height:40px;justify-content:center;margin:0 0 0 5px;width:40px}.cp-streamweasels--showcase .cp-streamweasels__rail-header-title{display:flex;flex-direction:column;justify-content:center;margin:0 0 0 10px;text-align:left!important;width:100%}.cp-streamweasels--showcase .cp-streamweasels__rail-header-title span{font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif}.cp-streamweasels--showcase .cp-streamweasels__rail-header-title--line-1{color:var(--tile-title-colour);font-size:18px;font-weight:600;line-height:18px}.cp-streamweasels--showcase .cp-streamweasels__rail-header-title--line-2{color:var(--tile-subtitle-colour);font-size:17px;font-weight:400}.cp-streamweasels--showcase .cp-streamweasels__rail-header:before{background:var(--controls-border-colour);content:"";height:5px;left:0;position:absolute;top:0;width:100%}.cp-streamweasels--showcase .cp-streamweasels__streams{position:relative}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream{margin:10px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__inner{background-color:var(--tile-bg-colour);border:2px solid var(--tile-bg-colour);border-radius:calc(var(--tile-rounded-corners)*1px);display:flex;flex-direction:column;font-family:Inter,Roobert,Helvetica Neue,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;text-decoration:none}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__image{background:linear-gradient(179.87deg,transparent 71.65%,var(--faze-black) 99.89%);height:406px;position:relative;width:100%}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__image:before{background-position-x:var(--showcase-image-horizontal);background-position-y:var(--showcase-image-vertical);background-repeat:no-repeat;background-size:contain;bottom:0;content:"";height:100%;left:0;position:absolute;right:0;z-index:1}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__image:after{background:linear-gradient(179.87deg,transparent 71.65%,#000 99.89%);bottom:0;content:"";height:100%;left:0;position:absolute;right:0}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__status{background:rgba(0,0,0,.6);border-radius:2px;color:#f1f1f1;font-family:inherit;font-size:13px;font-weight:700;height:20px;left:8px;line-height:20px;padding:0 3px;position:absolute;top:8px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__status-live{background:#e91916;border-radius:5px;font-weight:600;line-height:21px;text-transform:uppercase}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__status-online{background:rgba(0,0,0,.8);border-radius:100px;line-height:21px;padding:0 8px 0 20px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot{background:#2ecc71;border:1px solid #2ecc71;border-radius:50%;box-shadow:1px 1px 1px #000;display:inline-block;height:10px;left:5px;position:absolute;top:5px;width:10px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__status-online .cp-stream__online-dot:before{animation:online 2s infinite;border:1px solid #2ecc71;border-radius:100%;content:"";display:block;height:10px;left:-1px;position:absolute;top:-1px;width:10px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__status-none{display:none}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__info{display:flex;font-family:inherit;padding:5px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__info-wrapper{display:flex;flex-direction:column;margin:0 10px 0 0;overflow:hidden;text-align:left;width:100%}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__logo{background-color:var(--logo-bg-colour);border:2px solid transparent;border-color:var(--logo-border-colour);border-radius:50%;height:40px!important;margin:0;width:40px!important}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__logo+.cp-stream__info-wrapper{margin:0 10px}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__title{color:var(--tile-title-colour);font-size:14px!important;font-weight:600;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--showcase .cp-streamweasels__streams .cp-stream__meta{color:var(--tile-subtitle-colour);font-size:13px!important;font-weight:400;line-height:19px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__info{bottom:0;left:0;position:absolute;right:0;text-align:right;z-index:1}.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__info-wrapper{text-align:right}.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__logo{order:0}.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__overlay{background:linear-gradient(180deg,rgba(27,27,27,0) 50%,#1b1b1b);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#001b1b1b",endColorstr="#1b1b1b",GradientType=0);left:0;position:absolute;right:0;top:0}.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__meta--viewers,.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__meta>span{display:none}.cp-streamweasels--showcase .cp-streamweasels__streams--compact .cp-stream__inner:before{height:100%!important}.cp-streamweasels--showcase .cp-streamweasels__streams--hover-twitch .cp-stream{background-color:var(--hover-colour);border-radius:calc(var(--tile-rounded-corners)*1px)}.cp-streamweasels--showcase .cp-streamweasels__streams--hover-twitch .cp-stream__inner{transition-delay:75ms;transition:transform .1s ease}.cp-streamweasels--showcase .cp-streamweasels__streams--hover-twitch .cp-stream__inner:hover{transform:translate(6px,-6px)}.cp-streamweasels--showcase .cp-streamweasels__streams--hover-play .cp-stream{background-color:var(--hover-colour)}.cp-streamweasels--showcase .cp-streamweasels__streams--hover-play .cp-stream__inner:before{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M5 17.066V2.934a.5.5 0 0 1 .777-.416L17 10 5.777 17.482A.5.5 0 0 1 5 17.066z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:90px 90px;content:"";height:calc(100% - 48px);left:0;opacity:0;position:absolute;right:0;top:0;transition-delay:75ms;transition:all .35s ease;z-index:2}.cp-streamweasels--showcase .cp-streamweasels__streams--hover-play .cp-stream__inner:hover:before{background-color:rgba(0,0,0,.5);background-size:60px 60px;opacity:1;transform:scale(1)}.cp-streamweasels--showcase .cp-streamweasels__streams:hover .slick-next,.cp-streamweasels--showcase .cp-streamweasels__streams:hover .slick-prev{opacity:1;transform:translateY(-50%)}.cp-streamweasels--showcase .slick-next,.cp-streamweasels--showcase .slick-prev{background:var(--showcase-controls-bg-colour);border:none;border:none!important;color:transparent;cursor:pointer;display:block!important;font-size:0;height:40px!important;line-height:0px;opacity:0;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%)!important;transition:all .15s ease;transition-delay:.15s;width:40px!important;z-index:1}.cp-streamweasels--showcase .slick-next:focus,.cp-streamweasels--showcase .slick-next:hover,.cp-streamweasels--showcase .slick-prev:focus,.cp-streamweasels--showcase .slick-prev:hover{color:transparent;outline:none}.cp-streamweasels--showcase .slick-next:focus:before,.cp-streamweasels--showcase .slick-next:hover:before,.cp-streamweasels--showcase .slick-prev:focus:before,.cp-streamweasels--showcase .slick-prev:hover:before{opacity:1}.cp-streamweasels--showcase .slick-next.slick-disabled:before,.cp-streamweasels--showcase .slick-prev.slick-disabled:before{opacity:.25}.cp-streamweasels--showcase .slick-next:before,.cp-streamweasels--showcase .slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--showcase-controls-arrow-colour);display:block;font-family:slick;font-size:20px;line-height:1;opacity:.75}.cp-streamweasels--showcase .slick-next svg,.cp-streamweasels--showcase .slick-prev svg{fill:var(--showcase-controls-arrow-colour);width:100%}.cp-streamweasels--showcase .slick-prev{left:10px!important}[dir=rtl] .cp-streamweasels--showcase .slick-prev{left:auto;right:-25px}.cp-streamweasels--showcase .slick-prev:before,[dir=rtl] .cp-streamweasels--showcase .slick-prev:before{content:""}.cp-streamweasels--showcase .slick-next{right:10px!important}[dir=rtl] .cp-streamweasels--showcase .slick-next{left:-25px;right:auto}.cp-streamweasels--showcase .slick-next:before,[dir=rtl] .cp-streamweasels--showcase .slick-next:before{content:""}.cp-streamweasels--showcase .slick-dotted.slick-slider{margin-bottom:30px}.cp-streamweasels--showcase .slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.cp-streamweasels--showcase .slick-dots li{cursor:pointer;display:inline-block;height:20px;margin:0 5px;padding:0;position:relative;width:20px}.cp-streamweasels--showcase .slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;font-size:0;height:20px;line-height:0px;outline:none;padding:5px;width:20px}.cp-streamweasels--showcase .slick-dots li button:focus,.cp-streamweasels--showcase .slick-dots li button:hover{outline:none}.cp-streamweasels--showcase .slick-dots li button:focus:before,.cp-streamweasels--showcase .slick-dots li button:hover:before{opacity:1}.cp-streamweasels--showcase .slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.cp-streamweasels--showcase .slick-dots li.slick-active button:before{color:#000;opacity:.75}.cp-streamweasels--showcase .slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:block;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cp-streamweasels--showcase .slick-list{display:block;margin:0;overflow:hidden;padding:0;position:relative}.cp-streamweasels--showcase .slick-list:focus{outline:none}.cp-streamweasels--showcase .slick-list.dragging{cursor:pointer;cursor:hand}.cp-streamweasels--showcase .slick-slider .slick-list,.cp-streamweasels--showcase .slick-slider .slick-track{transform:translateZ(0)}.cp-streamweasels--showcase .slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.cp-streamweasels--showcase .slick-track:after,.cp-streamweasels--showcase .slick-track:before{content:"";display:table}.cp-streamweasels--showcase .slick-track:after{clear:both}.slick-loading .cp-streamweasels--showcase .slick-track{visibility:hidden}.cp-streamweasels--showcase .slick-slide{float:left;height:100%;min-height:1px}[dir=rtl] .cp-streamweasels--showcase .slick-slide{float:right}.cp-streamweasels--showcase .slick-slide img{display:block}.cp-streamweasels--showcase .slick-slide.slick-loading img{display:none}.cp-streamweasels--showcase .slick-slide.dragging img{pointer-events:none}.slick-initialized .cp-streamweasels--showcase .slick-slide{display:block}.slick-loading .cp-streamweasels--showcase .slick-slide{visibility:hidden}.slick-vertical .cp-streamweasels--showcase .slick-slide{border:1px solid transparent;display:block;height:auto}.cp-streamweasels--nav,.cp-streamweasels--showcase .slick-arrow.slick-hidden{display:none}.swti-twitch-nav{padding-left:8px!important}.swti-twitch-nav--show-logo{padding-left:27px!important}.swti-twitch-nav--channel a,.swti-twitch-nav--team a{position:relative}.swti-twitch-nav--channel a:focus .swti-twitch-nav span,.swti-twitch-nav--channel a:hover .swti-twitch-nav span,.swti-twitch-nav--team a:focus .swti-twitch-nav span,.swti-twitch-nav--team a:hover .swti-twitch-nav span,li.current-menu-item .swti-twitch-nav--channel a .swti-twitch-nav span,li.current-menu-item .swti-twitch-nav--team a .swti-twitch-nav span{display:inline-block;text-decoration:none}.swti-twitch-nav__logo{fill:var(--nav-twitch-logo-colour);height:23px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:22px}.swti-twitch-nav__logo svg{height:100%;left:0;position:absolute;top:0;width:100%}.swti-twitch-nav__indicator{background-color:var(--nav-online-indicator-colour);border-radius:50%;display:inline-block;height:6px;position:relative;top:-3px;width:6px}.swti-twitch-nav__indicator--live{animation-duration:1s;animation-iteration-count:infinite;animation-name:LiveNow;animation-timing-function:linear}.swti-twitch-nav__meta{font-size:.8em;padding-left:8px}.swti-twitch-nav--channel.current-menu-item a span,.swti-twitch-nav--team.current-menu-item a span{display:inline-block;text-decoration:none}@keyframes LiveNow{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}