*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#000;background-image:url(/static/media/backgroundtw.9c08c600f2c0cbc64062.jpg);background-repeat:no-repeat;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background-color:#260437;border:1px solid #553293;overflow:visible;width:4px}::-webkit-scrollbar-thumb{background-color:#9147ff;border:1px solid grey;border-radius:22px;width:10px}.App{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;max-width:100vw;overflow-x:hidden;position:relative;text-align:center}.error_feedback{background-color:#dc2626;border-radius:.75rem;color:#fff;font-weight:700;margin-left:50%;margin-top:1%;padding:.625rem;position:absolute}.login{display:flex;flex-direction:column;height:100vh;justify-content:center}.login a:active{transform:translate(-50%,-50%) scale(.99)}.login a{align-items:center;background-color:#5b21b67a;border-radius:1.5rem;display:flex;flex-direction:column;font-weight:700;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:13rem}.login h2{color:#e8e8e8;font-weight:700}.login>a>img{height:8rem;margin-top:-28px;width:10rem}.login>a>span{color:#fff;margin-top:-22px}.login>a:hover{background-color:#5b21b6a8;box-shadow:2px 5px 33px #0b0419;color:#fff}.nav{background-color:#645fb13d;border-right:2px solid #8b5cf673;color:#dbeafe;display:flex;flex-direction:column;height:100vh;justify-content:space-between;position:fixed;width:13rem}.nav__channels-onboard>span{background-color:#ffffff52;border-bottom:2px solid #8b5cf6;position:sticky;top:0;z-index:1}.nav__channels-onboard{border:2px solid #8b5cf6;border-right-width:0;height:19vh;overflow-y:auto;width:100%}.nav__channels-onboard .nav__channel{border-bottom:1px solid #8b5cf6;display:flex;flex-direction:column;flex-wrap:nowrap;height:1.5rem;position:relative;width:100%}.nav__channels-delete img{cursor:pointer;position:absolute;right:.125rem;top:.25rem;width:.875rem}.nav__channels-delete img:hover{transform:scale(1.3)}.nav__userinfo{background-color:#1211115e;border:2px solid #7c3aed;border-right-width:0;position:relative}.nav__userinfo__nickname a{align-items:center;color:#fff;display:flex;flex-direction:row;font-weight:700;justify-content:space-between}.nav__userinfo__nickname:hover{background-color:#60a5fa}.nav__userinfo__nickname img{border-bottom-right-radius:1rem;border-bottom-width:0;border-left-width:0;border-right:2px solid #7c3aed;border-top-right-radius:1rem;border-top-width:0;width:50px}.nav__my-follows{border:2px solid #7c3aed;border-right-width:0;height:25vh;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.nav__my-follow{align-items:center;background-color:#000;border-bottom:1px solid #8b5cf6;cursor:pointer;display:flex;height:47px;justify-content:space-between;position:relative;width:100%}.nav__my-follow>.live{width:17px}.nav__my-follow:hover{background-color:#60a5fa}.nav__userinfo__nickname-wrapper{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap}.nav__userinfo__nickname-wrapper>span{font-size:.75rem;line-height:1rem}.my-follow__line{display:flex;flex-direction:row;position:relative;white-space:nowrap;width:100%}.my-follow__line>img,.nav__my-follow>.avatar-rec{background-color:#000;border-bottom-right-radius:1rem;border-right:2px solid #8b5cf6;border-top-right-radius:1rem}.my-follow__line-title{width:100%}.my-follow__line-title-right{font-size:.875rem;line-height:1.25rem;text-align:right;text-overflow:ellipsis;width:100%}.my-follow__line-title-left{font-weight:700;text-align:left;width:100%}.labelboard{background-color:#5b21b6a8;position:sticky;top:0;width:100%;z-index:1}.search{display:flex;flex-direction:column;justify-content:center;margin-top:.375rem;position:relative}.search__error{background-color:#7f1d1d;position:absolute;top:-35px}.search__input{align-items:center;display:flex;flex-wrap:nowrap;position:relative}.search__input input{background-color:#622eaf;border:2px solid #6b7280;border-radius:10px;color:#fff;outline-width:0;padding:10px;width:100%}.search__input input:hover{border-color:#7c3aed}.search__input input:focus{border-color:#efefef}.search__input input::placeholder{color:#ffffffd9}.search__btn_clear{align-items:center;display:flex;font-weight:700;height:1.25rem;justify-content:center;position:absolute;right:.125rem}.search__btn_clear:hover{cursor:pointer;transform:scale(1.1)}.search__btn_clear img{height:1.5rem;margin-right:.125rem}.search__channel-result__avatar{border:2px solid #402b97;border-bottom-right-radius:1rem;border-top-right-radius:1rem;height:50px;width:50px}.search__channels-result{background-color:#e5e7eb;border:2px solid #fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:80vh;overflow-y:scroll;position:absolute;top:42px;width:13rem;z-index:10}.search__channels-result:hover{border-color:#7c3aed}.search__channel-result{background-color:#341b60;border-bottom:1px solid #5b21b6;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;white-space:nowrap;width:100%}.search__channel-result:hover{background-color:#3b82f6;cursor:pointer}.isLive{background-color:#dc2626;color:#fff;font-weight:700;position:absolute;right:0}.display-name{display:flex;flex-direction:column;font-size:.75rem;line-height:1rem;text-align:left}.window{align-content:center;align-items:center;background-color:#000;border:1px solid #8b5cf6b3;cursor:grab;display:flex;height:100%;justify-content:center;position:relative;width:100%}.window:hover{box-shadow:0 25px 50px -12px #ffffff40}.window iframe{border-width:0;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.window__channel-name{background-color:#5b21b6;border-bottom-right-radius:10px;color:#fff;font-weight:700;left:0;padding:2px;position:absolute;text-align:center;top:0}.window__chat{bottom:-20px;display:flex;position:absolute}.window__chat-pos{align-items:center;background-color:#5b21b6;border-bottom:1px solid #000;border-right:1px solid #000;cursor:pointer;display:flex;flex-direction:row;font-weight:700;justify-content:center;text-align:center}.window__chat-pos:hover{background-color:#3b82f6}.window__chat__btn{align-items:center;background-color:#5b21b6;color:#000;cursor:pointer;display:flex;flex-direction:row;font-weight:700;justify-content:center;width:90%}.window__chat__btn:hover{background-color:#3b82f6}.window__handler{display:flex;flex-direction:row;position:absolute;right:1.25rem;top:.25rem;width:15px}.window__delete{cursor:pointer;display:flex;justify-content:center}.window__delete:hover{transform:scale(1.1)}.table{height:100vh;left:13rem;position:relative;width:calc(100vw - 208px)}.table__windows{border-color:#8b5cf6;border-left-width:1px;height:100%;width:100%}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
/*# sourceMappingURL=main.afa75306.css.map*/