@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

:root { --colour-graphite: #1d2022; --colour-white: #fff; --colour-grey-light: #ececec; --colour-turquoise: #0ac2c9; --colour-duckegg: #b3bbca; --colour-true-blue: #037fe4; --colour-red: #f74b22; --colour-highlight: var(--colour-turquoise, #0ac2c9); --colour-highlight-darker: #06a1a7; --colour-bg: #ececec; --colour-text: var(--colour-graphite, #1d2022); --size-base: 4px; --size-8: 8px; --size-12: 12px; --size-14: 14px; --size-16: 16px; --size-24: 24px; --size-32: 32px; --size-64: 64px; --size-128: 128px; --size-256: 256px; --size-512: 512px; --size-1028: 1028px; --font-title: 'SpaceMono', 'Courier New', Courier, monospace; --font-logo: 'GlyphWorld Mountain', 'SpaceMono', 'Courier New', Courier, monospace; --font-body: 'SpaceMono', 'Courier New', Courier, monospace; }

/* -------------------------------------------------------------------------- Breakpoints */
@media (max-width: 1025px) { .hide-mobile { display: none; } }

.margin-0 { margin: 0px !important; }

.margin-4-bottom { margin-bottom: var(--size-base) !important; }

.margin-8-bottom { margin-bottom: var(--size-8) !important; }

.margin-16-bottom { margin-bottom: var(--size-16) !important; }

@media (max-width: 1025px) { .margin-16-bottom-m { margin-bottom: var(--size-16) !important; } }

.margin-24-bottom { margin-bottom: var(--size-24) !important; }

.margin-32-bottom { margin-bottom: var(--size-32) !important; }

.margin-64-bottom { margin-bottom: var(--size-64) !important; }

.margin-128-bottom { margin-bottom: var(--size-128) !important; }

.margin-16-left { margin-left: var(--size-16) !important; }

@media (max-width: 1025px) { .margin-16-left-m { margin-left: var(--size-16) !important; } }

@media (min-width: 1024px) { .margin-16-left-d { margin-left: var(--size-16) !important; } }

@media (min-width: 1024px) { .margin-8-right-d { margin-right: var(--size-8) !important; } }

.hide { display: none; }

@media (max-width: 1025px) { .hide-m { display: none !important; } }

.uppercase, .upper { text-transform: uppercase; }

.lowercase, .lower { text-transform: lowercase; }

.titlecase, .capitalize { text-transform: capitalize; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

@media (min-width: 1024px) { .text-right-d { text-align: right; } }

@media (min-width: 1024px) { .text-left-d { text-align: left; } }

@media (min-width: 1024px) { .text-center-d { text-align: center; } }

.colour-highlight { color: var(--colour-highlight) !important; }

.block { display: block; }

.inline-block { display: inline-block; }

.flex { display: flex; }

.flex.flex-col { flex-direction: column; }

.flex.flex-row { flex-direction: row; }

.flex.flex-align-start { align-items: flex-start; }

.flex.flex-align-end { align-items: flex-end; }

.flex.flex-align-center { align-items: center; }

.flex.flex-justify-end { justify-content: flex-end; }

.flex.flex-justify-start { justify-content: flex-start; }

.flex.flex-justify-center { justify-content: center; }

.flex.flex-justify-space-between { justify-content: space-between; }

.flex.flex-centered { justify-content: center; align-items: center; }

.flex.flex-wrap { flex-wrap: wrap; }

@media (max-width: 1025px) { .flex.flex-wrap-m { flex-wrap: wrap; } }

.flex .flex-1 { flex: 1; }

.flex .flex-2 { flex: 2; }

.flex .flex-3 { flex: 3; }

.flex .flex-4 { flex: 4; }

.flex .flex-5 { flex: 5; }

.flex .flex-6 { flex: 6; }

.flex .flex-7 { flex: 7; }

.flex .flex-8 { flex: 8; }

.float-right { float: right !important; }

@font-face { font-family: 'SpaceMono'; src: url("../fonts/space-mono/SpaceMono-Regular.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'SpaceMono'; src: url("../fonts/space-mono/SpaceMono-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'SpaceMono'; src: url("../fonts/space-mono/SpaceMono-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'SpaceMono'; src: url("../fonts/space-mono/SpaceMono-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'GlyphWorld Mountain'; src: url("../fonts/GlyphWorld/GlyphWorld-Mountain.otf") format("truetype"); font-weight: 300; font-style: normal; }

p, a, span, h1, h2, h3, h4, h5, h6, li, strong, em, label, button, small, .separator { font-family: var(--font-body); color: var(--colour-text, var(--colour-graphite)); margin-bottom: var(--size-16); }

strong, .bold { font-family: var(--font-body); font-weight: 700; }

em, .italic { font-family: var(--font-body); font-style: italic; }

small { font-size: smaller; line-height: 1.5; }

h1 { font-size: 84px; }

h1, h2, h3, h4 { font-family: var(--font-title); }

h1, .h1 { font-size: var(--size-64); }

h2, .h2 { font-size: var(--size-32); }

h3, .h3 { font-size: var(--size-24); }

p, .text-p { font-size: var(--size-14); font-family: var(--font-body); line-height: var(--size-32); }

a { font-weight: bold; }

a:hover, a:visited { font-style: italic; }

.separator { max-width: var(--size-512)var(--size-128); display: flex; justify-content: center; margin-top: var(--size-16); margin-bottom: var(--size-16); }

.separator .dot { height: var(--size-8); width: var(--size-8); border-radius: 100%; background-color: var(--colour-graphite); }

.separator .dot.background-blue { background-color: var(--colour-highlight-darker); }

.separator .dot.background-white { background-color: var(--colour-white); }

a { color: var(--colour-turquoise); }

a:visited { color: var(--colour-highlight-darker); }

a.with-url-arrow { text-decoration: none; }

a.with-url-arrow::before { content: '→ '; }

.sup { font-size: small; vertical-align: super; }

::selection { background-color: var(--colour-highlight); color: var(--colour-graphite); }

body { background-color: var(--colour-bg); background-image: url("../img/bg/bg-2.png"); transition: background-color 0.5s ease-in-out; background-position: var(--size-base) var(--size-8), var(--size-8) var(--size-12); background-repeat-x: no-repeat; background-repeat-y: repeat; background-attachment: fixed; display: flex; flex-direction: column; background-size: 100%; }

@media (max-width: 1025px) { body { background-attachment: scroll; background-size: 200%; } }

@media (prefers-color-scheme: dark) { body { background-color: var(--colour-graphite); } }

.page-content { max-width: 920px; margin: 0 auto; }

.page-content.--wide { max-width: 95vw; }

html, body { height: 100%; }

.content { flex: 1 0 auto; max-width: calc(var(--size-512) + var(--size-128)); }

footer.page-footer { flex-shrink: 0; }

.textbox { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); }

.textbox-sm { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); padding: var(--size-8) var(--size-16); }

button.btn-ghost { padding: var(--size-16) var(--size-32); border-radius: 0; background: transparent; border: 1px solid var(--colour-graphite); width: 100%; cursor: pointer; margin: 0; }

button.btn-ghost:hover { background: var(--colour-graphite); border: 1px solid var(--colour-graphite); color: var(--colour-bg); }

.intro { display: block; margin-bottom: var(--size-64); }

.intro p { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); margin: 0; }

h2 { margin-top: var(--size-32); }

@media (max-width: 1025px) { h2 { margin-top: 0; } }

@media (max-width: 1025px) { .page-content { margin-left: var(--size-32); margin-right: var(--size-32); } }

.side-title { position: fixed; transition: all 0.2s ease-in-out; color: var(--colour-text); margin: 0; width: 100vh; bottom: 0; text-align: center; z-index: 0; }

.side-title.side-title--left { transform: rotate(270deg); left: 5%; transform-origin: left; }

@media (max-width: 1025px) { .side-title.side-title--left { left: 15px; } }

.side-title.side-title--right { transform: rotate(90deg); right: 5%; transform-origin: right; }

@media (max-width: 1025px) { .side-title.side-title--right { right: 15px; } }

.side-title.hidden { opacity: 0.0001; }

.side-title a { color: var(--colour-text); }

@media (prefers-color-scheme: dark) { .side-title { color: var(--colour-white); }
  .side-title a { color: var(--colour-white); } }

.text-page p, .text-page h1, .text-page h2, .text-page h3, .text-page ul { margin: 0; background-color: var(--colour-white); padding: var(--size-16) var(--size-32); }

.text-page p:last-of-type:not(ul), .text-page h1:last-of-type:not(ul), .text-page h2:last-of-type:not(ul), .text-page h3:last-of-type:not(ul), .text-page ul:last-of-type:not(ul) { margin-bottom: var(--size-32); }

@media (max-width: 1025px) { .text-page p, .text-page h1, .text-page h2, .text-page h3, .text-page ul { padding: var(--size-16); } }

.text-page h2, .text-page h3 { display: inline-block; margin-top: var(--size-64); margin-bottom: var(--size-32); }

.text-page ul { font-size: var(--size-14); padding-top: 0; }

.text-page ul li { list-style: square; padding-left: var(--size-12); padding-right: var(--size-12); line-height: var(--size-24); }

.text-page ul li:last-of-type { margin-bottom: 0; }

.text-page sup a { text-decoration: none; }

.text-page .link-to-submit { text-align: center; }

.buymusic-club { max-height: calc(var(--size-512) + var(--size-128)); }

.layout--list-page ul { padding: 16px 32px; margin-bottom: 64px; }

.layout--list-page h1 { font-size: var(--size-32); }

.error-404 { height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.error-404 h1, .error-404 p, .error-404 a, .error-404 strong { color: var(--colour-graphite); }

@media (prefers-color-scheme: dark) { .error-404 h1, .error-404 p, .error-404 a, .error-404 strong { background-color: var(--colour-white); padding: var(--size-base); } }

.error-404 .fourohfour { display: flex; flex-direction: row; }

.error-404 a { transition: transform 5s ease-in-out; }

.post-list { margin: 0; padding: 0; margin-bottom: var(--size-128); }

.post-list h2 { margin-bottom: var(--size-32); }

.post-list .post-item { margin-bottom: var(--size-64); }

.post-list .post-item .post-header { margin-bottom: var(--size-16); }

.post-list .post-item .post-content p { display: inline; }

.news-post { margin-bottom: var(--size-64); }

.news-post h3 { margin-top: var(--size-32); }

.news-post img { max-width: 100%; }

.news-post button { padding: var(--size-16) var(--size-32); border-radius: 0; background: transparent; border: 1px solid var(--colour-graphite); width: 100%; cursor: pointer; }

.news-post button:hover { background: var(--colour-graphite); border: 1px solid var(--colour-graphite); color: var(--colour-bg); }

.post-item { list-style: none; padding: 0; margin-bottom: var(--size-16); }

.post-item .post-header { display: flex; justify-content: space-between; margin-bottom: var(--size-32); }

.post-item .post-header h2, .post-item .post-header h3, .post-item .post-header label { display: inline-flex; align-items: center; background-color: var(--colour-white); padding: var(--size-16) var(--size-32); margin: 0; }

.post-item .post-header a { color: var(--colour-graphite); text-decoration: none; }

.post-item .post-header a:hover, .post-item .post-header a:visited { font-style: normal; }

@media (max-width: 1025px) { .post-item .post-header { flex-wrap: wrap; }
  .post-item .post-header h2 { margin-bottom: 8px; } }

.post-item .post-content { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); }

.post-item .post-content h1:last-child, .post-item .post-content h2:last-child, .post-item .post-content h3:last-child, .post-item .post-content h4:last-child, .post-item .post-content h5:last-child, .post-item .post-content p:last-child, .post-item .post-content span:last-child, .post-item .post-content a:last-child, .post-item .post-content li:last-child { margin-bottom: 0; }

.post-item ul { margin-left: var(--size-16); margin-bottom: var(--size-32); }

.post-item h3:not(:first-of-type) { margin-top: var(--size-32); }

.post-item .tag { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); display: inline-block; }

