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