.live-ribbon span,.streamer-header h1{font-family:Roboto,sans-serif;font-weight:300}:where(html.light) .cmn-toggle input:disabled+label:before,.cmn-toggle :where(html.light) input:disabled+label:before,:where(html.light) .cmn-toggle input:disabled+label:after,.cmn-toggle :where(html.light) input:disabled+label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8)}.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 #737373, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 3)/.8), 0 1px 3px 0 #0003}:where(html.light) .cmn-toggle label:after,.cmn-toggle :where(html.light) label:after{box-shadow:inset 0 3px 3px -2px #fff6, inset 0 -4px 8px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 1px 3px 0 #0000002e}.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 * .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 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #0000003d}:where(html.light) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after,.cmn-toggle :where(html.light) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #00000036}.cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after{background:linear-gradient(to bottom, var(--c-metal-top-hover), var(--c-metal-bottom-hover))}:where(html.transp) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after,.cmn-toggle :where(html.transp) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 1px 3px -2px var(--c-border-light), inset 0 -5px 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 5)/.8), 0 2px 4px 0 #00000026}:where(html.light) :where(html.transp) .cmn-toggle label:hover:not(.disabled,:disabled,[disabled]):after,.cmn-toggle :where(html.light) :where(html.transp) label:hover:not(.disabled,:disabled,[disabled]):after{box-shadow:inset 0 4px 3px -2px #fff6, inset 0 -5px 8 16px -3px hsl(from var(--c-body-gradient) h s calc(l + 7)/.8), 0 2px 4px 0 #0000001f}.streamer-list .service{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmn-toggle label:before{vertical-align:middle;text-transform:none;speak:none;content:attr(data-icon);opacity:.9;unicode-bidi:isolate;font-family:lichess;font-size:1.2em;font-style:normal;font-weight:400}.streamer-list .overlay{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.cmn-toggle input{touch-action:manipulation;position:absolute;inset-inline-start:-99999px}.streamer-footer{flex-flow:wrap;display:flex}.streamer-title,.streamer-header .overview>span{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.cmn-toggle label:before,.cmn-toggle label{border-radius:var(---ui-roundness,7px)}.cmn-toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.8ch;display:inline-flex}.cmn-toggle label{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid var(--c-border);background-clip:padding-box;background-color:var(--c-font-dimmer);outline:none;width:40px;height:24px;padding:1px;transition:background .15s,box-shadow .15s;display:block;position:relative}.cmn-toggle label:before,.cmn-toggle label:after{content:"";width:23px;height:23px;display:block;position:absolute;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{z-index:1;text-align:center;content:"";color:var(--c-font-dimmer);font-size:1em;line-height:23px;transition:margin .15s,color .15s}.cmn-toggle label:after{border-radius:calc(var(---ui-roundness,7px) - 1px);transition:margin .15s,box-shadow .15s}:where(html.transp) .cmn-toggle label:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 22%), hsl(var(---site-hue), 5%, 19%) 100%)}:where(html.transp.light) .cmn-toggle label:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 88%), hsl(var(---site-hue), 5%, 91%) 100%)}:where(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%)}:where(html.transp.light) .cmn-toggle label:hover:after{background:linear-gradient(to bottom, hsl(var(---site-hue), 7%, 90%), hsl(var(---site-hue), 5%, 93%) 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{flex-flow:column;flex:auto;justify-content:space-between;padding-inline-start:2em;display:flex}.streamer-header .overview .online-check{margin-inline-end:2em;padding:.5em 1em}.streamer-header .metas{place-content:center space-between;display:flex}.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{white-space:nowrap;padding:.3em 0;font-size:1.2em}.streamer-header .service.live{color:var(--c-brag)}.live-ribbon{z-index:2;width:150px;height:150px;position:absolute;overflow:hidden}.live-ribbon span{background-color:var(--c-primary);width:225px;color:var(--c-over);text-shadow:0 1px 1px #0003;text-transform:uppercase;text-align:center;padding:15px 0;font-size:18px;font-weight:700;display:block;position:absolute;transform:rotate(45deg);box-shadow:0 5px 10px #0000001a}.live-ribbon{top:-10px;right:-10px}@media (max-width:499.29px){.live-ribbon{transform-origin:100% 0;transform:scale(.7)}}.live-ribbon:before,.live-ribbon:after{z-index:0;content:"";border:5px solid #0000;border-color:#0000 #0000 #2980b9 #2980b9;display:block;position:absolute}.live-ribbon:before{top:0;left:0}.live-ribbon:after{bottom:0;right:0}.live-ribbon span{top:35px;left:-20px}.streamer-title{margin:1.5em var(---box-padding) 1em 0;gap:1em}.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{border-top:1px solid var(--c-border);transition:all .15s;display:flex;position:relative}@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(1.88889vw + 17.3333px)}}@media (min-width:1200px){.streamer-list .streamer h1{font-size:40px}}.streamer-list .streamer h1:before{margin-inline-end:.2em;display:inline}@media (min-width:979.3px){.streamer-list .streamer h1:before{display:none}}.streamer-list .streamer:nth-child(2n){background:var(--c-bg-zebra);justify-content:space-between}.streamer-list .streamer:nth-child(2n) 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{flex-flow:column;flex:auto;justify-content:space-between;margin:20px 10px 10px 2.5vw;padding-bottom:15px;display:flex}.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;display:none}@media (min-width:1119.3px){.streamer-list .services{display:block}}.streamer-list .service{padding:3px 0;font-size:1.2em;display:flex}.streamer-list .service svg{opacity:.7;width:1.4em;height:1.4em;margin-inline-end:.4em}