.post-content a.button { -webkit-appearance: none; border: none; box-shadow: none; font-size: var(--size-16); cursor: pointer; }

.prog-list { margin: 0; padding: 0; margin-bottom: var(--size-64); }

.prog-list li.event .text-lg { font-size: var(--size-16); }

@media (max-width: 1025px) { .prog-list li.event { line-height: 1.5; } }

.prog-list .event-time { margin: 0 var(--size-16) var(--size-8) 0; line-height: 1; }

.prog-list h2 { margin-bottom: var(--size-32); }

.prog-list .prog-item--format { font-size: 11px; vertical-align: super; }

.prog-item { list-style: none; padding: 0; margin-bottom: var(--size-16); }

.prog-item .prog-header { display: flex; justify-content: space-between; margin-bottom: var(--size-32); }

.prog-item .prog-header h2, .prog-item .prog-header h3, .prog-item .prog-header label { display: inline-flex; align-items: center; background-color: var(--colour-white); padding: var(--size-16) var(--size-32); margin: 0; }

.prog-item .prog-header a { color: var(--colour-graphite); text-decoration: none; }

.prog-item .prog-header a:hover, .prog-item .prog-header a:visited { font-style: normal; }

.prog-item .prog-content { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); }

.prog-item .prog-content h1:last-child, .prog-item .prog-content h2:last-child, .prog-item .prog-content h3:last-child, .prog-item .prog-content h4:last-child, .prog-item .prog-content h5:last-child, .prog-item .prog-content p:last-child, .prog-item .prog-content span:last-child, .prog-item .prog-content a:last-child, .prog-item .prog-content li:last-child { margin-bottom: 0; }

