@keyframes pulse{0%{background-color:var(--grey,#f5f5f5)}50%{background-color:var(--grey1,#e6e6e6)}to{background-color:var(--grey,#f5f5f5)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}os-visualisation{background-color:#fff;width:100%;min-height:600px;font-family:Amsterdam Sans,arial,sans-serif;display:flex;position:relative}os-visualisation article{border:1px solid var(--grey1,#e6e6e6);background:#fff;flex-direction:column;width:100%;display:flex}os-visualisation article hgroup{padding:24px 24px 0}os-visualisation article figure{padding:24px;position:relative}os-visualisation article.noBorder{border:none}os-visualisation article.noBorder hgroup{padding:0}os-visualisation article.noBorder figure{padding:24px 0 0}os-visualisation .stepperTexts{z-index:1;border:1px solid var(--grey3);text-align:center;text-wrap:balance;color:#000;background-color:#fffc;border-radius:8px;width:300px;padding:12px 24px;font-size:18px;display:none;position:absolute}@media only screen and (max-width:600px){os-visualisation .stepperTexts{text-align:left;border:none;width:100%;padding:12px 0 0 24px;position:static}}os-visualisation .container{background:#fff;width:100%}os-visualisation .container.loading{animation:2s ease-in-out infinite pulse}os-visualisation .container>img{width:100%}os-visualisation .static{z-index:-1;position:absolute}os-visualisation .static img{width:1200px;max-width:1200px}os-visualisation figcaption{font-size:var(--level-6-font-size);line-height:var(--level-6-line-height);padding-top:24px}os-visualisation figcaption:empty{display:none}os-visualisation footer{background-color:var(--grey,#f5f5f5);border-top:1px solid var(--grey1,#e6e6e6);min-height:60px;margin-top:auto;padding:0 24px}os-visualisation footer>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:60px;display:flex}os-visualisation footer .options{flex-wrap:wrap;column-gap:12px;display:flex}os-visualisation footer .showDataButton svg{transition:transform .25s ease-in}os-visualisation footer .dataTable{display:none}os-visualisation footer .dataTable>div:first-child{max-height:500px;margin:20px 0;overflow-y:auto}os-visualisation footer .dataTable>div:first-child table{border-collapse:separate;border-spacing:0;text-align:center;justify-self:center;width:100%;position:relative}os-visualisation footer .dataTable>div:first-child table thead{z-index:1;background-color:var(--grey,#f5f5f5);position:sticky;top:0}os-visualisation footer .dataTable>div:first-child table th,os-visualisation footer .dataTable>div:first-child table td{font-size:var(--level-6-font-size);line-height:var(--level-4-font-size);text-align:left;vertical-align:top;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;border-bottom:2px solid #fff;border-right:2px solid #fff;margin:0;padding:8px 16px}:is(os-visualisation footer .dataTable>div:first-child table th,os-visualisation footer .dataTable>div:first-child table td):first-child{border-left:2px solid #fff}:is(os-visualisation footer .dataTable>div:first-child table th,os-visualisation footer .dataTable>div:first-child table td):first-letter{text-transform:uppercase}os-visualisation footer .dataTable>div:first-child table th{border-top:2px solid #fff}os-visualisation footer .dataTable>div{text-align:right}os-visualisation footer .dataTable>div button{margin-bottom:12px}os-visualisation footer.showData .showDataButton svg{transform:rotate(180deg)}os-visualisation footer.showData .dataTable{display:block}os-visualisation .deck{border-bottom:none;flex:auto;margin:0;position:relative}os-visualisation .deck canvas{overflow:hidden}os-visualisation .deck>:last-child{overflow:visible!important}os-visualisation .deck-tooltip{background:0 0!important}os-visualisation .buttons{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:8px;right:8px}os-visualisation .buttons button{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;text-decoration:none;display:flex}os-visualisation .buttons button:focus,os-visualisation .buttons button:hover{background-color:#e6e6e6;text-decoration:none}os-visualisation .legend{background-color:var(--bg-color);gap:8px;padding:8px;display:grid;position:absolute}os-visualisation .legend>div:first-child{grid-area:title;font-weight:700}os-visualisation .legend[data-orient=top-left]{top:8px;left:8px}os-visualisation .legend[data-orient=top-right]{top:8px;right:8px}os-visualisation .legend[data-orient=bottom-left]{bottom:8px;left:8px}os-visualisation .legend[data-orient=bottom-right]{bottom:8px;right:8px}os-visualisation .legend[data-variant=list]{grid-template-areas:"title""values"}os-visualisation .legend[data-variant=list] ul{font-size:var(--level-6-font-size);margin:0;padding:0;list-style:none}os-visualisation .legend[data-variant=list] ul li{display:flex}os-visualisation .legend[data-variant=list] ul li[data-direction=horizontal]{display:inline-flex}os-visualisation .legend[data-variant=list] ul li{align-items:center;margin-right:16px}os-visualisation .legend[data-variant=list] ul li:before{content:" ";background-color:var(--color);width:10px;height:10px;margin-right:8px;display:inline-block}os-visualisation .legend[data-variant=break-points]{grid-template-areas:"title title""colors values";gap:8px;font-weight:700;display:grid}os-visualisation .legend[data-variant=break-points][data-direction=horizontal]{grid-template-areas:"title""values""colors"}os-visualisation .legend[data-variant=break-points]>div:nth-child(2){flex-direction:column;grid-area:colors;width:100%;display:flex}os-visualisation .legend[data-variant=break-points]>div:nth-child(2) div{background-color:var(--color);width:16px;height:36px}os-visualisation .legend[data-variant=break-points]>div:nth-child(2)[data-direction=horizontal]{flex-direction:row}os-visualisation .legend[data-variant=break-points]>div:nth-child(2)[data-direction=horizontal] div{width:50px;height:16px}os-visualisation .legend[data-variant=break-points]>div:nth-child(3){flex-direction:column;grid-area:values;margin-top:28px;margin-left:0;display:flex}os-visualisation .legend[data-variant=break-points]>div:nth-child(3) div{background-color:var(--color);height:36px}os-visualisation .legend[data-variant=break-points]>div:nth-child(3)[data-direction=horizontal]{flex-direction:row;margin-top:0;margin-left:25px}os-visualisation .legend[data-variant=break-points]>div:nth-child(3)[data-direction=horizontal] div{text-align:center;width:50px;height:16px}os-visualisation .legend[data-variant=gradient]{grid-template-areas:"title title""colors values";font-weight:700;display:grid}os-visualisation .legend[data-variant=gradient][data-direction=horizontal]{grid-template-areas:"title""values""colors"}os-visualisation .legend[data-variant=gradient]>div:nth-child(2){flex-direction:column;grid-area:values;justify-content:space-between;display:flex}os-visualisation .legend[data-variant=gradient]>div:nth-child(2)[data-direction=horizontal]{flex-direction:row}os-visualisation .legend[data-variant=gradient]>div:nth-child(3){background-image:var(--gradient);grid-area:colors;width:16px;height:180px}os-visualisation .legend[data-variant=gradient]>div:nth-child(3)[data-direction=horizontal]{width:250px;height:16px}os-visualisation .vega-bindings{display:none}os-visualisation .controls:not(:empty){flex-wrap:wrap;gap:24px;display:flex}os-visualisation .controls:not(:empty) label{flex-direction:column}os-visualisation .controls:not(:empty) label>div{gap:4px;display:flex}os-visualisation .controls:not(:empty) label>div button{aspect-ratio:1}os-visualisation .bindings{flex-wrap:wrap;gap:24px;display:flex}os-visualisation .bindings label:has(input[type=checkbox]){font-weight:700;font-size:var(--level-6-font-size);line-height:var(--level-6-line-height)}os-visualisation .params:not(:empty),os-visualisation .controls:not(:empty){padding:0 24px 24px}os-visualisation .controls:has(>.bindings:empty):not(:has(>label)):not(:has(>.stepperButtons)){display:none}os-visualisation .params dl{flex-wrap:wrap;gap:12px;display:flex}os-visualisation .params dl dt,os-visualisation .params dl dd{display:inline-flex}os-visualisation .params dl dt{font-weight:700}os-visualisation .stepperButtons{gap:8px;display:flex}os-visualisation .stepperButtons button{justify-content:center;width:40px;height:40px;padding:0}os-visualisation .stepperButtons button *{pointer-events:none}os-visualisation .download-image{z-index:-1;width:800px;position:absolute;top:0;left:0;overflow:hidden}os-visualisation .download-image *{pointer-events:none}os-visualisation .download-image h2{font-size:24px;line-height:1.2}os-visualisation .download-image figcaption{font-size:16px}os-visualisation .download-image footer p,os-visualisation .download-image footer dl{font-size:16px}os-visualisation .downloadImageButton os-icon:first-child{display:inline-flex}os-visualisation .downloadImageButton os-icon:nth-child(2){display:none}os-visualisation .downloadImageButton.downloading os-icon:first-child{display:none}os-visualisation .downloadImageButton.downloading os-icon:nth-child(2){display:inline-flex}os-visualisation .editorButton{display:none;position:absolute;top:20px;right:24px}os-visualisation .editorButton.show{display:block}os-visualisation .editorButton.alwaysHide,os-visualisation .editorButton.show.alwaysHide{display:none}os-visualisation .fadeIn{animation:.5s ease-in-out fadeIn}#vg-tooltip-element td{max-height:unset!important}