.competition-dobule-tree[data-v-50f85a90]{position:relative;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;--lineColor:#626992}.double-tree-8[data-v-50f85a90]{padding-bottom:60px}[data-v-50f85a90] .alternate{padding-top:var(--alternateOffsetTop);width:100%;height:224px;display:flex}[data-v-50f85a90] .alternate>.col{position:relative;width:var(--colWidth);height:100%;display:flex;flex-direction:column;justify-content:center}[data-v-50f85a90] .alternate>.col>.alternate-title{position:absolute;top:-115px;display:flex;justify-content:center;align-items:center;margin:0 auto;width:var(--cellWidth);height:40px;background:#545d9e;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);font-size:14px}[data-v-50f85a90] .alternate .cell-group{position:relative}[data-v-50f85a90] .alternate .cell-group+.cell-group{margin-top:54px}[data-v-50f85a90] .alternate .single.line-box .horizontal{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);height:var(--lineWidth);background:var(--lineColor)}[data-v-50f85a90] .alternate .single.line-box .horizontal.active{--lineWidth:2px;--lineColor:#5168ff}[data-v-50f85a90] .cell-group{position:absolute;width:var(--cellWidth);display:flex;flex-direction:column;justify-content:space-between}[data-v-50f85a90] .cell-group>.time{position:absolute;top:-26px;width:100%;text-align:center;font-size:14px;color:#7176a2;letter-spacing:1px}[data-v-50f85a90] .cell-group .cell{position:relative;display:flex;align-items:center;font-size:24px;height:var(--cellHeight);background:rgba(56,62,110,.35);border-radius:5px;transition:.2s}[data-v-50f85a90] .cell-group .cell>.clan-img{margin-left:11px;width:30px;height:30px}[data-v-50f85a90] .cell-group .cell>.clan-name{padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;color:hsla(0,0%,100%,.6);font-size:14px}[data-v-50f85a90] .cell-group .cell>.clan-name.empty{color:#8a8a8a;text-decoration:line-through}[data-v-50f85a90] .cell-group .cell>.clan-score{position:absolute;display:flex;justify-content:center;align-items:center;right:0;top:0;bottom:0;width:40px;font-size:14px;color:rgba(169,175,218,.5);background:rgba(66,74,123,.6);border-radius:0 5px 5px 0}[data-v-50f85a90] .cell-group .cell+.cell{margin-top:var(--cellGap)}[data-v-50f85a90] .cell-group .cell>.cup{position:absolute;top:50%;transform:translateY(-50%);right:-32px;color:#f8f72a}[data-v-50f85a90] .cell-group .cell.win{background:rgba(56,62,110,.7)}[data-v-50f85a90] .cell-group .cell.win>.clan-score{color:#a9afda;background:#424a7b}[data-v-50f85a90] .cell-group .cell.active{background:#687bff}[data-v-50f85a90] .cell-group .cell.active>.clan-score{color:#3dffac;background:#414fa0;font-weight:700}[data-v-50f85a90] .cell-group>.line-box{pointer-events:none;position:absolute;left:calc(var(--roundOffset)*-1);width:var(--roundOffset)}[data-v-50f85a90] .cell-group>.line-box>.part-horizontal{position:absolute;top:50%;transform:translateY(calc(-50% - var(--lineWidth)));left:var(--lineOffset);right:0;height:var(--lineWidth);background:var(--lineColor)}[data-v-50f85a90] .cell-group>.line-box>.part{position:relative;width:100%;height:50%;transition:.12s}[data-v-50f85a90] .cell-group>.line-box>.part>.horizontal{position:absolute;top:0;left:0;height:var(--lineWidth);width:var(--lineOffset);background:var(--lineColor)}[data-v-50f85a90] .cell-group>.line-box>.part>.vertical{position:absolute;height:100%;left:var(--lineOffset);width:var(--lineWidth);background:var(--lineColor)}[data-v-50f85a90] .cell-group>.line-box>.part.part-bottom{transform:rotateX(180deg)}[data-v-50f85a90] .cell-group>.line-box>.part-horizontal.active,[data-v-50f85a90] .cell-group>.line-box>.part.part-bottom.active,[data-v-50f85a90] .cell-group>.line-box>.part.part-top.active{--lineWidth:2px;--lineColor:#5168ff}[data-v-50f85a90] .cell-group>.final{left:calc(var(--roundOffset)*-5)}[data-v-50f85a90] .cell-group>.final>.line-a{position:absolute;top:0;left:0;right:var(--lineOffset);height:var(--lineWidth);background:var(--lineColor);width:auto}[data-v-50f85a90] .cell-group>.final>.line-common{position:absolute;top:0;right:0;height:var(--lineWidth);width:var(--lineOffset);background:var(--lineColor)}[data-v-50f85a90] .cell-group>.final>.line-b-vertical{position:absolute;height:100%;left:calc(var(--roundOffset)*4.5);width:var(--lineWidth);background:var(--lineColor)}[data-v-50f85a90] .cell-group>.final>.line-b{position:absolute;width:var(--lineOffset);right:calc(var(--roundOffset)*0.5);bottom:0;height:var(--lineWidth);background:var(--lineColor)}[data-v-50f85a90] .cell-group>.final>.line-a.active,[data-v-50f85a90] .cell-group>.final>.line-b-vertical.active,[data-v-50f85a90] .cell-group>.final>.line-b.active,[data-v-50f85a90] .cell-group>.final>.line-common.active{--lineWidth:2px;--lineColor:#5168ff}