.prog-item .tag { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); display: inline-block; }

.participant .post-header { align-items: flex-end; position: relative; }

.participant .post-header h2 { margin-right: 32px; }

.participant .post-header img.participant-profile { max-width: 300px; }

@media (max-width: 1025px) { .participant .post-header { flex-direction: column-reverse; }
  .participant .post-header h2 { z-index: 1; }
  .participant .post-header img.participant-profile { transform: translateY(var(--size-24)); width: 100%; max-width: initial; } }

.participant .post-header h2, .event .post-header h2 { margin-right: var(--size-32); }

.participant .post-header img.participant-profile, .event .post-header img.participant-profile { max-width: 252px; }

.participant .post-content h2:first-of-type, .event .post-content h2:first-of-type { margin-top: 0; }

@use "sass:color";
.event .post-header h3, .event .post-header a { margin: 0; }

.event .post-header h2 { display: inline-block; align-items: flex-start; }

.event .post-header h2 small { display: inline; vertical-align: super; font-size: var(--size-14); white-space: nowrap; }

.event .post-content h3 { font-weight: bold; }

.event .hosts { margin-right: var(--size-8); }

.event .hosts a:last-of-type { margin-bottom: 0; }

.layout-watch .side-title.side-title--left { left: 1%; }

.layout-watch .side-title.side-title--right { right: 1%; }

