mlops/docs/images/kedro-pipeline.svg

<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg id="pipeline-graph" class="pipeline-flowchart__graph kedro kui-theme--dark pipeline-graph--export" width="1338.0643939971924" height="1312" viewBox="0 0 1338.0643939971924 1312" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">.kui-theme--light { --color-button--border: #000; --color-button--border--disabled: #000; --color-button__text--hover: #d9dcde; --color-button__text: #151515; --color-secondary-active: #f9f9fa; } .kui-theme--dark { --color-button--border: #fff; --color-button--border--disabled: hsla(0,0%,100%,.302); --color-button__text--hover: #151515; --color-button__text: #d9dcde; --color-secondary-active: #2b2d2f; } .button { display: inline-block; } .button__btn { background: none; border: none; border-radius: 0px; box-shadow: none; color: var(--color-button__text); cursor: pointer; font-family: inherit; font-size: 1.6em; font-weight: 600; justify-content: center; letter-spacing: 0.1px; line-height: 1.3; margin: 2px; padding: 0.7em 0.8em 0.8em; transition: background 0.2s, border-color 0.2s, color 0.2s; } .button__btn--small { font-size: 1.4em; letter-spacing: 0.1px; line-height: 1.4; padding: 0.7em 0.85em; } .button__btn--primary { border: 2px solid var(--color-button--border); } .button__btn--primary:active:not(:disabled) { background: var(--color-button--border); color: var(--color-button__text--hover); transition: none; } .button__btn--primary:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 7px; } .button__btn--primary:hover:not(:disabled) { background: var(--color-button--border); color: var(--color-button__text--hover); } .button__btn--primary:disabled { border: 2px solid var(--color-button--border--disabled); color: var(--color-button--border--disabled); cursor: not-allowed; } .button__btn--primary:focus-visible { outline: none; } [data-whatinput="mouse"] .button__btn--primary:focus { box-shadow: none; } .button__btn--secondary { outline: rgba(0, 0, 0, 0) solid 4px; } .button__btn--secondary::after { background: none; content: ""; display: block; height: 2px; margin-bottom: -2px; transform: translateY(8px); transition: transform 0.1s, background 0.1s; width: 100%; } .button__btn--secondary:focus { outline: rgb(0, 188, 255) solid 4px; } .button__btn--secondary:hover::after { background: var(--color-button--border); transform: translateY(4px); } .button__btn--secondary:active { background-color: var(--color-secondary-active); outline-color: var(--color-secondary-active); } [data-whatinput="mouse"] .button__btn--secondary:focus { outline: none; } .button__btn--success { animation: 0.35s ease 0s 1 normal none running scale; background-color: rgb(49, 226, 123); border: 2px solid rgb(49, 226, 123); color: rgb(0, 0, 0); width: 172px; } .button__btn--success:focus-visible { outline: none; } .success-check-mark { animation: 0.35s ease 0.4s 1 normal forwards running grow; margin-left: 0.5em; transform: scale(0); } @keyframes scale { 
  0% { transform: scaleX(1); }
  50% { transform: scaleX(1.15); }
  75% { transform: scaleX(0.9); }
  100% { transform: scaleX(1); }
} @keyframes grow { 
  0% { transform: scale(0); }
  80% { transform: scale(1.25); }
  100% { transform: scale(1); }
} .fade-enter { opacity: 0; } .fade-enter-active { opacity: 1; transition: opacity 0.3s ease-in-out; } .fade-exit { opacity: 1; } .fade-exit-active { opacity: 0; transition: opacity 0.3s ease-in-out; } .feature-hints { background-color: rgb(255, 227, 0); bottom: 36px; color: rgb(0, 0, 0); display: flex; flex-direction: column; height: auto; padding: 32px 36px 36px; position: absolute; transition: height 0.3s ease-in-out, right 0.4s; width: 365px; z-index: 5; } .feature-hints__reopen-message { font-size: 14px; line-height: 20px; margin: -8px 0px -12px; } .feature-hints__nav { color: rgb(99, 99, 99); font-size: 12px; font-weight: 600; letter-spacing: 0.024px; line-height: 16px; } .feature-hints__close { position: absolute; right: 24px; top: 24px; } .feature-hints__close svg { cursor: pointer; height: 24px; width: 24px; } .feature-hints__header { font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; margin: 24px 0px 12px; } .feature-hints img { margin-bottom: 12px; } .feature-hints__description { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 36px; } .feature-hints__buttonsWrapper { display: flex; justify-content: space-between; } .feature-hints__buttonsWrapper .button, .feature-hints__buttonsWrapper a { flex-shrink: 0; } .feature-hints__buttonsWrapper .button button { border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); } .feature-hints__buttonsWrapper .button button:hover:not(.button__btn--secondary) { background: rgb(0, 0, 0); color: rgb(255, 255, 255); } .feature-hints__buttonsWrapper .button__btn--secondary:hover::after { background: rgb(0, 0, 0); } .feature-hints__buttonsWrapper .button__btn--secondary:active { background-color: initial; outline: initial; } .feature-hints__buttonsWrapper &gt; div:first-of-type button { padding-left: 0px; } .feature-hints__backNextButtons .button__btn--primary { margin-left: 12px; } .feature-hints__highlightDot { pointer-events: none; position: absolute; transform: translate(-50%, -50%); transition: left 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.1s ease-in-out; z-index: 5; } .pipeline-toolbar__label { background: var(--color-bg-alt); box-shadow: rgb(28, 30, 31) 0px 1px 3px; color: var(--color-text-alt); } .pipeline-icon--container { position: relative; } .pipeline-icon-toolbar__button { background: none; border: none; box-shadow: none; color: inherit; cursor: pointer; font-size: 1.1em; height: 56px; padding: 0px; position: relative; text-align: center; user-select: none; vertical-align: middle; width: 56px; } @media (max-height: 550px) {
  .pipeline-icon-toolbar__button { height: 42px; }
} .pipeline-icon-toolbar__button:focus { outline: none; } [data-whatinput="keyboard"] .pipeline-icon-toolbar__button:focus { outline: rgb(0, 188, 255) solid 3px; } .pipeline-icon-toolbar__button:hover svg { opacity: 1; } .pipeline-icon-toolbar__button:disabled { cursor: not-allowed; } .pipeline-icon-toolbar__button:disabled svg { opacity: 0.2; } .pipeline-icon-toolbar__button svg { height: 2.175em; width: 2.175em; } .pipeline-icon-toolbar__button--active svg { opacity: 1; } .pipeline-toolbar__label { display: inline-block; font-size: 1.4em; opacity: 0; padding: 0.5em 0.7em; pointer-events: none; position: absolute; white-space: nowrap; z-index: 1; } @media (max-width: 700px) {
  .pipeline-sidebar--visible .pipeline-toolbar__label { left: auto; margin-left: auto; margin-right: 1.6em; right: 50%; }
} .pipeline-icon-toolbar__button:hover .pipeline-toolbar__label, [data-whatinput="keyboard"] .pipeline-icon-toolbar__button:focus .pipeline-toolbar__label { pointer-events: all; } .pipeline-toolbar__label::after { border-style: solid; content: ""; height: 0px; position: absolute; width: 0px; } @media (max-width: 700px) {
  .pipeline-sidebar--visible .pipeline-toolbar__label::after { border-color: #0000 #0000 #0000 var(--color-bg-alt); border-width: 7px 0px 7px 7px; left: auto; right: -6.5px; }
} .pipeline-toolbar__label__visible { opacity: 1; } .pipeline-toolbar__label-right { left: 50%; margin-left: 1.6em; margin-top: -1.2em; top: 50%; } .pipeline-toolbar__label-right::after { border-color: #0000 var(--color-bg-alt) #0000 #0000; border-width: 7px 7px 7px 0px; left: -6.5px; top: calc(50% - 7px); } .pipeline-toolbar__label-left { margin-right: 1.6em; margin-top: -1.2em; right: 50%; top: 50%; } .pipeline-toolbar__label-left::after { border-color: #0000 #0000 #0000 var(--color-bg-alt); border-width: 7px 0px 7px 7px; right: 7.5px; top: calc(50% - 7px); } .pipeline-toolbar__label-bottom { left: 50%; margin-top: 0.5em; transform: translateX(-50%); } .pipeline-toolbar__label-bottom::after { border-color: #0000 #0000 var(--color-bg-alt) #0000; border-width: 0px 7px 7px; bottom: 100%; left: calc(50% - 7px); } .pipeline-toolbar__label-top { bottom: 100%; left: 50%; margin-bottom: 0.5em; transform: translateX(-50%); } .pipeline-toolbar__label-top::after { border-color: var(--color-bg-alt) #0000 #0000 #0000; border-width: 7px 7px 0px; right: calc(50% - 7px); top: 100%; } .pipeline-icon { fill: var(--color-default-alt); opacity: 0.7; transition: opacity 0.3s; } .pipeline-global-control-toolbar, .pipeline-global-routes-toolbar { display: block; list-style: none; margin: 0px; padding: 1em 0px; } .pipeline-global-toolbar { background: var(--color-global-toolbar-background); border-right: 1px solid var(--color-border-line); display: flex; flex-direction: column; height: 100%; left: 0px; position: absolute; top: 0px; width: 80px; z-index: 5; } .pipeline-global-control-toolbar { margin-top: auto; } .pipeline-menu-button--large { height: 80px; width: 80px; } .pipeline-menu-button--link:hover { background-color: var(--color-bg-2); border-right: 1px solid var(--color-border-line); } .pipeline-menu-button--logo { margin-bottom: 40px; } .pipeline-menu-button--logo svg { height: 2.9em; opacity: 1; width: 2.9em; } .pipeline-menu-button--pipeline svg { opacity: 0.7; } .pipeline-global-routes-toolbar a.active .pipeline-menu-button--link { background-color: var(--color-global-toolbar-active-btn); border-right: 1px solid var(--color-border-line); } .pipeline-global-routes-toolbar a.active .pipeline-menu-button--link svg { opacity: 1; } .update-reminder-dot { background-color: rgb(255, 188, 0); border-radius: 50%; height: 8px; position: absolute; right: 28px; top: 31px; width: 8px; } .kui-theme--light { --color-modal-bg: #242424; --color-modal-content: #fff; --color-modal-title: #000; --color-modal-description: #242424; } .kui-theme--dark { --color-modal-bg: #0f0f11; --color-modal-content: #2b2d2f; --color-modal-title: #fff; --color-modal-description: #989898; } .modal { height: 100%; left: 0px; position: fixed; top: 0px; transition: visibility 0.4s; visibility: hidden; width: 100%; z-index: 6; } .modal--visible { visibility: visible; } .modal__bg { background: var(--color-modal-bg); height: 100%; opacity: 0; position: absolute; transition: opacity 0.4s; width: 100%; } .modal__bg--visible { opacity: 0.7; } .modal__content { background: var(--color-modal-content); left: 50%; max-width: 420px; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) translateY(80px); transition: opacity 0.4s, transform 0.4s; width: 100%; } .modal__content--visible { opacity: 1; transform: translate(-50%, -50%); } .modal__wrapper { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding: 40px; text-align: center; width: 100%; } .modal__title { color: var(--color-modal-title); font-size: 2em; font-weight: 500; line-height: 1.4; margin-bottom: 40px; width: 100%; } .modal__description { color: var(--color-modal-description); margin-bottom: 40px; } .modal .pipeline-icon { position: absolute; right: 10px; top: 10px; } .pipeline-export-modal .button { margin: 0px 10px; } .pipeline-tooltip__text { background: var(--color-bg-alt); box-shadow: rgb(28, 30, 31) 0px 1px 3px; color: var(--color-text-alt); } .pipeline-tooltip { bottom: calc(100% + 10px); font-size: 12px; left: 50%; opacity: 0; pointer-events: none; position: absolute; transform: translate(-50%); transition: opacity 0.1s, visibility 0.1s 1s; visibility: hidden; z-index: 9; } .pipeline-tooltip--chart { bottom: auto; left: -20px; top: -10px; width: 100vw; } .pipeline-tooltip--visible { opacity: 1; visibility: visible; } .pipeline-tooltip--right { left: auto; right: -20px; } .pipeline-tooltip--top { top: 10px; } .pipeline-tooltip--no-delay { transition-delay: 0s; } .pipeline-tooltip__text { max-width: calc(-150px + 50vw); overflow-wrap: break-word; padding: 8px 12px; position: relative; width: max-content; } .pipeline-tooltip__text::after { border-width: 10px 10px 0px; border-style: solid; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); border-top-color: var(--color-bg-alt); bottom: -9.5px; content: ""; height: 0px; left: 10px; position: absolute; width: 0px; } .pipeline-tooltip--chart .pipeline-tooltip__text { bottom: 0px; left: 0px; padding: 12px 20px; position: absolute; } .pipeline-tooltip--right.pipeline-tooltip--chart .pipeline-tooltip__text { left: auto; right: 0px; } .pipeline-tooltip--right.pipeline-tooltip--chart .pipeline-tooltip__text::after { left: auto; right: 10px; } .pipeline-tooltip--top.pipeline-tooltip--chart .pipeline-tooltip__text { bottom: auto; top: 0px; } .pipeline-tooltip--top.pipeline-tooltip--chart .pipeline-tooltip__text::after { border-bottom-color: var(--color-bg-alt); border-top-color: rgba(0, 0, 0, 0); border-width: 0px 10px 10px; bottom: auto; top: -9.5px; } .pipeline-tooltip--small-arrow .pipeline-tooltip__text::after { border-width: 5px 5px 0px; bottom: -4.5px; } .pipeline-tooltip--top.pipeline-tooltip--small-arrow .pipeline-tooltip__text::after { border-width: 0px 5px 5px; top: -4.5px; } .pipeline-tooltip--center-arrow:not(.pipeline-tooltip--right) .pipeline-tooltip__text::after { left: 50%; transform: translateX(-50%); } .pipeline-tooltip--right.pipeline-tooltip--center-arrow .pipeline-tooltip__text::after { top: 50%; transform: translateY(-50%); } .container { display: flex; position: relative; } .command-value { align-items: center; display: flex; flex-grow: 1; font-family: ui-monospace, sfmono-regular, "sf mono", menlo, consolas, "liberation mono", monospace; font-size: 13px; padding-right: 24px; } .command-value--no-visible { opacity: 0; } .copy-message { left: 0px; padding-top: 4px; position: absolute; } .copy-message--no-visible { display: none; } .toolbox { display: block; height: 34px; list-style: none; margin: -0.1em 0px 0px; padding: 0px; position: relative; width: 26px; } .copy-button { height: auto; margin-top: 0.3em; opacity: 0.55; width: auto; } .copy-button .pipeline-icon { height: 26px; width: 26px; } .copy-button:hover { opacity: 1; } .copy-button:active { opacity: 0.85; transform: translateY(1px); } .kui-theme--dark { --sliced-pipeline-action-bar--background: #242526; --sliced-pipeline-action-bar--color: #fff; --sliced-pipeline-action-bar--color-faded: #ccd0d3; --sliced-pipeline-action-bar--background--hover: #fff; --sliced-pipeline-action-bar--color--hover: #000; --sliced-pipeline-action-bar--code-background: #000; --sliced-pipeline-action-bar-shadow-start: #424242; --sliced-pipeline-action-bar-shadow-end: #000; } .kui-theme--light { --sliced-pipeline-action-bar--background: #fff; --sliced-pipeline-action-bar--color: #000; --sliced-pipeline-action-bar--color-faded: #747474; --sliced-pipeline-action-bar--background--hover: #000; --sliced-pipeline-action-bar--color--hover: #fff; --sliced-pipeline-action-bar--code-background: #f2f3f4; --sliced-pipeline-action-bar-shadow-start: #c6cace; --sliced-pipeline-action-bar-shadow-end: #f2f3f4; } @keyframes slideUpTranslate { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
} .sliced-pipeline-action-bar { background-color: var(--sliced-pipeline-action-bar--background); border-radius: 4px; bottom: 30px; display: flex; margin: 0px; padding: 8px 10px; position: absolute; transition: transform 0.3s ease-out, opacity 0.3s ease-out; } .sliced-pipeline-action-bar .pipeline-icon-toolbar__button { height: 24px; margin: 0px; opacity: 1; width: 24px; } .sliced-pipeline-action-bar .pipeline-icon-toolbar__button svg { fill: var(--sliced-pipeline-action-bar--color); opacity: 1; } .sliced-pipeline-action-bar--first-render { animation: 0.3s ease-out 0s 1 normal forwards running slideUpTranslate; } .sliced-pipeline-action-bar--info { align-items: center; color: var(--sliced-pipeline-action-bar--color-faded); display: flex; font-size: 14px; font-weight: 600; line-height: 20px; margin-left: 6px; margin-right: 16px; } .sliced-pipeline-action-bar--run-command { display: flex; max-width: 780px; min-width: 296px; } .sliced-pipeline-action-bar--run-command .container { align-items: center; justify-content: space-between; width: 100%; } .sliced-pipeline-action-bar--run-command .command-value { background-color: var(--sliced-pipeline-action-bar--code-background); color: var(--sliced-pipeline-action-bar--color); overflow-x: scroll; padding: 10px 12px; text-overflow: ellipsis; white-space: nowrap; } .sliced-pipeline-action-bar--run-command .toolbox { align-items: center; display: flex; justify-content: center; margin: 0px 10px; width: auto; } .sliced-pipeline-action-bar--run-command .pipeline-icon--container { padding: 8px; } .sliced-pipeline-action-bar--run-command .pipeline-icon--container:hover { background: var(--sliced-pipeline-action-bar--code-background); } .sliced-pipeline-action-bar--run-command .pipeline-icon { height: 24px; width: 24px; } .sliced-pipeline-action-bar--run-command .pipeline-tooltip { bottom: calc(100% + 20px); } .sliced-pipeline-action-bar--run-command-long .command-value { background-attachment: local, local, scroll, scroll; background-color: var(--sliced-pipeline-action-bar--code-background); background-image: linear-gradient(to right,var(--sliced-pipeline-action-bar--code-background),var(--sliced-pipeline-action-bar--code-background)),linear-gradient(to right,var(--sliced-pipeline-action-bar--code-background),var(--sliced-pipeline-action-bar--code-background)),linear-gradient(to right,var(--sliced-pipeline-action-bar-shadow-start),var(--sliced-pipeline-action-bar-shadow-end)),linear-gradient(to left,var(--sliced-pipeline-action-bar-shadow-start),var(--sliced-pipeline-action-bar-shadow-end)); background-position: 0px center, 100% center, 0px center, 100% center; background-repeat: no-repeat; background-size: 30px 100%, 30px 100%, 30px 100%, 30px 100%; } .sliced-pipeline-action-bar--cta { align-items: center; border: 1px solid var(--sliced-pipeline-action-bar--color); border-radius: 4px; display: flex; height: 40px; justify-content: center; padding: 8px 12px; } .sliced-pipeline-action-bar--reset { background: rgb(240, 59, 58); border: none; } .sliced-pipeline-action-bar--reset:hover { background: rgb(220, 57, 56); } .sliced-pipeline-action-bar--reset .button__btn { border: none; color: rgb(255, 255, 255); font-size: 14px; padding: 0px; } .sliced-pipeline-action-bar--reset .button__btn:hover { background: rgb(220, 57, 56); color: rgb(255, 255, 255); } .sliced-pipeline-action-bar--slice { cursor: pointer; } .sliced-pipeline-action-bar--slice:hover { background: var(--sliced-pipeline-action-bar--background--hover); } .sliced-pipeline-action-bar--slice:hover .pipeline-icon path { fill: var(--sliced-pipeline-action-bar--color--hover); } .sliced-pipeline-action-bar--slice:hover .sliced-pipeline-action-bar--slice-text { color: var(--sliced-pipeline-action-bar--color--hover); } .sliced-pipeline-action-bar--slice .pipeline-icon--container { list-style-type: none; } .sliced-pipeline-action-bar--slice .pipeline-icon { height: 24px; width: 24px; } .sliced-pipeline-action-bar--slice .pipeline-icon path { fill: var(--sliced-pipeline-action-bar--color); } .sliced-pipeline-action-bar--slice .sliced-pipeline-action-bar--slice-text { color: var(--sliced-pipeline-action-bar--color); font-size: 14px; font-weight: 600; margin-left: 4px; } .kui-theme--dark { --sliced-pipeline-notification--background: #242526; --sliced-pipeline-notification--color: #fff; } .kui-theme--light { --sliced-pipeline-notification--background: #fff; --sliced-pipeline-notification--color: #000; } .sliced-pipeline-notification { animation: 0.5s ease-out 0s 1 normal forwards running fadeIn; background-color: var(--sliced-pipeline-notification--background); border-radius: 4px; bottom: 30px; color: var(--sliced-pipeline-notification--color); display: flex; font-size: 14px; font-style: normal; font-weight: 600; left: 40%; margin: 0px; padding: 8px 16px; position: absolute; transition: left 0.5s ease-out; } .sliced-pipeline-notification--no-sidebar { left: 30%; } .feedback-button { background-color: rgb(0, 123, 255); border: none; color: rgb(255, 255, 255); cursor: pointer; font-size: 16px; height: 40px; line-height: 40px; opacity: 0; padding: 0px 16px; position: fixed; right: -96px; text-align: center; top: 50%; transform: translateY(-50%) rotate(90deg); } .feedback-button--visible { opacity: 1; transition: opacity 0.5s ease-in; } .kui-theme--dark { --mood-name--color: #747474; } .kui-theme--light { --mood-name--color: #989898; } .mood-wrapper { align-items: center; display: flex; gap: 12px; justify-content: center; } .mood-wrapper .pipeline-icon--container { list-style-type: none; } .mood-wrapper .pipeline-icon-toolbar__button { height: 32px; width: 32px; } .mood-wrapper .pipeline-icon-toolbar__button:hover path { fill: rgb(0, 188, 255); } .mood-wrapper .pipeline-icon-toolbar__button svg { height: 32px; width: 32px; } .mood-icon--selected path { fill: rgb(0, 188, 255); } .mood-icon-wrapper--selected { position: relative; } .mood-name { color: var(--mood-name--color); font-size: 12px; font-style: normal; font-weight: 400; left: 50%; line-height: 20px; margin-top: 12px; opacity: 0; position: absolute; text-align: center; top: 125%; transform: translate(-50%, -50%); } .mood-name--selected { opacity: 1; } .kui-theme--dark { --feedback-form-bg: #fff; --feedback-form-content: #2b2d2f; --feedback-form-title: #000; --feedback-form--text-area--background: #242526; --feedback-form--text-area-placeholder--color: #747474; } .kui-theme--light { --feedback-form-bg: #000; --feedback-form-content: #fff; --feedback-form-title: #fff; --feedback-form--text-area--background: #fff; --feedback-form--text-area-placeholder--color: #989898; } .feedback-form--wrapper { animation: 0.5s ease-in 0s 1 normal none running fadeIn; background-color: var(--feedback-form-bg); border-radius: 8px 0px 0px 8px; min-width: 312px; padding: 24px 24px 36px; position: fixed; right: 0px; top: 320px; } .feedback-form--wrapper .button__btn { margin-top: 12px; } .feedback-form--wrapper-no-text-area { padding-bottom: 68px; } .feedback-form--text-area::placeholder { color: var(--feedback-form--text-area-placeholder--color); font-family: Inter, sans-serif; margin: auto; text-align: center; } .feedback-form--text-area { align-items: center; background-color: rgba(0, 0, 0, 0); border: 1px solid gray; color: var(--feedback-form-title); display: flex; font-family: Inter, sans-serif; font-size: 14px; height: 104px; margin-top: 68px; padding: 8px 12px; resize: none; text-align: left; width: 364px; } .feedback-form--title { color: var(--feedback-form-title); font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; margin-bottom: 24px; margin-top: 12px; text-align: center; } .feedback-form--close-icon { cursor: pointer; height: 24px; margin-left: auto; width: 24px; } .feedback-form--close-icon path { fill: var(--feedback-form-title); } .feedback-form { align-items: center; display: flex; flex-direction: column; justify-content: center; } .feedback-form .button__btn { border: 1px solid var(--feedback-form-title); color: var(--feedback-form-title); margin-top: 36px; padding: 8px 12px; } .feedback-form .button__btn:hover { background-color: var(--feedback-form-title); color: var(--feedback-form-bg); } .feedback-form--message { color: var(--feedback-form-title); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; padding: 24px 36px; width: auto; } .pipeline-edge path { fill: none; stroke-width: 1.5px; stroke: var(--edge-stroke); pointer-events: none; } .pipeline-edge--parameters path { stroke: var(--parameter-accent); } .pipeline-edge--parameters-input path { stroke: var(--parameter-accent-input); } .pipeline-edge--dataset--input path { stroke-dasharray: 3px, 3px; } .pipeline-edge--faded { opacity: 0.1; } .pipeline-flowchart__arrowhead { fill: var(--edge-arrowhead-fill); } .pipeline-flowchart__arrowhead--input { fill: var(--node-input-fill); } .pipeline-flowchart__arrowhead--accent { fill: var(--parameter-accent); } .pipeline-flowchart__arrowhead--accent--input { fill: var(--parameter-accent-input); } .pipeline-layer { fill: var(--layer-fill); opacity: 0; transition: opacity 0.5s; } .pipeline-layer:hover { opacity: 1; } .pipeline-graph--export .pipeline-layer { display: none; } @media print {
  .pipeline-layer { display: none; }
} .kui-theme--light { --layer-bg-transparent: #ccd0d300; } .kui-theme--dark { --layer-bg-transparent: #0f0f1100; } .pipeline-flowchart__layer-names { height: 100%; left: 0px; list-style: none; margin: 0px; opacity: 0; padding: 0px; pointer-events: none; position: absolute; top: 0px; transition: opacity 0.7s; width: 130px; } .pipeline-flowchart__layer-names--visible { opacity: 1; } .pipeline-flowchart__layer-names--no-global-toolbar { left: -80px; } .pipeline-flowchart__layer-names--no-sidebar { left: 0px; } @media print {
  .pipeline-flowchart__layer-names { display: none; }
} .pipeline-layer-name { align-items: center; color: var(--layer-text); display: flex; font-size: 1.6em; font-weight: 700; height: 20px; padding-left: 18px; position: absolute; top: -10px; transition: opacity 0.5s; white-space: nowrap; } .pipeline-layer-name--active { opacity: 1 !important; } .pipeline-node { cursor: pointer; } .pipeline-node text { fill: var(--node-labeltext-fill); font-size: 1.4em; font-weight: 600; pointer-events: none; } .pipeline-node .pipeline-node__bg { stroke-width: 1px; fill: var(--node-fill-default); stroke: var(--node-stroke-default); } .pipeline-node:focus { outline: none; } [data-whatinput="keyboard"] .pipeline-node:focus .pipeline-node__bg { stroke: rgb(0, 188, 255); stroke-width: 3.5px; } .pipeline-node--active .pipeline-node__bg { fill: var(--node-fill-active); stroke: var(--node-stroke-active); } .pipeline-node--active .pipeline-node__icon, .pipeline-node--active text { fill: var(--node-icon-fill); } .pipeline-node--parameters .pipeline-node__bg { stroke: var(--parameter-accent); } .pipeline-node--dataset-input text { fill: var(--node-input-fill); } .pipeline-node--dataset-input .pipeline-node__bg { fill: rgba(0, 0, 0, 0); stroke: var(--node-input-fill); stroke-dasharray: 3px, 3px; } .pipeline-node--dataset-input .pipeline-node__icon { fill: var(--node-input-fill); } .pipeline-node-input--active .pipeline-node__bg { fill: var(--node-input-fill-active); } .pipeline-node-input--active .pipeline-node__icon, .pipeline-node-input--active text, .pipeline-node-input--selected .pipeline-node__icon, .pipeline-node-input--selected text { fill: var(--node-input-icon-selected); } .pipeline-node--parameter-input text { fill: var(--node-input-fill); } .pipeline-node--parameter-input .pipeline-node__bg { fill: rgba(0, 0, 0, 0); stroke: var(--parameter-accent-input); stroke-dasharray: 3px, 3px; } .pipeline-node--parameter-input .pipeline-node__icon { fill: var(--node-input-fill); } .pipeline-node__parameter-indicator { fill: var(--parameter-accent); opacity: 0; transition: opacity 0.3s; } .pipeline-node__parameter-indicator--visible { opacity: 1; } .pipeline-node--selected .pipeline-node__bg { stroke-width: 2px; fill: var(--node-fill-selected); stroke: var(--node-stroke-selected); } .pipeline-node--selected .pipeline-node__icon, .pipeline-node--selected .pipeline-node__text { fill: var(--node-icon-fill); } .pipeline-node--sliced-pipeline .pipeline-node__bg { stroke-width: 2px; fill: var(--node-fill-sliced); stroke: var(--node-stroke-sliced); } .pipeline-node--sliced-pipeline .pipeline-node__icon, .pipeline-node--sliced-pipeline .pipeline-node__text { fill: var(--node-icon-fill); } .pipeline-node--from-to-sliced-pipeline .pipeline-node__bg { stroke-width: 2px; fill: var(--node-fill-selected); stroke: var(--node-stroke-selected); } .pipeline-node--from-to-sliced-pipeline .pipeline-node__icon, .pipeline-node--from-to-sliced-pipeline .pipeline-node__text { fill: var(--node-icon-fill); } .pipeline-node--collapsed-hint .pipeline-node__bg { stroke: var(--parameter-accent); } .pipeline-node--faded { opacity: 0.3; } .pipeline-node__icon { fill: var(--node-icon-fill); pointer-events: none; transition: transform 0.3s; } .pipeline-node__text { transition: opacity 0.15s; } .kui-theme--light { --node-icon-fill: #151515; --node-input-fill-active: #d9dcde; --node-input-icon-selected: #000; --node-fill-default: #fff; --node-stroke-default: #d9dcde; --node-fill-active: #82a8b8; --node-stroke-active: #0084b2; --node-fill-selected: #82a8b8; --node-stroke-selected: #005c7d; --node-fill-sliced: #cfdfe7; --node-stroke-sliced: #005c7d; --node-labeltext-fill: #151515; --edge-stroke: #abb2b7; --edge-arrowhead-fill: #abb2b7; --layer-fill: #ecedef; --layer-text: #000; --node-input-fill: #747474; --parameter-accent: #a000bc; --parameter-accent-input: #a000bc; } .kui-theme--light.pipeline-graph--export { --node-fill-default: #f2f3f4; --node-stroke-default: #c6cace; --edge-stroke: #868686; } @media print {
  .kui-theme--light { --node-fill-default: #f2f3f4; --node-stroke-default: #c6cace; --edge-stroke: #868686; }
} .kui-theme--dark { --node-icon-fill: #d9dcde; --node-input-fill-active: #1c1e1f; --node-input-icon-selected: #ccd0d3; --node-fill-default: #2b2d2f; --node-stroke-default: #525252; --node-fill-active: #005c7d; --node-stroke-active: #0084b2; --node-fill-selected: #005c7d; --node-stroke-selected: #00bcff; --node-fill-sliced: #052f41; --node-stroke-sliced: #00bcff; --node-labeltext-fill: #d9dcde; --edge-stroke: #636363; --edge-arrowhead-fill: #c6cace; --layer-fill: #18191b; --layer-text: #fff; --node-input-fill: #5e6c74; --parameter-accent: #ffbc00; --parameter-accent-input: #7d5c00; } .pipeline-flowchart { height: 100%; } .pipeline-flowchart__graph { display: block; } .pipeline-flowchart__graph.pipeline-graph--export.kui-theme--dark { background: rgb(15, 15, 17); } @media print {
  .pipeline-flowchart__graph { height: auto; width: 100%; }
} .pipeline-zoom-wrapper--hidden { opacity: 0; } @media print {
  .pipeline-zoom-wrapper { opacity: 1; transform: inherit; }
} .pipeline-flowchart__zoom-wrapper--animating { shape-rendering: optimizespeed; text-rendering: optimizespeed; } .pipeline-warning { display: flex; flex-direction: column; height: 100%; justify-content: center; left: 0px; position: absolute; text-align: center; top: 0px; transform: translateX(56px); transition: transform 0.4s, width 0.4s; width: calc(100% - 56px); } @media (min-width: 700px) {
  .pipeline-warning--sidebar-visible { transform: translateX(400px); width: calc(100% - 400px); }
} .pipeline-warning__subtitle, .pipeline-warning__title { margin: 0px auto; width: 90%; } @keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
} .pipeline-warning__title { animation: 1s ease 0s 1 normal none running fadeIn; font-size: 2.8em; font-weight: 400; margin-bottom: 0.6em; } @media (min-width: 700px) {
  .pipeline-warning__title { font-size: 3.8em; }
} .pipeline-warning__subtitle { animation: 1s ease 0s 1 normal none running fadeIn; font-size: 1.4em; margin-bottom: 2.4em; max-width: 30em; } @media (min-width: 700px) {
  .pipeline-warning__subtitle { font-size: 1.5em; }
} .pipeline-warning .button:first-of-type { margin-bottom: 1.2em; } .pipeline-loading-icon { display: block; height: 40px; opacity: 0; pointer-events: none; width: 40px; } .pipeline-loading-icon--visible { opacity: 1; transition-delay: 0.5s; } .pipeline-loading-icon path { fill: none; stroke-width: 8px; } .pipeline-loading-icon path:first-of-type { stroke: rgb(255, 255, 255); stroke-dasharray: 62.5, 437.5; animation: 2s linear 0s infinite normal none running stroke-spin1; } .pipeline-loading-icon path:nth-of-type(2) { stroke-dasharray: 437.5, 62.5; stroke: rgb(255, 188, 0); animation: 2s linear 0s infinite normal none running stroke-spin2; } @keyframes stroke-spin1 { 
  0% { stroke-dashoffset: 250; }
  100% { stroke-dashoffset: -250; }
} @keyframes stroke-spin2 { 
  0% { stroke-dashoffset: 187.5; }
  100% { stroke-dashoffset: -312.5; }
} .kui-theme--light { --color-bg: #e6e7e9; --color-highlight: #f2f3f4; } .kui-theme--dark { --color-highlight: #1e1f21; } .preview-table__header { font-size: 12px; font-weight: 600; line-height: 16px; padding-bottom: 12px; } .preview-table__data { font-size: 12px; font-weight: 400; line-height: 16px; padding-bottom: 8px; } .preview-table__small { margin: 30px 32px; } .preview-table__small .preview-table__data, .preview-table__small .preview-table__header { padding-right: 32px; text-align: left; } .preview-table__large { margin: auto 30px 30px auto; } .preview-table__large .preview-table__data, .preview-table__large .preview-table__header { padding: 12px 42px 12px 22px; text-align: left; } .preview-table__large .preview-table__row-header { background: var(--color-bg); position: sticky; top: 0px; z-index: 1; } .preview-table__large .preview-table__data-hovered, .preview-table__large .preview-table__header:hover, .preview-table__large .preview-table__row:hover { background: var(--color-highlight); } .preview-table__header:hover, .preview-table__row:hover { cursor: pointer; } .preview-table__data, .preview-table__header { outline: 0px; position: relative; } .pipeline-json__object { display: contents; margin-bottom: 1.2em; margin-right: -35px; margin-top: 1.2em; white-space: pre-wrap; word-break: break-word; } .pipeline-json__object .pretty-json-container { font-family: ui-monospace, sfmono-regular, "sf mono", menlo, consolas, "liberation mono", monospace; font-size: 0.87em; } .pipeline-json__object .object-key-val, .pipeline-json__object .variable-row { border-left: none !important; } .pipeline-plotly-chart { display: flex; } .pipeline-plotly-chart .js-plotly-plot { align-items: center; display: flex; } .pipeline-plotly__oneChart { height: calc(92% - 80px); margin: 0px 0px 24px; width: 100%; } .pipeline-plotly__threeCharts, .pipeline-plotly__twoCharts { display: flex; height: 100%; margin: 0px 0px 24px; width: 100%; } .pipeline-metadata { background: var(--color-sidebar-background); border-bottom: 1px solid var(--color-sidebar-border); border-right: 1px solid var(--color-border-line); } .pipeline-metadata__link { background: none; border: none; box-shadow: none; color: inherit; cursor: pointer; font-family: inherit; font-size: inherit; } .pipeline-metadata__link:focus { outline: none; } [data-whatintent="keyboard"] .pipeline-metadata__link:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .kui-theme--light { --color-metadata-bg: #fdfdfd; --color-metadata-preview-bg: #d5d8da; --color-metadata-kind-token-bg: #c0c5c9; --color-plot-bg: #e6e7e9; --color-button-plot-hovered: #005c7d; } .kui-theme--dark { --color-metadata-bg: #212324; --color-metadata-preview-bg: #101112; --color-metadata-kind-token-bg: #323232; --color-plot-bg: #141516; --color-button-plot-hovered: #005c7d; } .pipeline-metadata { background: var(--color-metadata-bg); border-left: 1px solid var(--color-border-line); bottom: -1px; display: flex; flex-direction: column; max-width: 400px; overflow: hidden auto; position: absolute; right: -1px; top: -1px; transform: translateX(100%); transition: transform 0.4s; width: 100%; z-index: 3; } .pipeline-metadata--visible { transform: translateX(0px); } @media print {
  .pipeline-metadata { display: none; }
} .pipeline-metadata__close-button { position: absolute; right: 0px; top: 0px; } .pipeline-metadata__close-button, .pipeline-metadata__close-button svg { height: 24px; width: 24px; } .pipeline-metadata__label, .pipeline-metadata__row { margin: 32px 36px; } .pipeline-metadata__header { display: flex; justify-content: space-between; padding-right: 8px; } .pipeline-metadata__header-toolbox { display: flex; flex-direction: column-reverse; justify-content: space-between; margin: 3.2em 3.6em; padding-right: 24px; position: relative; } .pipeline-metadata__icon { fill: var(--color-text); display: inline-block; flex-grow: 0; flex-shrink: 0; height: 28px; margin: 0.05em 0.55em 0px -0.3em; width: 28px; } .pipeline-metadata__header-toolbox .pipeline-toggle-label { font-size: 1.4em; } .pipeline-metadata__title { flex-grow: 1; font-size: 1.8em; font-weight: 400; line-height: 1.6; margin: 0px; word-break: break-word; } .pipeline-metadata__list { display: flex; flex-direction: column; flex-grow: 1; margin: 0px; } .pipeline-metadata__label { font-size: 1.3em; font-weight: 400; margin-bottom: 0.572em; opacity: 0.65; user-select: none; } .pipeline-metadata__row { font-size: 1.4em; margin-top: 0.572em; } .pipeline-metadata__value { display: inline; flex-grow: 0; line-height: 1.5; margin-right: auto; white-space: pre-wrap; word-break: break-word; } .pipeline-metadata__value--kind-path, .pipeline-metadata__value--kind-type { direction: rtl; display: block; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .pipeline-metadata__value--kind-token { background: var(--color-metadata-kind-token-bg); display: inline-block; font-weight: 600; padding: 0.18em 0.6em 0.2em; } code .pipeline-metadata__value--kind-token { font-family: ui-monospace, sfmono-regular, "sf mono", menlo, consolas, "liberation mono", monospace; font-size: 0.85em; font-weight: 400; padding: 0.4em 0.8em; } .pipeline-metadata__value-list-expand { appearance: none; background: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0); color: var(--color-text); cursor: pointer; display: block; font-size: 0.96em; margin: 0.6em 0px 0px; opacity: 0.45; padding: 0px 0px 0.12em; } .pipeline-metadata__value-list-expand:hover { border-bottom-color: var(--color-text); opacity: 0.55; } .pipeline-metadata__value-list--no-inline { list-style-type: none; margin: 0px; padding: 0px; } .pipeline-metadata__value-list--no-inline li { margin-left: 1em; position: relative; } .pipeline-metadata__value-list--no-inline li::before { content: "▪"; margin-left: -1em; position: absolute; } .pipeline-metadata__value-list--inline { list-style: none; margin: 0px -0.3em; padding: 0px; } .pipeline-metadata__value-list--inline li { display: inline; margin: 0.2em 0.3em; } .pipeline-metadata__value-list--commas li:not(:last-child)::after { content: ", "; } .pipeline-metadata__plot { cursor: pointer; display: flex; height: 300px; } .pipeline-metadata__plot-image-container { height: 100%; position: relative; width: 100%; } .pipeline-metadata__plot-image { width: 100%; } .pipeline-metadata__plot-image--expanded { height: 100%; left: 50%; position: absolute; transform: translateX(-50%); } .pipeline-metadata__properties { flex-grow: 1; height: 0px; margin-top: auto; overflow-y: auto; } .pipeline-metadata__properties :first-child { margin-top: 0px; } .pipeline-metadata__link { align-items: center; background-color: var(--color-button-plot); display: flex; flex-direction: row; justify-content: center; padding: 0px; z-index: 1; } .pipeline-metadata__link:hover { background-color: var(--color-button-plot-hovered); } .pipeline-metadata__link-icon { fill: var(--color-button-text); height: 1.9em; margin: 0px 0.8em 0px 0px; width: 1.9em; } .pipeline-metadata__link-text { color: var(--color-button-text); font-size: 1.6em; margin: 18px 0px; } .pipeline-metadata__object .pretty-json-container { font-family: ui-monospace, sfmono-regular, "sf mono", menlo, consolas, "liberation mono", monospace; font-size: 0.87em; } .pipeline-metadata__preview, .pipeline-metadata__preview-json { background: var(--color-metadata-preview-bg); height: 300px; position: relative; } .pipeline-metadata__preview-json { padding: 10px 0px 0px 20px; } .pipeline-metadata__preview-json .scrollable-container { padding-bottom: 10px; } .scrollable-container { height: 100%; max-height: 300px; max-width: 400px; overflow: scroll; width: 100%; } .pipeline-metadata__preview-shadow-box-right { background-image: linear-gradient(to right,#0000,var(--color-metadata-preview-bg)); border: none; content: " "; height: 100%; position: absolute; right: 0px; top: 0px; width: 50px; } .pipeline-metadata__preview-shadow-box-bottom { background-image: linear-gradient(to bottom,#0000,var(--color-metadata-preview-bg)); border: none; bottom: 0px; content: " "; height: 40px; left: 0px; position: absolute; width: 100%; } .pipeline-metadata-code { background: var(--color-sidebar-background); border-bottom: 1px solid var(--color-sidebar-border); border-right: 1px solid var(--color-border-line); } .kui-theme--light .pipeline-metadata-code__code .hljs-comment, .kui-theme--light .pipeline-metadata-code__code .hljs-quote { color: dimgray; } .kui-theme--light .pipeline-metadata-code__code .hljs-deletion, .kui-theme--light .pipeline-metadata-code__code .hljs-name, .kui-theme--light .pipeline-metadata-code__code .hljs-regexp, .kui-theme--light .pipeline-metadata-code__code .hljs-selector-class, .kui-theme--light .pipeline-metadata-code__code .hljs-selector-id, .kui-theme--light .pipeline-metadata-code__code .hljs-tag, .kui-theme--light .pipeline-metadata-code__code .hljs-template-variable, .kui-theme--light .pipeline-metadata-code__code .hljs-variable { color: rgb(217, 30, 24); } .kui-theme--light .pipeline-metadata-code__code .hljs-attribute, .kui-theme--light .pipeline-metadata-code__code .hljs-built_in, .kui-theme--light .pipeline-metadata-code__code .hljs-builtin-name, .kui-theme--light .pipeline-metadata-code__code .hljs-link, .kui-theme--light .pipeline-metadata-code__code .hljs-literal, .kui-theme--light .pipeline-metadata-code__code .hljs-meta, .kui-theme--light .pipeline-metadata-code__code .hljs-number, .kui-theme--light .pipeline-metadata-code__code .hljs-params, .kui-theme--light .pipeline-metadata-code__code .hljs-type { color: rgb(170, 93, 0); } .kui-theme--light .pipeline-metadata-code__code .hljs-addition, .kui-theme--light .pipeline-metadata-code__code .hljs-bullet, .kui-theme--light .pipeline-metadata-code__code .hljs-string, .kui-theme--light .pipeline-metadata-code__code .hljs-symbol { color: green; } .kui-theme--light .pipeline-metadata-code__code .hljs-section, .kui-theme--light .pipeline-metadata-code__code .hljs-title { color: rgb(0, 127, 170); } .kui-theme--light .pipeline-metadata-code__code .hljs-keyword, .kui-theme--light .pipeline-metadata-code__code .hljs-selector-tag { color: rgb(121, 40, 161); } .kui-theme--light .pipeline-metadata-code__code .hljs { background: rgb(254, 254, 254); color: rgb(84, 84, 84); display: block; overflow-x: auto; padding: 0.5em; } .kui-theme--light .pipeline-metadata-code__code .hljs-emphasis { font-style: italic; } .kui-theme--light .pipeline-metadata-code__code .hljs-strong { font-weight: 700; } @media screen and (-ms-high-contrast:active) {
  .kui-theme--light .pipeline-metadata-code__code .hljs-addition, .kui-theme--light .pipeline-metadata-code__code .hljs-attribute, .kui-theme--light .pipeline-metadata-code__code .hljs-built_in, .kui-theme--light .pipeline-metadata-code__code .hljs-builtin-name, .kui-theme--light .pipeline-metadata-code__code .hljs-bullet, .kui-theme--light .pipeline-metadata-code__code .hljs-comment, .kui-theme--light .pipeline-metadata-code__code .hljs-link, .kui-theme--light .pipeline-metadata-code__code .hljs-literal, .kui-theme--light .pipeline-metadata-code__code .hljs-meta, .kui-theme--light .pipeline-metadata-code__code .hljs-number, .kui-theme--light .pipeline-metadata-code__code .hljs-params, .kui-theme--light .pipeline-metadata-code__code .hljs-quote, .kui-theme--light .pipeline-metadata-code__code .hljs-string, .kui-theme--light .pipeline-metadata-code__code .hljs-symbol, .kui-theme--light .pipeline-metadata-code__code .hljs-type { color: highlight; }
  .kui-theme--light .pipeline-metadata-code__code .hljs-keyword, .kui-theme--light .pipeline-metadata-code__code .hljs-selector-tag { font-weight: 700; }
} .kui-theme--dark .pipeline-metadata-code__code .hljs-comment, .kui-theme--dark .pipeline-metadata-code__code .hljs-quote { color: rgb(212, 208, 171); } .kui-theme--dark .pipeline-metadata-code__code .hljs-deletion, .kui-theme--dark .pipeline-metadata-code__code .hljs-name, .kui-theme--dark .pipeline-metadata-code__code .hljs-regexp, .kui-theme--dark .pipeline-metadata-code__code .hljs-selector-class, .kui-theme--dark .pipeline-metadata-code__code .hljs-selector-id, .kui-theme--dark .pipeline-metadata-code__code .hljs-tag, .kui-theme--dark .pipeline-metadata-code__code .hljs-template-variable, .kui-theme--dark .pipeline-metadata-code__code .hljs-variable { color: rgb(255, 160, 122); } .kui-theme--dark .pipeline-metadata-code__code .hljs-built_in, .kui-theme--dark .pipeline-metadata-code__code .hljs-builtin-name, .kui-theme--dark .pipeline-metadata-code__code .hljs-link, .kui-theme--dark .pipeline-metadata-code__code .hljs-literal, .kui-theme--dark .pipeline-metadata-code__code .hljs-meta, .kui-theme--dark .pipeline-metadata-code__code .hljs-number, .kui-theme--dark .pipeline-metadata-code__code .hljs-params, .kui-theme--dark .pipeline-metadata-code__code .hljs-type { color: rgb(245, 171, 53); } .kui-theme--dark .pipeline-metadata-code__code .hljs-attribute { color: gold; } .kui-theme--dark .pipeline-metadata-code__code .hljs-addition, .kui-theme--dark .pipeline-metadata-code__code .hljs-bullet, .kui-theme--dark .pipeline-metadata-code__code .hljs-string, .kui-theme--dark .pipeline-metadata-code__code .hljs-symbol { color: rgb(171, 227, 56); } .kui-theme--dark .pipeline-metadata-code__code .hljs-section, .kui-theme--dark .pipeline-metadata-code__code .hljs-title { color: rgb(0, 224, 224); } .kui-theme--dark .pipeline-metadata-code__code .hljs-keyword, .kui-theme--dark .pipeline-metadata-code__code .hljs-selector-tag { color: rgb(220, 198, 224); } .kui-theme--dark .pipeline-metadata-code__code .hljs { background: rgb(43, 43, 43); color: rgb(248, 248, 242); display: block; overflow-x: auto; padding: 0.5em; } .kui-theme--dark .pipeline-metadata-code__code .hljs-emphasis { font-style: italic; } .kui-theme--dark .pipeline-metadata-code__code .hljs-strong { font-weight: 700; } @media screen and (-ms-high-contrast:active) {
  .kui-theme--dark .pipeline-metadata-code__code .hljs-addition, .kui-theme--dark .pipeline-metadata-code__code .hljs-attribute, .kui-theme--dark .pipeline-metadata-code__code .hljs-built_in, .kui-theme--dark .pipeline-metadata-code__code .hljs-builtin-name, .kui-theme--dark .pipeline-metadata-code__code .hljs-bullet, .kui-theme--dark .pipeline-metadata-code__code .hljs-comment, .kui-theme--dark .pipeline-metadata-code__code .hljs-link, .kui-theme--dark .pipeline-metadata-code__code .hljs-literal, .kui-theme--dark .pipeline-metadata-code__code .hljs-meta, .kui-theme--dark .pipeline-metadata-code__code .hljs-number, .kui-theme--dark .pipeline-metadata-code__code .hljs-params, .kui-theme--dark .pipeline-metadata-code__code .hljs-quote, .kui-theme--dark .pipeline-metadata-code__code .hljs-string, .kui-theme--dark .pipeline-metadata-code__code .hljs-symbol, .kui-theme--dark .pipeline-metadata-code__code .hljs-type { color: highlight; }
  .kui-theme--dark .pipeline-metadata-code__code .hljs-keyword, .kui-theme--dark .pipeline-metadata-code__code .hljs-selector-tag { font-weight: 700; }
} .kui-theme--light { --color-metadata-code-bg: #fdfdfd; } .kui-theme--dark { --color-metadata-code-bg: #1c1e1f; } .pipeline-metadata-code { background: var(--color-metadata-code-bg); display: flex; flex-direction: column; inset: -1px 0px; padding: 0px 400px 0px 0px; position: absolute; transform: translateX(100vw); transition: transform 0.5s 0.1s, left 0.5s; z-index: 3; } .pipeline-metadata-code--visible { transform: translateX(80px); } @media (min-width: 1200px) {
  .pipeline-metadata-code--sidebarVisible { left: 424px; }
} @media (min-width: 1304px) {
  .pipeline-metadata-code--sidebarVisible { left: 400px; }
} @media (min-width: 1200px) {
  .pipeline-metadata-code--no-sidebarVisible { left: 80px; }
} @media (min-width: 960px) {
  .pipeline-metadata-code--no-sidebarVisible { left: 400px; }
} @media print {
  .pipeline-metadata-code { display: none; }
} .pipeline-metadata-code__title { flex-grow: 0; font-size: 1.8em; font-weight: 400; line-height: 1.6; margin: 2.1em 36px 1.8em; } .pipeline-metadata-code__code { display: block; flex-grow: 1; font-size: 1.25em; line-height: 1.8; opacity: 1; overflow: auto; transition: opacity 0.4s 0.4s; } .pipeline-metadata-code--no-visible .pipeline-metadata-code__code { opacity: 0; transition: opacity 0.3s; } .pipeline-metadata-code__code * { font-family: ui-monospace, sfmono-regular, "sf mono", menlo, consolas, "liberation mono", monospace; } .pipeline-metadata-code__code .hljs-keyword { color: var(--color-metadata-code-text); } .pipeline-metadata-code pre { display: inline-block; margin: 0px; padding: 0px 36px 36px; } .kui-theme--light { --color-toggle-on: #0084b2; --color-toggle-on-bar: #0084b2; --color-toggle-off: #000; --color-toggle-off-bar: rgba(0,0,0,.302); --color-toggle-on-label: #0084b2; --color-toggle-off-label: #151515; } .kui-theme--dark { --color-toggle-on: #00e3ff; --color-toggle-on-bar: #00e3ff; --color-toggle-off: #fff; --color-toggle-off-bar: hsla(0,0%,100%,.302); --color-toggle-on-label: #00e3ff; --color-toggle-off-label: #d9dcde; } .pipeline-toggle { display: flex; margin-bottom: 3.2em; transition: opacity 0.2s; } .pipeline-toggle--no-hasCode { opacity: 0.35; pointer-events: none; } .pipeline-toggle-input { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .pipeline-toggle-label { color: var(--color-toggle-off-label); cursor: pointer; padding: 0.1em 0px 0px 2.2em; position: relative; user-select: none; } .pipeline-toggle-input:checked + .pipeline-toggle-label { color: var(--color-toggle-on-label); } .pipeline-toggle-label::after, .pipeline-toggle-label::before { content: " "; display: block; left: 0px; margin: 0px 0.8em 0px 0px; position: absolute; top: 0.81em; transform: translateY(-50%); } .pipeline-toggle-label::before { background-color: var(--color-toggle-off-bar); border-radius: 0.5em; height: 0.8em; transition: opacity 0.15s; width: 1.7em; } .pipeline-toggle-label::after { background-color: var(--color-toggle-off); border-radius: 50%; color: var(--color-toggle-on-label); height: 0.8em; transition: opacity 0.15s, transform 0.15s; width: 0.8em; } [data-whatinput="keyboard"] input:focus + .pipeline-toggle-label::before { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px; } .pipeline-toggle-label--checked::before { background-color: var(--color-toggle-on-bar); opacity: 0.3; } .pipeline-toggle-label--checked::after { background-color: var(--color-toggle-on); transform: translate(100%, -50%); } .pipeline-metadata-label__stats { margin: 0px 24px 0px 8px; } .pipeline-metadata-value__stats { font-size: 18px; } .stats-container__overflow { align-items: baseline; display: grid; gap: 8px; grid-template-columns: auto 1fr; } .stats-container__overflow .pipeline-metadata-value__stats { margin-left: auto; margin-right: 0px; } .stats-container__overflow .pipeline-metadata-label__stats { margin-right: auto; } .pipeline-metadata-modal__back, .pipeline-metadata-modal__collapse-plot { background: none; border: none; box-shadow: none; color: inherit; cursor: pointer; font-family: inherit; font-size: inherit; padding: 0px; } .pipeline-metadata-modal__back:focus, .pipeline-metadata-modal__collapse-plot:focus { outline: none; } [data-whatintent="keyboard"] .pipeline-metadata-modal__back:focus, [data-whatintent="keyboard"] .pipeline-metadata-modal__collapse-plot:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .kui-theme--light { --color-bg-plot: #e6e7e9; --color-button-plot: #005c7d; --color-button-plot-hovered: #0084b2; --color-button-text: #fff; } .kui-theme--dark { --color-bg-plot: #141516; --color-button-plot: #005c7d; --color-button-plot-hovered: #0084b2; --color-button-text: #fff; } .pipeline-metadata-modal { align-content: center; align-items: center; background-color: var(--color-bg-plot); display: flex; flex-direction: column; height: 100%; inset: 0px 0px 0px 80px; position: absolute; z-index: 6; } .pipeline-metadata-modal .pipeline-matplotlib-chart, .pipeline-metadata-modal .pipeline-plotly-chart { height: calc(92% - 80px); margin: auto; width: calc(98% - 160px); } .pipeline-metadata-modal__top { align-content: center; align-items: center; display: flex; flex-direction: row; min-width: 100%; padding: 1.5em; } .pipeline-metadata-modal__header { display: flex; margin: 0px auto; padding: 0px 32px; } .pipeline-metadata-modal__icon { fill: var(--color-text); display: inline-block; height: 2.8em; margin: 0px 10px 0px 0px; width: 2.9em; } .pipeline-metadata-modal__title { font-size: 1.8em; margin-top: 1px; } .pipeline-metadata-modal__back { align-items: center; display: flex; flex-direction: row; padding: 6px 12px; position: relative; } .pipeline-metadata-modal__back-text { font-size: 1.6em; } .pipeline-metadata-modal__back-icon { fill: var(--color-text); height: 1.9em; margin: 0px 12px 0px 0px; width: 1.9em; } .pipeline-metadata-modal__preview-text { font-size: 14px; margin-right: 80px; } .pipeline-metadata-modal__bottom { align-items: center; display: flex; flex-direction: row; flex-grow: 0; flex-shrink: 0; min-width: 100%; place-content: center flex-end; position: relative; } .pipeline-metadata-modal__collapse-plot { align-items: center; align-self: flex-end; background-color: var(--color-button-plot); display: flex; flex-direction: row; width: 400px; } .pipeline-metadata-modal__collapse-plot:hover { background-color: var(--color-button-plot-hovered); } .pipeline-metadata-modal__preview { margin: 1.5em 0px; max-width: calc(-80px + 100vw); overflow-y: auto; padding: 0px 1.5em; } .pipeline-metadata-modal__preview-json { margin: 1.5em 0px; overflow-y: auto; padding: 0px 1.5em; width: 60%; } .pipeline-metadata-modal__collapse-plot-icon { fill: var(--color-button-text); height: 1.9em; margin: 0px 6px -0.1em 36px; width: 1.9em; } .pipeline-metadata-modal__collapse-plot-text { color: var(--color-button-text); font-size: 1.6em; margin: 12px 10px 12px 5px; } @media (max-width: 700px) {
  .pipeline-metadata-modal__collapse-plot { width: auto; }
  .pipeline-metadata-modal__collapse-plot-text { display: none; }
  .pipeline-metadata-modal__collapse-plot-icon { margin: 10px; }
} .pipeline-primary-toolbar { display: block; list-style: none; margin: 0px; padding: 1em 0px; } .pipeline-primary-toolbar li { display: flex; justify-content: center; } .pipeline-menu-button svg { transition: transform 0.4s; } .pipeline-menu-button--inverse svg { transform: rotate(-180deg); } .kui-theme--light { --minimap-bg: #f2f3f4; --minimap-shadow: #e6e7e9; --minimap-viewport-stroke: #d9dcde; --minimap-node-fill-default: #d5d8da; --minimap-node-fill-active: #fff; --minimap-node-fill-selected: #00e3ff; --minimap-node-fill-faded: #c6cace; } .kui-theme--dark { --minimap-bg: #101112; --minimap-shadow: #27282a; --minimap-viewport-stroke: #989898; --minimap-node-fill-default: #2b2d2f; --minimap-node-fill-active: #2b2d2f; --minimap-node-fill-selected: #00bcff; --minimap-node-fill-faded: #141516; } .pipeline-minimap-node rect { fill: var(--minimap-node-fill-default); } .pipeline-minimap-node--active rect { fill: var(--minimap-node-fill-active); } .pipeline-minimap-node--selected rect { fill: var(--minimap-node-fill-selected); } .pipeline-minimap-node--faded rect { fill: var(--minimap-node-fill-faded); } .pipeline-minimap__graph { display: block; } .pipeline-minimap-container { background: var(--minimap-bg); box-shadow: 0 0 2px var(--minimap-shadow); height: 222px; left: 100%; position: absolute; top: calc(100% + 2px); transform: translate(-100%, -100%); transition: transform 0.3s; width: 500px; } .pipeline-minimap { position: absolute; right: 0px; top: 0px; } .pipeline-minimap__viewport { fill: rgba(0, 0, 0, 0); stroke-width: 1px; stroke: var(--minimap-viewport-stroke); cursor: move; } .pipeline-minimap-toolbar { display: block; list-style: none; margin: auto 0px 0px; padding: 1em 0px; } .pipeline-minimap-button { transition: background-color 0.3s; } .pipeline-minimap-button.pipeline-icon-toolbar__button--active svg { opacity: 1; } .pipeline-minimap-button--map { padding-top: 4px; } .pipeline-minimap-toolbar__scale { color: var(--color-text); display: block; font-size: 12px; font-weight: 700; margin-top: 16px; padding: 6px 8px; text-align: center; width: 100%; } .search-input-wrapper { max-width: 320px; width: 100%; } .search-input { border: 1px solid rgb(43, 45, 47); box-sizing: border-box; padding: 7px 11px; } .search-input--disabled { cursor: not-allowed; opacity: 0.5; } .search-input--focused.search-theme--dark, .search-input--focused.search-theme--light { outline: solid 4px; } [data-whatintent="keyboard"] .search-input--focused { box-shadow: none; } [data-whatintent="mouse"] .search-input--focused { outline: none; } .search-input__field { background: rgba(0, 0, 0, 0); border: none; font-family: Inter, sans-serif; font-size: 1.6em; font-weight: 400; letter-spacing: 0.1px; line-height: 1.3; outline: none; padding: 0px; width: 100%; } .search-input__field, .search-input__field:active, .search-input__field:focus, .search-input__field:hover { box-shadow: none; } .search-input.search-input--disabled .search-input__field { cursor: not-allowed; } .search-theme--dark .search-input__field { color: rgb(217, 220, 222); } .search-input__label { display: flex; font-size: 1.4em; letter-spacing: 0.1px; line-height: 1.4; margin-bottom: 4px; } .search-input__line { display: flex; font-size: 1.6em; font-weight: 400; height: 1px; letter-spacing: 0.1px; line-height: 1.3; margin-top: 3px; pointer-events: none; } .search-input__line::before { background-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); content: attr(data-value); overflow: hidden; transition: background-color 0.3s; word-break: break-all; } .search-input__line::after { background-color: rgba(0, 0, 0, 0); content: ""; flex: 0 1 0%; transition: background-color 0.3s, flex 0.3s; } .search-input__field:active + .search-input__line::after, .search-input__field:focus + .search-input__line::after { flex: 1 1 0%; transition-timing-function: ease-out; } .search-bar { max-width: 320px; position: relative; width: 100%; } .search-bar .search-input { padding-left: 44px; } .icon { transition: opacity 0.3s; } .search-bar .icon { opacity: 0.3; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .search-bar--focused .icon { opacity: 1; } .search-bar__icon-wrapper { transition: opacity 0.3s; } .search-bar__icon-wrapper .icon { height: 24px; left: 12px; opacity: 0.45; top: 20px; width: 24px; fill: var(--color-default-alt) !important; } .search-bar .search-input__field, .search-bar .search-input__line::before { max-width: calc(100% - 24px); } .search-bar__dynamic-icon { opacity: 0; transition: opacity 0.1s, visibility 0.1s; visibility: hidden; } .search-bar__dynamic-icon--visible { opacity: 1; transition: opacity 0.1s; visibility: visible; } .icon--close { background: none; border: none; border-radius: 0px; box-shadow: none; cursor: pointer; height: 20px; outline: rgba(0, 0, 0, 0) solid 4px; padding: 0px; position: absolute; right: 2px; top: 18px; transform: translateY(-50%); width: 20px; } .icon--close:focus { outline-color: rgb(0, 188, 255); } .search-bar .icon--close { height: 24px; right: 10px; width: 24px; } .icon__graphics { height: 100%; pointer-events: none; right: 0px; width: 100%; } .search-bar__label { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .pipeline-search-list { padding: 2px 1.4em 0px; } .pipeline-search-list .search-bar, .pipeline-search-list .search-input-wrapper { max-width: none; } .pipeline-search-list .search-bar .icon--close { height: 20px; right: 2px; top: 18px; width: 20px; z-index: 1; } .pipeline-search-list .search-bar .icon__graphics { fill: var(--color-default-alt) !important; opacity: 0.45; } .pipeline-search-list .search-bar--focused .icon__graphics { opacity: 0.75; } .pipeline-search-list .search-input { padding: 5px; } .pipeline-search-list .search-input, .pipeline-search-list .search-input--focused, .pipeline-search-list .search-input:active:not(.search-input--disabled), .pipeline-search-list .search-input:hover:not([disabled]), .pipeline-search-list .search-input__field { background: none; border: none; box-shadow: none; } .pipeline-search-list .search-input--focused { outline-color: rgb(0, 188, 255); position: relative; z-index: 1; } .pipeline-search-list .search-input__field::placeholder { opacity: 0.5; color: var(--color-default-alt) !important; } .pipeline-search-list .search-input__field:hover::placeholder { opacity: 0.7; } .pipeline-search-list .search-input__field:focus::placeholder { opacity: 0.95; } .pipeline-search-list .search-input__field { font-size: 1.6em; margin: 0px 0px 2px 32px; } .pipeline-search-list .search-bar__icon-wrapper .icon { left: 6px; top: 16px; } .pipeline-search-list .search-input__line::before { background-color: var(--color-default-alt); flex: 1 1 0%; max-width: none; opacity: 0.3; transition: background-color 0.3s, opacity 0.3s; } .pipeline-search-list .search-bar--focused .search-input__line::before { opacity: 0.55; } .pipeline-search-list .search-bar .search-input__line:not([data-value=""])::before { background-color: rgb(0, 188, 255); opacity: 1; } .pipeline-search-list .search-input__line::after { display: none; } .pipeline-nodelist__list { list-style: none; margin: 0px; padding: 0px; } .pipeline-nodelist__list--nested { margin: 0px 0px 1.2em; } .pipeline-nodelist__list .pipeline-nodelist__children { overflow: hidden; } .pipeline-nodelist__list .pipeline-nodelist__children--closed { display: none; } .pipeline-nodelist__placeholder-lower, .pipeline-nodelist__placeholder-upper { pointer-events: none; z-index: 2; } .pipeline-nodelist__placeholder-lower::after, .pipeline-nodelist__placeholder-upper::after { content: " "; height: 120px; opacity: 0; pointer-events: none; position: absolute; transition: opacity 0.3s; width: 100%; } .pipeline-nodelist__filter-panel .pipeline-nodelist__placeholder-upper::after { background: linear-gradient(0deg,var(--color-nodelist-bg-filter-transparent) 0,var(--color-nodelist-filter-panel) 100%); bottom: -120px; } .pipeline-nodelist__filter-panel .pipeline-nodelist__placeholder-lower::after { background: linear-gradient(0deg,var(--color-nodelist-filter-panel) 0,var(--color-nodelist-bg-filter-transparent) 100%); top: -120px; } .pipeline-nodelist__placeholder-lower--fade::after, .pipeline-nodelist__placeholder-upper--fade::after { opacity: 1; } .pipeline-nodelist__heading { margin: 0px; position: sticky; top: 0px; transform: translateY(-1px); z-index: 1; } .pipeline-nodelist__heading .pipeline-nodelist__row__text { opacity: 0.65; position: relative; } .pipeline-nodelist__heading .pipeline-nodelist__row__text .pipeline-nodelist__row__label { font-size: 1.3em; } .pipeline-nodelist__elements-panel .pipeline-nodelist__heading { background: var(--color-nodelist-element-panel); } .pipeline-nodelist__elements-panel .pipeline-nodelist__heading::after { background: linear-gradient(0deg,var(--color-nodelist-bg-transparent) 0,var(--color-nodelist-element-panel) 100%); bottom: -19px; content: " "; height: 20px; pointer-events: none; position: absolute; transition: opacity 0.3s; width: 100%; z-index: -1; } .pipeline-nodelist__filter-panel .pipeline-nodelist__heading { background: var(--color-nodelist-filter-panel); } .pipeline-nodelist__filter-panel .pipeline-nodelist__heading::after { background: linear-gradient(0deg,var(--color-nodelist-bg-transparent) 0,var(--color-nodelist-filter-panel) 100%); bottom: -19px; content: " "; height: 20px; pointer-events: none; position: absolute; transition: opacity 0.3s; width: 100%; z-index: -1; } .pipeline-type-group-toggle { background: none; border: none; border-radius: 50%; box-shadow: none; color: var(--color-default-alt); cursor: pointer; font-family: inherit; font-size: inherit; height: 2.8em; line-height: 1em; padding: 0px; text-align: center; transition: transform 0.1s; width: 2.8em; } .pipeline-type-group-toggle:focus { outline: none; } [data-whatintent="keyboard"] .pipeline-type-group-toggle:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .pipeline-type-group-toggle::before { content: "▾"; font-size: 1.8em; opacity: 0.55; } .pipeline-type-group-toggle:hover::before { opacity: 1; } .pipeline-type-group-toggle--alt { transform: rotate(90deg); } .pipeline-type-group-toggle--disabled { color: rgb(82, 82, 82); transform: rotate(90deg); } .pipeline-nodelist__filter-panel { background: var(--color-nodelist-filter-panel); border-top: 1px solid var(--color-border-line); z-index: 1; } .pipeline-nodelist__filter-panel .pipeline-nodelist-section:last-child { padding-bottom: 28px; padding-top: 4px; } .pipeline-nodelist__elements-panel .pipeline-nodelist-section:last-child { padding-bottom: 28px; padding-top: 12px; } .pipeline-nodelist__split { display: flex; flex-direction: column; inset: 58px 0px 0px; position: absolute; } .pipeline-nodelist__split--resizing { cursor: row-resize; } .pipeline-nodelist__split-handle { border-top: 1px solid rgba(0, 0, 0, 0); cursor: row-resize; flex-grow: 0; flex-shrink: 0; height: 16px; position: relative; transition: border-color 0.1s 0.15s; } .pipeline-nodelist__split-handle::after { background: var(--color-nodelist-split-handle); border-radius: 2px; content: " "; display: block; height: 2px; left: 50%; opacity: 0; pointer-events: none; position: absolute; top: 7px; transform: translate(-50%); transition: opacity 0.1s 0.15s; width: 50px; } .pipeline-nodelist__filter-panel:hover .pipeline-nodelist__split-handle::after { opacity: 0.2; } .pipeline-nodelist__split-handle:focus { outline: rgb(0, 188, 255) solid 3px; z-index: 1; } .pipeline-nodelist__split-handle:hover { border-top: 1px solid var(--color-nodelist-split-handle-border); } .pipeline-nodelist__filter-panel:hover .pipeline-nodelist__split-handle:hover::after { opacity: 0.3; } .pipeline-nodelist__split--resizing .pipeline-nodelist__split-handle { border-top: 1px solid rgb(0, 188, 255); } .pipeline-nodelist-scrollbars { flex-grow: 1; } .pipeline-nodelist-scrollbars::after { content: ""; height: 22px; left: -1px; pointer-events: none; position: absolute; right: -1px; top: 0px; } .pipeline-nodelist__filter-panel .pipeline-nodelist-scrollbars::after { display: none; } .MuiTreeItem-iconContainer svg { z-index: 1; } .pipeline-nodelist__row { align-items: center; background-color: initial; cursor: default; display: flex; height: 32px; position: relative; transform: translate(0px); } .kui-theme--dark .Mui-selected .pipeline-nodelist__row--overwrite { background-color: rgb(36, 37, 38); } .kui-theme--light .Mui-selected .pipeline-nodelist__row--overwrite { background-color: rgb(255, 255, 255); } .pipeline-nodelist__row--kind-filter { padding: 0px 1.6em 0px 2.6em; } .pipeline-nodelist__row--active, .pipeline-nodelist__row--visible:hover { background-color: var(--color-nodelist-row-active); } .pipeline-nodelist__row--selected, .pipeline-nodelist__row--visible.pipeline-nodelist__row--selected { background-color: var(--color-nodelist-row-selected); border-right: 1px solid rgb(0, 188, 255); } .pipeline-nodelist__row--disabled { pointer-events: none; } .pipeline-nodelist__row::before { background: var(--color-nodelist-row-selected); bottom: 0px; content: " "; left: -100px; opacity: 0; pointer-events: none; position: absolute; top: 0px; transform: translate(0px); width: 100px; } .Mui-selected .pipeline-nodelist__row--overwrite::before, .pipeline-nodelist__row--active::before, .pipeline-nodelist__row--selected::before, .pipeline-nodelist__row:hover::before { opacity: 1; } .pipeline-nodelist__row__icon { fill: var(--color-text); display: block; flex-shrink: 0; height: 2.2em; width: 2.2em; } .pipeline-nodelist__row__icon.pipeline-row__toggle-icon--focus-checked { fill: rgb(0, 188, 255); } .pipeline-nodelist__row__icon--disabled &gt; * { opacity: 0.1; } .pipeline-nodelist__row__type-icon--nested &gt; * { opacity: 0.3; } .pipeline-nodelist__row__type-icon--faded &gt; * { opacity: 0.2; } .pipeline-nodelist__row--visible:hover .pipeline-nodelist__row__type-icon &gt; *, .pipeline-nodelist__row__type-icon--active &gt; *, .pipeline-nodelist__row__type-icon--selected &gt; *, [data-whatintent="keyboard"] .pipeline-nodelist__row__text:focus .pipeline-nodelist__row__type-icon &gt; * { opacity: 1; } .pipeline-nodelist__row--visible:hover .pipeline-nodelist__row__type-icon--faded &gt; *, .pipeline-nodelist__row__type-icon--active--faded &gt; *, .pipeline-nodelist__row__type-icon--selected--faded &gt; *, [data-whatintent="keyboard"] .pipeline-nodelist__row__text:focus .pipeline-nodelist__row__type-icon--faded &gt; * { opacity: 0.55; } .pipeline-nodelist__elements-panel .MuiTreeItem-label { width: calc(100% - 19px); } .pipeline-nodelist__row__text { align-items: center; background: none; border: none; border-radius: 0px; box-shadow: none; color: inherit; cursor: default; display: flex; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: 1.6; margin-right: auto; padding: 0.6em 0px; text-align: inherit; user-select: none; width: calc(100% - 7em); } .pipeline-nodelist__row__text--tree { padding: 0.6em 0px 0.6em 1em; } .pipeline-nodelist__row__text:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 4px inset; outline: none; } [data-whatintent="mouse"] .pipeline-nodelist__row__text:focus { box-shadow: none; } .pipeline-nodelist__row__label { font-size: 1.4em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pipeline-nodelist__row__label--faded { opacity: 0.65; } .pipeline-nodelist__row__label--disabled { opacity: 0.3 !important; } .pipeline-nodelist__row__label b { color: var(--color-nodelist-highlight); font-weight: 400; } .pipeline-nodelist__row__count { display: inline-block; flex-shrink: 0; font-size: 1.16em; margin: 0px 0.7em 0.1em auto; opacity: 0.75; overflow: hidden; text-align: right; text-overflow: ellipsis; user-select: none; width: 2.2em; } .pipeline-nodelist__row--unchecked .pipeline-nodelist__row__count, .pipeline-nodelist__row--unchecked .pipeline-nodelist__row__label--kind-filter { opacity: 0.55; } .pipeline-nodelist__row--unchecked:hover .pipeline-nodelist__row__label--kind-filter { opacity: 0.8; } .pipeline-nodelist__group--all-unchecked .pipeline-nodelist__row--unchecked .pipeline-nodelist__row__label--kind-filter { opacity: 1; } .pipeline-row__toggle { cursor: pointer; } .pipeline-row__toggle--kind-element { margin-right: 8px; } .pipeline-row__toggle--kind-element:nth-of-type(2) { margin: 0px 8px 0px -8px; } .pipeline-row__toggle--disabled { display: none; } .kui-theme--light { --row-selected-transparent: #fff0; } .kui-theme--dark { --row-selected-transparent: #24252600; } .pipeline-row__toggle--selected::before { opacity: 1; } .pipeline-nodelist__row__checkbox { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .pipeline-row__toggle-icon { border-radius: 50%; height: 2.7em; padding: 0.3em; width: 2.7em; } .pipeline-nodelist__row__checkbox:focus + .pipeline-row__toggle-icon { outline: none; } [data-whatintent="keyboard"] .pipeline-nodelist__row__checkbox:focus + .pipeline-row__toggle-icon { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .pipeline-row__toggle-icon--kind-element &gt; * { opacity: 0; } .pipeline-nodelist__row:hover .pipeline-row__toggle-icon--kind-element &gt; * { opacity: 0.55; } .pipeline-nodelist__row .pipeline-row__toggle-icon--kind-element:hover &gt; *, .pipeline-nodelist__row:hover .pipeline-row__toggle-icon--kind-element.pipeline-row__toggle-icon--focus-checked &gt; * { opacity: 1; } [data-whatintent="keyboard"] input:focus + .pipeline-row__toggle-icon--kind-element &gt; * { opacity: 0.55; } .pipeline-row__toggle-icon--kind-element.pipeline-row__toggle-icon--focus-checked &gt; *, [data-whatintent="keyboard"] input:focus + .pipeline-row__toggle-icon--kind-element.pipeline-row__toggle-icon--checked &gt; * { opacity: 1; } .pipeline-row__toggle-icon--kind-filter &gt; * { opacity: 0.55; } .pipeline-nodelist__heading .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--all-unchecked &gt; * { opacity: 0; } .pipeline-nodelist__row:hover .pipeline-row__toggle-icon--kind-filter &gt; *, .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--all-unchecked &gt; * { opacity: 0.55; } .pipeline-nodelist__row .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--checked &gt; *, .pipeline-nodelist__row:hover .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--parent:hover &gt; * { opacity: 0.9; } .pipeline-nodelist__row .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--parent:hover.pipeline-row__toggle-icon--checked &gt; *, .pipeline-nodelist__row:hover .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--child.pipeline-row__toggle-icon--checked &gt; * { opacity: 1; } [data-whatintent="keyboard"] input:focus + .pipeline-row__toggle-icon--kind-filter &gt; * { opacity: 0.9; } [data-whatintent="keyboard"] input:focus + .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--checked &gt; * { opacity: 1; } .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--checked { fill: var(--color-nodelist-filter-indicator-on); stroke: var(--color-nodelist-filter-indicator-on); } .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--unchecked { fill: none; stroke: var(--color-nodelist-filter-indicator-off); } .pipeline-nodelist__row:hover .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--all-unchecked, .pipeline-row__toggle-icon--kind-filter.pipeline-row__toggle-icon--parent { fill: rgb(0, 188, 255); stroke: rgb(0, 188, 255); } .pipeline-nodelist-section__filters .pipeline-nodelist-section__reset-filter { background: none; border: none; box-shadow: none; color: inherit; font-family: inherit; font-size: inherit; padding: 0px; } .pipeline-nodelist-section__filters .pipeline-nodelist-section__reset-filter:focus { outline: none; } .pipeline-nodelist-section__filters [data-whatintent="keyboard"] .pipeline-nodelist-section__reset-filter:focus, [data-whatintent="keyboard"] .pipeline-nodelist-section__filters .pipeline-nodelist-section__reset-filter:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .kui-theme--light { --color-text-reset: #151515; } .kui-theme--dark { --color-text-reset: #d9dcde; } .pipeline-nodelist-section__filters { align-items: center; display: flex; justify-content: space-between; margin: 6px 2.46em 12px 2.6em; } .pipeline-nodelist-section__filters .pipeline-nodelist-section__title { font-size: 1.6em; font-weight: 400; margin: 0px; opacity: 0.55; user-select: none; } .pipeline-nodelist-section__filters .pipeline-nodelist-section__reset-filter { color: var(--color-text-reset); cursor: pointer; font-size: 1.3em; opacity: 0.55; } .pipeline-nodelist-section__filters .pipeline-nodelist-section__reset-filter:hover { opacity: 0.85; } .pipeline-nodelist-section__filters .pipeline-nodelist-section__reset-filter:disabled { cursor: default; opacity: 0; } .kui-theme--light { --color-nodelist-row-active: #fff; --color-nodelist-row-selected: #fff; --color-nodelist-filter-indicator-on: #00bcff; --color-nodelist-filter-indicator-off: #242424; --color-nodelist-highlight: #00bcff; --color-nodelist-split-handle: #242424; --color-nodelist-split-handle-border: #eaebed; --color-nodelist-filter-panel: #f2f3f4; --color-nodelist-element-panel: #f2f3f4; } .kui-theme--dark { --color-nodelist-row-active: #242526; --color-nodelist-row-selected: #242526; --color-nodelist-filter-indicator-on: #00bcff; --color-nodelist-filter-indicator-off: #848e95; --color-nodelist-highlight: #00bcff; --color-nodelist-split-handle: #fff; --color-nodelist-split-handle-border: #4c5b64; --color-nodelist-filter-panel: #212324; --color-nodelist-element-panel: #141516; } .kui-theme--light { --color-nodelist-bg-transparent: #f2f3f400; } .kui-theme--dark { --color-nodelist-bg-transparent: #14151600; } .kui-theme--light { --color-nodelist-bg-filter-transparent: #fff0; } .kui-theme--dark { --color-nodelist-bg-filter-transparent: #1c1e1f00; } .pipeline-nodelist { display: flex; flex-direction: column; flex-grow: 1; padding-top: 1.8em; position: relative; } .pipeline-nodelist::before, .pipeline-nodelist &gt; * { transition: opacity 0.2s; } .pipeline-nodelist::before { background: var(--color-bg-2); content: ""; inset: 0px; opacity: 0; position: absolute; } .pipeline-nodelist--fade &gt; * { opacity: 0.2; } .pipeline-nodelist--fade::before { opacity: 1; } .kui-theme--dark .MuiTreeItem-label, .kui-theme--light .MuiTreeItem-label { padding-left: 0px !important; } .pipeline-treeItem__root--overwrite .Mui-selected { background-color: rgba(0, 0, 0, 0) !important; } .pipeline-treeItem__root--overwrite .MuiTreeItem-content { padding: 0px; } .kui-theme--light { --dropdown-shadow: #ecedef; --dropdown-label-bg: #f2f3f4; --dropdown-options-bg: #eaebed; } .kui-theme--dark { --dropdown-shadow: #242526; --dropdown-label-bg: #1c1e1f; --dropdown-options-bg: #18191b; } .dropdown { border: none; box-shadow: 0 1px 1px var(--dropdown-shadow); box-sizing: border-box; color: var(--color-text); display: block; } .dropdown, .dropdown--open { position: relative; } .dropdown--open .dropdown__label &gt; .dropdown__icon { transform: rotate(0deg); transition: transform 0.2s, background 0.2s; } .dropdown__label { align-items: center; background: var(--dropdown-label-bg); border: none; border-radius: 0px; box-shadow: none; color: var(--color-text); cursor: pointer; display: flex; font-family: inherit; font-size: 1.6em; height: 36px; justify-content: space-between; letter-spacing: 0.1px; line-height: 1.25em; list-style: none; outline: rgba(0, 0, 0, 0) solid 4px; overflow: hidden; padding: 0px 0px 0px 1.125em; position: relative; user-select: none; width: 100%; z-index: 8; } .dropdown__label:disabled { cursor: not-allowed; } .dropdown__label:focus:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 4px inset; outline: none; } [data-whatinput="mouse"] .dropdown__label:focus:focus { box-shadow: none; } .dropdown__label .dropdown__placeholder { color: rgb(113, 125, 132); } .dropdown__label .dropdown__icon { height: 24px; margin: 0px 8px 0px 12px; position: absolute; right: 0px; transform: rotate(180deg); transform-origin: center center; transition: transform 0.2s, background 0.2s; width: auto; } .dropdown__label .dropdown__icon &gt; svg { fill: var(--color-default-alt); height: 24px; opacity: 0.5; width: 24px; } .dropdown__options { background: var(--dropdown-options-bg); border-top: none; box-shadow: rgb(21, 21, 21) 0px 0px 2px; margin-top: 1px; max-height: 300px; opacity: 0; overflow: auto; position: absolute; transform: translateY(-10px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; visibility: hidden; width: 100%; z-index: 2; } .dropdown--open .dropdown__options { opacity: 1; transform: translateY(0px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s; visibility: visible; } .dropdown__options .dropdown--disabled { opacity: 0.5; } .dropdown__options &gt; section { padding: 0px; } .select-dropdown__btn-wrapper { background-color: var(--dropdown-options-bg); bottom: 0px; display: flex; justify-content: space-around; padding: 24px 0px; position: sticky; z-index: 1; } .kui-theme--light { --menu-option-bg-hover: #d9dcde; --menu-option-divider: #ccd0d3; --menu-option-text-color: #151515; } .kui-theme--dark { --menu-option-bg-hover: #1c1e1f; --menu-option-divider: #242526; --menu-option-text-color: #d9dcde; } .menu-option { align-items: center; box-sizing: border-box; cursor: pointer; display: flex; height: 40px; outline: none; overflow: hidden; padding: 0px 1.8em 0px calc(1.8em - 2px); user-select: none; white-space: nowrap; } .menu-option:hover { background: var(--menu-option-bg-hover); } .menu-option:last-of-type { border-bottom: none; } .menu-option__content { align-items: center; color: var(--menu-option-text-color); display: flex; font-size: 1.6em; letter-spacing: 0.1px; line-height: 1.25; position: relative; text-overflow: ellipsis; width: 100%; } .kui-theme--light { --pipeline-list-option-bg-active: #e6e7e9; --pipeline-list-option-text-color: #151515; } .kui-theme--dark { --pipeline-list-option-bg-active: #212324; --pipeline-list-option-text-color: #d9dcde; } .pipeline-list .dropdown__label, .pipeline-list .menu-option { height: 58px; } .pipeline-list__option--active { background: var(--pipeline-list-option-bg-active); border-left: 2px solid rgb(0, 188, 255); color: var(--pipeline-list-option-text-color); } .switch { align-items: center; cursor: pointer; display: flex; } .switch__label { font-size: 14px; margin-right: 8px; width: 20px; } .switch__root { display: flex; flex-shrink: 0; height: 14px; overflow: hidden; position: relative; vertical-align: middle; width: 28px; z-index: 0; } .switch__base { align-items: center; background-color: rgba(0, 0, 0, 0); border: 0px; border-radius: 50%; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: flex; justify-content: center; left: 0px; margin: 0px; outline: 0px; padding: 1px; position: absolute; text-decoration: none; top: 0px; transition: left 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } .switch__base--active { color: rgb(0, 188, 255); transform: translateX(14px); } .switch__base--active + .switch__track { background-color: rgb(0, 188, 255); opacity: 0.4; } .switch__input { cursor: inherit; height: 100%; left: -100%; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; } .switch__circle { background-color: currentcolor; border-radius: 50%; box-shadow: rgb(134, 134, 134) 0px 2px 1px -1px, rgb(134, 134, 134) 0px 1px 1px 0px, rgb(134, 134, 134) 0px 1px 3px 0px; height: 12px; width: 12px; } .switch__track { background-color: rgb(76, 91, 100); border-radius: 7px; height: 100%; transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; z-index: -1; } .accordion__heading { align-items: center; display: flex; justify-content: space-between; } .accordion__heading--hide { visibility: hidden; } .accordion__title { font-size: 1.2em; font-weight: 600; } .accordion__title--medium { cursor: pointer; font-size: 1.3em; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; } .accordion__title--medium:hover { font-weight: 700; } .accordion__title--large { font-size: 1.6em; } .accordion__title--hyperlink { color: var(--color-default-alt); } .accordion__title--hyperlink:visited { color: var(--color-default-alt); text-decoration: none; } .accordion__title__detail { font-weight: 400; margin-left: 8px; } .accordion__toggle { background: none; border: none; border-radius: 50%; box-shadow: none; color: var(--color-default-alt); cursor: pointer; font-family: inherit; font-size: inherit; height: 2.8em; line-height: 1em; padding: 0px; text-align: center; transition: transform 0.1s; width: 1.15em; } .accordion__toggle:focus { outline: none; } [data-whatintent="keyboard"] .accordion__toggle:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .accordion__toggle::before { content: "▾"; font-size: 1.8em; opacity: 0.55; } .accordion__toggle:hover::before { opacity: 1; } .accordion__toggle--alt { transform: rotate(90deg); } .accordion__content--hide { display: none; } .accordion--left .accordion__heading { justify-content: flex-start; } .accordion--left .accordion__title { margin-left: 0.7em; } .accordion--left .accordion__toggle--alt { transform: rotate(-90deg); } .runs-list-card__checked { border: 1px solid rgb(151, 160, 166); height: 10px; margin: 0.8em 0.8em 0px 0px; width: 10px; } .runs-list-card__checked--selected-first { border-color: rgb(160, 0, 188); border-width: 2px; height: 10px; transform: rotate(45deg); width: 10px; } .runs-list-card__checked--selected-second { border-color: rgb(255, 188, 0); border-radius: 50%; border-width: 2px; height: 10px; width: 10px; } .runs-list-card__checked--selected-third { background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 49.5%, rgb(49, 226, 123) 50%, rgb(49, 226, 123) calc(50% + 1px), rgba(0, 0, 0, 0) calc(50% + 2px)) 100% center / 50% 100% no-repeat, linear-gradient(to right bottom, rgba(0, 0, 0, 0) 49.5%, rgb(49, 226, 123) 50%, rgb(49, 226, 123) calc(50% + 1px), rgba(0, 0, 0, 0) calc(50% + 2px)) 0px center / 50% 100%, linear-gradient(rgb(49, 226, 123), rgb(49, 226, 123)) center bottom / 100% 1px; border: none; height: 10px; width: 10px; } .kui-theme--light { --color-run-list-highlight: #00bcff; --color-run-list-bookmark: #151515; } .kui-theme--dark { --color-run-list-highlight: #00bcff; --color-run-list-bookmark: #d9dcde; } .runs-list-card { align-items: flex-start; background: var(--color-bg-3); border-bottom: 1px solid var(--color-run-list-divider); display: flex; padding: 1.6em 2.8em 2em 3em; } .runs-list-card--active { background: var(--color-run-list-hover); box-shadow: rgb(0, 188, 255) -1px 0px 0px inset; } .runs-list-card--disabled { opacity: 0.5; pointer-events: none; } .runs-list-card--hovered { background: var(--color-run-list-hover); cursor: pointer; } .runs-list-card--hovered .runs-list-card__bookmark--stroke { opacity: 1; } .runs-list-card__title { font-size: 1.6em; line-height: 1.5; } .runs-list-card__title b { color: var(--color-run-list-highlight); font-weight: 400; } .runs-list-card__gitsha { color: var(--color-text-faded); font-size: 1.3em; margin: 4px 0px 12px; } .runs-list-card__gitsha b { color: var(--color-run-list-highlight); font-weight: 400; } .runs-list-card__timestamp { font-size: 1.3em; } .runs-list-card__notes { font-size: 1.3em; padding-top: 24px; } .runs-list-card__notes b { color: var(--color-run-list-highlight); font-weight: 400; } .runs-list-card__checked--comparing { fill: var(--color-base-20); } .runs-list-card__checked--active { fill: rgb(0, 188, 255); } .runs-list-card__bookmark { fill: var(--color-run-list-bookmark); height: 24px; margin-left: auto; opacity: 1; transition: fill 0.3s; width: 24px; } .runs-list-card__bookmark:hover { fill: var(--color-default-alt); } .runs-list-card__bookmark--stroke { opacity: 0; transition: fill 0.3s; } .kui-theme--light { --header-border-bottom: #ecedef; } .kui-theme--dark { --header-border-bottom: none; } .runs-list-top-wrapper, .search-bar-wrapper { position: sticky; top: 0px; z-index: 1; } .search-bar-wrapper { background: var(--color-bg-2); padding-top: 24px; } .runs-list__wrapper { width: 100%; } .runs-list__accordion-header { background-color: var(--color-bg-2); border-bottom: 1px solid var(--header-border-bottom); padding: 0.8em 3.5em 0.8em 3em; } .compare-switch-wrapper { align-items: baseline; background: var(--color-bg-2); display: flex; justify-content: space-between; padding: 3.5em 3.5em 1.2em 3em; position: sticky; top: 64px; z-index: 1; } .pipeline-sidebar { background: var(--color-sidebar-background); border-bottom: 1px solid var(--color-sidebar-border); border-right: 1px solid var(--color-border-line); bottom: -1px; display: flex; left: 80px; position: absolute; top: -1px; transform: translateX(calc(-100% + 56px)); transition: transform 0.4s; width: 100%; z-index: 1; } .pipeline-sidebar--no-global-toolbar { left: 0px; } @media (min-width: 1200px) {
  .pipeline-sidebar { z-index: 3; }
} @media (min-width: 700px) {
  .pipeline-sidebar { transform: translateX(-344px); width: 400px; }
} @media print {
  .pipeline-sidebar { display: none; }
} .pipeline-sidebar--visible { transform: translateX(0px); } .pipeline-ui { background: var(--color-bg-list); border-right: 1px solid var(--color-border-line); display: flex; flex-direction: column; flex-grow: 1; height: 100%; position: relative; transition: visibility 0.3s; visibility: hidden; z-index: 2; } .pipeline-sidebar--visible .pipeline-ui { transition: visibility; visibility: visible; } .pipeline-ui--experiment-tracking { overflow-y: scroll; } .pipeline-toolbar { align-items: center; background: var(--color-pipeline-toolbar-background); display: flex; flex-direction: column; height: 100%; position: relative; width: 56px; z-index: 2; } .compare-switch-wrapper__text { font-size: 14px; } .base-timer { height: 30px; position: relative; width: 30px; } .base-timer__circle { fill: none; stroke: none; } .base-timer__path-elapsed { stroke-width: 7px; stroke: rgb(0, 0, 0); } .base-timer__label { align-items: center; display: flex; font-size: 12px; height: 30px; justify-content: center; position: absolute; top: 0px; width: 30px; } .base-timer__path-remaining { stroke-width: 7px; stroke: rgb(255, 255, 255); stroke-linecap: round; transform: rotate(90deg); transform-origin: center center; transition: 1s linear; } .base-timer__svg { transform: scaleX(-1); } .pipeline-wrapper { height: 100%; } .pipeline-wrapper__loading { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; pointer-events: none; position: absolute; top: 0px; transform: translateX(136px); transition: transform 0.4s, width 0.4s; width: calc(100% - 136px); } @media (min-width: 700px) {
  .pipeline-wrapper__loading--sidebar-visible { transform: translateX(480px); width: calc(100% - 480px); }
} .pipeline-wrapper__go-back-btn { display: flex; justify-content: center; opacity: 0; pointer-events: none; position: relative; z-index: 3; } .pipeline-wrapper__go-back-btn .button button { background-color: rgb(255, 188, 0); border: none; border-radius: 40px; color: rgb(0, 0, 0); width: 300px; } .pipeline-wrapper__go-back-btn--show { opacity: 1; pointer-events: all; transform: translateY(-140%); transition: transform 0.6s, opacity 0.4s ease-in-out; } .pipeline-wrapper__go-back-btn--show .button button { align-items: center; background-color: rgb(255, 188, 0); border: none; border-radius: 40px; color: rgb(0, 0, 0); column-gap: 10px; display: flex; justify-content: center; padding: 8px 8px 8px 0px; width: 300px; } @media (min-width: 700px) {
  .pipeline-wrapper__go-back-btn--show-sidebar-visible { transform: translate(50px, -140%); }
  .pipeline-wrapper__go-back-btn--show-metadata-visible { transform: translate(-50px, -140%); }
} .shareable-url-button .button__btn { position: absolute; right: 36px; top: 36px; } .kui-theme--light { --banner--background: #212324; --banner--color: #fff; --banner-message-body--color: #989898; --banner-box-shadow: 0px 4px 8px -1px #0003; --color-button__text--hover: #212324; --color-button--border: #fff; } .kui-theme--dark { --banner--background: #f2f3f4; --banner--color: #000; --banner-message-body--color: #747474; --banner-box-shadow: 0px 2px 4px -1px #0003; --color-button__text--hover: #f2f3f4; --color-button--border: #000; } .banner { align-items: center; background-color: var(--banner--background); box-shadow: var(--banner-box-shadow); color: var(--banner--color); display: flex; font-family: inherit; font-size: 16px; justify-content: space-between; max-height: 68px; padding: 16px; width: 100%; z-index: 6; } .banner.banner-top { position: fixed; top: 0px; } .banner .banner-icon { display: flex; margin-right: 12px; } .banner .banner-icon svg { height: 24px; width: 24px; } .banner .banner-message { flex-grow: 1; } .banner .banner-message .banner-message-title { font-weight: 700; } .banner .banner-message .banner-message-body { color: var(--banner-message-body--color); margin-left: 12px; } .banner .button__btn { border: 1px solid var(--banner--color); color: var(--banner--color); font-size: 14px; } .banner .banner-close { cursor: pointer; display: flex; margin-left: 12px; } .banner .banner-close svg { height: 24px; width: 24px; } .banner .banner-close svg path { fill: var(--banner-message-body--color); } .details-dataset { background-color: var(--color-exp-tracking-datasets); display: flex; flex-direction: column; flex-shrink: 0; min-width: 100%; padding: 5em 0px 0px 9em; width: max-content; } .details-dataset--not-overview { background-color: var(--color-exp-tracking-bg); padding: 0.5em 0px 0px 9em; } .details-metadata__title-detail--plots { padding: 1px 0px 1rem; } .details-dataset__accordion { margin-bottom: 36px; width: 100%; } .details-dataset__accordion-header { margin-bottom: 16px; } .details-dataset__accordion-header--hidden { display: none; } .details-dataset__row { display: flex; font-size: 1.4em; } .details-dataset__name-header, .details-dataset__value-header { color: var(--color-text-faded); font-size: 13px; } .details-dataset__label, .details-dataset__value, .details-dataset__value-header { margin-bottom: 8px; } .details-dataset__label, .details-dataset__name-header { display: block; flex-shrink: 0; width: 375px; } .details-dataset__value, .details-dataset__value-header { display: flex; flex-shrink: 0; min-height: 20px; width: 375px; word-break: break-all; } .details-dataset__accordion-wrapper-comparison-view .details-dataset__label, .details-dataset__accordion-wrapper-comparison-view .details-dataset__name-header, .details-dataset__accordion-wrapper-comparison-view .details-dataset__value, .details-dataset__accordion-wrapper-comparison-view .details-dataset__value-header { width: 310px; } .dataset-arrow-icon { fill: rgb(0, 188, 255); height: 1.7em; margin-left: 1em; width: 1.7em; } .details-dataset__image-container, .details-dataset__visualization-wrapper { cursor: pointer; opacity: 1; transition: opacity 0.2s; } .details-dataset__image-container:hover, .details-dataset__visualization-wrapper:hover { opacity: 0.85; } .details-dataset__image-container { height: auto; } .details-dataset__image { max-width: 250px; width: 100%; } .details-dataset__empty-plot { align-items: center; background-color: var(--color-bg-1); border: 1px solid var(--color-bg-5); display: flex; height: 188px; justify-content: center; width: 250px; } .details-dataset__transition-group-wrapper { display: flex; } .details-dataset__transition-group-wrapper .details-dataset__value:first-of-type { margin-right: 3.5em; } .details-dataset__transition-group-wrapper .details-dataset__value:nth-of-type(2) { margin-right: 8.5em; } .details-dataset__transition-group-wrapper .details-dataset__value-header:first-of-type { margin-right: 3.8em; } .details-dataset__transition-group-wrapper .details-dataset__value-header:nth-of-type(2) { margin-right: 9.2em; } .details-dataset__deltaValue { color: rgb(0, 188, 255); margin-left: 0.5em; } .details-dataset__value--comparison-view { min-height: 1.7em; } .details-metadata__indicator--selected-first { border-color: rgb(160, 0, 188); border-width: 2px; height: 10px; transform: rotate(45deg); width: 10px; } .details-metadata__indicator--selected-second { border-color: rgb(255, 188, 0); border-radius: 50%; border-width: 2px; height: 10px; width: 10px; } .details-metadata__indicator--selected-third { background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 49.5%, rgb(49, 226, 123) 50%, rgb(49, 226, 123) calc(50% + 1px), rgba(0, 0, 0, 0) calc(50% + 2px)) 100% center / 50% 100% no-repeat, linear-gradient(to right bottom, rgba(0, 0, 0, 0) 49.5%, rgb(49, 226, 123) 50%, rgb(49, 226, 123) calc(50% + 1px), rgba(0, 0, 0, 0) calc(50% + 2px)) 0px center / 50% 100%, linear-gradient(rgb(49, 226, 123), rgb(49, 226, 123)) center bottom / 100% 1px; border: none; height: 10px; width: 10px; } .details-metadata { background-color: var(--color-exp-tracking-metadata); display: flex; flex-shrink: 0; min-height: 350px; min-width: 100%; padding: 5em 0px 0px 9em; } .details-metadata--not-overview { background-color: var(--color-exp-tracking-bg); min-height: auto; } .details-metadata__buttons { display: flex; list-style: none; margin: -2px 0px 0px; padding: 0px; } .details-metadata__buttons .hidden-menu-wrapper, .details-metadata__buttons li { margin-right: 5px; position: relative; } .details-metadata__buttons .hidden-menu-wrapper:last-of-type:not(.hidden-menu-wrapper), .details-metadata__buttons li:last-of-type:not(.hidden-menu-wrapper) { margin-right: 0px; } .details-metadata__buttons .pipeline-icon-toolbar__button { height: 24px; width: 24px; } .details-metadata__buttons svg { height: 25px; width: 25px; } .details-metadata__buttons--selected-pin svg { fill: rgb(0, 188, 255); } .details-metadata__run { flex-shrink: 0; margin-right: 12em; max-width: 375px; } .details-metadata__labels, .details-metadata__labels-comparison-view, .details-metadata__run--first-run-comparison-view { margin-right: 0px; } .details-metadata__labels { width: 375px; } .details-metadata__labels-comparison-view { width: 310px; } .details-metadata__run td { overflow-wrap: break-word; font-size: 1.4em; padding-bottom: 16px; vertical-align: top; } .details-metadata__run--first-run-comparison-view .details-metadata__table-label, .details-metadata__run--first-run-comparison-view .details-metadata__table-value { width: 310px; } .details-metadata__run--first-run-comparison-view td:first-of-type, .details-metadata__run--first-run-comparison-view td:last-of-type { width: 100%; } .details-metadata__table tr { display: flex; flex-direction: column; width: 375px; } .details-metadata__table-comparison-view tr { display: flex; flex-direction: column; width: 310px; } .details-metadata__run--wrapper { display: flex; } .details-metadata__run--wrapper tr:first-of-type { margin-right: 5em; } .details-metadata__run--wrapper tr:last-of-type { margin-right: 0px; } .details-metadata__title { align-items: center; display: flex; justify-content: space-between; } .details-metadata__title--empty { width: 365px; } .details-metadata__table { border-collapse: collapse; display: flex; flex-shrink: 0; margin-left: -1px; width: 100%; } .details-metadata__title-detail { cursor: pointer; font-size: 20px; font-weight: 600; overflow: hidden; text-decoration-color: rgba(0, 0, 0, 0); text-overflow: ellipsis; transition: text-decoration-color 0.2s; white-space: nowrap; } .details-metadata__title-detail:hover { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--color-text); } .details-metadata__indicator { margin-right: 1em; } .details-metadata__indicator--selected-first, .details-metadata__indicator--selected-second { border-style: solid; flex-shrink: 0; } .details-metadata__indicator--selected-third { flex-shrink: 0; } .details-metadata__title .pipeline-toolbar__label { font-size: 1em; } .details-metadata__notes { -webkit-box-orient: vertical; -webkit-line-clamp: 2; cursor: pointer; display: -webkit-box; margin: 0px; overflow: hidden; text-decoration-color: rgba(0, 0, 0, 0); text-overflow: ellipsis; transition: text-decoration-color 0.2s; } .details-metadata__notes:hover { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--color-text); } .details-metadata__show-more.kedro { background-color: initial; border: none; color: var(--color-text-faded); cursor: pointer; font-size: 14px; margin: 2px 0px 0px; padding: 0px; } .hidden-menu { background: rgb(242, 243, 244); opacity: 0; pointer-events: none; position: absolute; right: 0px; top: 0px; transition: opacity 0.1s, top 0.2s; width: 120px; } .hidden-menu--visible { opacity: 1; pointer-events: all; top: 30px; } .hidden-menu__item { color: rgb(21, 21, 21); cursor: pointer; padding: 6px 0px 6px 20px; } .hidden-menu__item:hover { background: rgb(255, 255, 255); } .details-metadata__run-lazy-loader { max-height: 300px; } @keyframes wait { 
  0% { opacity: 0; }
  100% { opacity: 0; }
} @keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
} .tooltip { background: var(--color-bg-alt); display: flex; flex-direction: column; opacity: 0; padding: 10px 30px 10px 10px; position: absolute; } .tooltip--show { animation: 0.7s ease 0s 1 normal forwards running wait, 0.5s ease 0.7s 1 normal running fade-in; } .tooltip-arrow { display: inline-block; height: 0px; left: 1px; margin-right: 1.6em; margin-top: -1.2em; position: absolute; top: 22px; white-space: nowrap; width: 0px; } .tooltip-arrow--right::before { border-left: 10px solid rgba(0, 0, 0, 0); left: -9.5px; } .tooltip-arrow--left::before, .tooltip-arrow--right::before { border-top: 10px solid var(--color-bg-alt); content: ""; height: 0px; position: absolute; top: calc(50% - 10px); width: 0px; } .tooltip-arrow--left::before { border-right: 10px solid rgba(0, 0, 0, 0); right: -225.5px; } .tooltip-label, .tooltip-value { font-size: 12px; font-weight: 400; margin: 0px; overflow: hidden; overflow-wrap: break-word; width: 180px; } .tooltip-label { color: var(--color-metrics-plot-tooltip-label); } .tooltip-value { color: var(--color-metrics-plot-tooltip-value); } .time-series { flex: 1 1 auto; font-family: Inter, sans-serif; margin: 0px 4em 0px 0px; } .time-series &gt; svg:last-of-type { margin-bottom: 5em; } .time-series .text { font-size: 12px; } .time-series__metric-name { color: var(--color-metrics-plot-text-bold); font-size: 1.4em; line-height: 20px; } .time-series__axis-label { fill: var(--color-metrics-plot-axis-ends); font-size: 12px; transform: rotate(-90deg); } .time-series__metric-line { fill: none; stroke: var(--color-metrics-plot-time-series-metric-line); } .time-series__metric-line--blend { stroke-opacity: 0.4; } .time-series__run-line { stroke: var(--color-metrics-plot-time-series-run-line); cursor: pointer; } .time-series__run-line--hovered { stroke: var(--color-metrics-plot-time-series-run-line-hovered); } .time-series__run-line--blend { stroke-opacity: 0.55; } .time-series__run-line--selected-0 { stroke: rgb(160, 0, 188); } .time-series__run-line--selected-1 { stroke: rgb(255, 188, 0); } .time-series__run-line--selected-2 { stroke: rgb(49, 226, 123); } .time-series__marker--selected-0 { fill: rgba(0, 0, 0, 0); stroke: rgb(160, 0, 188); } .time-series__marker--selected-1 { fill: rgba(0, 0, 0, 0); stroke: rgb(255, 227, 0); } .time-series__marker--selected-2 { fill: rgba(0, 0, 0, 0); stroke: rgb(59, 255, 149); } .time-series .tick text { fill: var(--color-metrics-plot-axis-ends); font-size: 12px; } .time-series .tick line { stroke: var(--color-metrics-plot-time-series-axis); } .time-series__metric-axis .tick, .time-series__metric-axis-dual .tick { opacity: 0; } .time-series__metric-axis .tick:nth-child(3), .time-series__metric-axis .tick:nth-last-child(2) { opacity: 1; } .time-series__trend-line { fill: none; } .time-series__hovered-line, .time-series__trend-line { stroke: var(--color-metrics-plot-time-series-dotted-line); stroke-dasharray: 4; } .time-series__tick-line { stroke: var(--color-metrics-plot-time-series-run-line-hovered); } .time-series__tick-text { fill: var(--color-metrics-plot-axis-ends); text-anchor: end; font-size: 12px; transform: translate(-10px, -4px); } .time-series__brush .selection { fill: rgb(5, 47, 65); fill-opacity: 0.4; } .parallel-coordinates { flex: 1 1 auto; font-family: sans-serif; margin: 0px 4em 0px 0px; } .parallel-coordinates .text { font-size: 12px; font-weight: 400; } .run-line { stroke: var(--color-metrics-plot-parallel-coords-line); cursor: pointer; } .run-line--hovered { stroke: var(--color-metrics-plot-parallel-coords-line-hover); } .run-line--selected-first { stroke: rgb(160, 0, 188); } .run-line--selected-second { stroke: rgb(255, 188, 0); } .run-line--selected-third { stroke: rgb(49, 226, 123); } .marker-path--selected-0 { stroke: rgb(160, 0, 188); } .marker-path--selected-1 { stroke: rgb(255, 188, 0); } .marker-path--selected-2 { stroke: rgb(49, 226, 123); } g.run-lines path { fill: none; } g.highlight path, g.selected-runs path { fill: none; } .headers { fill: var(--color-metrics-plot-text-bold); font-size: 14px; font-weight: 400; } .domain { stroke: var(--color-metrics-plot-text); } .tick-values &gt; .text:first-of-type, .tick-values &gt; .text:last-of-type { fill: var(--color-metrics-plot-axis-ends); } .tick-values .text { fill: var(--color-metrics-plot-text); font-size: 12px; } .tick-lines .line { stroke: var(--color-metrics-plot-text); } .tick-lines .line--hovered { stroke: rgb(171, 178, 183); } .selected-runs .text { fill: var(--color-metrics-plot-text-bold); font-weight: 600; } .metric-axis--hovered .domain { stroke: rgb(171, 178, 183); stroke-width: 1px; } .metric-axis--hovered .headers { fill: var(--color-metrics-plot-text-bold); cursor: pointer; } .tick-values .text--hovered { fill: var(--color-metrics-plot-parallel-coords-axis-hover) !important; } .line--faded, .metric-axis--faded, .run-line--faded, .text--faded { opacity: 0.55; } .experiment-warning__wrapper { align-items: center; display: flex; flex-direction: column; font-size: 16px; height: 70%; justify-content: center; width: 85%; } .experiment-warning__title { font-size: 2.5em; font-weight: 400; line-height: 1.75em; margin: 0px 0px 10px; } .experiment-warning__subtitle { font-size: 1em; font-weight: 400; line-height: 1.25em; margin: 0px; } .kui-theme--light { --select-dropdown-bg-hover: #d9dcde; --select-dropdown-bg: #eaebed; } .kui-theme--dark { --select-dropdown-bg-hover: #1c1e1f; --select-dropdown-bg: #141516; } .select-dropdown section { height: 479px; overflow: hidden; } .select-dropdown .dropdown__label { background: var(--select-dropdown-bg); } .select-dropdown .dropdown__options { box-shadow: none; max-height: 479px; right: 0px; width: 284px; } .select-dropdown__title { font-size: 16px; font-weight: 600; margin: 28px 28px 32px 24px; opacity: 0.55; } .select-dropdown__checkbox { align-items: center; cursor: pointer; display: flex; height: 32px; justify-content: space-between; padding: 0px 24px; position: relative; } .select-dropdown__checkbox .select-dropdown__checkbox-text { font-size: 14px; line-height: 20px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select-dropdown__checkbox:hover { background: var(--select-dropdown-bg-hover); } input[type="checkbox"] { appearance: none; border: 2px solid rgb(115, 115, 115); cursor: pointer; height: 8px; width: 8px; } input[type="checkbox"]:checked { background: rgb(0, 188, 255); border-color: rgb(0, 188, 255); } .metrics-plots-wrapper { height: 100%; overflow: scroll hidden; padding: 5em 0px 0px 9em; width: 100%; } .metrics-plots-wrapper__header { display: flex; justify-content: space-between; } .metrics-plots-wrapper__header .dropdown { margin-right: 30px; } .metrics-plots-wrapper__charts-empty { font-size: 13px; } .chart-types-wrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; width: 236px; } .chart-types-wrapper__tab { cursor: pointer; font-size: 1.4em; padding-bottom: 0.7em; } .chart-types-wrapper__tab:first-of-type { margin-right: 16px; } .chart-types-wrapper__tab--active { border-bottom: 2px solid var(--color-default-alt); } .metrics-plots-wrapper__charts { display: flex; flex-flow: column; height: 100%; margin-top: 30px; overflow: scroll; } .details-dataset__value, .details-dataset__value-header, .details-metadata__run { transform: translateX(0px); transition: transform 0.3s ease-out; } .details-dataset__value--comparison-view, .details-dataset__value-header--comparison-view, .details-metadata__run--first-run-comparison-view { transform: translateX(-25%); transition: transform 0.3s ease-out; } .details-dataset__accordion-wrapper-comparison-view, .details-metadata__table-comparison-view { transform: translateX(-4em); transition: transform 0.3s ease-out; } .details-metadata__labels .details-metadata__title { opacity: 1; transform: translateX(0px); transition: opacity 0.1s ease-in-out; } .details-metadata__labels-comparison-view .details-metadata__title { opacity: 0; pointer-events: none; transform: translateX(-25%); transition: opacity 0.1s ease-in-out, transform 1s ease-in-out; } .details-metadata__run--first-run .details-metadata__title { opacity: 0; } .details-metadata__run--first-run-comparison-view .details-metadata__title { opacity: 1; transition: opacity 0.3s linear; } .details-dataset__value-animation-enter, .details-metadata__run-animation-enter { opacity: 0; transform: translateX(40%); transition: transform 0.3s ease-out, opacity 0.3s linear; } .details-dataset__value-animation-enter-active, .details-metadata__run-animation-enter-active { opacity: 1; transform: translateX(0px); transition: transform 0.3s ease-out, opacity 0.3s linear; } .details-dataset__value-animation-exit, .details-metadata__run-animation-exit { opacity: 1; transition: opacity 0.3s linear; } .details-dataset__value-animation-exit-active, .details-metadata__run-animation-exit-active { opacity: 0; transition: opacity 0.3s linear; } .input { background-color: initial; border: none; color: var(--color-text); cursor: pointer; font-family: inherit; text-decoration-color: rgba(0, 0, 0, 0); transition: text-decoration-color 0.2s; width: 100%; } .input:focus-visible { outline: none; text-decoration: underline rgb(0, 188, 255); } .input::placeholder { color: var(--color-text); opacity: 0.5; } .input--large { font-size: 18px; font-weight: 600; } .input--small { font-size: 14px; font-weight: 400; } .input { cursor: text; min-height: auto; resize: none; } .input--large { height: 24px; } .input--small { height: 20px; } .input-character-count { align-items: baseline; color: var(--color-text-faded); display: flex; font-size: 16px; justify-content: flex-end; margin-bottom: 6px; width: 100%; } .input-number-characters { color: var(--color-text); } .kui-theme--light { --color-modal-header-text: #989898; --color-upgrade-reminder-text: #00bcff; --color-modal-table-text: #323232; --color-modal-table-description: rgba(0,0,0,.702); } .kui-theme--dark { --color-modal-header-text: #636363; --color-upgrade-reminder-text: #ffbc00; --color-modal-table-text: hsla(0,0%,100%,.851); --color-modal-table-description: hsla(0,0%,100%,.702); } .pipeline-settings-modal .modal__content { max-width: 900px; width: calc(100% - 5em); } .pipeline-settings-modal .modal__wrapper { align-items: flex-start; text-align: left; } .pipeline-settings-modal__content { width: 100%; } .pipeline-settings-modal__content--short { margin-bottom: 2.4em; } .pipeline-settings-modal__content .button { margin: 0px 10px; } .pipeline-settings-modal__content .pipeline-toggle { margin: 0px; } .pipeline-settings-modal__group:nth-of-type(2) { margin-top: 50px; } .pipeline-settings-modal__column { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.4em; margin: 1.145em 0px; } .pipeline-settings-modal__subtitle { font-size: 1.8em; margin-bottom: 24px; } .pipeline-settings-modal__name { color: var(--color-modal-table-text); flex: 0 0 25%; font-weight: 500; } .pipeline-settings-modal__description { color: var(--color-modal-table-description); flex: 0 0 50%; font-weight: 500; } .pipeline-settings-modal__state { display: flex; flex: 0 0 25%; } .pipeline-settings-modal__upgrade-reminder { color: var(--color-upgrade-reminder-text); display: inline; font-size: 1.3em; } .pipeline-settings-modal__upgrade-reminder a { color: var(--color-upgrade-reminder-text); } .pipeline-settings-modal__already-latest { color: var(--color-modal-header-text); font-size: 1.3em; margin: 2em 0px 2.4em; } .pipeline-settings-modal--experiment-tracking .pipeline-settings-modal__name { margin-top: 0px; } .run-details-modal-button-wrapper { align-items: baseline; display: flex; justify-content: flex-end; width: 100%; } .run-details-modal-button-wrapper .button:first-of-type { margin-right: 20px; } .run-details-modal-error-wrapper { font-size: 15px; text-align: right; width: 100%; } .version-reminder-and-run-details-button-wrapper { align-items: baseline; display: flex; justify-content: space-between; margin-top: 50px; width: 100%; } .version-reminder-and-run-details-button-wrapper .button:first-of-type { margin-right: 20px; } .pipeline-run-export-modal--experiment-tracking .modal__title { margin-left: 30px; text-align: left; } .run-export-modal-button-wrapper { display: flex; justify-content: space-around; width: 100%; } .pipeline-run-export-modal--experiment-tracking .button__btn--primary { margin: 0px; } .pipeline-run-export-modal--experiment-tracking .button__btn--primary:focus { box-shadow: none; outline: none; } .run-export-modal-export-button:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 7px; outline: none; } .run-export-modal-export-button--success:focus-visible { outline: none; } .pipeline-run-plots-modal__back { background: none; border: none; box-shadow: none; color: inherit; cursor: pointer; font-family: inherit; font-size: inherit; padding: 0px; } .pipeline-run-plots-modal__back:focus { outline: none; } [data-whatintent="keyboard"] .pipeline-run-plots-modal__back:focus { box-shadow: rgb(0, 188, 255) 0px 0px 0px 3px inset; } .kui-theme--light { --color-bg-plot: #fff; } .kui-theme--dark { --color-bg-plot: #18191b; } .pipeline-run-plots-modal { align-items: center; background-color: var(--color-bg-plot); display: flex; flex-direction: column; inset: 0px 0px 0px 80px; overflow-y: scroll; position: absolute; z-index: 3; } .pipeline-run-plots-modal__top { align-items: center; display: flex; flex-direction: row; min-width: 100%; padding: 4.5em 0px 1.5em; } .pipeline-run-plots-modal__header { display: flex; margin: 0px auto; padding: 0px 32px; } .pipeline-run-plots-modal__icon { fill: var(--color-text); display: inline-block; height: 2.8em; margin: 0px 10px 0px 0px; width: 2.9em; } .pipeline-run-plots-modal__title { font-size: 1.8em; margin-top: 1px; } .pipeline-run-plots-modal__back { align-items: center; display: flex; margin: 0px -139px 0px 58px; padding: 6px 0px; position: relative; } .pipeline-run-plots-modal__content { align-items: center; display: flex; margin: auto; width: calc(100% - 116px); } .pipeline-run-plots-modal__content--oneChart { justify-content: center; } .pipeline-run-plots-modal__content--twoCharts { justify-content: space-between; } .pipeline-run-plots-modal__content--plotly { height: calc(100% - 6em - 66px); margin: 3em auto; } .pipeline-run-plots-modal__back-text { font-size: 1.6em; } .pipeline-run-plots-modal__back-icon { fill: var(--color-text); height: 1.4em; margin: 0px 12px 0px 0px; width: 3.6em; } .pipeline-run-plots__image-wrapper { margin-bottom: 3em; margin-top: 3em; } .pipeline-run-plots__image-wrapper--oneChart { display: flex; flex-direction: column; justify-content: center; margin: 0px; width: 815px; } .pipeline-run-plots__image-wrapper--twoCharts { display: flex; flex-direction: column; width: 50%; } .pipeline-run-plots__image-wrapper--twoCharts:nth-of-type(2) { margin-left: 58px; } .pipeline-run-plots__image-wrapper--threeCharts { display: flex; flex-direction: column; width: 33.33%; } .pipeline-run-plots__image-wrapper--threeCharts:nth-of-type(2), .pipeline-run-plots__image-wrapper--threeCharts:nth-of-type(3) { margin-left: 35px; } .pipeline-run-plots__image-wrapper .pipeline-run-plots__image--oneChart, .pipeline-run-plots__image-wrapper .pipeline-run-plots__image--threeCharts, .pipeline-run-plots__image-wrapper .pipeline-run-plots__image--twoCharts { padding-bottom: 24px; width: 100%; } .pipeline-run-plots__plot-wrapper { display: flex; flex-direction: column; } .pipeline-run-plots__plot-wrapper--oneChart { height: 100%; justify-content: center; width: 100%; } .pipeline-run-plots__plot-wrapper--twoCharts { width: 50%; } .pipeline-run-plots__plot-wrapper--twoCharts:nth-of-type(2) { margin-left: 47px; } .pipeline-run-plots__plot-wrapper--threeCharts { width: 33.333%; } .pipeline-run-plots__plot-wrapper--threeCharts:nth-of-type(2), .pipeline-run-plots__plot-wrapper--threeCharts:nth-of-type(3) { margin-left: 25px; } .pipeline-run-plots-image-text-timestamp { font-size: 1.6em; padding-right: 1.6em; } .pipeline-run-plots-image-text-relative_timestamp { font-size: 1.3em; } .kui-theme--light { --color-compatibility-message--bg: #636363; --color-compatibility-message: #fff; } .kui-theme--dark { --color-compatibility-message--bg: #525252; --color-compatibility-message: #dfe2e4; } .details-mainframe { background-color: var(--color-exp-tracking-bg); bottom: 0px; display: flex; flex-direction: column; height: 100%; justify-content: flex-start; left: 80px; overflow-y: scroll; position: absolute; top: 0px; transform: translateX(56px); transition: transform 0.4s, width 0.4s; width: calc(100% - 136px); } @media (min-width: 700px) {
  .details-mainframe--sidebar-visible { transform: translateX(400px); width: calc(100% - 480px); }
} .details__tabs { background-color: var(--color-exp-tracking-bg); display: flex; left: 0px; position: sticky; } .tabs__item { background-color: var(--color-sidebar-background); cursor: pointer; font-size: 0.875rem; padding: 15px 0px 13px; text-align: center; width: 200px; } .tabs__item--active { background-color: var(--color-exp-tracking-bg); } .kedroDatasetsCompatible { padding: 1em 0px 0px 2em; } .kedroDatasetsCompatible p { background-color: var(--color-compatibility-message--bg); color: var(--color-compatibility-message); font-size: 14px; padding: 5px 15px; width: fit-content; } .experiment-wrapper { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; margin-left: 80px; opacity: 0; } .experiment-wrapper__header { font-size: 40px; font-weight: 300; letter-spacing: -0.3px; margin: 0px 0px 16px; } .experiment-wrapper__text { font-size: 16px; font-weight: 400; line-height: 1.25; margin: 0px 0px 40px; max-width: 520px; text-align: center; } .experiment-wrapper__error { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; } .update-reminder { position: relative; z-index: 10; } .update-reminder-expanded-content h3, .update-reminder-expanded-detail h3 { font-size: 20px; margin-top: 0px; padding-left: 48px; } .update-reminder-expanded-content p, .update-reminder-expanded-detail p { font-size: 14px; line-height: 20px; padding-left: 48px; width: 430px; } .update-reminder-expanded-content p a, .update-reminder-expanded-detail p a { color: rgb(0, 92, 125); } .kui-theme--light { --color-detail-bg: #e6e7e9; --color-header-bg: #ffe300; --color-header-bg--up-to-date: #abb2b7; --color-header-text--up-to-date: #000; --color-link: #0084b2; --color-subtext: #525252; --color-content-bg: #ecedef; --color-version-tag: #000; --color-version-tag--hover-outdated: #000; --color-version-tag--hover-up-to-date-bg: #636363; --color-version-tag--hover-up-to-date: #fff; } .kui-theme--dark { --color-detail-bg: #212324; --color-header-bg: #ffe300; --color-header-bg--up-to-date: #fff; --color-header-text--up-to-date: #000; --color-link: #00bcff; --color-subtext: #525252; --color-content-bg: #212324; --color-version-tag: #dfe2e4; --color-version-tag--hover-outdated: #000; --color-version-tag--hover-up-to-date-bg: #525252; --color-version-tag--hover-up-to-date: #dfe2e4; } .update-reminder-unexpanded { background-color: var(--color-header-bg); display: flex; font-size: 12px; height: 32px; justify-content: space-between; padding: 0px 50px 0px 24px; position: absolute; right: 0px; top: 0px; width: 484px; z-index: 2; } .update-reminder-unexpanded p { color: rgb(20, 21, 22); font-size: 12px; margin-top: 7.5px; text-align: center; } .update-reminder-unexpanded .buttons-container { margin-top: 6.5px; } .update-reminder-unexpanded button { background-color: var(--color-header-bg); border: none; color: rgb(36, 36, 36); cursor: pointer; font-size: 12px; padding: 0px; transition: color 0.2s; } .update-reminder-unexpanded button:first-of-type { font-weight: 600; margin-right: 24px; } .update-reminder-unexpanded button:hover { color: rgb(21, 21, 21); } .update-reminder-expanded-header { background-color: var(--color-header-bg); display: flex; font-size: 12px; height: 36px; justify-content: flex-end; position: absolute; right: 0px; top: 0px; width: 484px; z-index: 2; } .update-reminder-expanded-header .close-button-container { margin-right: 20px; } .update-reminder-expanded-header .close-button svg { fill: rgb(21, 21, 21); height: 24px; width: 24px; } .update-reminder-expanded-header--up-to-date { background-color: var(--color-header-bg--up-to-date); } .update-reminder-expanded-header--up-to-date .close-button svg { fill: var(--color-header-text--up-to-date); } .update-reminder-expanded-detail { background-color: var(--color-header-bg); color: rgb(0, 0, 0); padding-bottom: 40px; position: absolute; right: 0px; top: 36px; width: 484px; z-index: 2; } .update-reminder-expanded-detail--up-to-date { background-color: var(--color-header-bg--up-to-date); color: var(--color-header-text--up-to-date); } .update-reminder-expanded-detail p:last-of-type { margin-bottom: 0px; } .update-reminder-expanded-detail .subtext { color: var(--color-subtext); font-size: 13px; margin-bottom: 0px; padding-top: 20px; } .update-reminder-expanded-detail .subtext--small { font-size: 12px; margin: 0px 0px 50px; } .update-reminder-expanded-detail .command-copier { font-size: 14px; padding-left: 48px; width: 400px; } .update-reminder-expanded-detail .pipeline-icon { fill: rgb(0, 0, 0); } .update-reminder-expanded-content { background-color: var(--color-content-bg); border-left: 1px solid var(--color-border-line); height: calc(-270px + 100vh); overflow-y: scroll; padding-right: 56px; padding-top: 40px; position: absolute; right: 0px; top: 270px; width: 484px; z-index: 2; } .update-reminder-expanded-content--up-to-date { height: calc(-144px + 100vh); top: 144px; } .update-reminder-expanded-content--feature { margin-bottom: 68px; } .update-reminder-expanded-content h3 { margin-bottom: 12px; } .update-reminder-expanded-content h4 { font-size: 16px; font-weight: 600; line-height: 20px; margin: 40px 0px 20px; padding-left: 48px; } .update-reminder-expanded-content img { margin-left: 48px; max-width: 380px; } .update-reminder-expanded-content .button { margin-top: 12px; padding-left: 48px; } .update-reminder-version-tag { color: var(--color-version-tag); cursor: pointer; font-size: 12px; padding: 4px 8px; position: absolute; right: 0px; top: 0px; z-index: 2; } .update-reminder-version-tag--outdated:hover { background-color: rgb(255, 227, 0); color: var(--color-version-tag--hover-outdated); } .update-reminder-version-tag--outdated:hover &gt; span { background-color: rgb(178, 132, 0); } .update-reminder-version-tag--outdated &gt; span { background-color: rgb(255, 227, 0); border-radius: 50%; display: inline-block; height: 8px; margin-right: 8px; width: 8px; } .update-reminder-version-tag--up-to-date:hover { background-color: var(--color-version-tag--hover-up-to-date-bg); color: var(--color-version-tag--hover-up-to-date); } .kui-theme--light { --color-link: #000; --color-divider: #c6cace; --color-bg: #f9f9fa; --color-bg-copied: #000; --color-text-copied: #fff; } .kui-theme--dark { --color-link: #fff; --color-divider: #424242; --color-bg: #141516; --color-bg-copied: #fff; --color-text-copied: #000; } .url-box__wrapper { background-color: var(--color-bg); display: flex; height: 50px; justify-content: space-between; text-overflow: ellipsis; width: 100%; } .url-box__wrapper--half-width { border-left: 1px solid var(--color-divider); } .url-box__wrapper--half-width .url-box__result-url-wrapper { width: 300px; } .url-box__result-url-wrapper { align-items: center; display: flex; max-width: 510px; width: 100%; } .url-box__result-url { align-items: center; color: var(--color-link); cursor: pointer; display: block; font-family: inherit; font-size: 16px; line-height: 32px; overflow: hidden; padding-left: 16px; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; width: 90%; } .url-box___button { align-items: center; display: flex; position: relative; } .url-box___button .button__btn { padding: 13px 0px; width: 100px; } .url-box___button .button__btn--secondary::after { display: none; } .url-box__button-copied { border: none; } .url-box__button-copied .button__btn { background-color: var(--color-bg-copied); color: var(--color-text-copied); } .kui-theme--light { --color-description-text: #636363; --color-deployed-link: #000; --color-preview-data-text: #000; --color-modal-bg-1: #eaebed; --color-modal-bg-2: #fdfdfd; --color-footer-border: #c0c5c9; --color-text-doc-link: #151515; --color-form-label: #747474; --input-bg: #f9f9fa; --input-shadow: #ccd0d3; --color-btn-bg: #dfe2e4; --dropdown-bg: #fff; --dropdown-bg-hovered: #f2f3f4; } .kui-theme--dark { --color-description-text: #c6cace; --color-deployed-link: #fff; --color-preview-data-text: #fff; --color-modal-bg-1: #212324; --color-modal-bg-2: #27282a; --color-footer-border: #323232; --color-text-doc-link: #d9dcde; --color-form-label: #989898; --input-bg: #141516; --input-shadow: #0f0f11; --color-btn-bg: #323232; --dropdown-bg: #18191b; --dropdown-bg-hovered: #1e1f21; } .shareable-url-modal .modal__content { max-width: 790px; } .shareable-url-modal .modal__wrapper { align-items: flex-start; padding: 0px; text-align: left; } .shareable-url-modal .modal__title { margin: 0px 0px 24px; } .shareable-url-modal .modal__description { font-size: 16px; font-weight: 400; line-height: 24px; white-space: pre-line; } .shareable-url-modal .modal__description a { color: inherit; text-decoration-color: inherit; } .shareable-url-modal__non-default-wrapper .modal__wrapper { padding: 48px; } .shareable-url-modal__non-default-wrapper .modal__content { max-width: 640px; } .shareable-url-modal__non-default-wrapper .shareable-url-modal__button-wrapper { background: none; border: 0px; padding: 0px; } .shareable-url-modal__content-form-wrapper { display: flex; } .shareable-url-modal__form-wrapper-title { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 32px; margin-top: 0px; } .shareable-url-modal__content-title { color: var(--color-deployed-link); font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; padding-bottom: 24px; } .shareable-url-modal__content-description { color: var(--color-description-text); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin: 0px; } .shareable-url-modal__content-description a { color: var(--color-text-doc-link); } .shareable-url-modal__content-description-title { color: var(--color-deployed-link); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 0px; } .shareable-url-modal__content-description-title--disclaimer::before { background: var(--color-divider); content: ""; display: block; height: 1px; margin: 24px 0px; } .shareable-url-modal__content-preview-dataset { align-items: center; color: var(--color-preview-data-text); display: flex; font-size: 14px; font-style: normal; font-weight: 400; justify-content: space-between; line-height: 20px; margin-top: 12px; } .shareable-url-modal__content-toggle { margin: 0px; } .shareable-url-modal__content-note { color: var(--color-form-label); margin-top: 18px; } .shareable-url-modal__content-note a { color: var(--color-form-label); } .shareable-url-modal__content-wrapper { background: var(--color-modal-bg-2); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px; padding: 48px; } .shareable-url-modal__form-wrapper { background: var(--color-modal-bg-1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px 0px inset; padding: 48px; } .shareable-url-modal__input-wrapper { margin-bottom: 32px; width: 100%; } .shareable-url-modal__input-wrapper .dropdown { width: 264px; } .shareable-url-modal__input-wrapper .input { background: var(--input-bg); box-shadow: 0 1px 1px 0 var(--input-shadow); height: auto; line-height: 20px; padding: 8px 12px; white-space: nowrap; } .shareable-url-modal__input-wrapper .input:focus-visible { border: 1px solid rgb(0, 188, 255); outline: none; text-decoration: none; } .shareable-url-modal__input-wrapper .input::placeholder { color: rgb(66, 66, 66); opacity: 1; } .shareable-url-modal__input-label { color: var(--color-form-label); font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 12px; } .shareable-url-modal__endpoint-url-wrapper { align-items: center; display: flex; justify-content: space-between; } .shareable-url-modal__endpoint-url-wrapper .pipeline-icon--container { list-style-type: none; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__input-label { margin-bottom: 0px; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__input-label-text { color: inherit; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__information-icon { height: 40px; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__information-icon .pipeline-icon { fill: rgb(152, 152, 152); right: 0px; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__information-icon .pipeline-toolbar__label__visible { max-width: 180px; text-align: left; white-space: inherit; width: 180px; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__information-icon .pipeline-toolbar__label__visible::after { top: 5%; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__information-icon .pipeline-toolbar__label-right { margin-left: 2em; } .shareable-url-modal__endpoint-url-wrapper .shareable-url-modal__information-icon .pipeline-toolbar__label-right .shareable-url-modal__information-text { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; margin: 0px; } .shareable-url-modal__button-wrapper { align-items: baseline; background: var(--color-modal-bg-1); border-top: 1px solid var(--color-footer-border); display: flex; justify-content: space-between; padding: 20px 48px; width: 100%; } .shareable-url-modal__button-wrapper--right { justify-content: flex-end; } .shareable-url-modal__button-wrapper--right .button:first-of-type { margin-right: 32px; } .shareable-url-modal__button-wrapper--right a .button:first-of-type { margin-right: 0px; } .shareable-url-modal__button-wrapper .button__btn--secondary { padding-left: 0px; } .shareable-url-modal__loading { display: flex; justify-content: center; width: 100%; } .shareable-url-modal__error { display: flex; flex-direction: column; font-size: 16px; font-weight: 400; line-height: 20px; width: inherit; } .shareable-url-modal__error .button { align-self: end; margin-top: 16px; } .shareable-url-modal__url-wrapper { background-color: rgb(20, 21, 22); display: flex; height: 50px; justify-content: space-between; margin-top: 12px; padding: 8px 8px 8px 16px; position: relative; text-overflow: ellipsis; } .shareable-url-modal__url-wrapper .copy-message, .shareable-url-modal__url-wrapper a { color: var(--color-deployed-link); font-size: 16px; line-height: 32px; } .shareable-url-modal__url-wrapper a { cursor: pointer; display: block; flex-grow: 0; font-family: inherit; overflow: hidden; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; width: 90%; } .shareable-url-modal__url-wrapper a.shareable-url-modal__result-url--no-visible { display: none; } .shareable-url-modal__url-wrapper .copy-message { left: 16px; padding-top: 0px; } .shareable-url-modal__url-wrapper .pipeline-icon--container { display: block; right: 6px; } .shareable-url-modal__label { color: var(--color-description-text); font-size: 16px; line-height: 20px; } .shareable-url-modal__result-action { margin: 0px 12px 0px 16px; position: relative; } .shareable-url-modal .dropdown__label { background: var(--input-bg); padding: 0px 0px 0px 12px; } .shareable-url-modal .dropdown__label span, .shareable-url-modal .menu-option__content { font-size: 14px; } .shareable-url-modal .dropdown__placeholder { color: rgb(66, 66, 66); } .shareable-url-modal__published-wrapper .modal__wrapper { padding: 0px; width: 707px; } .shareable-url-modal__published { background-color: var(--color-modal-bg-1); padding: 48px; width: 100%; } .shareable-url-modal__published .shareable-url-modal__content-title { padding-bottom: 32px; } .shareable-url-modal__published-dropdown-wrapper { display: flex; flex-direction: row; } .shareable-url-modal__published-dropdown-wrapper .dropdown__label { height: 100%; padding-left: 20px; width: 209px; } .shareable-url-modal__input-wrapper .menu-option, .shareable-url-modal__published-dropdown-wrapper .menu-option { background-color: var(--dropdown-bg); padding-left: 20px; } .shareable-url-modal__input-wrapper .menu-option:hover, .shareable-url-modal__published-dropdown-wrapper .menu-option:hover { background-color: var(--dropdown-bg-hovered); } .shareable-url-modal__input-wrapper .dropdown__options, .shareable-url-modal__published-dropdown-wrapper .dropdown__options { box-shadow: none; } .shareable-url-modal__published-action { align-items: baseline; background: var(--color-modal-bg-1); border-top: 1px solid var(--color-footer-border); display: flex; justify-content: space-between; padding: 48px 48px 56px; width: 100%; } .shareable-url-modal__published-action .button__btn--secondary { background-color: var(--color-btn-bg); } .shareable-url-modal__published-action .shareable-url-modal__published-action-text { font-size: 16px; font-weight: 400; line-height: 24px; width: 424px; } .shareable-url-modal__success-wrapper .modal__content { background-color: var(--color-modal-bg-1); } .shareable-url-modal__success-wrapper .modal__wrapper { padding: 48px; width: 642px; } .shareable-url-modal__success-wrapper .modal__description { margin-top: 0px; } .shareable-url-modal__success-wrapper .shareable-url-modal__result { width: 100%; } .shareable-url-modal__success-wrapper .shareable-url-modal__result .url-box__result-url-wrapper { width: 440px; } .shareable-url-timestamp { padding: 4px 8px 8px; position: absolute; right: 0px; top: 0px; } .shareable-url-timestamp p { font-size: 12px; margin: 0px; } .kedro-pipeline { background: var(--color-bg-4); color: var(--color-text); height: 100%; overflow: hidden; position: relative; } @media print {
  .kedro-pipeline.kui-theme--light { background: none; }
} .pipeline-title { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .kui-theme--light { --color-default-alt: #000; --color-text: #151515; --color-text-alt: #d9dcde; --color-text-faded: #242424; --color-bg-1: #ccd0d3; --color-bg-2: #fdfdfd; --color-bg-3: #f2f3f4; --color-bg-4: #f2f3f4; --color-bg-5: #d9dcde; --color-bg-alt: #242424; --color-bg-list: #f9f9fa; --color-sidebar-background: #f2f3f4; --color-global-toolbar-background: #f9f9fa; --color-global-toolbar-active-btn: #fdfdfd; --color-pipeline-toolbar-background: #fdfdfd; --color-sidebar-border: #ccd0d3; --color-sidebar-shadow: #c0c5c9; --color-run-list-divider: #d9dcde; --color-run-list-hover: #fff; --color-base-20: #c0c5c9; --color-black-10: #f2f3f4; --color-border-line: #dfe2e4; --color-exp-tracking-bg: #fff; --color-exp-tracking-metadata: #fff; --color-exp-tracking-datasets: #f9f9fa; --color-metrics-plot-text: #d5d8da; --color-metrics-plot-text-bold: #000; --color-metrics-plot-axis-ends: #5e6c74; --color-metrics-plot-parallel-coords-line: #f2f3f4; --color-metrics-plot-parallel-coords-line-hover: #989898; --color-metrics-plot-parallel-coords-axis-hover: #5e6c74; --color-metrics-plot-tooltip-value: #fff; --color-metrics-plot-tooltip-label: #c0c5c9; --color-metrics-plot-time-series-metric-line: #d5d8da; --color-metrics-plot-time-series-axis: #c0c5c9; --color-metrics-plot-time-series-run-line: #eaebed; --color-metrics-plot-time-series-run-line-hovered: #989898; --color-metrics-plot-time-series-dotted-line: #848e95; } .kui-theme--dark { --color-default-alt: #fff; --color-text: #d9dcde; --color-text-alt: #151515; --color-text-faded: #989898; --color-bg-1: #0f0f11; --color-bg-2: #18191b; --color-bg-3: #1e1f21; --color-bg-4: #0f0f11; --color-bg-5: #2b2d2f; --color-bg-alt: #fff; --color-bg-list: #18191b; --color-sidebar-background: #1e1f21; --color-global-toolbar-background: #0f0f11; --color-global-toolbar-active-btn: #1e1f21; --color-pipeline-toolbar-background: #141516; --color-sidebar-border: #c0c5c9; --color-sidebar-shadow: #021218; --color-run-list-divider: #2b2d2f; --color-run-list-hover: #2b2d2f; --color-base-20: #5e6c74; --color-black-10: #141516; --color-exp-tracking-bg: #0f0f11; --color-exp-tracking-metadata: #101112; --color-exp-tracking-datasets: #090909; --color-metrics-plot-text: #4c5b64; --color-metrics-plot-text-bold: #fff; --color-metrics-plot-axis-ends: #c0c5c9; --color-metrics-plot-parallel-coords-line: #212324; --color-metrics-plot-parallel-coords-line-hover: #abb2b7; --color-metrics-plot-parallel-coords-axis-hover: #c6cace; --color-metrics-plot-tooltip-value: #000; --color-metrics-plot-tooltip-label: #424242; --color-metrics-plot-time-series-metric-line: #717d84; --color-metrics-plot-time-series-axis: #4c5b64; --color-metrics-plot-time-series-run-line: #242526; --color-metrics-plot-time-series-run-line-hovered: #fff; --color-metrics-plot-time-series-dotted-line: #97a0a6; } .kedro { -webkit-font-smoothing: antialiased; font-family: Inter, sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0.1px; line-height: 1.4; } *, ::after, ::before { box-sizing: border-box; } body &gt; iframe { display: none; } body { margin: 0px; } .kedro-pipeline { height: 100vh; } .kedro { font-size: 0.625rem; } .js-plotly-plot .plotly .mapboxgl-ctrl-logo { display: block; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version=\"1.0\" encoding=\"utf-8\"?%3E %3Csvg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 21 21\" style=\"enable-background:new 0 0 21 21;\" xml:space=\"preserve\"%3E%3Cg transform=\"translate(0,0.01)\"%3E%3Cpath d=\"m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z\" style=\"opacity:0.9;fill:%23ffffff;enable-background:new\" class=\"st0\"/%3E%3Cpath d=\"M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z\" style=\"opacity:0.35;enable-background:new\" class=\"st1\"/%3E%3Cpath d=\"M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z\" style=\"opacity:0.35;enable-background:new\" class=\"st1\"/%3E%3Cpolygon points=\"11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 \" style=\"opacity:0.9;fill:%23ffffff;enable-background:new\" class=\"st0\"/%3E%3C/g%3E%3C/svg%3E"); } .js-plotly-plot .plotly .mapboxgl-attrib-empty { display: none; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib .mapbox-improve-map { font-weight: bold; margin-left: 2px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib a:hover { color: inherit; text-decoration: underline; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib a { color: rgba(0, 0, 0, 0.75); text-decoration: none; font-size: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib { color: rgba(0, 0, 0, 0.75); text-decoration: none; font-size: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0px 10px 10px 0px; float: right; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl { margin: 0px 0px 10px 10px; float: left; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left &gt; .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0px; left: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right &gt; .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0px; right: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact { min-height: 20px; padding: 0px; margin: 10px; position: relative; background-color: rgb(255, 255, 255); border-radius: 3px 12px 12px 3px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact::after { content: ""; cursor: pointer; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E %3Cpath fill=\"%23333333\" fill-rule=\"evenodd\" d=\"M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0\"/%3E %3C/svg%3E"); background-color: rgba(255, 255, 255, 0.5); width: 24px; height: 24px; box-sizing: border-box; border-radius: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact:hover { padding: 2px 24px 2px 4px; visibility: visible; margin-top: 6px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner { display: block; margin-top: 2px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner { display: none; } .js-plotly-plot .plotly .mapboxgl-ctrl { clear: both; pointer-events: auto; transform: translate(0px, 0px); } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; right: 0px; bottom: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left { position: absolute; pointer-events: none; z-index: 2; bottom: 0px; left: 0px; } .js-plotly-plot .plotly .mapboxgl-canary { background-color: salmon; } .js-plotly-plot .plotly .mapboxgl-missing-css { display: none; } .js-plotly-plot .plotly .mapboxgl-map { overflow: hidden; position: relative; } .js-plotly-plot .plotly .mapboxgl-ctrl-logo { display: block; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version=\"1.0\" encoding=\"utf-8\"?%3E %3Csvg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 21 21\" style=\"enable-background:new 0 0 21 21;\" xml:space=\"preserve\"%3E%3Cg transform=\"translate(0,0.01)\"%3E%3Cpath d=\"m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z\" style=\"opacity:0.9;fill:%23ffffff;enable-background:new\" class=\"st0\"/%3E%3Cpath d=\"M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z\" style=\"opacity:0.35;enable-background:new\" class=\"st1\"/%3E%3Cpath d=\"M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z\" style=\"opacity:0.35;enable-background:new\" class=\"st1\"/%3E%3Cpolygon points=\"11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 \" style=\"opacity:0.9;fill:%23ffffff;enable-background:new\" class=\"st0\"/%3E%3C/g%3E%3C/svg%3E"); } .js-plotly-plot .plotly .mapboxgl-attrib-empty { display: none; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib .mapbox-improve-map { font-weight: bold; margin-left: 2px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib a:hover { color: inherit; text-decoration: underline; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib a { color: rgba(0, 0, 0, 0.75); text-decoration: none; font-size: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib { color: rgba(0, 0, 0, 0.75); text-decoration: none; font-size: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0px 10px 10px 0px; float: right; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl { margin: 0px 0px 10px 10px; float: left; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left &gt; .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0px; left: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right &gt; .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0px; right: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact { min-height: 20px; padding: 0px; margin: 10px; position: relative; background-color: rgb(255, 255, 255); border-radius: 3px 12px 12px 3px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact::after { content: ""; cursor: pointer; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E %3Cpath fill=\"%23333333\" fill-rule=\"evenodd\" d=\"M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0\"/%3E %3C/svg%3E"); background-color: rgba(255, 255, 255, 0.5); width: 24px; height: 24px; box-sizing: border-box; border-radius: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact:hover { padding: 2px 24px 2px 4px; visibility: visible; margin-top: 6px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner { display: block; margin-top: 2px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner { display: none; } .js-plotly-plot .plotly .mapboxgl-ctrl { clear: both; pointer-events: auto; transform: translate(0px, 0px); } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; right: 0px; bottom: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left { position: absolute; pointer-events: none; z-index: 2; bottom: 0px; left: 0px; } .js-plotly-plot .plotly .mapboxgl-canary { background-color: salmon; } .js-plotly-plot .plotly .mapboxgl-missing-css { display: none; } .js-plotly-plot .plotly .mapboxgl-map { overflow: hidden; position: relative; } .js-plotly-plot .plotly .mapboxgl-ctrl-logo { display: block; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3C?xml version=\"1.0\" encoding=\"utf-8\"?%3E %3Csvg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 21 21\" style=\"enable-background:new 0 0 21 21;\" xml:space=\"preserve\"%3E%3Cg transform=\"translate(0,0.01)\"%3E%3Cpath d=\"m 10.5,1.24 c -5.11,0 -9.25,4.15 -9.25,9.25 0,5.1 4.15,9.25 9.25,9.25 5.1,0 9.25,-4.15 9.25,-9.25 0,-5.11 -4.14,-9.25 -9.25,-9.25 z m 4.39,11.53 c -1.93,1.93 -4.78,2.31 -6.7,2.31 -0.7,0 -1.41,-0.05 -2.1,-0.16 0,0 -1.02,-5.64 2.14,-8.81 0.83,-0.83 1.95,-1.28 3.13,-1.28 1.27,0 2.49,0.51 3.39,1.42 1.84,1.84 1.89,4.75 0.14,6.52 z\" style=\"opacity:0.9;fill:%23ffffff;enable-background:new\" class=\"st0\"/%3E%3Cpath d=\"M 10.5,-0.01 C 4.7,-0.01 0,4.7 0,10.49 c 0,5.79 4.7,10.5 10.5,10.5 5.8,0 10.5,-4.7 10.5,-10.5 C 20.99,4.7 16.3,-0.01 10.5,-0.01 Z m 0,19.75 c -5.11,0 -9.25,-4.15 -9.25,-9.25 0,-5.1 4.14,-9.26 9.25,-9.26 5.11,0 9.25,4.15 9.25,9.25 0,5.13 -4.14,9.26 -9.25,9.26 z\" style=\"opacity:0.35;enable-background:new\" class=\"st1\"/%3E%3Cpath d=\"M 14.74,6.25 C 12.9,4.41 9.98,4.35 8.23,6.1 5.07,9.27 6.09,14.91 6.09,14.91 c 0,0 5.64,1.02 8.81,-2.14 C 16.64,11 16.59,8.09 14.74,6.25 Z m -2.27,4.09 -0.91,1.87 -0.9,-1.87 -1.86,-0.91 1.86,-0.9 0.9,-1.87 0.91,1.87 1.86,0.9 z\" style=\"opacity:0.35;enable-background:new\" class=\"st1\"/%3E%3Cpolygon points=\"11.56,12.21 10.66,10.34 8.8,9.43 10.66,8.53 11.56,6.66 12.47,8.53 14.33,9.43 12.47,10.34 \" style=\"opacity:0.9;fill:%23ffffff;enable-background:new\" class=\"st0\"/%3E%3C/g%3E%3C/svg%3E"); } .js-plotly-plot .plotly .mapboxgl-attrib-empty { display: none; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib .mapbox-improve-map { font-weight: bold; margin-left: 2px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib a:hover { color: inherit; text-decoration: underline; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib a { color: rgba(0, 0, 0, 0.75); text-decoration: none; font-size: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib { color: rgba(0, 0, 0, 0.75); text-decoration: none; font-size: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0px 10px 10px 0px; float: right; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl { margin: 0px 0px 10px 10px; float: left; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left &gt; .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0px; left: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right &gt; .mapboxgl-ctrl-attrib.mapboxgl-compact::after { bottom: 0px; right: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact { min-height: 20px; padding: 0px; margin: 10px; position: relative; background-color: rgb(255, 255, 255); border-radius: 3px 12px 12px 3px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact::after { content: ""; cursor: pointer; position: absolute; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"%3E %3Cpath fill=\"%23333333\" fill-rule=\"evenodd\" d=\"M4,10a6,6 0 1,0 12,0a6,6 0 1,0 -12,0 M9,7a1,1 0 1,0 2,0a1,1 0 1,0 -2,0 M9,10a1,1 0 1,1 2,0l0,3a1,1 0 1,1 -2,0\"/%3E %3C/svg%3E"); background-color: rgba(255, 255, 255, 0.5); width: 24px; height: 24px; box-sizing: border-box; border-radius: 12px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact:hover { padding: 2px 24px 2px 4px; visibility: visible; margin-top: 6px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner { display: block; margin-top: 2px; } .js-plotly-plot .plotly .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner { display: none; } .js-plotly-plot .plotly .mapboxgl-ctrl { clear: both; pointer-events: auto; transform: translate(0px, 0px); } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; right: 0px; bottom: 0px; } .js-plotly-plot .plotly .mapboxgl-ctrl-bottom-left { position: absolute; pointer-events: none; z-index: 2; bottom: 0px; left: 0px; } .js-plotly-plot .plotly .mapboxgl-canary { background-color: salmon; } .js-plotly-plot .plotly .mapboxgl-missing-css { display: none; } .js-plotly-plot .plotly .mapboxgl-map { overflow: hidden; position: relative; } .plotly-notifier .notifier-close:hover { color: rgb(68, 68, 68); text-decoration: none; cursor: pointer; } .plotly-notifier .notifier-close { color: rgb(255, 255, 255); opacity: 0.8; float: right; padding: 0px 5px; background: none; border: none; font-size: 20px; font-weight: bold; line-height: 20px; } .plotly-notifier .notifier-note { min-width: 180px; max-width: 250px; border: 1px solid rgb(255, 255, 255); z-index: 3000; margin: 0px; background-color: rgba(140, 151, 175, 0.9); color: rgb(255, 255, 255); padding: 10px; overflow-wrap: break-word; hyphens: auto; } .plotly-notifier p { margin: 0px; } .plotly-notifier { font-family: "Open Sans", verdana, arial, sans-serif; position: fixed; top: 50px; right: 20px; z-index: 10000; font-size: 10pt; max-width: 180px; } .js-plotly-plot .plotly .vertical [data-title]::before { border-width: 6px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(105, 115, 138); border-image: initial; margin-top: 8px; margin-right: -30px; } .js-plotly-plot .plotly .vertical [data-title]::before, .js-plotly-plot .plotly .vertical [data-title]::after { top: 0%; right: 200%; } .js-plotly-plot .plotly [data-title]::after { content: attr(data-title); background: rgb(105, 115, 138); color: rgb(255, 255, 255); padding: 8px 10px; font-size: 12px; line-height: 12px; white-space: nowrap; margin-right: -18px; border-radius: 2px; } .js-plotly-plot .plotly [data-title]::before { content: ""; position: absolute; background: rgba(0, 0, 0, 0); border-width: 6px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(105, 115, 138); border-image: initial; z-index: 1002; margin-top: -12px; margin-right: -6px; } .js-plotly-plot .plotly [data-title]:hover::before, .js-plotly-plot .plotly [data-title]:hover::after { display: block; opacity: 1; } .js-plotly-plot .plotly [data-title]::before, .js-plotly-plot .plotly [data-title]::after { position: absolute; transform: translate3d(0px, 0px, 0px); display: none; opacity: 0; z-index: 1001; pointer-events: none; top: 110%; right: 50%; } .js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn { display: block; text-align: center; } .js-plotly-plot .plotly .modebar.vertical .modebar-group { display: block; float: none; padding-left: 0px; padding-bottom: 8px; } .js-plotly-plot .plotly .modebar.vertical svg { top: -1px; } .js-plotly-plot .plotly .modebar.vertical { display: flex; flex-flow: column wrap; align-content: flex-end; max-height: 100%; } .js-plotly-plot .plotly .modebar-btn svg { position: relative; top: 2px; } .js-plotly-plot .plotly .modebar-btn { position: relative; font-size: 16px; padding: 3px 4px; height: 22px; cursor: pointer; line-height: normal; box-sizing: border-box; } .js-plotly-plot .plotly .modebar-group { float: left; display: inline-block; box-sizing: border-box; padding-left: 8px; position: relative; vertical-align: middle; white-space: nowrap; } .js-plotly-plot .plotly:hover .modebar--hover .modebar-group { opacity: 1; } .js-plotly-plot .plotly .modebar--hover &gt; :not(.watermark) { opacity: 0; transition: opacity 0.3s; } .js-plotly-plot .plotly .ease-bg { transition: background-color 0.3s; } .js-plotly-plot .plotly .modebar { position: absolute; top: 2px; right: 2px; } .js-plotly-plot .plotly .cursor-grab { cursor: grab; } .js-plotly-plot .plotly .cursor-ne-resize { cursor: ne-resize; } .js-plotly-plot .plotly .cursor-n-resize { cursor: n-resize; } .js-plotly-plot .plotly .cursor-nw-resize { cursor: nw-resize; } .js-plotly-plot .plotly .cursor-e-resize { cursor: e-resize; } .js-plotly-plot .plotly .cursor-w-resize { cursor: w-resize; } .js-plotly-plot .plotly .cursor-se-resize { cursor: se-resize; } .js-plotly-plot .plotly .cursor-s-resize { cursor: s-resize; } .js-plotly-plot .plotly .cursor-sw-resize { cursor: sw-resize; } .js-plotly-plot .plotly .cursor-ew-resize { cursor: ew-resize; } .js-plotly-plot .plotly .cursor-ns-resize { cursor: ns-resize; } .js-plotly-plot .plotly .cursor-row-resize { cursor: row-resize; } .js-plotly-plot .plotly .cursor-col-resize { cursor: col-resize; } .js-plotly-plot .plotly .cursor-move { cursor: move; } .js-plotly-plot .plotly .cursor-crosshair { cursor: crosshair; } .js-plotly-plot .plotly .cursor-pointer { cursor: pointer; } .js-plotly-plot .plotly .cursor-default { cursor: default; } .js-plotly-plot .plotly .main-svg .draglayer { pointer-events: all; } .js-plotly-plot .plotly .main-svg { position: absolute; top: 0px; left: 0px; pointer-events: none; } .js-plotly-plot .plotly svg a:hover { fill: rgb(60, 109, 197); } .js-plotly-plot .plotly svg a { fill: rgb(68, 122, 219); } .js-plotly-plot .plotly svg { overflow: hidden; } .js-plotly-plot .plotly .user-select-none { user-select: none; } .js-plotly-plot .plotly .crisp { shape-rendering: crispedges; } .js-plotly-plot .plotly a:hover { text-decoration: none; } .js-plotly-plot .plotly a { text-decoration: none; } .js-plotly-plot .plotly input:focus, .js-plotly-plot .plotly button:focus { outline: none; } .js-plotly-plot .plotly input, .js-plotly-plot .plotly button { font-family: "Open Sans", verdana, arial, sans-serif; } .js-plotly-plot .plotly, .js-plotly-plot .plotly div { direction: ltr; font-family: "Open Sans", verdana, arial, sans-serif; margin: 0px; padding: 0px; } .css-gq6039 { padding: 0px 0px 0px 20px; } .css-gq6039 root { height: 110px; -webkit-box-flex: 1; flex-grow: 1; max-width: 400px; } .css-v02vic { margin: 0px; list-style: none; outline: 0px; padding: 0px 0px 0px 20px; } .css-v02vic root { height: 110px; -webkit-box-flex: 1; flex-grow: 1; max-width: 400px; } .css-105mfs8 { list-style: none; margin: 0px; padding: 0px; outline: 0px; } .css-tc4u2w { padding: 0px 8px; width: 100%; box-sizing: border-box; display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; -webkit-tap-highlight-color: transparent; } .css-tc4u2w:hover { background-color: rgba(0, 0, 0, 0.04); } @media (hover: none) {
  .css-tc4u2w:hover { background-color: transparent; }
} .css-tc4u2w.Mui-disabled { opacity: 0.38; background-color: transparent; } .css-tc4u2w.Mui-focused { background-color: rgba(0, 0, 0, 0.12); } .css-tc4u2w.Mui-selected { background-color: rgba(25, 118, 210, 0.08); } .css-tc4u2w.Mui-selected:hover { background-color: rgba(25, 118, 210, 0.12); } @media (hover: none) {
  .css-tc4u2w.Mui-selected:hover { background-color: rgba(25, 118, 210, 0.08); }
} .css-tc4u2w.Mui-selected.Mui-focused { background-color: rgba(25, 118, 210, 0.2); } .css-tc4u2w .MuiTreeItem-iconContainer { margin-right: 4px; width: 15px; display: flex; flex-shrink: 0; -webkit-box-pack: center; justify-content: center; } .css-tc4u2w .MuiTreeItem-iconContainer svg { font-size: 18px; } .css-tc4u2w .MuiTreeItem-label { padding-left: 4px; width: 100%; box-sizing: border-box; min-width: 0px; position: relative; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; } .css-vubbuv { user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentcolor; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); font-size: 1.5rem; } .css-1jozaee { margin: 0px 0px 0px 17px; padding: 0px; } .css-1xxsnna { height: auto; overflow: visible; transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1); margin: 0px 0px 0px 17px; padding: 0px; } .css-hboir5 { display: flex; width: 100%; } .css-8atqhb { width: 100%; } @import url("https://fonts.googleapis.com/css?family=Inter:400");</style><style xmlns="http://www.w3.org/1999/xhtml">@import url(https://fonts.googleapis.com/css?family=Inter:400);</style><g id="zoom-wrapper" class="pipeline-zoom-wrapper" transform="translate(80, 0)"><defs><marker id="pipeline-arrowhead" class="pipeline-flowchart__arrowhead" viewBox="0 0 10 10" refX="7" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 L 4 5 z"/></marker><marker id="pipeline-arrowhead--input" class="pipeline-flowchart__arrowhead--input" viewBox="0 0 10 10" refX="7" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 L 4 5 z"/></marker><marker id="pipeline-arrowhead--accent--input" class="pipeline-flowchart__arrowhead--accent--input" viewBox="0 0 10 10" refX="7" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 L 4 5 z"/></marker><marker id="pipeline-arrowhead--accent" class="pipeline-flowchart__arrowhead--accent" viewBox="0 0 10 10" refX="7" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 L 4 5 z"/></marker></defs><g class="pipeline-flowchart__layers"/><g class="pipeline-flowchart__edges"><g data-id="5efd6c0d|4bf2758e" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M408.6,122L408.6,122.8C408.6,123.7,408.6,125.3,408.6,127.5C408.6,129.7,408.6,132.3,408.6,140.3C408.6,148.3,408.6,161.7,408.6,169.7C408.6,177.7,408.6,180.3,408.6,182.5C408.6,184.7,408.6,186.3,408.6,187.2L408.6,188"/></g><g data-id="4bf2758e|37d226a3" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M408.6,232L408.6,232.8C408.6,233.7,408.6,235.3,408.6,239.5C408.6,243.7,408.6,250.3,408.6,272.3C408.6,294.3,408.6,331.7,408.6,351.7C408.6,371.7,408.6,374.3,408.6,376.5C408.6,378.7,408.6,380.3,408.6,381.2L408.6,382"/></g><g data-id="4bf2758e|6ead9a4f" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M402.6,232L402.6,232.8C402.6,233.7,402.6,235.3,402.6,239.5C402.6,243.7,402.6,250.3,377.1,272.3C351.6,294.3,300.6,331.7,275.1,351.7C249.6,371.7,249.6,374.3,249.6,376.5C249.6,378.7,249.6,380.3,249.6,381.2L249.6,382"/></g><g data-id="4bf2758e|5d03b43a" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M396.6,232L396.6,232.8C396.6,233.7,396.6,235.3,396.6,239.5C396.6,243.7,396.6,250.3,347.1,272.3C297.7,294.3,198.9,331.7,149.4,351.7C100,371.7,100,374.3,100,376.5C100,378.7,100,380.3,100,381.2L100,382"/></g><g data-id="4bf2758e|c41ba44c" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M420.6,232L420.6,232.8C420.6,233.7,420.6,235.3,420.6,239.5C420.6,243.7,420.6,250.3,489.1,272.3C557.6,294.3,694.6,331.7,763.1,351.7C831.6,371.7,831.6,374.3,831.6,376.5C831.6,378.7,831.6,380.3,831.6,381.2L831.6,382"/></g><g data-id="4bf2758e|e44066ea" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M414.6,232L414.6,232.8C414.6,233.7,414.6,235.3,414.6,239.5C414.6,243.7,414.6,250.3,447.3,272.3C480.0,294.3,545.4,331.7,578.2,351.7C610.9,371.7,610.9,374.3,610.9,376.5C610.9,378.7,610.9,380.3,610.9,381.2L610.9,382"/></g><g data-id="c41ba44c|f7f87767" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M834.6,426L834.6,426.8C834.6,427.7,834.6,429.3,834.6,432.2C834.6,435,834.6,439,834.1,456.3C833.6,473.7,832.6,504.3,832.1,521C831.6,537.7,831.6,540.3,831.6,542.5C831.6,544.7,831.6,546.3,831.6,547.2L831.6,548"/></g><g data-id="c41ba44c|f6993d0d" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M828.6,426L828.6,426.8C828.6,427.7,828.6,429.3,828.6,432.2C828.6,435,828.6,439,770.3,456.3C711.9,473.7,595.2,504.3,536.8,521C478.5,537.7,478.5,540.3,478.5,542.5C478.5,544.7,478.5,546.3,478.5,547.2L478.5,548"/></g><g data-id="f7f87767|cooling_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M837.6,592L837.6,592.8C837.6,593.7,837.6,595.3,837.6,598.8C837.6,602.3,837.6,607.7,894.2,617.8C950.7,628,1063.7,643,1120.2,662.5C1176.7,682,1176.7,706,1176.7,733.7C1176.7,761.3,1176.7,792.7,1176.7,820.3C1176.7,848,1176.7,872,1121.7,893.5C1066.7,915,956.7,934,901.7,946.8C846.6,959.7,846.6,966.3,846.6,970.5C846.6,974.7,846.6,976.3,846.6,977.2L846.6,978"/></g><g data-id="f7f87767|82d2b79a" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M825.6,592L825.6,592.8C825.6,593.7,825.6,595.3,825.6,598.8C825.6,602.3,825.6,607.7,814.4,620.3C803.2,633,780.7,653,769.5,664.3C758.3,675.7,758.3,678.3,758.3,680.5C758.3,682.7,758.3,684.3,758.3,685.2L758.3,686"/></g><g data-id="f7f87767|57e2b816" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M831.6,592L831.6,592.8C831.6,593.7,831.6,595.3,831.6,599.5C831.6,603.7,831.6,610.3,866.0,623C900.4,635.7,969.3,654.3,1003.7,665C1038.1,675.7,1038.1,678.3,1038.1,680.5C1038.1,682.7,1038.1,684.3,1038.1,685.2L1038.1,686"/></g><g data-id="f6993d0d|heating_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M472.5,592L472.5,592.8C472.5,593.7,472.5,595.3,472.5,598.8C472.5,602.3,472.5,607.7,399.3,617.8C326.1,628,179.8,643,106.6,662.5C33.5,682,33.5,706,33.5,733.7C33.5,761.3,33.5,792.7,33.5,820.3C33.5,848,33.5,872,105.1,893.5C176.8,915,320.1,934,391.8,946.8C463.5,959.7,463.5,966.3,463.5,970.5C463.5,974.7,463.5,976.3,463.5,977.2L463.5,978"/></g><g data-id="f6993d0d|2e607c52" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M484.5,592L484.5,592.8C484.5,593.7,484.5,595.3,484.5,598.8C484.5,602.3,484.5,607.7,483.5,620.3C482.5,633,480.5,653,479.5,664.3C478.5,675.7,478.5,678.3,478.5,680.5C478.5,682.7,478.5,684.3,478.5,685.2L478.5,686"/></g><g data-id="f6993d0d|05042fbe" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M478.5,592L478.5,592.8C478.5,593.7,478.5,595.3,478.5,599.5C478.5,603.7,478.5,610.3,431.8,623C385.2,635.7,291.9,654.3,245.3,665C198.7,675.7,198.7,678.3,198.7,680.5C198.7,682.7,198.7,684.3,198.7,685.2L198.7,686"/></g><g data-id="57e2b816|7d02069d" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M1035.1,730L1035.1,730.8C1035.1,731.7,1035.1,733.3,1035.1,736.2C1035.1,739,1035.1,743,1002.0,759.7C968.9,776.3,902.8,805.7,869.7,822.3C836.6,839,836.6,843,836.6,845.8C836.6,848.7,836.6,850.3,836.6,851.2L836.6,852"/></g><g data-id="57e2b816|cooling_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M1041.1,730L1041.1,730.8C1041.1,731.7,1041.1,733.3,1041.1,736.2C1041.1,739,1041.1,743,1041.6,757.8C1042.1,772.7,1043.1,798.3,1043.6,823.2C1044.1,848,1044.1,872,1009.5,893.5C974.9,915,905.8,934,871.2,946.8C836.6,959.7,836.6,966.3,836.6,970.5C836.6,974.7,836.6,976.3,836.6,977.2L836.6,978"/></g><g data-id="82d2b79a|cooling_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M755.3,730L755.3,730.8C755.3,731.7,755.3,733.3,755.3,736.2C755.3,739,755.3,743,746.0,757.8C736.8,772.7,718.4,798.3,709.2,823.2C699.9,848,699.9,872,719.4,893.5C738.8,915,777.7,934,797.2,946.8C816.6,959.7,816.6,966.3,816.6,970.5C816.6,974.7,816.6,976.3,816.6,977.2L816.6,978"/></g><g data-id="82d2b79a|7d02069d" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M761.3,730L761.3,730.8C761.3,731.7,761.3,733.3,761.3,736.2C761.3,739,761.3,743,772.2,759.7C783.1,776.3,804.8,805.7,815.7,822.3C826.6,839,826.6,843,826.6,845.8C826.6,848.7,826.6,850.3,826.6,851.2L826.6,852"/></g><g data-id="2e607c52|a835bbb2" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M475.5,730L475.5,730.8C475.5,731.7,475.5,733.3,475.5,736.2C475.5,739,475.5,743,476.8,759.7C478.1,776.3,480.8,805.7,482.1,822.3C483.5,839,483.5,843,483.5,845.8C483.5,848.7,483.5,850.3,483.5,851.2L483.5,852"/></g><g data-id="2e607c52|heating_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M481.5,730L481.5,730.8C481.5,731.7,481.5,733.3,481.5,736.2C481.5,739,481.5,743,502.9,757.8C524.4,772.7,567.3,798.3,588.7,823.2C610.1,848,610.1,872,590.7,893.5C571.3,915,532.4,934,512.9,946.8C493.5,959.7,493.5,966.3,493.5,970.5C493.5,974.7,493.5,976.3,493.5,977.2L493.5,978"/></g><g data-id="05042fbe|a835bbb2" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M201.7,730L201.7,730.8C201.7,731.7,201.7,733.3,201.7,736.2C201.7,739,201.7,743,247.0,759.7C292.3,776.3,382.9,805.7,428.2,822.3C473.5,839,473.5,843,473.5,845.8C473.5,848.7,473.5,850.3,473.5,851.2L473.5,852"/></g><g data-id="05042fbe|heating_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M195.7,730L195.7,730.8C195.7,731.7,195.7,733.3,195.7,736.2C195.7,739,195.7,743,195.1,757.8C194.6,772.7,193.5,798.3,193.0,823.2C192.5,848,192.5,872,239.3,893.5C286.1,915,379.8,934,426.6,946.8C473.5,959.7,473.5,966.3,473.5,970.5C473.5,974.7,473.5,976.3,473.5,977.2L473.5,978"/></g><g data-id="7d02069d|cooling_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M831.6,896L831.6,896.8C831.6,897.7,831.6,899.3,831.6,901.5C831.6,903.7,831.6,906.3,830.8,915C830.0,923.7,828.3,938.3,827.5,949C826.6,959.7,826.6,966.3,826.6,970.5C826.6,974.7,826.6,976.3,826.6,977.2L826.6,978"/></g><g data-id="a835bbb2|heating_model" class="pipeline-edge" opacity="1"><path marker-end="url(#pipeline-arrowhead)" d="M478.5,896L478.5,896.8C478.5,897.7,478.5,899.3,478.5,901.5C478.5,903.7,478.5,906.3,479.3,915C480.1,923.7,481.8,938.3,482.6,949C483.5,959.7,483.5,966.3,483.5,970.5C483.5,974.7,483.5,976.3,483.5,977.2L483.5,978"/></g></g><g id="nodes" class="pipeline-flowchart__nodes"><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(408.5580139160156, 100)" data-id="5efd6c0d" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="174.33880615234375" height="39" x="-87.16940307617188" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-99.66940307617188" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-73.6694px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">remove_na_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(408.5580139160156, 210)" data-id="4bf2758e" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="215.9205322265625" height="39" x="-107.96026611328125" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-120.46026611328125" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-94.4603px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">rename_columns_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(100, 404)" data-id="5d03b43a" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="117.10210037231445" height="39" x="-58.55105018615723" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-71.05105018615723" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-45.0511px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">heatmap</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(249.64306640625, 404)" data-id="6ead9a4f" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="116.18403244018555" height="39" x="-58.09201622009277" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-70.59201622009277" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-44.592px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">boxplots</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(408.5580139160156, 404)" data-id="37d226a3" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="135.64583587646484" height="39" x="-67.82291793823242" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-80.32291793823242" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-54.3229px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">Histograms</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(610.89306640625, 404)" data-id="e44066ea" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="203.02430725097656" height="39" x="-101.51215362548828" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-114.01215362548828" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-88.0122px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">descriptive_statistics</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(831.6395874023438, 404)" data-id="c41ba44c" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="172.46875762939453" height="39" x="-86.23437881469727" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-98.73437881469727" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-72.7344px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">separate_targets</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(478.4589538574219, 570)" data-id="f6993d0d" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="222.18064880371094" height="39" x="-111.09032440185547" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator pipeline-node__parameter-indicator--visible" width="12" height="12" x="-123.59032440185547" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-97.5903px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">features_train_test_split</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(831.6395874023438, 570)" data-id="f7f87767" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="222.18064880371094" height="39" x="-111.09032440185547" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator pipeline-node__parameter-indicator--visible" width="12" height="12" x="-123.59032440185547" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-97.5903px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">features_train_test_split</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(198.65623474121094, 708)" data-id="05042fbe" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="273.31951904296875" height="39" x="-136.65975952148438" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-149.15975952148438" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-123.16px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">feature_standard_scaling_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(478.4589538574219, 708)" data-id="2e607c52" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="220.28591918945312" height="39" x="-110.14295959472656" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-122.64295959472656" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-96.643px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">feature_encoding_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(758.2616577148438, 708)" data-id="82d2b79a" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="273.31951904296875" height="39" x="-136.65975952148438" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-149.15975952148438" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-123.16px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">feature_standard_scaling_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(1038.064453125, 708)" data-id="57e2b816" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="220.28591918945312" height="39" x="-110.14295959472656" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-122.64295959472656" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-96.643px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">feature_encoding_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(478.4589538574219, 874)" data-id="a835bbb2" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="200.38186645507812" height="39" x="-100.19093322753906" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-112.69093322753906" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-86.6909px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">feature_merge_node</text></g><g tabindex="0" class="pipeline-node pipeline-node--task" transform="translate(831.6395874023438, 874)" data-id="7d02069d" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--task pipeline-node__bg--task" width="200.38186645507812" height="39" x="-100.19093322753906" y="-19.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-112.69093322753906" y="-6"/><path class="pipeline-node__icon" d="M20 4.2l.2.2L19 5.9c-2.3-1.8-3.8-.9-4.8 3.4h3.1v2h-3.5v.2l-.1.6c-1.2 7.9-4 11-8.3 8l-.2-.1 1.2-1.6c2.5 1.8 4.2.3 5.2-5.9l.2-1v-.2H9.2v-2h3c1.4-6 4.1-8 7.9-5z" style="transition-delay: 0ms; transform: translate(-86.6909px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">feature_merge_node</text></g><g tabindex="0" class="pipeline-node" transform="translate(478.4589538574219, 1012)" data-id="heating_model" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--modularPipeline pipeline-node__bg--modularPipeline" width="186.11111450195312" height="63" x="-93.05555725097656" y="-31.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-105.55555725097656" y="-6"/><path class="pipeline-node__icon" d="M8.18 4c1.11 0 2.03.8 2.17 1.86l4.4 1.61c.31-.17.68-.27 1.07-.27 1.2 0 2.18.95 2.18 2.13s-.98 2.14-2.18 2.14c-.38 0-.73-.1-1.04-.26l-4.22 2.74L13.69 16c.3-.16.66-.26 1.04-.26 1.2 0 2.18.96 2.18 2.14 0 1.18-.98 2.13-2.18 2.13a2.16 2.16 0 01-2.17-2.35l-3.34-2.18c-.3.17-.66.26-1.04.26-1.2 0-2.18-.95-2.18-2.13s.98-2.13 2.18-2.13c.61 0 1.16.24 1.56.63l3.9-2.55v-.22-.13L9.63 7.73c-.39.33-.9.54-1.45.54C6.98 8.27 6 7.3 6 6.13 6 4.95 6.98 4 8.18 4z" style="transition-delay: 0ms; transform: translate(-65.5556px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">heating_model</text></g><g tabindex="0" class="pipeline-node" transform="translate(831.6396045684814, 1012)" data-id="cooling_model" opacity="1"><rect class="pipeline-node__bg pipeline-node__bg--modularPipeline pipeline-node__bg--modularPipeline" width="185.01736450195312" height="63" x="-92.50868225097656" y="-31.5" rx="0"/><rect class="pipeline-node__parameter-indicator" width="12" height="12" x="-105.00868225097656" y="-6"/><path class="pipeline-node__icon" d="M8.18 4c1.11 0 2.03.8 2.17 1.86l4.4 1.61c.31-.17.68-.27 1.07-.27 1.2 0 2.18.95 2.18 2.13s-.98 2.14-2.18 2.14c-.38 0-.73-.1-1.04-.26l-4.22 2.74L13.69 16c.3-.16.66-.26 1.04-.26 1.2 0 2.18.96 2.18 2.14 0 1.18-.98 2.13-2.18 2.13a2.16 2.16 0 01-2.17-2.35l-3.34-2.18c-.3.17-.66.26-1.04.26-1.2 0-2.18-.95-2.18-2.13s.98-2.13 2.18-2.13c.61 0 1.16.24 1.56.63l3.9-2.55v-.22-.13L9.63 7.73c-.39.33-.9.54-1.45.54C6.98 8.27 6 7.3 6 6.13 6 4.95 6.98 4 8.18 4z" style="transition-delay: 0ms; transform: translate(-65.0087px, -12px) scale(1);"/><text class="pipeline-node__text" text-anchor="middle" dy="5" dx="14" style="transition-delay: 200ms; opacity: 1;">cooling_model</text></g></g></g></svg>