.drag_view{margin:0;padding:0;width:100%;min-width:0;height:100vh;box-sizing:border-box;position:relative;background-color:var(--bg);display:flex}.drag_view .header_view{position:fixed;top:0;left:0;box-sizing:border-box;background-color:var(--brand-tint);border-bottom:1px solid var(--border);z-index:99;width:100%;height:50px;line-height:50px;text-align:center;color:var(--text-2);font-size:var(--fs-14)}.drag_right{flex:1;min-width:0;height:100vh;box-sizing:border-box;padding:60px;overflow:auto}.drag_right::-webkit-scrollbar{width:var(--sp-2);height:var(--sp-2)}.drag_right::-webkit-scrollbar-track{border-radius:var(--radius-sm);background-color:var(--brand-tint)}.drag_right::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background-color:var(--text-3)}.drag_right::-webkit-scrollbar-thumb:hover{background-color:var(--text-2)}.drag_right .right_body{position:relative}.drag_right .right_body .col_view,.drag_right .right_body .row_view{position:absolute;z-index:2;background-color:var(--text)}.drag_right .right_body .col_view:hover,.drag_right .right_body .row_view:hover{cursor:pointer;background-color:var(--brand)}.drag_right .right_body .col_view:hover{width:10px!important}.drag_right .right_body .row_view:hover{height:10px!important}.drag_right .right_body .code_point_view{position:absolute;z-index:1;display:flex;align-items:center}.drag_right .right_body .code_point_view .item_view{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--brand-soft);cursor:pointer;text-wrap:wrap;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag_right .right_body .code_point_view_warning .item_view{background-color:var(--warning)!important}.drag_right .right_body .code_point_view_t{opacity:.5}