[data-v-13e425d3]:root{--header-height:105px;--footer-height:0;--header-height-full:105px}body.empty[data-v-13e425d3]{--header-height:0px;--footer-height:0px;--header-height-full:0}@media(max-width:800px){[data-v-13e425d3]:root{--header-height:3.5rem;--header-height-full:3.5rem;--footer-height: calc(3vw + 3.2rem) }}@media(min-width:800px){body.scrolling[data-v-13e425d3]{--header-height:33px}}.lives[data-v-13e425d3]{display:flex;--play-width:max(1rem,calc(var(--width)/3))}button[data-v-13e425d3]{aspect-ratio:var(--aspect-ratio);border:1px solid var(--color-border);cursor:pointer;position:relative;text-align:center;width:var(--width)}.logo-button[data-v-13e425d3]{--br:calc(var(--width)/var(--radius-div));background:var(--color-surface);border-radius:var(--br);margin:5px;padding:2px}.logo-button[data-v-13e425d3]:focus{outline:none}.logo-button>img[data-v-13e425d3]{aspect-ratio:var(--aspect-ratio);border-radius:var(--br);padding:3px;width:100%}.logo-button[data-v-13e425d3]:focus{border:2px solid rgba(210,26,31,.4)}.logo-button.playing[data-v-13e425d3]{animation:live-border-color-change 1.4s infinite}.lives.play button.logo-button.playing[data-v-13e425d3]:before{aspect-ratio:1;background-color:#d21a1f;border-radius:50%;color:#fff;content:"";font-family:fontello;font-size:calc(var(--play-width)/1.7);left:calc(var(--play-width)/2*-1);line-height:1.1;padding:calc(var(--play-width)/4.5) 0 0;position:absolute;text-align:center;top:calc(50% - var(--play-width)/2);width:var(--play-width)}body.black button img[data-v-13e425d3],body.dark button img[data-v-13e425d3]{filter:grayscale(100%) brightness(30)}