media-rendition-menu[data-v-8d7fd60d]{--media-menu-item-focus-shadow:inset 0 0 0 2px var(--brand-color-tertiary)}media-controller[data-v-8d7fd60d]{--media-control-background:#14141eb3;--media-focus-box-shadow:inset 0 0 0 2px var(--brand-color-tertiary);--media-object-fit:cover;--media-object-position:center;aspect-ratio:16/9;outline-color:var(--brand-color-tertiary);width:100%;height:100%}media-controller:not([mediapaused])[userinactive][data-v-8d7fd60d]::part(centered-layer){opacity:0;transition:opacity 1s}media-controller video[data-v-8d7fd60d]{width:-moz-available;width:-webkit-fill-available;width:stretch;height:100%}media-controller media-live-button[data-v-8d7fd60d]{display:none}media-controller[mediastreamtype=live] media-live-button[data-v-8d7fd60d]{display:block}media-controller media-live-button[mediatimeislive][data-v-8d7fd60d]{--media-live-button-indicator-color:var(--brand-color-tertiary);--media-live-button-icon-color:var(--brand-color-tertiary)}media-controller media-control-bar[data-v-8d7fd60d]{width:100%}media-controller media-control-bar media-time-range[data-v-8d7fd60d]{--media-control-height:0px}media-controller media-control-bar .spacer[data-v-8d7fd60d],media-controller media-control-bar media-time-range[data-v-8d7fd60d]{background:var(--media-control-background)}media-controller media-control-bar .spacer[data-v-8d7fd60d]{flex-grow:1;display:flex}.custom-controls[data-v-8d7fd60d]{width:auto;margin:10px 0;position:absolute;top:0;right:0}.custom-controls .toggle[data-v-8d7fd60d]{cursor:pointer;color:#efefef;background:#0009;border:0;grid-template-columns:auto auto;align-items:center;padding:10px 5px;font-size:18px;display:grid}.custom-controls .toggle[data-v-8d7fd60d]:focus-visible{box-shadow:inset 0 0 0 2px var(--brand-color-tertiary);outline:0}.custom-controls .toggle .label[data-v-8d7fd60d]{-webkit-user-select:none;user-select:none;color:#efefef;margin:0 5px;font-size:16px}:root{--pfp-size:64px;--profile-summary-font-size:15px;--profile-summary-name-size:18px}@media (width>=768px){:root{--pfp-size:128px;--profile-summary-font-size:16px;--profile-summary-name-size:24px}}.summary[data-v-d800c85c]{grid-template-areas:"pfp text";grid-template-columns:var(--pfp-size) auto;font-size:var(--profile-summary-font-size);align-items:center;gap:0 20px;max-width:1000px;margin:10px;display:grid}.name[data-v-d800c85c]{font-weight:600;font-size:var(--profile-summary-name-size);grid-area:name;margin-bottom:10px}.pfp[data-v-d800c85c]{pointer-events:all;height:var(--pfp-size);border:4px solid var(--brand-color-tertiary);border-radius:calc(var(--pfp-size)/2);background:#fff;grid-area:pfp;align-self:start;overflow:hidden}.pfp img[data-v-d800c85c]{border-radius:calc(var(--pfp-size)/2);width:100%;height:auto;padding:2px}.footer[data-v-404fefd6]{margin:500px auto 20px;display:grid}.footer .logo[data-v-404fefd6]{color:var(--brand-color-tertiary);font-size:2em;font-weight:600}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body,html{font-optical-sizing:auto;color:#222;background:#f9f9f9;margin:0;padding:0;font-family:Inter,sans-serif;font-style:normal;font-weight:400}*{box-sizing:border-box;outline-color:var(--brand-color-primary)}:root{--nvabar-height:65px;--brand-color-primary:#27201d;--brand-color-secondary:#e5e4e5;--brand-color-tertiary:#db2c7c}.navbar[data-v-6495d792]{z-index:100;color:var(--brand-color-tertiary);box-shadow:0 0 5px 0 var(--brand-color-tertiary);border-bottom:4px solid var(--brand-color-tertiary);background:#fff;grid-area:head;align-content:center;padding:10px;font-size:2em;font-weight:600;transition:box-shadow .5s ease-in-out,color .5s ease-in-out,border .5s ease-in-out;position:relative}.main[data-v-6495d792]{grid-template-columns:100%;grid-template-areas:"head head""body body""foot foot";grid-template-rows:var(--nvabar-height) calc(100vh - var(--nvabar-height));height:100vh;display:grid;overflow:hidden}.interface[data-v-6495d792]{background:#fff;grid-template:"left-col"35%"chat"/auto;grid-area:body;margin-right:0;display:grid}:is(.interface.collapsing[data-v-6495d792]:not(:fullscreen),.interface.expanding[data-v-6495d792]:not(:fullscreen)){transition:margin .8s ease-in-out}:is(.interface.collapsing:not(:fullscreen) .player-wrapper[data-v-6495d792],.interface.expanding:not(:fullscreen) .player-wrapper[data-v-6495d792]){transition:height .8s ease-in-out}.interface .left-col[data-v-6495d792]{scrollbar-width:none;grid-area:left-col;grid-template-rows:auto 2fr;grid-template-areas:"video""info";display:grid;overflow-y:auto}.interface .left-col[data-v-6495d792]::-webkit-scrollbar{display:none}.interface .player-wrapper[data-v-6495d792]{width:100vw;height:56.25vw;min-height:100px;max-height:calc(100vh - var(--nvabar-height));background:#000;position:relative}.interface .streamer-info[data-v-6495d792]{grid-area:info;padding:10px}@media (width>=768px){.interface[data-v-6495d792]{grid-template:"left-col chat""left-col chat"1fr/auto 400px;margin-right:0}.interface .player-wrapper[data-v-6495d792]{width:100%;height:calc(56.25vw - 225px)}.interface.collapsed[data-v-6495d792]{grid-template:"left-col"100%/100vw;margin-right:-400px}.interface.expanding[data-v-6495d792]{margin-right:0}.interface.collapsing[data-v-6495d792]{margin-right:-400px}.interface.collapsed .player-wrapper[data-v-6495d792],.interface.collapsing .player-wrapper[data-v-6495d792]{height:56.25vw}}.collapsed button[data-v-6495d792]{grid-template-columns:30px auto;padding:0 10px 0 5px}.chat-pane[data-v-6495d792]{background:#fff;border-top:0;border-bottom:0;border-left:1px solid #999;grid-area:chat;grid-template-rows:auto 1fr auto;display:grid;position:relative}.chat-pane .messages[data-v-6495d792]{overflow-y:auto}.chat-pane .welcome[data-v-6495d792]{text-align:center;border-bottom:1px solid #dedede;padding:20px;display:block}.chat-pane .msg .user[data-v-6495d792]{color:#000;align-content:start;margin-right:10px;font-weight:600;line-height:28px;display:flex}.chat-pane .msg[data-v-6495d792]{padding:2px 12px;line-height:20px;display:flex}.chat-pane .msg[data-v-6495d792]:nth-child(2n){background-color:#f9f9f9}.chat-pane .msg[data-v-6495d792]:nth-child(odd){background-color:#dedede}.chat-pane .msg span[data-v-6495d792]{flex-wrap:wrap;align-items:center;display:flex}.chat-pane .msg[data-v-6495d792] img{width:auto;height:28px}.chat-pane .chat-bottom[data-v-6495d792]{border-top:1px solid #ccc;width:100%;padding:10px;position:relative;bottom:0;left:0}.chat-pane .chat-bottom .text-input[data-v-6495d792]{position:relative}.chat-pane .chat-bottom .suggestions[data-v-6495d792]{background-color:#fcfcfc;border:1px solid #999;border-bottom:0;border-radius:4px;flex-direction:column;max-height:295px;display:flex;position:absolute;bottom:110px;left:10px;right:10px;overflow:hidden auto}.chat-pane .chat-bottom .suggestions .suggestion[data-v-6495d792]{pointer-events:all;cursor:pointer;align-items:center;padding:5px;display:flex}.chat-pane .chat-bottom .suggestions .suggestion.selected[data-v-6495d792]{background-color:#efefef}.chat-pane .chat-bottom .suggestions .suggestion img[data-v-6495d792]{width:fit-content;height:28px;margin:5px}.chat-pane .chat-bottom div[contenteditable][data-v-6495d792]{overflow-wrap:anywhere;background:#fff;border:1px solid #999;border-radius:4px;width:100%;padding:8px;line-height:32px;display:block;position:relative}.chat-pane .chat-bottom div[contenteditable][data-placeholder][data-v-6495d792]:empty:before{content:attr(data-placeholder);color:#555}.chat-pane .chat-bottom div[contenteditable][data-v-6495d792] img{width:auto;height:28px;margin:0}.chat-pane .chat-bottom div[contenteditable][data-v-6495d792] span{vertical-align:bottom;-webkit-user-select:all;user-select:all;align-items:center;line-height:normal;display:inline}.chat-pane .chat-bottom .chat-config[data-v-6495d792]{grid-template-columns:1fr auto auto;align-items:center;margin-top:10px;display:grid}.chat-pane .chat-bottom .chat-config span[data-v-6495d792]{-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;padding:10px;display:flex}.chat-pane .chat-bottom .chat-config button[data-v-6495d792]:not(.icon){background-color:var(--brand-color-tertiary);color:#fff;border:1px solid var(--brand-color-tertiary);border-radius:16px;width:140px;padding:8px 16px;transition:background-color 2s ease-in-out,border 2s ease-in-out}.chat-pane .chat-bottom .chat-config button.icon[data-v-6495d792]{color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:0;width:fit-content;padding:10px;display:flex}.chat-pane .emote-menu[data-v-6495d792]{z-index:10;background:#fff;border:1px solid #ccc;border-radius:4px;grid-template-rows:38px auto;grid-template-columns:auto 28px;width:300px;height:295px;padding:10px;display:grid;position:absolute;top:-245px;left:-100px;box-shadow:0 0 3px #999}.chat-pane .emote-menu input[data-v-6495d792]{border:1px solid #999;border-radius:4px;width:100%;margin-bottom:5px;padding:8px}.chat-pane .emote-menu span[data-v-6495d792]{color:#666;align-self:center;margin-bottom:5px;margin-left:5px;padding:0!important}.chat-pane .emote-menu .emotes[data-v-6495d792]{grid-column:span 2;overflow-y:auto}.chat-pane .emote-menu img[data-v-6495d792]{cursor:pointer;width:auto;height:32px;margin:5px;position:relative}