@media (max-width: 1025px) { .layout-watch #rf-logo-wrapper { width: 10%; }
  .layout-watch .page-header { display: flex; flex-direction: row-reverse; justify-content: space-between; }
  .layout-watch .clock { display: none; }
  .layout-watch .logo { margin: var(--size-16) 0; } }

.page-header .clock { margin-right: var(--size-24); }

.page-header .clock .time { font-size: var(--size-32); }

/* Track */
/* Handle */
header.page-header .nav-link, header.page-header .lang, header.page-header .sub-nav-link { color: var(--colour-text); background-color: white; transition: box-shadow 0.8s cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 1; text-decoration: underline; }

header.page-header .nav-link[href^='https']:after, header.page-header .lang[href^='https']:after, header.page-header .sub-nav-link[href^='https']:after { content: '↗'; margin-left: 2px; }

header.page-header .nav-link, header.page-header .lang { padding: 4px 8px; }

header.page-header .sub-nav-link { padding: 8px 10px; }

header.page-header .lang:hover { box-shadow: 5px 5px 0 rgba(var(--colour-white), 0.5), 10px 10px 0 rgba(var(--colour-white), 0.4), 15px 15px 0 rgba(var(--colour-white), 0.3); transition: box-shadow 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); }

header.page-header .nav-group { cursor: default; position: relative; z-index: 1; }

