html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0;background-color:#1e1e1e}head{background-color:#1e1e1e}#renderCanvas{position:absolute;top:0;z-index:0;left:256px;width:calc(100% - 256px);height:100%;touch-action:none}.unselectable{touch-action:none;user-select:none;pointer-events:none}.hide{display:none!important;visibility:hidden;opacity:0}.inactive{opacity:30%;touch-action:none;pointer-events:none;user-select:none}#drop_zone{position:absolute;color:#e4e4e4;border-radius:1%;padding:20px;z-index:1;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:20pt}#drop_zone_container{position:absolute;top:0;left:256px;display:flex;width:calc(100% - 256px);height:100%;z-index:1;justify-content:center;align-items:center}#list_item_step{padding:10px 10px 10px 25px;display:flex;align-items:center}.timeline-line{width:3px;left:20px;position:absolute;height:35px;border-color:#babababa;border-width:1px;border-style:solid;border-top:none;border-bottom:none;opacity:100%!important}.timeline-line-inactive{background:#ffffff}.timeline-line-active{background:#fcfd9b}.timeline-line-complete{background:#1eff00}#timeline-line-upper{top:0}#timeline-line-lower{top:35px}#timeline-point{left:16px;width:11px;height:11px;border-radius:50%;position:absolute;border-width:1px;border-style:solid}.timeline-point-inactive{background:#ffffff}.timeline-point-active{background:#f6fa00}.timeline-point-complete{background:#1eff00}