body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{padding:0;margin:0;overscroll-behavior-y:none;background:#000}body,button,html,input,textarea{font-family:"Outfit"}input[type=text]{color:#fff;padding:1em;border-radius:.25em;background:#1a1a1a;border:none;box-shadow:0 1px 0 rgb(255 255 255/20%);resize:none}*{box-sizing:border-box}main{display:flex;flex-direction:column;width:100vw;height:100vh}main>header{width:100%;height:2.5em;background:#120f11;box-shadow:0 1px 1px rgba(0,0,0,.27058823529411763);position:relative;padding:1.4em;display:flex;align-items:center;color:#ff0068;font-weight:700}main>header>.icon{height:1.5em;margin-right:.5em}main>header>span{flex:1 1}main>.container{display:flex;flex-direction:row;flex:1 1;height:calc(100% - 3em)}main>.container>.live-chat{width:25em;border-left:1px solid rgb(58 41 50);min-height:0}main>.container>.video{flex:1 1}.watch-list{z-index:9999}@media (max-width:800px){main>.container{flex-direction:column}main>.container>.video{flex-grow:0}main>.container>.live-chat{width:100%;flex:1 1}main>.container>.video>.video-container{margin:0;border-radius:0;width:100%}main>.container>.video>.video-container>.video-placeholder,main>.container>.video>.video-container>video{border-radius:0}main>.container>.video>.about>.title>.now-streaming{display:none}}.video{background:#2c1923;color:#fff;display:flex;flex-direction:column;background-color:#2c1923;opacity:1;position:relative;background-image:linear-gradient(30deg,#331f2a 12%,transparent 12.5%,transparent 87%,#331f2a 87.5%,#331f2a),linear-gradient(150deg,#331f2a 12%,transparent 12.5%,transparent 87%,#331f2a 87.5%,#331f2a),linear-gradient(30deg,#331f2a 12%,transparent 12.5%,transparent 87%,#331f2a 87.5%,#331f2a),linear-gradient(150deg,#331f2a 12%,transparent 12.5%,transparent 87%,#331f2a 87.5%,#331f2a),linear-gradient(60deg,rgba(51,31,42,.4666666666666667) 25%,transparent 25.5%,transparent 75%,rgba(51,31,42,.4666666666666667) 0,rgba(51,31,42,.4666666666666667)),linear-gradient(60deg,rgba(51,31,42,.4666666666666667) 25%,transparent 25.5%,transparent 75%,rgba(51,31,42,.4666666666666667) 0,rgba(51,31,42,.4666666666666667)),linear-gradient(45deg,#1e0f17,transparent);background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px,0 0,40px 70px}.video:before{position:absolute;left:0;top:0;right:0;bottom:0;background:red}.video>.about{background:linear-gradient(45deg,#1e0f17,transparent);padding:1em 1.4em;color:#f3e5ed;display:flex}.video>.about>.title{flex:1 1}.video>.about>.title>.now-streaming{text-transform:capitalize;font-size:.8em;opacity:.5}.video>.about>.title>h1{margin:0;padding:0}.video>.video-container{width:calc(100% - 2em);border-radius:.5em;position:relative;margin:1em}.video>.video-container>.video-placeholder{position:absolute;left:0;top:0;background:#101010;color:#a58a98;font-weight:700;width:100%;height:100%;border-radius:.5em;display:flex;justify-content:space-evenly;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;text-align:center;padding:1em}.video>.video-container>video{z-index:1;position:relative;width:100%;border-radius:.5em;box-shadow:0 3px 3px rgb(0 0 0/20%)}.video>.video-container>video.is-live{background:#101010}.video>.video-container>.listen-blocker{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:1;border-radius:.5em;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.video>.video-container>.listen-blocker:hover{background:rgba(0,0,0,.65)}.video>.video-container>.listen-blocker:hover>span{transform:scale(1.1)}.video>.video-container>.live{z-index:2;right:1em;bottom:1em;background:#df023d;position:absolute;font-weight:700;border-radius:.5em;vertical-align:middle;padding:.15em .5em .25em 1.5em;color:#ffd9e2;font-size:.85em}.video>.video-container>.live:before{content:"";font-size:2em;margin-right:.25em;display:block;background:#ffd9e2;width:.25em;height:.25em;border-radius:.25em;position:absolute;left:.3em;top:50%;transform:translateY(-50%)}.watch-list{color:#fff;background:rgba(0,0,0,.6);height:1em;align-self:start;padding:1em;line-height:0;border-radius:1em;font-weight:700;position:relative;opacity:.8;cursor:default}.watch-list:hover{opacity:1}.watch-list>ul{background:rgba(0,0,0,.6);position:absolute;left:50%;top:3.5em;transform:translate(-50%,-10%);line-height:1em;list-style-type:none;padding:1em;margin:0;border-radius:.5em;z-index:1;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.watch-list:hover>ul{opacity:1;transform:translate(-50%)}.watch-list>ul:after{content:" ";width:0;height:0;border-left:1em solid transparent;border-right:1em solid transparent;border-bottom:1em solid rgba(0,0,0,.6);position:absolute;left:50%;top:-1em;transform:translate(-50%)}.watch-list>ul>li{white-space:nowrap;margin-top:.5em;margin-bottom:.5em}.watch-list>ul>li:first-child{margin-top:0}.watch-list>ul>li:last-child{margin-bottom:0}.watch-list>ul>li>.username{margin-left:.25em}.username{font-weight:700;color:var(--color)}.live-chat{display:flex;flex-direction:column;background:#1a1a1a;color:#fff}.live-chat>.chat-history{flex:1 1;list-style-type:none;margin:0;padding:1em;overflow:scroll}.live-chat>.chat-history a,.live-chat>.chat-history a:visited{color:#ffb3d2}.live-chat>.chat-history a:hover{color:#fff}.live-chat>.chat-history>li{margin-bottom:1em;font-size:.85em}.live-chat>.chat-history>li.placeholder{opacity:.5}.live-chat>.message-form{display:flex;padding:1em;grid-gap:.5em;gap:.5em;background:#141313;border-top:1px solid rgba(0,0,0,.1)}.live-chat>.message-form>.new-message{flex:1 1;height:3.5em}.live-chat>.message-form>.new-message:focus{background:#331f29}.live-chat>.message-form>.button{height:100%}.live-chat>.message-form>.button>*{padding-left:1.5em;padding-right:1.5em}@media (max-width:800px){.live-chat>.message-form{flex-direction:column}.live-chat>.message-form>.button>*{width:100%;height:3em}}.button{display:flex}.button>button,.button>input[type=submit]{border:none;background:linear-gradient(0deg,#7a1c35,#df0c40);color:#fff;font-weight:700;padding:.5em 1em;letter-spacing:.05em;border-radius:.25em;cursor:pointer}.button>button:hover,.button>input[type=submit]:hover{-webkit-filter:saturate(1.2);filter:saturate(1.2)}.button.is-secondary>button,.button.is-secondary>input[type=submit]{background:none;border:1px solid #df0c40;color:#df0c40}.button.is-link>button,.button.is-link>input[type=submit]{background:none;border:none;color:#df0c40;text-decoration:underline}.username-settings>button{font-weight:700;background:none;border:1px solid var(--color);color:var(--color);border-radius:.25em;cursor:pointer}.username-settings:hover>button{background:var(--color);color:#fff}.modal-background{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);z-index:10}.dialog{color:#fff;background:#22151c;border-top:1px solid #2a0d17;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2em);max-width:31em;min-height:20em;border-radius:.5em}.dialog>.dialog-item{padding:1.5em}.dialog>.header{font-weight:700;color:#ff0068;display:flex;align-items:center;height:2em}.dialog>.header>.icon{height:1.5em;margin-right:.5em}.dialog>.header>span{flex:1 1}.dialog>.header>.cancel-button{background:none;border:none;color:#ff0068;font-size:2em;margin:0;padding:0;opacity:.25;height:1em;line-height:0;cursor:pointer}.dialog>.header>.cancel-button:hover{opacity:.5}.dialog-name p{margin:0;text-align:center}.dialog-name .name{font-size:1.5em;text-align:center;font-weight:700;display:flex;flex-direction:column;align-items:center;grid-gap:.5em;gap:.5em;margin-top:1em;margin-bottom:1em;background:rgba(0,0,0,.1);border-radius:.5em;padding:1em;border:1px solid rgba(0,0,0,.4)}.dialog-name .name>span{font-size:.6em;opacity:.5;font-weight:400}.dialog-name .name>input{font-size:1em;padding:.3em .5em;font-weight:700;width:100%;text-align:center;color:#fff}.dialog-name .buttons{display:flex;align-items:center;flex-direction:column;grid-gap:.5em;gap:.5em}.dialog-name .buttons>.button>*{font-size:1.2em}.dialog-name .buttons>.button>.link-button{font-size:.8em}.dialog-color .content>p{text-align:center;margin-bottom:1em}.dialog-color .colors{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:5em;max-width:22em;margin-left:auto;margin-right:auto;margin-bottom:1.5em;background:rgba(0,0,0,.1);border-bottom:2px solid #1a0f15;border-radius:.5em;padding:1em 2em 2em}.dialog-color input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color);margin:0;width:3em;height:3em;border-radius:1.5em;display:flex;justify-self:center;align-self:center;cursor:pointer;border:2px solid transparent}.dialog-color input[type=radio]:focus,.dialog-color input[type=radio]:hover{transform:scale(1.1)}.dialog-color input[type=radio]:checked{border:2px solid #000;outline:2px solid #fff;transform:scale(1.1)}.dialog-color .buttons>.button{justify-content:center}.dialog-color .buttons>.button>*{font-size:1.2em}
/*# sourceMappingURL=main.be07c83e.chunk.css.map */