header.page-header .nav-group .sub-nav-group { display: flex; flex-direction: column; align-items: flex-end; opacity: 0; pointer-events: none; position: absolute; top: 100%; padding: 18px 0; right: 0; }

header.page-header .nav-group .sub-nav-group:hover, header.page-header .nav-group .sub-nav-group:focus, header.page-header .nav-group .sub-nav-group:active { opacity: 1; pointer-events: all; }

header.page-header .nav-group:hover .sub-nav-group, header.page-header .nav-group:focus .sub-nav-group, header.page-header .nav-group:active .sub-nav-group { opacity: 1; pointer-events: all; }

header.page-header .nav-group a { cursor: default; }

header.page-header .nav-group a[href^='https'], header.page-header .nav-group a[href^='/'] { cursor: pointer; width: max-content; }

header.page-header nav { position: absolute; top: var(--size-32); right: var(--size-32); display: flex; }

@media (max-width: 1025px) { header.page-header nav { position: relative; top: 0; left: 0; right: initial; margin-top: var(--size-16); justify-content: flex-end; } }

header.page-header nav .nofocus:focus { outline: none; }

header.page-header .lang, header.page-header .nav-link, header.page-header .sub-nav-link { margin: 0 4px 8px 0; }

@media (max-width: 1025px) { header.page-header .lang, header.page-header .nav-link, header.page-header .sub-nav-link { font-size: 0.8em; } }

header.page-header h1.logo { font-family: var(--font-logo); margin: var(--size-128) 0 var(--size-64) 0; color: var(--colour-text, var(--colour-graphite)); display: inline-block; filter: drop-shadow(0px 0px 8px var(--colour-grey-light)); }

@media (max-width: 1025px) { header.page-header h1.logo { margin: var(--size-64) 0; } }

header.page-header h1.logo .subtitle { font-family: var(--font-logo); color: var(--colour-text, var(--colour-graphite)); font-size: var(--size-32); }

header.page-header.header-collapsed h1.logo { margin: 0; font-size: var(--size-32); margin: var(--size-32) 0; }

