@svar-ui/react-gantt
Version:
A customizable, high-performance React Gantt chart component for building project timelines.
2 lines (1 loc) • 21.6 kB
CSS
.wx-content.wx-pqc08MHU{width:100%;white-space:nowrap;display:flex;align-items:center}.wx-toggle-icon.wx-pqc08MHU{width:var(--wx-icon-size);min-width:12px;height:16px;line-height:16px;margin:0 5px;font-size:var(--wx-icon-size);color:var(--wx-gantt-icon-color);cursor:pointer}.wx-toggle-placeholder.wx-pqc08MHU{width:var(--wx-icon-size);height:16px;line-height:16px;margin:0 5px;flex:0 0 var(--wx-icon-size)}.wx-text.wx-pqc08MHU{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.wx-action-icon.wx-9DAESAHW{cursor:pointer;font-size:var(--wx-icon-size);height:16px;line-height:16px;display:block;color:var(--wx-gantt-icon-color)}.wx-action-icon.wx-9DAESAHW:hover{color:var(--wx-color-link)}.wx-table-container.wx-rHj6070p{display:flex;flex-direction:column;border-right:var(--wx-gantt-border);overflow-x:auto;overflow-y:hidden;height:100%;box-sizing:content-box}.wx-table.wx-rHj6070p{--wx-table-select-background: var(--wx-gantt-select-color);--wx-table-select-focus-background: var(--wx-gantt-select-color);--wx-table-select-border: none;--wx-table-cell-border: var(--wx-grid-body-row-border);--wx-table-header-background: var(--wx-background);--wx-table-header-border: var(--wx-gantt-border);--wx-table-header-cell-border: var(--wx-gantt-border)}.wx-table .wx-grid .wx-table-box{border:none}.wx-table .wx-grid .wx-scroll{overflow:visible}.wx-table .wx-grid .wx-scroll .wx-body,.wx-table .wx-grid .wx-scroll .wx-header{width:100%}.wx-table .wx-grid{font:var(--wx-grid-body-font);color:var(--wx-grid-body-font-color)}.wx-table .wx-grid .wx-cell{padding:0 5px;height:100%;display:flex;align-items:center}.wx-table .wx-grid .wx-row{display:flex;align-items:center}.wx-table .wx-grid .wx-cell.wx-text-center{justify-content:center}.wx-table .wx-grid .wx-cell.wx-text-right{justify-content:end}.wx-table .wx-grid .wx-body .wx-cell{border-right:var(--wx-grid-body-cell-border)}.wx-table .wx-grid .wx-cell:has(input,.wx-value){height:100%;padding:0}.wx-table .wx-grid .wx-header{box-shadow:var(--wx-grid-header-shadow);z-index:1}.wx-table .wx-grid .wx-header .wx-cell{font:var(--wx-grid-header-font);text-transform:var(--wx-grid-header-text-transform);color:var(--wx-grid-header-font-color);padding:0 5px}.wx-table .wx-grid .wx-header .wx-cell:first-child{padding-left:14px}.wx-table .wx-grid .wx-header .wx-cell .wx-text{width:100%}.wx-table .wx-grid .wx-header .wx-cell:has(.wx-sort) .wx-text{width:calc(100% - 15px)}.wx-table .wx-grid .wx-header .wx-cell.wx-text-right{text-align:right}.wx-table .wx-grid .wx-header .wx-cell.wx-text-center{text-align:center;padding-left:5px}.wx-table .wx-grid .wx-header .wx-cell.wx-text-center.wx-action{justify-content:center}.wx-table .wx-grid .wx-header .wx-cell.wx-text-right.wx-action{justify-content:right}.wx-table .wx-grid .wx-header .wx-action i{font-size:var(--wx-icon-size);color:var(--wx-gantt-icon-color)}.wx-table .wx-grid .wx-header .wx-action .wx-text{display:none}.wx-table .wx-grid .wx-header .wx-action i:hover{color:var(--wx-color-link)}.wx-table .wx-grid .wx-reorder-task.wx-row{width:100%;background:var(--wx-background-alt);border-top:var(--wx-grid-body-row-border)}.wx-table .wx-grid .wx-reorder-task.wx-selected{background:var(--wx-gantt-select-color);border-top:transparent;border-bottom:transparent}.wx-baseline.wx-GKbcLEGA{position:absolute;background-color:#a883e4;border-radius:var(--wx-gantt-baseline-border-radius);z-index:1}.wx-baseline.wx-milestone.wx-GKbcLEGA{transform:rotate(45deg) scale(.75);border-radius:var(--wx-gantt-milestone-border-radius)}.wx-bars.wx-GKbcLEGA{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.wx-bar.wx-GKbcLEGA{box-sizing:border-box;position:absolute;border-radius:var(--wx-gantt-bar-border-radius);font:var(--wx-gantt-bar-font);white-space:nowrap;line-height:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.wx-bar.wx-touch.wx-GKbcLEGA{opacity:.5}.wx-bar.wx-reorder-task.wx-GKbcLEGA{z-index:3}.wx-content.wx-GKbcLEGA{overflow:hidden;text-overflow:ellipsis}.wx-task.wx-GKbcLEGA{color:var(--wx-gantt-task-font-color);background-color:var(--wx-gantt-task-color);border:var(--wx-gantt-task-border)}.wx-task.wx-selected.wx-GKbcLEGA{border:1px solid var(--wx-gantt-task-border-color);box-shadow:var(--wx-gantt-bar-shadow)}.wx-task:hover.wx-GKbcLEGA{box-shadow:var(--wx-gantt-bar-shadow)}.wx-summary.wx-GKbcLEGA{color:var(--wx-gantt-summary-font-color);background-color:var(--wx-gantt-summary-color);border:var(--wx-gantt-summary-border)}.wx-summary.wx-selected.wx-GKbcLEGA{border:1px solid var(--wx-gantt-summary-border-color);box-shadow:var(--wx-gantt-bar-shadow)}.wx-summary:hover.wx-GKbcLEGA{box-shadow:var(--wx-gantt-bar-shadow)}.wx-milestone .wx-content.wx-GKbcLEGA{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.wx-bar:not(.wx-milestone) .wx-content.wx-GKbcLEGA{position:relative;z-index:2}.wx-bar.wx-GKbcLEGA .wx-text-out{position:absolute;line-height:normal;display:block;color:var(--wx-color-font);pointer-events:none}.wx-milestone.wx-GKbcLEGA{border-color:var(--wx-gantt-milestone-color)}.wx-milestone .wx-text-out.wx-GKbcLEGA{padding:0 2px;left:100%}.wx-milestone .wx-content.wx-GKbcLEGA{height:100%;background-color:var(--wx-gantt-milestone-color);transform:rotate(45deg) scale(.75);border-radius:var(--wx-gantt-milestone-border-radius)}.wx-progress-wrapper.wx-GKbcLEGA{position:absolute;width:100%;height:100%;background-color:transparent;border-radius:var(--wx-gantt-bar-border-radius);overflow:hidden}.wx-progress-percent.wx-GKbcLEGA{height:100%}.wx-progress-marker.wx-GKbcLEGA{opacity:0;position:absolute;top:80%;width:var(--wx-icon-size);height:var(--wx-gantt-progress-marker-height);background:var(--wx-gantt-progress-border-color);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);color:var(--wx-color-font);z-index:3;font-size:calc(var(--wx-font-size-sm) - 2px);border-radius:4px;cursor:ew-resize;text-align:center;line-height:3}.wx-progress-marker.wx-GKbcLEGA:before{content:"";display:block;position:absolute;width:calc(var(--wx-icon-size) - 2px);height:calc(var(--wx-gantt-progress-marker-height) - 2px);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);top:1px;left:1px;background:var(--wx-gantt-link-marker-background);z-index:-1;border-radius:4px}.wx-bar:hover .wx-progress-marker.wx-GKbcLEGA,.wx-progress-marker.wx-progress-in-drag.wx-GKbcLEGA{opacity:1}.wx-task .wx-progress-percent.wx-GKbcLEGA{background-color:var(--wx-gantt-task-fill-color)}.wx-summary .wx-progress-percent.wx-GKbcLEGA{background-color:var(--wx-gantt-summary-fill-color)}.wx-link.wx-GKbcLEGA{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:1px solid var(--wx-gantt-link-marker-color);background-color:var(--wx-gantt-link-marker-background);opacity:0;cursor:default}.wx-link .wx-inner.wx-GKbcLEGA{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;border:4px solid var(--wx-gantt-link-marker-color);pointer-events:none}.wx-link.wx-left.wx-GKbcLEGA{left:-16px}.wx-link.wx-right.wx-GKbcLEGA{right:-16px}.wx-link.wx-target:hover.wx-GKbcLEGA,.wx-link.wx-selected.wx-GKbcLEGA,.wx-bar:hover .wx-link.wx-target.wx-GKbcLEGA,.wx-link.wx-visible.wx-target.wx-GKbcLEGA{opacity:1;cursor:pointer}.wx-link.wx-selected.wx-GKbcLEGA,.wx-link.wx-selected .wx-inner.wx-GKbcLEGA{border-color:inherit}.wx-milestone .wx-link.wx-left.wx-GKbcLEGA{left:-16px}.wx-milestone .wx-link.wx-right.wx-GKbcLEGA{right:-16px}.wx-cut.wx-GKbcLEGA{opacity:50%}.wx-bar:not(.wx-milestone):focus.wx-GKbcLEGA{outline:1px solid var(--wx-color-primary);outline-offset:1px}.wx-milestone:focus.wx-GKbcLEGA{outline:none}.wx-milestone:focus .wx-content.wx-GKbcLEGA{outline:1px solid var(--wx-color-primary);outline-offset:1.6px}.wx-links.wx-dkx3NwEn{position:absolute;top:0;left:0;width:100%;height:100%}.wx-line.wx-dkx3NwEn{-webkit-user-select:auto;user-select:auto;pointer-events:stroke;position:relative;cursor:pointer;stroke:var(--wx-gantt-link-color);stroke-width:2;z-index:0;fill:transparent}.wx-chart.wx-mR7v2Xag{position:relative;flex:1 1 auto;overflow-x:auto;overflow-y:hidden}.wx-markers.wx-mR7v2Xag{position:absolute}.wx-marker.wx-mR7v2Xag{position:absolute;z-index:4;width:2px;height:100%;text-align:center;-webkit-user-select:none;user-select:none;transform:scaleX(-1)}.wx-default.wx-mR7v2Xag{background:var(--wx-gantt-marker-color)}.wx-content.wx-mR7v2Xag{position:absolute;min-width:50px;padding:4px 8px;border-top-left-radius:4px;border-bottom-left-radius:4px;font:var(--wx-gantt-marker-font);color:var(--wx-gantt-marker-font-color);background-color:inherit;white-space:nowrap;transform:scaleX(-1)}.wx-area.wx-mR7v2Xag{position:relative;overflow-y:hidden}.wx-selected.wx-mR7v2Xag{position:absolute;box-sizing:border-box;left:0;width:100%;background:var(--wx-gantt-select-color)}.wx-cut.wx-mR7v2Xag{opacity:50%}.wx-gantt-holidays.wx-mR7v2Xag{height:100%;width:100%;position:absolute}.wx-weekend.wx-mR7v2Xag{height:100%;background:var(--wx-gantt-holiday-background);color:var(--wx-gantt-holiday-color);position:absolute}.wx-scale.wx-ZkvhDKir{position:sticky;top:0;background-color:var(--wx-background);box-shadow:var(--wx-timescale-shadow);z-index:5}.wx-row.wx-ZkvhDKir,.wx-cell.wx-ZkvhDKir{display:flex;box-sizing:border-box}.wx-row.wx-ZkvhDKir{border-bottom:var(--wx-gantt-border)}.wx-cell.wx-ZkvhDKir{justify-content:center;align-items:center;border-right:var(--wx-timescale-border);font:var(--wx-timescale-font);text-transform:var(--wx-timescale-text-transform);color:var(--wx-timescale-font-color)}.wx-cell.wx-weekend.wx-ZkvhDKir{background:var(--wx-gantt-holiday-background);color:var(--wx-gantt-holiday-color)}.wx-resizer.wx-resizer-display-all.wx-pFykzMlT:hover:before,.wx-resizer.wx-resizer-display-all.wx-pFykzMlT:hover:after,.wx-button-expand-content.wx-pFykzMlT:before,.wx-button-expand-content.wx-pFykzMlT:after{content:"";position:absolute;background-color:var(--wx-gantt-border-color)}.wx-resizer.wx-pFykzMlT{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;background-color:var(--wx-gantt-border-color)}.wx-resizer.wx-pFykzMlT:hover .wx-button-expand-content.wx-pFykzMlT{opacity:1}.wx-resizer.wx-resizer-display-all.wx-pFykzMlT:hover:before,.wx-resizer.wx-resizer-display-all.wx-pFykzMlT:hover:after{top:0;width:2px;height:100%}.wx-resizer.wx-resizer-display-all.wx-pFykzMlT:hover:before{left:-3px}.wx-resizer.wx-resizer-display-all.wx-pFykzMlT:hover:after{right:-2px}.wx-resizer-display-chart.wx-pFykzMlT .wx-button-expand-left.wx-pFykzMlT,.wx-resizer-display-grid.wx-pFykzMlT .wx-button-expand-right.wx-pFykzMlT{display:none}.wx-resizer-display-all.wx-pFykzMlT .wx-button-expand-content.wx-pFykzMlT{opacity:0}.wx-resizer-display-all.wx-pFykzMlT .wx-button-expand-box.wx-pFykzMlT,.wx-resizer-display-chart.wx-pFykzMlT .wx-button-expand-box.wx-pFykzMlT{left:12px}.wx-resizer-display-grid.wx-pFykzMlT .wx-button-expand-left.wx-pFykzMlT{right:-6px}.wx-resizer-display-chart.wx-pFykzMlT .wx-button-expand-left.wx-pFykzMlT,.wx-resizer-display-all.wx-pFykzMlT .wx-button-expand-left.wx-pFykzMlT{right:5px}.wx-button-expand-box.wx-pFykzMlT{position:relative;width:20px}.wx-button-expand-content.wx-pFykzMlT{position:absolute;transform:translate(-50%,-50%);width:20px}.wx-button-expand-content.wx-pFykzMlT i.wx-pFykzMlT{display:flex;justify-content:center;background-color:var(--wx-gantt-border-color);cursor:pointer;font-size:20px;line-height:24px}.wx-button-expand-content.wx-pFykzMlT i.wx-pFykzMlT:hover{color:var(--wx-color-primary)}.wx-button-expand-content.wx-pFykzMlT i.wx-pFykzMlT:active{color:var(--wx-gantt-task-fill-color)}.wx-button-expand-right.wx-pFykzMlT{top:4px;left:1px}.wx-button-expand-right.wx-pFykzMlT:before{top:-3.6px;width:17px;height:4px;clip-path:polygon(100% 100%,0 0,0 100%)}.wx-button-expand-right.wx-pFykzMlT:after{width:17px;height:4px;clip-path:polygon(100% 0,0 100%,0 0)}.wx-button-expand-right.wx-pFykzMlT i.wx-pFykzMlT{border-top-right-radius:4px;border-bottom-right-radius:4px}.wx-button-expand-left.wx-pFykzMlT{top:4px}.wx-button-expand-left.wx-pFykzMlT i.wx-pFykzMlT{border-top-left-radius:4px;border-bottom-left-radius:4px}.wx-button-expand-left.wx-pFykzMlT:before{top:-3.6px;left:3px;width:17px;height:4px;clip-path:polygon(100% 0,100% 100%,0% 100%)}.wx-button-expand-left.wx-pFykzMlT:after{left:3px;width:17px;height:4px;clip-path:polygon(0 0,100% 100%,100% 0)}.wx-gantt.wx-jlbQoHOz{height:100%;width:100%;overflow-y:auto}.wx-pseudo-rows.wx-jlbQoHOz{width:100%;height:auto;min-height:100%}.wx-stuck.wx-jlbQoHOz{position:sticky;top:0;height:100%;width:100%;max-height:100%}.wx-layout.wx-jlbQoHOz{position:relative;display:flex;max-height:100%;max-width:100%;background-color:var(--wx-background);overflow:hidden;outline:none;height:100%}.wx-content.wx-jlbQoHOz{position:relative;display:flex;flex-direction:column;overflow:hidden}.wx-button.wx-TyZ1fHBj{width:40px;height:40px;border:none;outline:none;border-radius:50%;cursor:pointer;padding-top:7px}.wx-primary.wx-TyZ1fHBj{color:var(--wx-color-primary-font);background-color:var(--wx-color-primary)}.wx-primary.wx-TyZ1fHBj:hover{background-color:#0b9db1}.wx-transparent.wx-TyZ1fHBj{width:40px;height:40px;color:var(--wx-color-primary-font);background-color:#63636373}.wx-transparent.wx-TyZ1fHBj:hover{background-color:#45454573}.wx-button-icon.wx-TyZ1fHBj{font-size:20px;padding-top:2px}.wx-fullscreen.wx-KG2RkQhB{position:relative;height:100%;width:100%;outline:none}.wx-fullscreen-icon.wx-KG2RkQhB{position:absolute;right:25px;bottom:35px;z-index:4}.wx-menu .wx-option.wx-disabled.wx-LU2cdPQ2{pointer-events:none}.wx-menu .wx-option.wx-disabled.wx-LU2cdPQ2 .wx-value,.wx-menu .wx-option.wx-disabled.wx-LU2cdPQ2 .wx-icon{color:var(--wx-color-font-disabled)}.wx-links.wx-j93aYGQf{margin-bottom:10px}.wx-cell.wx-j93aYGQf{text-align:center}.wx-task-name.wx-j93aYGQf{font-family:var(--wx-input-font-family);font-size:var(--wx-input-font-size);font-weight:var(--wx-input-font-weigth);color:var(--wx-input-font-color);width:170px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wx-wrapper.wx-j93aYGQf{position:relative;display:flex}.wx-delete-icon.wx-j93aYGQf{margin-left:12px;position:relative;top:2px;font-size:var(--wx-icon-size);cursor:pointer;color:var(--wx-gantt-icon-color)}.wx-delete-icon.wx-j93aYGQf:hover{color:var(--wx-color-primary)}.date-time-controll.wx-hFsbgDln{display:flex;gap:12px}.wx-sidearea .wx-gantt-editor.wx-XkvqDXuw{width:400px}.wx-sidearea .wx-gantt-editor.wx-full-screen.wx-XkvqDXuw{width:100%}.wx-tooltip-area.wx-KG0Lwsqo{position:relative;height:100%;width:100%}.wx-gantt-tooltip{pointer-events:none;position:absolute;z-index:10;box-shadow:var(--wx-box-shadow);border-radius:2px;overflow:hidden}.wx-gantt-tooltip-text.wx-KG0Lwsqo{padding:6px 10px;background-color:var(--wx-tooltip-background);font:var(--wx-tooltip-font);color:var(--wx-tooltip-font-color)}.wx-QSwitwNQ,.wx-material-theme{--wx-gantt-border-color: #e6e6e6;--wx-gantt-border: var(--wx-border);--wx-gantt-form-header-border: var(--wx-border);--wx-gantt-icon-color: var(--wx-icon-color);--wx-gantt-bar-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-gantt-bar-border-radius: 50px;--wx-gantt-milestone-border-radius: 3px;--wx-gantt-task-color: #448aff;--wx-gantt-task-font-color: #fff;--wx-gantt-task-fill-color: #246cd9;--wx-gantt-task-border-color: #448aff;--wx-gantt-task-border: 1px solid #246cd9;--wx-gantt-summary-color: #1de9b6;--wx-gantt-summary-font-color: #5f5f5f;--wx-gantt-summary-fill-color: #00d19a;--wx-gantt-summary-border-color: #1de9b6;--wx-gantt-summary-border: 1px solid #00d19a;--wx-gantt-milestone-color: #d33daf;--wx-gantt-select-color: rgb(201, 244, 240);--wx-gantt-link-color: #87a4bc;--wx-gantt-link-marker-background: #f0f0f0;--wx-gantt-link-marker-color: #87a4bc;--wx-gantt-bar-shadow: 0px 1px 2px rgba(44, 47, 60, .06), 0px 3px 10px rgba(44, 47, 60, .12);--wx-gantt-progress-marker-height: 22px;--wx-gantt-progress-border-color: #dfdfdf;--wx-gantt-baseline-border-radius: 4px;--wx-grid-header-font: 500 14px Roboto;--wx-grid-header-font-color: #a6a6a6;--wx-grid-header-text-transform: uppercase;--wx-grid-header-shadow: 0px 3px 5px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1);--wx-grid-body-font: 400 14px Roboto;--wx-grid-body-font-color: #5f5f5f;--wx-grid-body-row-border: 1px solid transparent;--wx-grid-body-cell-border: 1px solid transparent;--wx-timescale-font: 500 12px Roboto;--wx-timescale-font-color: #a6a6a6;--wx-timescale-text-transform: uppercase;--wx-timescale-shadow: 0px 3px 5px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1);--wx-timescale-border: 1px solid transparent;--wx-gantt-holiday-background: #f3f7fc;--wx-gantt-holiday-color: #9fa1ae;--wx-gantt-marker-font: 500 12px Roboto;--wx-gantt-marker-font-color: #fff;--wx-gantt-marker-color: rgba(6, 189, 248, .77);--wx-tooltip-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-tooltip-font-color: #e6e6e6;--wx-tooltip-background: rgba(0, 0, 0, .7);--wx-sidebar-close-icon: var(--wx-color-secondary-font)}.wx-willow-theme{--wx-gantt-border-color: #e6e6e6;--wx-gantt-border: 1px solid #1d1e261a;--wx-gantt-form-header-border: none;--wx-gantt-icon-color: #9fa1ae;--wx-gantt-bar-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-gantt-bar-border-radius: 3px;--wx-gantt-milestone-border-radius: 3px;--wx-gantt-task-color: #3983eb;--wx-gantt-task-font-color: #fff;--wx-gantt-task-fill-color: #1f6bd9;--wx-gantt-task-border-color: #1f6bd9;--wx-gantt-task-border: 1px solid transparent;--wx-gantt-summary-color: #00ba94;--wx-gantt-summary-font-color: #ffffff;--wx-gantt-summary-fill-color: #099f81;--wx-gantt-summary-border-color: #099f81;--wx-gantt-summary-border: 1px solid transparent;--wx-gantt-milestone-color: #ad44ab;--wx-gantt-select-color: #eaedf5;--wx-gantt-link-color: #9fa1ae;--wx-gantt-link-marker-background: #eaedf5;--wx-gantt-link-marker-color: #9fa1ae;--wx-gantt-bar-shadow: 0px 1px 2px rgba(44, 47, 60, .06), 0px 3px 10px rgba(44, 47, 60, .12);--wx-gantt-progress-marker-height: 26px;--wx-gantt-progress-border-color: #c0c3ce;--wx-gantt-baseline-border-radius: 2px;--wx-grid-header-font: var(--wx-font-weight-md) var(--wx-font-size) var(--wx-font-family);--wx-grid-header-font-color: var(--wx-color-font);--wx-grid-header-text-transform: capitalize;--wx-grid-header-shadow: none;--wx-grid-body-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-grid-body-font-color: var(--wx-color-font);--wx-grid-body-row-border: var(--wx-gantt-border);--wx-grid-body-cell-border: 1px solid transparent;--wx-timescale-font: var(--wx-font-weight-md) var(--wx-font-size-sm) var(--wx-font-family);--wx-timescale-font-color: var(--wx-color-font);--wx-timescale-text-transform: uppercase;--wx-timescale-shadow: none;--wx-timescale-border: var(--wx-gantt-border);--wx-gantt-holiday-background: #f0f6fa;--wx-gantt-holiday-color: #9fa1ae;--wx-gantt-marker-font: var(--wx-font-weight-md) var(--wx-font-size-sm) var(--wx-font-family);--wx-gantt-marker-font-color: #fff;--wx-gantt-marker-color: rgba(6, 189, 248, .77);--wx-tooltip-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-tooltip-font-color: #e6e6e6;--wx-tooltip-background: #4f525a;--wx-sidebar-close-icon: #c0c3ce}.wx-willow-dark-theme{color-scheme:dark;--wx-gantt-border-color: #384047;--wx-gantt-border: var(--wx-border);--wx-gantt-form-header-border: none;--wx-gantt-icon-color: #9fa1ae;--wx-gantt-bar-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-gantt-bar-border-radius: 3px;--wx-gantt-milestone-border-radius: 3px;--wx-gantt-task-color: #37a9ef;--wx-gantt-task-font-color: #ffffffe5;--wx-gantt-task-fill-color: #098cdc;--wx-gantt-task-border-color: #098cdc;--wx-gantt-task-border: 1px solid transparent;--wx-gantt-summary-color: #00ba94;--wx-gantt-summary-font-color: #ffffffe5;--wx-gantt-summary-fill-color: #099f81;--wx-gantt-summary-border-color: #099f81;--wx-gantt-summary-border: 1px solid transparent;--wx-gantt-progress-marker-height: 26px;--wx-gantt-progress-border-color: #4b5359;--wx-gantt-baseline-border-radius: 2px;--wx-gantt-bar-shadow: 0px 1px 2px rgba(44, 47, 60, .06), 0px 3px 10px rgba(44, 47, 60, .12);--wx-gantt-milestone-color: #ad44ab;--wx-gantt-select-color: #384047;--wx-gantt-link-color: #9fa1ae;--wx-gantt-link-marker-background: #384047;--wx-gantt-link-marker-color: #9fa1ae;--wx-grid-header-font: var(--wx-font-weight-md) var(--wx-font-size) var(--wx-font-family);--wx-grid-header-font-color: var(--wx-color-font);--wx-grid-header-text-transform: capitalize;--wx-grid-header-shadow: none;--wx-grid-body-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-grid-body-font-color: var(--wx-color-font);--wx-grid-body-row-border: var(--wx-border);--wx-grid-body-cell-border: 1px solid transparent;--wx-timescale-font: var(--wx-font-weight-md) var(--wx-font-size-sm) var(--wx-font-family);--wx-timescale-font-color: var(--wx-color-font);--wx-timescale-text-transform: uppercase;--wx-timescale-shadow: none;--wx-timescale-border: var(--wx-border);--wx-gantt-holiday-background: #303539;--wx-gantt-holiday-color: #878994;--wx-gantt-marker-font: var(--wx-font-weight-md) var(--wx-font-size-sm) var(--wx-font-family);--wx-gantt-marker-font-color: #fff;--wx-gantt-marker-color: rgba(6, 189, 248, .77);--wx-tooltip-font: var(--wx-font-weight) var(--wx-font-size) var(--wx-font-family);--wx-tooltip-font-color: #e6e6e6;--wx-tooltip-background: #4f525a;--wx-sidebar-close-icon: #384047}