.streamer-header h1{font-family:Roboto,sans-serif;font-weight:300}:where(html.light) .cmn-toggle input:disabled+label:before{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 :where(html.light) input:disabled+label:before{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)}:where(html.light) .cmn-toggle 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 :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{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 :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{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 :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{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}.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{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}.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-list .service,.streamer-footer{flex-flow:wrap;display:flex}.streamer-list .ats{flex-flow:wrap;align-items:center;display:flex}.streamer-title,.streamer-header .overview>span{flex-flow:wrap;justify-content:space-between;align-items:center;display:flex}.streamer-list .service,.streamer-list img.picture,.streamer-list .streamer .streamer-lang,.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 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)}.streamer-title{margin:1.5em var(---box-padding) 1em 0;gap:1em}.streamer-profile{z-index:2}.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: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 .streamer:hover .streamer-lang,.streamer-list .streamer:hover .service{background:color-mix(in oklab, var(--c-primary) 25%, var(--c-bg))}.streamer-list .streamer h1{font-size:16px}@media (min-width:300px){.streamer-list .streamer h1{font-size:calc(1.77778vw + 10.6667px)}}@media (min-width:1200px){.streamer-list .streamer h1{font-size:32px}}.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 h1.live:before{color:var(--c-live)}.streamer-list .streamer .streamer-lang{background:var(--c-bg-low);padding:3px 8px}.streamer-list .thumbnail-wrapper{margin:16px 0 12px 24px;display:none;position:relative}@media (min-width:979.3px){.streamer-list .thumbnail-wrapper{display:block}}.streamer-list .thumbnail-wrapper .live{background:var(--c-live);color:#fff;border-radius:calc(var(---ui-roundness,7px) / 2);padding:2px 6px;font-size:.9rem;font-weight:600;position:absolute;top:6px;right:6px}.streamer-list img.picture{border:1px solid var(--c-border);flex:0 0 150px;overflow:hidden}.streamer-list .overview{flex-flow:column;flex:auto;margin:18px 10px 10px 24px;padding-bottom:8px;display:flex}.streamer-list .headline.medium{font-size:.95em}.streamer-list .headline.large{font-size:.9em}.streamer-list .services{font-size:.9rem;display:none}@media (min-width:1119.3px){.streamer-list .services{display:block}}.streamer-list .service{background:var(--c-bg-low);padding:3px 8px}.streamer-list .service svg{opacity:.7;width:1.4em;height:1.4em;margin-inline-end:.4em}.streamer-list .ats{gap:1rem;margin-bottom:12px}.streamer-list .ats .at{margin-bottom:0}@media (min-width:979.3px){.streamer-list .ats .at{line-height:1}}