@media (max-width: 1025px) { header.page-header.header-collapsed nav.page-content { flex-direction: column; margin-right: var(--size-16); }
  header.page-header.header-collapsed #rf-logo-wrapper { margin-left: var(--size-16); } }

#rf-logo-wrapper { transition: all 0.8s ease-in-out; }

#rf-logo-wrapper a { font-weight: normal; }

#rf-logo-wrapper a:hover, #rf-logo-wrapper a:visited { font-style: normal; }

@media (prefers-color-scheme: dark) { #rf-logo-wrapper a h1, #rf-logo-wrapper a .subtitle { color: var(--colour-white); filter: drop-shadow(0px 0px 8px var(--colour-graphite)); } }

#rf-logo-wrapper.hidden { opacity: 0.0001; margin-top: -100px; }

#rf-logo-wrapper .rf-logo { margin: var(--size-64) 0 var(--size-64) var(--size-32); }

@media (max-width: 1025px) { #rf-logo-wrapper .rf-logo { max-width: 90%; margin-left: 5%; } }

footer.page-footer { padding-top: var(--size-16); padding-bottom: calc(var(--size-32) + var(--size-32)); }

footer.page-footer a.social-link { padding: var(--size-16); background-color: var(--colour-white); fill: var(--colour-graphite); display: inline-flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; margin-right: var(--size-16); }

footer.page-footer a.social-link svg { transition: all 0.2s ease-in-out; }

footer.page-footer a.social-link:hover { background-color: var(--colour-graphite); }

footer.page-footer a.social-link:hover svg { fill: var(--colour-bg); }

@media (max-width: 1025px) { footer.page-footer { padding-top: 0; }
  footer.page-footer a.social-link { margin: 0; cursor: pointer; }
  footer.page-footer .page-content { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: var(--size-512)var(--size-128); } }

.back-button { position: fixed; display: block; top: var(--size-32); background-color: white; padding: var(--size-24) var(--size-16); left: 5%; text-decoration: none; z-index: 1; border: 1px solid var(--colour-grey-light); border-radius: 1px; }

.back-button span { margin-bottom: var(--size-8); font-weight: normal; }

@media (max-width: 1025px) { .back-button { margin: 0; padding: var(--size-16) var(--size-16); left: var(--size-8); } }

@media (prefers-color-scheme: dark) { .back-button { border-color: var(--colour-graphite); } }

#full-banner { position: fixed; bottom: 0; right: 0; z-index: 5; background-color: var(--colour-white); padding: var(--size-8); border-top: 1px solid var(--colour-grey-light); border-left: 1px solid var(--colour-grey-light); border-color: var(--colour-grey-light); }

#full-banner h1 { font-size: var(--size-16); font-weight: 800; margin: 0; color: rgba(29, 32, 34, 0.5); }

#full-banner h1.countdown, #full-banner h1 span { font-family: var(--font-logo); }

#full-banner h1 .cd-time { color: #1d2022; }

#full-banner.hidden { display: none; }

@media (max-width: 1025px) { #full-banner { width: 100vw; box-sizing: border-box; padding: var(--size-8) var(--size-32); left: 0; }
  #full-banner .cd-time { display: block; margin: 0; } }

#full-banner .now-live { color: var(--colour-red); }

#full-banner.live { width: 100vw; }

#full-banner.live h1 { font-size: 2rem; text-align: center; }

@media (prefers-color-scheme: dark) { #full-banner { border-color: var(--colour-graphite); } }

.watch-panel { margin-bottom: var(--size-128); width: 95vw; margin: 0 auto; }

.watch-panel .watch-contents { display: flex; }

.watch-panel .watch-contents .left-panel { flex: 4; }

.watch-panel .watch-contents .right-panel { flex: 1; display: flex; flex-direction: column; }

.watch-panel .watch-contents .right-panel.chat-hidden { flex: 0; }

.watch-panel .watch-contents .right-panel.chat-hidden .discord-chat { width: 0; }

@media (max-width: 1025px) { .watch-panel .watch-contents .right-panel.chat-hidden .discord-chat { display: none; } }

.watch-panel .watch-contents #twitch-embed { width: 100%; height: 100%; }

.watch-panel .watch-contents #twitch-embed iframe { width: 100%; height: 100%; }

.watch-panel .watch-contents .discord-chat iframe { width: 100%; }

@media (max-width: 1025px) { .watch-panel .watch-contents { flex-direction: column; }
  .watch-panel .watch-contents #twitch-embed { height: 80vh; } }

.watch-panel .watch-controls { display: flex; justify-content: flex-end; margin-top: var(--size-16); }

.watch-panel .watch-controls button { cursor: pointer; border: none; margin-left: var(--size-8); background-color: var(--colour-highlight-darker); color: var(--colour-white); }

.watch-panel .watch-controls a button { background-color: var(--colour-highlight-darker); }

.clock span { color: var(--colour-graphite); }

@media (prefers-color-scheme: dark) { .clock span { color: var(--colour-white); } }

.archive-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: minmax(calc(920px / 3), max-content); column-gap: var(--size-16); }

@media (max-width: 1025px) { .archive-grid { grid-template-columns: 1fr 1fr; } }

@media (max-width: 769px) { .archive-grid { grid-template-columns: 1fr; } }

.archive-grid .event a { display: flex; flex-direction: column; justify-content: flex-start; height: 100%; text-decoration: none; margin: 0; }

.archive-grid .event { position: relative; padding: 0; }

.archive-grid .event .bg-img { background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }

.archive-grid .event .inner { z-index: 1; padding: var(--size-8) var(--size-12); background-color: var(--colour-white); height: 100%; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; }

.archive-grid .event .inner p, .archive-grid .event .inner .participant-name { padding: var(--size-8); }

.archive-grid .event .format-label { position: absolute; bottom: 0; right: 0; border-top: 1px solid var(--colour-graphite); border-left: 1px solid var(--colour-graphite); line-height: 0.8; padding: 2px 0 0 2px; background-color: var(--colour-white); z-index: 6; font-weight: normal; }

.archive-grid .event .participants { font-weight: normal; }

.archive-grid .event .participants span { margin: 0; }

.archive-grid .event .participants span:last-of-type { margin-bottom: var(--size-24); }

.archive-grid .event:hover .bg-img, .archive-grid .event a:focus .bg-img { z-index: 3; opacity: 0.9; }

.archive-grid .event:hover .bg-img .inner, .archive-grid .event a:focus .bg-img .inner { background-color: transparent; font-style: normal; }

.archive-grid .event:hover .bg-img .inner p, .archive-grid .event:hover .bg-img .inner .participant-name, .archive-grid .event a:focus .bg-img .inner p, .archive-grid .event a:focus .bg-img .inner .participant-name { background-color: var(--colour-white); }

.archive-grid .event .text-lg { font-size: var(--size-24); }

ul.donors { margin: 0; padding-bottom: 0; }

ul.donors li { list-style: none; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: var(--size-16); }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#page-index h2 { margin-bottom: var(--size-32); }

#page-index h1.logo { margin: var(--size-128) 0; }

#page-index h2, #page-index h3 { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); display: inline-block; margin-top: 0; }

#page-index button { -webkit-appearance: none; border: none; box-shadow: none; font-size: var(--size-16); cursor: pointer; }

#page-about .content p:last-of-type { margin-top: 24px; }

#page-participate h2 { display: block; }

#page-participate.lang-en h2 { margin: 0 203px 16px 0; }

#page-participate.lang-fr h2 { margin: 0 40px 16px 0; }

@media (max-width: 1025px) { #page-participate .content h2 { margin: 0; } }

#page-participate .content p:last-of-type { margin-top: 24px; }

#page-rf2020 img { max-width: 920px; }

@media (max-width: 1025px) { #page-rf2020 img { width: 100%; } }

#page-rf2020 p.textbox { margin: 0; }

#page-rf2020 .textbox li { font-size: var(--size-14); }

#page-rf2020 .textbox li:last-of-type { margin-bottom: 0; }

#page-rf2020 .textbox li::before { content: '-> '; }

#page-rf2020 .rf2020-nav { display: flex; }

#page-rf2020 .rf2020-nav a { display: block; margin-right: var(--size-14); }

#page-rf2020 .rf2020-nav a button { -webkit-appearance: none; border: none; box-shadow: none; font-size: var(--size-16); cursor: pointer; }

#page-rf2020.lang-fr .no-fr { margin-bottom: 1em; }

#page-donate .content p:last-of-type { margin-top: 24px; }

#page-donate .donate-button { display: flex; justify-content: center; }

#page-donate .donate-button img { filter: hue-rotate(-25deg) drop-shadow(0px 1px 0px var(--colour-highlight)); }

#page-donate .content h2 { margin-top: 0; }

#page-gallery a { margin: 0; }

#page-gallery-item .side-title.side-title--left { left: 1%; }

#page-gallery-item h2 { background-color: var(--colour-white); padding: var(--size-16) var(--size-32); }

#page-gallery-item .gallery-nod { width: 95vw !important; }

#page-watch .stream-toggle, #page-watch .stream-title { margin: 0; border: none; padding: 4px 12px; font-weight: bold; font-size: 1.3rem; }

#page-watch .stream-toggle.stream-toggle, #page-watch .stream-title.stream-toggle { background-color: var(--colour-white); color: var(--colour-graphite); cursor: pointer; }

#page-watch .stream-toggle.stream-a, #page-watch .stream-title.stream-a { background: var(--colour-red); color: var(--colour-white); }

#page-watch .stream-toggle.stream-b, #page-watch .stream-title.stream-b { background: var(--colour-highlight); color: var(--colour-white); }

#page-event .post-item > div:first-of-type { align-items: flex-start; }

#page-event .date-box p { line-height: 1; }

/*# sourceMappingURL=index.css.map */