div.app-menu{width:225px;height:calc(100dvh - 120px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box}div.menu-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:50px;padding:7.5px;background-color:var(--color-highlight-transluscent);border-radius:unset;box-sizing:border-box;font-size:18.75px;font-weight:400;color:var(--color-highlight);font-family:Helvetica Neue,sans-serif;margin:0 0 7.5px}div.menu-header svg{width:25px;height:25px;padding:5px;border-radius:2.5px;background-color:var(--color-highlight);color:#fff;cursor:pointer}div.menu-header span:last-of-type{width:25px}ul.channels-list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:calc(100dvh - 260px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:0;flex-wrap:nowrap;list-style-type:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-highlight) var(--color-highlight-transluscent)}ul.channels-list::-webkit-scrollbar{width:8px;background-color:var(--color-highlight)}ul.channels-list::-webkit-scrollbar-thumb{background-color:var(--color-highlight)}ul.channels-list::-webkit-scrollbar-track{background-color:var(--color-highlight-transluscent)}li.channel-list-entry{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;height:initial;padding:7.5px;background-color:var(--color-highlight-transluscent);border-radius:0;box-sizing:border-box;border:1px solid transparent;margin-bottom:7.5px}li.channel-list-entry:hover{background-color:var(--color-highlight);cursor:pointer}li.channel-list-entry img.user-thumbnail{filter:grayscale(100%)}li.channel-list-entry span{background-color:transparent;text-align:left;align-content:center;padding:unset;color:#fff}li.channel-list-entry span:first-of-type{margin-left:7.5px;overflow:hidden;text-overflow:ellipsis}li.channel-list-entry.live{border:1px solid red}li.channel-list-entry.live img.user-thumbnail{border:2.5px solid red;filter:unset}li.channel-list-entry.live>span{width:calc(100% - 55px)}li.channel-list-entry.live div.on-air{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:55px}li.channel-list-entry.live div.on-air span:first-of-type{width:30px;color:red;text-align:right}li.channel-list-entry.live div.on-air div:first-of-type{height:15px;width:15px;margin-left:5px;background-color:red;border-radius:50%}div.app-menu.shrink{width:50px}div.menu-header.shrink span{display:none}ul.channels-list.shrink{align-items:center;width:unset;overflow-y:hidden}li.channel-list-entry.shrink{align-items:center;justify-content:center}li.channel-list-entry.shrink span{display:none}div.user-menu{position:absolute;top:62px;right:7.5px;z-index:5000;width:200px;height:initial;padding:5px;background-color:var(--color-bg);border-radius:0 0 0 5px;box-sizing:border-box;border:1px solid var(--color-highlight);border-top:none}div.user-menu ul{list-style:none;margin:0;padding:0}div.user-menu li a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:3px 0;font-size:12.5px;font-weight:400;font-family:Helvetica Neue,sans-serif;padding:10px 15px;color:var(--color-ft);text-decoration:none;cursor:pointer;gap:10px}div.user-menu li a:hover{background-color:var(--color-highlight-transluscent)}div.user-menu li a svg{width:15px;color:var(--color-highlight)}div.user-menu li a span{height:auto!important;padding:unset;text-align:left;align-content:center}div.menu-button-mobile{display:none}div.stream-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:calc(100vw - 560px);min-width:320px}div.stream-wrapper>section:first-of-type{width:100%;margin:0 0 7.5px}div.player-wrapper,section.stream-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 202.5px);padding:0 7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box}img.offline-pic{width:100%;height:100%;padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;-o-object-fit:cover;object-fit:cover}div.stream-name-title span,div.stream-viewers-count span,div.stream-uptime span{padding:unset;align-content:center}div.stream-banner-infos{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;min-height:60px;overflow:visible}div.stream-user-thumbnail{width:55px;margin-right:15px}div.stream-name-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;width:calc(100% - 270px)}div.stream-name-title>span:first-of-type{font-size:x-large}div.stream-name-title>span:nth-of-type(2){font-size:medium}div.stream-metrics{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:200px;margin-right:30px}div.stream-viewers-count,div.stream-uptime{height:60px;align-content:center;color:var(--color-highlight);font-size:large;margin-left:15px}div.stream-wrapper.expand{width:calc(100vw - 385px)}section.chat{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:320px;height:calc(100dvh - 135px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;overflow:hidden}div.chat-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:50px;padding:7.5px;background-color:var(--color-highlight-transluscent);border-radius:unset;box-sizing:border-box;font-size:18.75px;font-weight:400;color:var(--color-highlight);font-family:Helvetica Neue,sans-serif;margin:0 0 7.5px}div.chat-header svg{width:25px;height:25px;padding:5px;border-radius:2.5px;background-color:var(--color-highlight);color:#fff;cursor:pointer}span.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 135px);padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif}ul.list{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;width:320px;height:calc(100dvh - 342.5px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:0;flex-wrap:nowrap;list-style-type:none;border:1px solid var(--color-highlight);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-highlight) var(--color-highlight-transluscent)}ul.list::-webkit-scrollbar{width:8px;background-color:var(--color-highlight)}ul.list::-webkit-scrollbar-thumb{background-color:var(--color-highlight)}ul.list::-webkit-scrollbar-track{background-color:var(--color-highlight-transluscent)}ul.list{margin:0 0 7.5px}li.list-item,span.list-item{width:100%;height:initial;padding:5px 7.5px 10px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:var(--chat-font-size);font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif}span.list-item{text-align:right}li.message{position:relative}li.message:hover{background-color:var(--color-highlight-transluscent)}li.message svg{padding:2.5px;margin-top:-2.5px;border-radius:2.5px;vertical-align:middle;font-size:large;color:#fff}li.message>span.message-contents{flex-wrap:wrap;line-height:22.5px;overflow-wrap:break-word}li.message>span.message-contents>img.emote{margin-bottom:-10px!important}li.message.highlighted{background-color:var(--color-highlight-transluscent);border-top:1px solid var(--color-bg);border-bottom:1px solid var(--color-bg)}li.message.private{background-color:var(--color-highlight-transluscent);border-top:1px solid var(--color-bg);border-bottom:1px solid var(--color-bg);padding-top:10px}li.message.private span.visible-only{position:absolute;top:5px;right:5px;color:var(--color-highlight);font-size:xx-small;margin-top:-5px;margin-right:5px}.badge-staff{background-color:rgba(38,0,255,.89)}.badge-streamer{background-color:#ff0800}.badge-mod{background-color:#1cb96a}.badge-bot{background-color:orange}ul.users-list{flex-direction:column}li.user{padding:7.5px}div.select-wrapper,div.emote-picker-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:320px;height:initial;padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;max-height:calc(100dvh - 335px);position:absolute;bottom:210px;overflow-y:scroll;overflow-x:hidden;border:1px solid var(--color-highlight);border-bottom:unset;list-style-type:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-highlight) var(--color-highlight-transluscent)}div.select-wrapper::-webkit-scrollbar,div.emote-picker-wrapper::-webkit-scrollbar{width:8px;background-color:var(--color-highlight)}div.select-wrapper::-webkit-scrollbar-thumb,div.emote-picker-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-highlight)}div.select-wrapper::-webkit-scrollbar-track,div.emote-picker-wrapper::-webkit-scrollbar-track{background-color:var(--color-highlight-transluscent)}button.select-item,div.select-item,button.emote-picker-item,div.emote-picker-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:initial;padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;font-size:var(--chat-font-size);font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;min-height:45px;flex-wrap:nowrap;border:0;margin:0}button.select-item:hover,div.select-item:hover,button.emote-picker-item:hover,div.emote-picker-item:hover,button.select-focus,div.select-focus{cursor:pointer;background-color:var(--color-highlight-transluscent);outline:none}div.select-not-found,div.emote-picker-not-found{padding-left:12.5px;cursor:default}div.select-not-found:hover,div.emote-picker-not-found:hover{cursor:default;background-color:unset}div.select-not-found>img.emote:hover,div.emote-picker-not-found>img.emote:hover{cursor:default}span.emote-code{max-width:70%;overflow-x:hidden;text-overflow:ellipsis}span.emote-picker-header,span.emote-picker-provider-wrapper,div.emote-picker-list-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:290px;height:initial;padding:unset;background-color:unset;border-radius:unset;box-sizing:border-box;margin-bottom:10px}div.emote-picker-wrapper{flex-direction:row;align-content:flex-start;flex-wrap:wrap;height:calc(100dvh - 335px);padding:10px}div.emote-picker-wrapper svg{width:12.5px;height:12.5px;border-radius:2.5px;background-color:var(--color-highlight);color:#fff;cursor:pointer;padding:2.5px}span.emote-picker-header input{width:calc(100% - 30px);height:30px;padding:5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;border:1px solid var(--color-highlight)}span.emote-picker-header input:focus{outline:none}span.emote-picker-provider-wrapper{margin-bottom:unset}span.emote-picker-provider{width:50%;height:initial;padding:5px;background-color:var(--color-highlight-transluscent);border-radius:unset;box-sizing:border-box;margin:unset;font-size:15px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;border-bottom:1px solid var(--color-highlight);text-align:center}span.emote-picker-provider:hover{cursor:pointer}span.emote-picker-provider.active{border:1px solid var(--color-highlight);border-bottom:1px solid var(--color-bg);color:var(--color-highlight);background-color:unset}span.emote-picker-provider.active:hover{cursor:default}div.emote-picker-list-wrapper{justify-content:flex-start;flex-wrap:wrap;margin-top:-1px;padding-top:5px;border:1px solid var(--color-highlight);border-top:unset}button.emote-picker-item,div.emote-picker-item{width:unset;margin:1px;padding:7.5px;border-width:0}div.emote-picker-not-found{justify-content:center;width:100%}div.message-input-wrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;width:320px;height:75px;padding:10px;background-color:unset;border-radius:unset;box-sizing:border-box;margin:0 0 7.5px;font-size:var(--chat-font-size);font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;border:1px solid var(--color-highlight);min-height:75px;overflow-y:hidden}div.message-input-wrapper svg{width:12.5px;height:12.5px;border-radius:2.5px;background-color:var(--color-highlight);color:#fff;cursor:pointer;padding:2.5px;position:sticky;top:0;right:0}span.message-input{width:270px;height:100%;padding:0;overflow-wrap:break-word}span.message-input:focus{outline:none}button.chat-button,div.chat-alert{width:320px;height:60px;padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;min-height:60px;border:unset;margin:0}button.chat-button{background-color:var(--color-highlight-transluscent);font-size:18.75px}button.chat-button:hover,button.chat-button:focus{outline:none}button.chat-button.active{background-color:var(--color-highlight)}button.chat-button.active:hover{cursor:pointer}div.chat-alert{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;background-color:var(--color-highlight-transluscent);font-size:12.5px}div.chat-alert:hover,div.chat-alert img.emote:hover{cursor:default}div.chat-banned{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 260px);padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:0 0 67.5px;border:1px solid var(--color-highlight);text-align:center}div.chat-banned svg.chat-banned-icon{font-size:48px;color:var(--color-highlight);margin-bottom:15px}div.chat-banned span.chat-banned-message{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;font-size:18.75px}div.chat-login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:75px;padding:7.5px;background-color:var(--color-highlight-transluscent);border-radius:unset;box-sizing:border-box;margin-bottom:68px;border:1px solid var(--color-highlight);text-align:center}div.chat-login a{margin:3px 0;font-size:25px;font-weight:400;color:var(--color-highlight);font-family:Helvetica Neue,sans-serif;font-family:Lobster,cursive;text-decoration:none}div.chat-login:hover{background-color:var(--color-highlight)}div.chat-login:hover a{color:var(--color-ft);text-decoration:underline}img.emote{height:30px}img.emote:hover{cursor:pointer}img.emote-large{width:100px;height:80px;-o-object-fit:contain;object-fit:contain}div.emote-picker-popup,div.emote-popup{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:initial;padding:5px;background-color:var(--color-bg);border-radius:2.5px;box-sizing:border-box;display:none;position:absolute;top:0;left:0;border:1px solid var(--color-highlight)}div.emote-popup{z-index:10}div.emote-picker-popup{display:flex;position:fixed;z-index:20}span.emote-large-title{width:initial;height:initial;padding:2.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:5px 5px 0;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;text-align:center;overflow:hidden;display:inline-block;word-break:break-all}form.form-layout{width:800px;height:initial;padding:15px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;display:grid;grid-template-columns:200px 1fr;gap:10px 15px;align-items:center}form.form-layout>button[type=submit]{grid-column:1/-1}div.form-control-group{grid-column:1/-1;display:flex;flex-direction:column}hr.form-control-group-delimiter{width:100%;border:none;border-top:1px solid var(--color-highlight-transluscent);margin:10px 0 7.5px}span.form-control-group-title{margin:unset;font-size:18.75px;font-weight:500;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}div.form-control-group-children{display:grid;grid-template-columns:200px 1fr;gap:10px 15px;align-items:center}label.form-label{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;min-height:35px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:flex-end}textarea.form-textarea{width:100%;height:80px;padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);border:1px solid var(--color-highlight);resize:vertical;font-family:Helvetica Neue,sans-serif}textarea.form-textarea:focus{outline:none;border-color:var(--color-highlight)}button.form-select-trigger{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:35px;padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;border:1px solid var(--color-highlight);cursor:pointer}button.form-select-trigger:focus{outline:none}div.form-select-content{width:100%;height:initial;padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;border:1px solid var(--color-highlight);z-index:1000;max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-highlight) var(--color-highlight-transluscent)}div.form-select-content::-webkit-scrollbar{width:8px;background-color:var(--color-highlight)}div.form-select-content::-webkit-scrollbar-thumb{background-color:var(--color-highlight)}div.form-select-content::-webkit-scrollbar-track{background-color:var(--color-highlight-transluscent)}div.form-select-viewport{padding:0}div.form-select-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:initial;padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;font-size:var(--chat-font-size);font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;min-height:45px;flex-wrap:nowrap;border:0;margin:0}div.form-select-item:hover{cursor:pointer;background-color:var(--color-highlight-transluscent);outline:none}div.form-select-item{min-height:unset;padding:7.5px 10px;cursor:pointer}div.form-select-item[data-highlighted]{background-color:var(--color-highlight-transluscent);outline:none}div.form-radio-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:35px;gap:7.5px}label.form-radio-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;gap:7.5px;cursor:pointer}button.form-radio-item{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-highlight);background-color:transparent;padding:0;cursor:pointer;flex-shrink:0}button.form-radio-item:focus{outline:none}span.form-radio-indicator{display:block;width:8px;height:8px;border-radius:50%;background-color:var(--color-highlight);margin:auto}div.form-checkbox-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:35px;gap:7.5px}button.form-checkbox{width:20px;height:20px;border:2px solid var(--color-highlight);background-color:transparent;border-radius:2.5px;padding:0;cursor:pointer;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:center}button.form-checkbox[data-state=checked]{background-color:var(--color-highlight)}button.form-checkbox:focus{outline:none}span.form-checkbox-indicator{color:#fff;font-size:12.5px;line-height:1}span.form-checkbox-label{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;cursor:pointer}div.form-file-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:35px;gap:10px}label.form-file-button{width:initial;height:30px;padding:5px 10px;background-color:var(--color-bg);border-radius:2.5px;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:#fff;font-family:Helvetica Neue,sans-serif;background-color:var(--color-highlight);cursor:pointer;display:inline-flex;align-items:center}label.form-file-button:hover{opacity:.85}input.form-file-input{display:none}span.form-file-name{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}span.form-slider-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:35px;gap:10px}span.form-slider{position:relative;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;width:100%;height:20px;flex-grow:1}span.form-slider-track{position:relative;flex-grow:1;height:4px;background-color:var(--color-highlight-transluscent);border-radius:2px}span.form-slider-range{position:absolute;height:100%;background-color:var(--color-highlight);border-radius:2px}span.form-slider-thumb{display:block;width:16px;height:16px;border-radius:50%;background-color:var(--color-highlight);cursor:pointer}span.form-slider-thumb:focus{outline:none;box-shadow:0 0 0 3px var(--color-highlight-transluscent)}span.form-slider-value{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;min-width:30px;text-align:right}button.form-date-trigger{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:35px;padding:7.5px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;border:1px solid var(--color-highlight);cursor:pointer}button.form-date-trigger:focus{outline:none}div.form-date-popover{width:initial;height:initial;padding:10px;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box;border:1px solid var(--color-highlight);z-index:1000}div.form-date-popover .rdp-root{--rdp-accent-color: var(--color-highlight);--rdp-accent-background-color: var(--color-highlight-transluscent);margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif}div.form-date-popover .rdp-button{border:none;border-radius:2.5px;cursor:pointer}div.form-date-popover .rdp-day{width:36px;height:36px;text-align:center}div.form-date-popover .rdp-day_button{width:36px;height:36px;color:var(--color-ft-txt);border-radius:2.5px}div.form-date-popover .rdp-day_button:hover{background-color:var(--color-highlight-transluscent)}div.form-date-popover .rdp-selected .rdp-day_button{background-color:var(--color-highlight);color:#fff}div.form-date-popover .rdp-chevron{fill:var(--color-highlight)}div.form-date-popover .rdp-month_caption{margin:unset;font-size:12.5px;font-weight:500;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;padding:5px 0 7.5px}div.form-date-popover .rdp-weekday{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;width:36px;text-align:center;opacity:.6}div.form-date-popover .rdp-outside{opacity:.3}div.form-progress-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;min-height:35px;gap:10px}div.form-progress-track{position:relative;flex-grow:1;height:4px;background-color:var(--color-highlight-transluscent);border-radius:2px;overflow:hidden}div.form-progress-fill{height:100%;background-color:var(--color-highlight);border-radius:2px;width:0;transition:width .8s ease-out}span.form-progress-value{margin:unset;font-size:12.5px;font-weight:400;color:var(--color-ft-txt);font-family:Helvetica Neue,sans-serif;min-width:30px;text-align:right}button.form-submit{width:100%;height:45px;padding:7.5px;background-color:var(--color-bg);border-radius:2.5px;box-sizing:border-box;margin:unset;font-size:18.75px;font-weight:400;color:#fff;font-family:Helvetica Neue,sans-serif;background-color:var(--color-highlight);border:none;cursor:pointer;margin-top:10px}button.form-submit:hover{opacity:.85}button.form-submit:focus{outline:none}button.form-submit:active{opacity:.7}body{width:100%;margin:0;overflow:hidden}span.large,h1{margin:3px 0;font-size:25px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;font-family:Lobster,cursive}span.small{width:100%;height:25px;padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box;margin:3px 0;font-size:15px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif}span.xsmall{width:100%;height:12.5px;padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box;margin:3px 0;font-size:12.5px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;padding-bottom:10px!important}span.highlight,h1{color:var(--color-highlight);padding-bottom:0}@keyframes blink{to{opacity:0}}span.blink{animation:.75s cubic-bezier(.55,0,1,.45) 0s infinite alternate forwards running blink}span.error-minimal{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:100%;padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box;margin:3px 0;font-size:15px;font-weight:400;color:var(--color-ft);font-family:Helvetica Neue,sans-serif;color:red}div.app-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:calc(100vw + -0px);height:calc(100dvh + -0px);padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box;margin:0;border:0px solid var(--color-highlight);min-height:345px;overflow:hidden}img.user-thumbnail{width:42.5px;height:42.5px;border-radius:50%;border:2.5px solid var(--color-highlight)}img.user-thumbnail.large{width:55px;height:55px;border-radius:50%;border:2.5px solid var(--color-highlight)}img.user-thumbnail.medium{width:42.5px;height:42.5px;border-radius:50%;border:2.5px solid var(--color-highlight)}img.user-thumbnail.small{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--color-highlight)}header,footer{display:flex;flex-direction:row;align-items:initial;justify-content:flex-end;width:100%;height:60px;padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box}header span,footer span{height:42.5px!important;padding:unset;text-align:end;align-content:baseline}header h1,footer h1{position:absolute;top:0;left:calc((100vw + -0px)/2 - 125px);width:250px;height:60px;align-content:center;text-align:center;margin:unset}header a,footer a{color:var(--color-highlight)}header img.user-thumbnail,footer img.user-thumbnail{margin-left:15px}header img.user-thumbnail.clickable,footer img.user-thumbnail.clickable{cursor:pointer}footer{border-radius:0}footer a{color:var(--color-highlight)}main.login{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100dvh - 120px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box}main.home{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;height:calc(100dvh - 120px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box}div.channel,div.form{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:initial;height:calc(100dvh - 120px);padding:unset;background-color:var(--color-bg);border-radius:unset;box-sizing:border-box}:root[app-theme=default]{--color-bg: #141414;--color-ft: #c8bebd;--color-ft-txt: #DAD2D1;--color-highlight: rgba(255, 0, 140, .95);--color-highlight-transluscent: rgba(255, 0, 140, .219)}:root[app-theme=midnight]{--color-bg: #160F30;--color-ft: #EDE5C0;--color-ft-txt: white;--color-highlight: #A72693;--color-highlight-transluscent: rgba(167, 38, 147, .2)}:root[app-theme=steel]{--color-bg: #26282B;--color-ft: #90B8F8;--color-ft-txt: #C0C8D0;--color-highlight: #5F85DB;--color-highlight-transluscent: rgba(95, 133, 219, .2)}:root[app-theme=nebula]{--color-bg: #1B0044;--color-ft: #D6C5F0;--color-ft-txt: white;--color-highlight: #9153F4;--color-highlight-transluscent: rgba(145, 83, 244, .2)}:root[app-theme=dawn]{--color-bg: #F5F2EE;--color-ft: #6B6462;--color-ft-txt: #2E2A27;--color-highlight: rgba(180, 80, 120, .95);--color-highlight-transluscent: rgba(180, 80, 120, .15)}:root[app-theme=cobra]{--color-bg: #0A0E0A;--color-ft: #39FF14;--color-ft-txt: #C8E6C0;--color-highlight: rgba(57, 255, 20, .95);--color-highlight-transluscent: rgba(57, 255, 20, .18)}:root[app-theme=twitch]{--color-bg: #0E0E10;--color-ft: #DEDEE3;--color-ft-txt: #EFEFF1;--color-highlight: #9146FF;--color-highlight-transluscent: rgba(145, 70, 255, .2)}:root[chat-font-size=small]{--chat-font-size: 10.625px }:root[chat-font-size=default]{--chat-font-size: 12.5px }:root[chat-font-size=large]{--chat-font-size: calc(12.5px * 1.15)}:root[chat-font-size=xlarge]{--chat-font-size: 16.25px }:root[chat-font-size=xxlarge]{--chat-font-size: 18.125px }@media(max-width:1024px){header,footer{height:57.5px;min-height:57.5px;padding:unset;align-items:center}header h1,footer h1{display:none}main.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100dvh - 115px)}div.channel,div.form{flex-direction:column;height:calc(100dvh - 115px);width:calc(100vw + -0px)}div.app-menu{position:absolute;z-index:500;left:0;width:calc(100vw + -0px);height:calc(100dvh - 115px)}div.app-menu ul{padding:0 7.5px}div.app-menu svg{visibility:hidden}div.menu-header{width:calc(100vw - 15px);margin-left:7.5px}div.menu-button-mobile{display:block;width:initial;height:initial;padding:7.5px;background-color:var(--color-bg);border-radius:0;box-sizing:border-box}div.menu-button-mobile svg{width:25px;height:25px;padding:5px;border-radius:2.5px;background-color:var(--color-highlight);color:#fff;cursor:pointer}div.user-menu{right:0}div.app-menu.shrink,div.menu-header.shrink,ul.channels-list.shrink,li.channel-list-entry.shrink{display:none}div.stream-wrapper.expand{width:calc(100vw + -0px)}div.player-wrapper,section.stream-offline{padding:unset;height:25dvh}section.stream-offline{height:25dvh;margin-bottom:67.5px}div.stream-banner-infos{width:100%}div.stream-user-thumbnail{width:55px;margin-right:7.5px}div.stream-user-thumbnail>img.user-thumbnail{width:42.5px;height:42.5px}div.stream-name-title span,div.stream-metrics span{margin:0}div.stream-name-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;width:80%}div.stream-name-title>span{height:unset}div.stream-name-title>span:first-of-type{font-size:medium}div.stream-name-title>span:nth-of-type(2){font-size:small}div.stream-metrics{width:100px;height:42.5px;flex-direction:column;justify-content:space-around;align-items:flex-end;margin-right:unset}div.stream-metrics *{margin-left:unset;font-size:small}div.stream-viewers-count,div.stream-uptime{height:unset}section.chat{width:calc(100vw + -0px);height:calc(75dvh - 190px);padding:0 7.5px}ul.list{width:100%}div.select-wrapper,div.emote-picker-wrapper{width:calc(100vw - 15px);max-height:calc(75dvh - 322.5px);bottom:132.5px}span.emote-picker-header,span.emote-picker-provider-wrapper,div.emote-picker-list-wrapper{width:100%}div.message-input-wrapper{width:100%;height:75px;min-height:75px;margin:unset;justify-content:space-between}span.message-input{width:calc(100% - 25px)}button.chat-button,div.chat-alert{display:none}div.chat-login{height:99px;margin-bottom:unset}form.form-layout{width:calc(100vw + -0px);grid-template-columns:1fr;gap:5px 10px;padding:10px}label.form-label{text-align:left;justify-content:flex-start}}@media(max-height:360px){div.select-wrapper{display:none}}