UNPKG

@nodata/render

Version:

Allows to dynamically render nodata components

1,075 lines (858 loc) 33.9 kB
.sl-custom-resource { height: 100%; } .sl-grid { height: 100%; width: 100%; position: relative; } .sl-grid-cell { position: absolute; overflow: hidden; box-sizing: border-box; } .sl-grid-cell.sl-border-top { border-top: 1px solid transparent; } .sl-grid-cell.sl-border-bottom { border-bottom: 1px solid transparent; } .sl-grid-cell.sl-border-left { border-left: 1px solid transparent; } .sl-grid-cell.sl-border-right { border-right: 1px solid transparent; } .sl-grid-cell.sl-border-visible { border-color: #ccc; } .sl-clickable-area { width: 100%; height: 100%; } .sl-selectable-area { width: 100%; height: 100%; } .sl-selectable-area:hover { background-color: cornflowerblue; opacity: 0.2; } .sl-draggable { height: 100%; } .sl-selected-area { width: 100%; height: 100%; box-shadow: 0 0 0 2px cornflowerblue inset; } .sl-selected-area-content { width: 100%; height: 100%; background-color: cornflowerblue; opacity: 0.5; } .sl-html-resource { height: 100%; width: 100%; } .sl-page { position: absolute; width: 100%; height: 100%; } .sl-page.out-next-page { animation: out-next-page 1s; animation-fill-mode: forwards; } .sl-page.in-next-page { animation: in-next-page 1s; animation-fill-mode: forwards; } .sl-page.out-prev-page { animation: out-prev-page 1s; animation-fill-mode: forwards; } .sl-page.in-prev-page { animation: in-prev-page 1s; animation-fill-mode: forwards; } .sl-page.out-next-branch { animation: out-next-branch 1s; animation-fill-mode: forwards; } .sl-page.in-next-branch { animation: in-next-branch 1s; animation-fill-mode: forwards; } .sl-page.out-prev-branch { animation: out-prev-branch 1s; animation-fill-mode: forwards; } .sl-page.in-prev-branch { animation: in-prev-branch 1s; animation-fill-mode: forwards; } @keyframes out-next-page { 0% { left: 0; opacity: 1; } 100% { left: -100%; opacity: 0; } } @keyframes in-next-page { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes out-prev-page { 0% { left: 0; opacity: 1; } 100% { left: 100%; opacity: 0; } } @keyframes in-prev-page { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes out-next-branch { 0% { top: 0; opacity: 1; } 100% { top: -100%; opacity: 0; } } @keyframes in-next-branch { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes out-prev-branch { 0% { top: 0; opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes in-prev-branch { 0% { opacity: 0; } 100% { opacity: 1; } } .sl-loading-spinner { background: url("data:image/gif;base64,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") no-repeat center; width: 30px; height: 30px; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); } .sl-resource { position: absolute; width: 100%; height: 100%; user-select: none; } .sl-resource.selectable:hover { box-shadow: 0 0 0 2px black inset; } .sl-resource.selected { box-shadow: 0 0 0 2px cornflowerblue inset; } .sl-resource.moving { box-shadow: 0 0 0 2px gray inset; } .sl-resource.highlighted { box-shadow: 0 0 0 2px green inset; } .sl-resize { position: absolute; bottom: 5px; right: 5px; width: 10px; height: 10px; border-right: 3px solid black; border-bottom: 3px solid black; cursor: nwse-resize; z-index: 2; } .sl-grid-size { position: absolute; top: 0; left: 0; width: 3rem; height: 2rem; display: flex; align-items: center; justify-content: center; color: white; background-color: cornflowerblue; z-index: 1; } .sl-slideshow { width: 100%; height: 100%; overflow: hidden; position: relative; } .sl-arrow-next-page { z-index: 4; position: absolute; cursor: pointer; background-position: center; background-repeat: no-repeat; top: calc(50% - (100px / 2)); right: 0; width: 20px; height: 100px; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20data-name%3D%22Livello%201%22%20id%3D%22Livello_1%22%20viewBox%3D%220%200%2020.57%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23007aff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%222.03%2036%2018.57%2019.14%202%202%22%2F%3E%3C%2Fsvg%3E"); } .sl-arrow-prev-page { z-index: 4; position: absolute; cursor: pointer; background-position: center; background-repeat: no-repeat; top: calc(50% - (100px / 2)); left: 0; width: 20px; height: 100px; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20data-name%3D%22Livello%201%22%20id%3D%22Livello_1%22%20viewBox%3D%220%200%2020.57%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23007aff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2218.54%202%202%2018.86%2018.57%2036%22%2F%3E%3C%2Fsvg%3E"); } .sl-arrow-next-branch { z-index: 4; position: absolute; cursor: pointer; background-position: center; background-repeat: no-repeat; left: calc(50% - (100px / 2)); bottom: 0; width: 100px; height: 20px; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20data-name%3D%22Livello%201%22%20id%3D%22Livello_1%22%20viewBox%3D%220%200%2038%2020.57%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23007aff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%222%202.03%2018.86%2018.57%2036%202%22%2F%3E%3C%2Fsvg%3E"); } .sl-arrow-prev-branch { z-index: 4; position: absolute; cursor: pointer; background-position: center; background-repeat: no-repeat; left: calc(50% - (100px / 2)); top: 0px; width: 100px; height: 20px; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20data-name%3D%22Livello%201%22%20id%3D%22Livello_1%22%20viewBox%3D%220%200%2038%2020.57%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23007aff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A4px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%222%2018.57%2018.86%202.03%2036%2018.57%22%2F%3E%3C%2Fsvg%3E"); } .sl-pages-container { position: relative; margin: 20px; width: calc(100% - (40px)); height: calc(100% - (40px)); } .sl-summary { position: absolute; z-index: 4; width: 20%; height: 100%; min-width: 150px; padding: 10px; border: 1px solid black; box-sizing: border-box; background: white; } .sl-summary.sl-summary-minimized { width: auto; height: auto; min-width: 0; padding-bottom: 0; } .sl-summary-hamburger-menu { width: 20px; height: 20px; margin-left: auto; margin-bottom: 10px; content: ''; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABkCAMAAACCTv/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA5ubmSUUG+gAAAAJ0Uk5T/wDltzBKAAAAPklEQVR42uzYQQ0AAAgDseHfNC4IyVoD912WAACUm3uampqampqamq+aAAD+IVtTU1NTU1NT0z8EAFBsBRgAX+kR+Qam138AAAAASUVORK5CYII="); cursor: pointer; } .sl-summary-page-list { padding-left: 0; margin: 0; list-style: none; } .sl-summary-page { display: flex; justify-content: space-between; cursor: pointer; } .sl-summary-page.current { font-weight: bold; } .sl-summary-page-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sl-summary-page-number:hover { font-weight: 600; } .sl-witchart-resource { width: 100%; height: 100%; } .wa-chart-with-tooltip { height: 100%; width: 100%; } .wa-tooltip-container .wa-tooltip-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .wa-tooltip-container .wa-tooltip { position: absolute; font-size: 0.6em; background-color: black; color: white; opacity: 0.7; border-radius: 5px; padding: 5px; white-space: nowrap; } .wa-tooltip-container .wa-tooltip.wa-tooltip-top:after { box-sizing: content-box; position: absolute; top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #000000; border-width: 3px; margin-left: -3px; } .wa-tooltip-container .wa-tooltip.wa-tooltip-bottom:after { box-sizing: content-box; position: absolute; bottom: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #000000; border-width: 3px; margin-left: -3px; } .wa-tooltip-container .wa-tooltip.wa-tooltip-right:after { box-sizing: content-box; position: absolute; right: 100%; top: 50%; border: solid transparent; content: ' '; height: 0; width: 0; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #000000; border-width: 3px; margin-top: -3px; } .wa-tooltip-container .wa-tooltip.wa-tooltip-left:after { box-sizing: content-box; position: absolute; left: 100%; top: 50%; border: solid transparent; content: ' '; height: 0; width: 0; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #000000; border-width: 3px; margin-top: -3px; } .wa-circular-piece { stroke: white; stroke-width: 0; } .wa-chart { display: flex; flex-direction: column; height: 100%; width: 100%; overflow: hidden; } .wa-chart.firefox .wa-chart-container, .wa-chart.safari .wa-chart-container { min-width: 0%; min-height: 0%; } .wa-title { font-size: 1.5em; } .wa-chart-container { display: flex; width: 100%; height: 100%; position: relative; } .wa-pale { opacity: 0.5; transition: 0.2s; } .wa-default-colors-0 { fill: #87cefa; stroke: #87cefa; background-color: #87cefa; } .wa-default-colors-1 { fill: #0082f6; stroke: #0082f6; background-color: #0082f6; } .wa-default-colors-2 { fill: #d9d9d9; stroke: #d9d9d9; background-color: #d9d9d9; } .wa-default-colors-3 { fill: #919395; stroke: #919395; background-color: #919395; } .wa-default-colors-4 { fill: #777; stroke: #777; background-color: #777; } .wa-default-colors-5 { fill: #99e6b3; stroke: #99e6b3; background-color: #99e6b3; } .wa-default-colors-6 { fill: #dc3747; stroke: #dc3747; background-color: #dc3747; } .wa-default-colors-7 { fill: #ffa07a; stroke: #ffa07a; background-color: #ffa07a; } .wa-default-colors-8 { fill: #9a4888; stroke: #9a4888; background-color: #9a4888; } .wa-default-colors-9 { fill: #967bb6; stroke: #967bb6; background-color: #967bb6; } .wa-default-colors-10 { fill: #20b2aa; stroke: #20b2aa; background-color: #20b2aa; } .wa-default-colors-11 { fill: #e6cc99; stroke: #e6cc99; background-color: #e6cc99; } .wa-default-colors-12 { fill: #ffde5a; stroke: #ffde5a; background-color: #ffde5a; } .wa-default-colors-13 { fill: #ff9896; stroke: #ff9896; background-color: #ff9896; } .wa-default-colors-14 { fill: #c5b0d5; stroke: #c5b0d5; background-color: #c5b0d5; } .wa-default-colors-15 { fill: #c49c94; stroke: #c49c94; background-color: #c49c94; } .wa-default-colors-16 { fill: #f7b6d2; stroke: #f7b6d2; background-color: #f7b6d2; } .wa-default-colors-17 { fill: #c7c7c7; stroke: #c7c7c7; background-color: #c7c7c7; } .wa-default-colors-18 { fill: #dbdb8d; stroke: #dbdb8d; background-color: #dbdb8d; } .wa-default-colors-19 { fill: #9edae5; stroke: #9edae5; background-color: #9edae5; } .wa-datalabel { font-size: 0.75em; } .wa-line-indicator { stroke-width: 2px; } .wa-gauge-track { fill: #ccc; } .wa-grid { width: 100%; height: 100%; position: relative; } .wa-grid .wa-grid-pane { position: absolute; overflow: hidden; } .wa-grid .wa-grid-pane .wa-grid-row { position: absolute; } .wa-grid .wa-grid-header .wa-grid-row:last-child { border-bottom: none; } .wa-grid .wa-grid-header .wa-grid-row .wa-grid-cell { word-break: normal; white-space: nowrap; justify-content: center; } .wa-grid .wa-grid-header.wa-grid-ref-header { position: absolute; visibility: hidden; width: 100%; } .wa-grid .wa-grid-row { display: flex; box-sizing: border-box; } .wa-grid .wa-grid-row:last-child { border-bottom: 1px solid #ebebeb; } .wa-grid .wa-grid-row .wa-grid-cell { display: flex; align-items: center; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; box-sizing: border-box; } .wa-grid .wa-grid-row .wa-grid-cell:last-child { border-right: 1px solid #ebebeb; } .wa-grid .wa-grid-row .wa-grid-cell.wa-grid-filler-cell { border-top: none; border-bottom: none; } .wa-grid .wa-grid-row .wa-grid-cell.wa-grid-filler-cell .wa-grid-cell-content { visibility: hidden; } .wa-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-action-button.wa-grid-expand-button { padding-right: 2px; } .wa-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-action-button.wa-grid-expand-button::before { content: '+'; } .wa-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-action-button.wa-grid-collapse-button { padding-left: 2px; padding-right: 4px; } .wa-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-action-button.wa-grid-collapse-button::before { content: '-'; } .wa-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-content { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.5rem; } .wa-grid .wa-adaptive-grid { height: 100%; display: flex; flex-direction: column; } .wa-grid .wa-adaptive-grid .wa-grid-body { position: relative; flex: 1 1 auto; } .wa-grid .wa-adaptive-grid .wa-grid-header .wa-grid-row { overflow: hidden; } .wa-grid .wa-adaptive-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-content { display: flex; align-items: center; text-overflow: clip; white-space: normal; word-break: break-all; } .wa-half-gauge-track { fill: #ccc; } .wa-chart-with-legend { display: flex; align-items: center; height: 100%; width: 100%; } .wa-chart-with-legend.ie .wa-legend { line-height: normal; } .wa-chart-with-legend.ie .wa-legend-content { flex-shrink: 0; } .wa-chart-with-legend.ie.top .wa-legend, .wa-chart-with-legend.ie.bottom .wa-legend { width: 100%; } .wa-chart-with-legend.top { flex-direction: column; } .wa-chart-with-legend.top .wa-legend { margin-bottom: 5px; } .wa-chart-with-legend.bottom { flex-direction: column-reverse; } .wa-chart-with-legend.bottom .wa-legend { margin-top: 5px; } .wa-chart-with-legend.top .wa-legend, .wa-chart-with-legend.bottom .wa-legend { max-width: 100%; max-height: 50%; } .wa-chart-with-legend.top .wa-legend-content, .wa-chart-with-legend.bottom .wa-legend-content { justify-content: center; } .wa-chart-with-legend.left { flex-direction: row; } .wa-chart-with-legend.left .wa-legend { margin-right: 5px; } .wa-chart-with-legend.right { flex-direction: row-reverse; } .wa-chart-with-legend.right .wa-legend { margin-left: 5px; } .wa-chart-with-legend.left .wa-legend, .wa-chart-with-legend.right .wa-legend { flex-direction: column; max-width: 50%; max-height: 100%; } .wa-chart-with-legend.left .wa-legend-content, .wa-chart-with-legend.right .wa-legend-content { align-items: center; } .wa-chart-with-legend.left.ie .wa-legend, .wa-chart-with-legend.right.ie .wa-legend { height: 100%; } .wa-chart-with-legend.horizontal .wa-legend-content { flex-direction: column; overflow-x: auto; } .wa-chart-with-legend.horizontal .wa-legend-entries { flex-wrap: wrap; } .wa-chart-with-legend.vertical .wa-legend-content { flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow-y: auto; } .wa-chart-with-legend.vertical .wa-legend-entries { flex-direction: column; } .wa-chart-with-legend.vertical.ie .wa-legend-content, .wa-chart-with-legend.vertical.firefox .wa-legend-content, .wa-chart-with-legend.vertical.safari .wa-legend-content { padding-right: 17px; } .wa-chart-with-legend.column .wa-legend-entries + .wa-legend-entries { margin-top: 10px; } .wa-chart-with-legend.column.horizontal.ie .wa-legend-entries { width: 100%; } .wa-chart-with-legend.series.horizontal .wa-legend-content { flex-wrap: wrap; flex-direction: row; } .wa-chart-with-legend.series.horizontal.top:not(.ie) .wa-legend-content, .wa-chart-with-legend.series.horizontal.bottom:not(.ie) .wa-legend-content { justify-content: flex-start; } .wa-legend { display: flex; align-items: center; justify-content: center; flex-direction: column; flex: 1 1 auto; overflow: auto; flex-shrink: 0; font-size: 0.75em; } .wa-legend-title { flex: 0 0 auto; text-align: center; } .wa-legend-content { display: flex; width: 100%; } .wa-legend-entries { display: flex; flex: 0 0 auto; } .wa-legend-entry { display: flex; align-items: center; white-space: nowrap; padding: 0 5px; } .wa-legend-entry-value { display: inline; margin-left: 5px; } .wa-chart-with-legend-content { min-height: 0; min-width: 0; width: 100%; height: 100%; } .wa-orthogonal-axis-dataholder { opacity: 0; } .wa-orthogonal-axis-label { fill: rgba(0, 0, 0, 0.7); font-style: italic; font-size: 0.75em; } .wa-orthogonal-axis-line { stroke: black; stroke-width: 1px; } .wa-orthogonal-axis-tick-line { stroke: rgba(0, 0, 0, 0.1); stroke-width: 1px; } .wa-orthogonal-axis-tick-tick { stroke: rgba(0, 0, 0, 0.6); stroke-width: 1px; } .wa-orthogonal-axis-tick-label { fill: rgba(0, 0, 0, 0.6); font-size: 0.75em; } .wa-progress-bar-background { fill: #ccc; } .wa-single-value-series-container { display: flex; align-items: center; justify-content: center; width: 100%; } .wa-single-value-series-container .wa-single-value-series-value { height: 100%; white-space: nowrap; } .wa-single-value-container { width: 100%; padding: 0.5rem 0; } .wa-single-value-value-container { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; line-height: 1; } .wa-single-value-label { display: inline-block; } .wa-single-value-icon img { max-height: 100%; } .wa-single-value-value { display: flex; flex-direction: column; align-items: center; } .wa-single-value-vertical { flex-direction: column; white-space: nowrap; width: 100%; } .wa-single-value-vertical .wa-single-value-icon { text-align: center; height: calc(100% / 3); } .wa-single-value-vertical .wa-single-value-value { min-height: calc(100% / 3); } .wa-single-value-vertical .wa-single-value-value-bottom { width: 100%; } .wa-single-value-horizontal { flex-direction: row; } .wa-single-value-horizontal .wa-single-value-icon { width: calc(100% / 3); } .wa-single-value-horizontal .wa-single-value-icon img { max-width: 100%; } @keyframes blink { 50% { opacity: 0.3; } } .wa-resize-placeholder { background: white; display: block; height: 100%; width: 100%; position: absolute; top: 0; z-index: 1; opacity: 1; visibility: visible; transition: all ease-in-out 250ms; transition-property: opacity, visibility; } .wa-resize-placeholder:not(.wa-resize-placeholder-hidden) .wa-resize-placeholder-skeleton { opacity: 1; background-size: cover; background-position: center; background-repeat: no-repeat; animation: blink 1.5s linear 1s infinite; height: 100%; } .wa-resize-placeholder-hidden { opacity: 0; visibility: hidden; } .wa-svg-container { width: 100%; height: 100%; } .wa-svg-text { dominant-baseline: text-before-edge; } .wa-svg-text.no-css-acceleration { dominant-baseline: unset; line-height: normal; } .wa-treemap { position: relative; height: 100%; } .wa-treemap-element { position: absolute; color: red; border: 2px solid white; box-sizing: border-box; } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear,opacity .2s linear; -webkit-transition: background-color .2s linear,opacity .2s linear; height: 15px; bottom: 0; position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear,opacity .2s linear; -webkit-transition: background-color .2s linear,opacity .2s linear; width: 15px; right: 0; position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y, .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y { opacity: .6; } .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background-color: #eee; opacity: .9; } .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear,height .2s ease-in-out; -webkit-transition: background-color .2s linear,height .2s ease-in-out; height: 6px; bottom: 2px; position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear,width .2s ease-in-out; -webkit-transition: background-color .2s linear,width .2s ease-in-out; width: 6px; right: 2px; position: absolute; } .ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x:hover > .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y { background-color: #999; width: 11px; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* Primary Colors */ /* Secondary Colors */ /* Gray scales */ /* Chatbot */ .wa-chart .wa-title { font-family: 'Comfortaa', sans-serif; padding-bottom: 1rem; } .wa-chart .wa-subtitle { font-family: 'OpenSans', sans-serif; padding-bottom: 0.5rem; } .wa-chart .wa-grid .wa-grid-row { font-family: 'OpenSans', sans-serif; } .wa-chart .wa-grid .wa-grid-row:last-child { border-bottom: 2px solid #ebebeb; } .wa-chart .wa-grid .wa-grid-row .wa-grid-cell { text-align: left; padding: 0 0.5rem; border-top: none; border-left: 2px solid #ebebeb; font-size: 16px; } .wa-chart .wa-grid .wa-grid-row .wa-grid-cell .wa-grid-cell-content { padding: 0; } .wa-chart .wa-grid .wa-grid-row .wa-grid-cell:last-child { border-right: 2px solid #ebebeb; } .wa-chart .wa-grid .wa-grid-header .wa-grid-row:last-child { border-bottom: none; } .wa-chart .wa-grid .wa-grid-header .wa-grid-row .wa-grid-cell { color: #ffffff; font-family: 'Comfortaa', sans-serif; font-size: 18px; } .wa-chart .wa-grid .wa-grid-header .wa-grid-row .wa-grid-cell:first-child { border-left: none; } .wa-chart .wa-grid .wa-grid-header .wa-grid-row .wa-grid-cell:last-child { border-right: none; } .wa-chart .wa-single-value-container .wa-single-value-value > .wa-single-value-value-bottom:not(:empty)::before { display: block; width: 100%; content: ''; border-bottom: 1px solid #cbd0da; margin: 0.3rem 0; } .wa-chart .wa-single-value-container .wa-single-value-label { padding-top: 0; } .wa-chart .wa-single-value-container .wa-single-value-value { font-weight: 600; } .wa-chart .wa-single-value-container .wa-single-value-value .wa-single-value-series-value { font-weight: 400; } .wa-chart .wa-default-colors-0 { fill: #4bb2fd; } .wa-chart .wa-default-colors-1 { fill: #ebebeb; } .wa-chart .wa-default-colors-2 { fill: #db2754; } .wa-chart .wa-default-colors-3 { fill: #0abc83; } .wa-chart .wa-default-colors-4 { fill: #cbd0da; } .wa-chart .wa-default-colors-5 { fill: #6cbfd4; } .wa-chart .wa-default-colors-6 { fill: #f95738; } .wa-chart .wa-default-colors-7 { fill: #4bb2fd; } .wa-chart .wa-default-colors-8 { fill: #ebebeb; } .wa-chart .wa-default-colors-9 { fill: #db2754; } .wa-chart .wa-default-colors-10 { fill: #0abc83; } .wa-chart .wa-default-colors-11 { fill: #cbd0da; } .wa-chart .wa-default-colors-12 { fill: #6cbfd4; } .wa-chart .wa-default-colors-13 { fill: #f95738; } .wa-chart .wa-default-colors-14 { fill: #4bb2fd; } .wa-chart .wa-default-colors-15 { fill: #ebebeb; } .wa-chart .wa-default-colors-16 { fill: #db2754; } .wa-chart .wa-default-colors-17 { fill: #0abc83; } .wa-chart .wa-default-colors-18 { fill: #cbd0da; } .wa-chart .wa-default-colors-19 { fill: #6cbfd4; } .sl-resource-type-filter .sl-custom-resource { padding: 0.8rem; } .sl-resource-type-filter .sl-custom-resource label { margin-bottom: 0; }