.stream-panel{display:flex;flex-direction:column;border-radius:6px;overflow:hidden;border:1px solid #e2e2e2;padding:20px 24px}.stream-panel>h3{color:#605f5f}.stream-player-box{display:flex;flex-direction:column}.stream-player-box>h2{padding:16px;color:#605f5f;border:1px solid #e2e2e2}.stream-player{display:flex;width:100%;height:300px}.stream-player>.player{width:100%;height:100%}.stream-player-footer{justify-content:right;padding:8px}.stream-name,.stream-player-footer{display:flex;border:1px solid #e2e2e2}.stream-name{flex-direction:column;padding:20px 24px}.stream-name>nav>h2{color:#605f5f}.stream-name>main{font-weight:400;font-size:18px;line-height:24px;color:#001424;padding:4px 0}.stream-name>footer{color:#001424}.stream-name>footer>input{width:100%;box-sizing:border-box;background-color:#fff;border:2px solid #bbc1c7;border-radius:4px;height:40px;font-size:18px;outline:none;padding:8px}.stream-name>footer>input:focus{border-color:#001424!important}.stream-name>footer>input:hover{border-color:#9198a0}.stream-name>footer>input::selection{background-color:rgba(52,58,64,.16)}.stream-chat-ctrl{display:flex;flex-direction:column;padding:20px 24px;border:1px solid #e2e2e2}.stream-chat-ctrl>nav>h2{color:#605f5f}.stream-chat-ctrl>main{display:flex;justify-content:flex-end;margin-top:24px;height:40px}.stream-chat-ctrl>main>button{border-radius:4px;border:2px solid transparent;box-sizing:initial;padding:0 16px;font-size:16px;background-color:#e30611;color:#fff}.stream-chat-ctrl>main>button:hover{background-color:#c80813;border-color:#c80813;color:#fff}.stream-setting{display:flex;height:calc(100% - 68px);padding:0 36px;box-sizing:border-box}.stream-setting-wp-lp{display:flex;width:100%;box-sizing:border-box}.stream-setting-lp{width:600px;padding:16px 0;box-sizing:border-box}.stream-setting-cp{width:600px;padding-top:16px;margin-left:auto;margin-right:auto}.stream-setting-rp{padding:16px 0}.stream-wrap{display:flex;flex-direction:column;width:100%;box-sizing:border-box}