.live-ribbon span,.streamer-header h1{font-family:Roboto,sans-serif;font-weight:300}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3))}html.light .cmn-toggle input:disabled+label::before,.cmn-toggle html.light input:disabled+label::before,html.light .cmn-toggle input:disabled+label::after,.cmn-toggle html.light input:disabled+label::after{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5))}html.transp .cmn-toggle input:disabled+label::before,.cmn-toggle html.transp input:disabled+label::before,html.transp .cmn-toggle input:disabled+label::after,.cmn-toggle html.transp input:disabled+label::after{box-shadow:none}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{background-image:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom))}.cmn-toggle label::after{box-shadow:inset 0 1px 3px -2px hsl(0,0%,45%),inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)),0 1px 3px 0 rgba(0,0,0,.2)}html.light .cmn-toggle label::after,.cmn-toggle html.light label::after{box-shadow:inset 0 3px 3px -2px #fff,inset 0 -4px 6px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 1px 3px 0 rgba(0,0,0,.18)}html.transp .cmn-toggle label::after,.cmn-toggle html.transp label::after{box-shadow:none}.cmn-toggle label::after{background:linear-gradient(to bottom, var(--c-metal-top), var(--c-metal-bottom));text-shadow:.5px .5px 0 rgb(from var(--c-dimmer) r g b/calc(alpha * 0.8)) !important}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after{box-shadow:inset 0 1px 3px -2px var(--c-border-light),inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)),0 2px 4px 0 rgba(0,0,0,.24)}html.light .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.light label:hover:not(.disabled,:disabled,[disabled])::after{box-shadow:inset 0 4px 3px -2px #fff,inset 0 -5px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)),0 2px 4px 0 rgba(0,0,0,.21)}html.transp .cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after,.cmn-toggle html.transp label:hover:not(.disabled,:disabled,[disabled])::after{box-shadow:none}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled])::after{background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}.streamer-list .service{white-space:nowrap}.streamer-list .service{overflow:hidden;text-overflow:ellipsis}.cmn-toggle label::before{font-size:1.2em;vertical-align:middle;font-family:lichess;font-style:normal;font-weight:normal;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate}.streamer-list .overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.cmn-toggle input{touch-action:manipulation}.cmn-toggle input{position:absolute;inset-inline-start:-99999px}.streamer-footer{display:flex;flex-flow:row wrap}.streamer-title,.streamer-header .overview>span{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.cmn-toggle-wrap{display:inline-flex;align-items:center;gap:.8ch;cursor:pointer;user-select:none}.cmn-toggle label{user-select:none;transition:background 150ms ease,box-shadow 150ms ease;display:block;position:relative;cursor:pointer;outline:none;padding:1px;width:40px;height:24px;border:1px solid var(--c-border);border-radius:24px;background-clip:padding-box;background-color:var(--c-font-dimmer)}.cmn-toggle label::before,.cmn-toggle label::after{display:block;position:absolute;content:"";width:22px;height:22px;bottom:0}html:not([dir=rtl]) .cmn-toggle label::before,html:not([dir=rtl]) .cmn-toggle label::after{left:0}html[dir=rtl] .cmn-toggle label::before,html[dir=rtl] .cmn-toggle label::after{right:0}.cmn-toggle label::before{transition:margin 150ms ease,color 150ms ease;font-size:1em;z-index:1;text-align:center;line-height:22px;content:"";color:var(--c-font-dimmer);border-radius:100%}.cmn-toggle label::after{transition:margin 150ms ease,box-shadow 150ms ease;border-radius:100%}html.transp .cmn-toggle label::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}html.transp .cmn-toggle label:hover::after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 26%), hsl(var(---site-hue), 5%, 23%) 100%)}.cmn-toggle input:checked+label{background-color:var(--c-good)}.cmn-toggle input:checked+label::before,.cmn-toggle input:checked+label::after{margin-inline-start:16px}.cmn-toggle input:checked+label::before{content:"";color:var(--c-good)}.cmn-toggle input:disabled+label{opacity:.6;cursor:not-allowed !important}.cmn-toggle input:disabled+label::before,.cmn-toggle input:disabled+label::after{box-shadow:none}.cmn-toggle input:focus-visible:not(:disabled)+label{box-shadow:0 0 12px var(--c-font-dimmer);border-color:var(--c-primary)}.streamer-header{display:flex}.streamer-header .picture{flex:0 0 300px}.streamer-header .overview{padding-inline-start:2em;display:flex;flex:auto;flex-flow:column;justify-content:space-between}.streamer-header .overview .online-check{padding:.5em 1em;margin-inline-end:2em}.streamer-header .metas{display:flex;place-content:center space-between}.streamer-header h1{font-size:2.2rem}.streamer-header .headline{font-style:italic}.streamer-header .headline.medium{font-size:.95em}.streamer-header .headline.large{font-size:.9em}.streamer-header .services{margin:.5em 0}.streamer-header .services li{font-size:1.2em;white-space:nowrap;padding:.3em 0}.streamer-header .service.live{color:var(--c-brag)}.live-ribbon{width:150px;height:150px;overflow:hidden;position:absolute;z-index:2}.live-ribbon span{position:absolute;transform:rotate(45deg);display:block;width:225px;padding:15px 0;background-color:var(--c-primary);box-shadow:0 5px 10px rgba(0,0,0,.1);color:var(--c-over);font-size:18px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.live-ribbon{top:-10px;right:-10px}@media(max-width: 499.29px){.live-ribbon{transform:scale(0.7);transform-origin:top right}}.live-ribbon::before,.live-ribbon::after{position:absolute;z-index:0;content:"";display:block;border:5px solid #2980b9;border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}.live-ribbon::before{top:0;left:0}.live-ribbon::after{bottom:0;right:0}.live-ribbon span{top:35px;left:-20px}.streamer-title{gap:1em;margin:1.5em var(---box-padding) 1em 0}.streamer-profile{z-index:2}.live .streamer-lang{margin-right:100px}@media(max-width: 499.29px){.live .streamer-lang{margin-right:50px}}.streamer-footer{align-items:center;gap:3em}.streamer-list h1::before{display:none}@media(min-width: 979.3px){.streamer-list h1::before{display:inline}}.streamer-list .streamer{transition:all 150ms ease;border-top:1px solid var(--c-border);position:relative;display:flex}@media(max-width: 799.29px){.streamer-list .streamer{overflow-x:hidden}}.streamer-list .streamer .streamer-title{margin:0 1em .7em 0}.streamer-list .streamer h1{font-size:23px}@media(min-width: 300px){.streamer-list .streamer h1{font-size:calc(23px + 17*(100vw - 300px)/900)}}@media(min-width: 1200px){.streamer-list .streamer h1{font-size:40px}}.streamer-list .streamer h1::before{display:inline;margin-inline-end:.2em}@media(min-width: 979.3px){.streamer-list .streamer h1::before{display:none}}.streamer-list .streamer:nth-child(even){background:var(--c-bg-zebra);justify-content:space-between}.streamer-list .streamer:nth-child(even) div.picture{order:3}.streamer-list .streamer:hover{background:color-mix(in oklab, var(--c-primary) 15%, var(--c-bg))}.streamer-list img.picture{flex:0 0 300px;display:none}@media(min-width: 979.3px){.streamer-list img.picture{display:block}}.streamer-list .overview{margin:20px 10px 10px 2.5vw;display:flex;flex:auto;flex-flow:column;justify-content:space-between;padding-bottom:15px}.streamer-list .headline{font-style:italic}.streamer-list .headline.medium{font-size:.95em}.streamer-list .headline.large{font-size:.9em}.streamer-list .services{margin:5px 0 10px 0;display:none}@media(min-width: 1119.3px){.streamer-list .services{display:block}}.streamer-list .service{display:flex;font-size:1.2em;padding:3px 0}.streamer-list .service svg{width:1.4em;height:1.4em;margin-inline-end:.4em;opacity:.7}