/* Generated from page: multitwitch */
.themify_builder_content-6534 .tb_54br174>.row_inner{--align_content:var(--align_center);--col:.416fr 1.584fr}
.themify_builder_content-6534 .tb_54br174{margin-bottom:25px;margin-top:-50px}
.themify_builder_content-6534 .tb_8004365.module-pro-image,.themify_builder_content-6534 .tb_o9fj540.module-plain-text,.themify_builder_content-6534 .tb_lqim540.module-plain-text,.themify_builder_content-6534 .tb_jwt1540.module-plain-text,.themify_builder_content-6534 .tb_6kel540.module-plain-text,.themify_builder_content-6534 .tb_py08540.module-plain-text,.themify_builder_content-6534 .tb_9vzy540.module-plain-text,.themify_builder_content-6534 .tb_ub5f540.module-plain-text,.themify_builder_content-6534 .tb_eghl540.module-plain-text{margin-bottom:25px}
.themify_builder_content-6534 .tb_tslb293.module-accordion.module .module-title{background-color:#605ba8}
.themify_builder_content-6534 .tb_tslb293.module-accordion{background-color:#8900a8}
.themify_builder_content-6534 .tb_tslb293.module-accordion .tb_title_accordion,.themify_builder_content-6534 .tb_tslb293.module-accordion .accordion-content{background-clip:border-box;background-image:none;color:#fff}

@media(max-width:480px){
.themify_builder_content-6534 .tb_54br174>.row_inner,.themify_builder_content-6534 .tb_fkgz540,.themify_builder_content-6534 .tb_ywzs540{--col:none;--area:var(--aream2_auto)}
}/*Builder Custom CSS START*/
body { margin: 0; font-family: Arial, sans-serif; background: #f4f4f4; }
    .live-area { background: #fff; padding: 1rem; border-bottom: 1px solid #ddd; }
    .live-area h3 { margin: 0 0 0.5rem; }
    .live-list { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .live-item { background: #6441a5; color: #fff; padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer; }
    .live-status { font-style: italic; color: #555; }
    .controls { display: flex; align-items: center; justify-content: center; padding: 1rem; background: #fff; border-bottom: 1px solid #ddd; flex-wrap: wrap; gap: 1rem; }
    .controls label { font-weight: bold; margin-right: 0.5rem; }
    .controls input[type="text"] { padding: 0.5rem; width: 250px; border: 1px solid #ccc; border-radius: 4px; }
    .controls button { padding: 0.5rem 1rem; border: none; background: #6441a5; color: #fff; border-radius: 4px; cursor: pointer; }
    .controls button:hover { background: #4e357a; }
    .controls #hint { color: #d00; font-style: italic; }
    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 1rem; padding: 1rem; }
    .stream-container { background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1); display: flex; flex-direction: column; }
    .stream-header { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; background: #6441a5; color: #fff; }
    .stream-header .title { font-weight: bold; }
    .stream-header .remove-btn { background: none; border: none; color: #fff; font-size: 1.2rem; cursor: pointer; padding: 0; line-height: 1; }
    .video-wrap { position: relative; width: 100%; padding-top: 56.25%; }
    .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
    .chat-wrap { width: 100%; height: 400px; }
    .chat-wrap iframe { width: 100%; height: 100%; border: none; }
    .current-list { padding: 1rem; background: #fff; border-top: 1px solid #ddd; font-size: 0.9rem; }
/*Builder Custom CSS END*/