.button-icon{width:2.5rem;height:2.5rem;background:var(--color--background);display:flex;align-items:center;justify-content:center;transition:all .25s ease-in-out;border-radius:100px;border:0}.button-icon:hover{transform:scale(.95)}.button-icon--secondary{background:var(--color--background--secondary)}.button-icon--button{border:1px solid var(--color--border--dark);border-radius:var(--border-radius--lg)}.button-icon--floating{border-radius:100px;border:1px solid var(--color--border--dark);box-shadow:var(--box-shadow--md)}.input-number{display:inline-flex;border:1px solid var(--color--border--dark);outline:1px solid transparent;border-radius:.25rem;overflow:hidden;transition:all .25s ease-in-out}.input-number--focused{border-color:var(--color--interact);outline-color:var(--color--interact)}.input-number__button{width:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:auto;aspect-ratio:1;background:var(--color--background--secondary);border:none}.input-number__button:hover{cursor:pointer}.input-number__button:focus-visible{outline:0;border:2px solid var(--color--interact)}.input-number__button:first-child{border-radius:var(--border-radius--sm) 0 0 var(--border-radius--sm)}.input-number__button:last-child{border-radius:0 var(--border-radius--sm) var(--border-radius--sm) 0}.input-number input,.input-number__append,.input-number__prepend{font-weight:600;font-size:var(--font-size--sm)}.input-number input{text-align:right;min-width:4.5rem;border:none;-moz-appearance:textfield;background:none;color:var(--color--text)}.input-number input::-webkit-outer-spin-button,.input-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-number input:focus{border:0;outline:0}.input-number__append,.input-number__prepend{padding-top:.05rem;display:flex;align-items:center}.input-number__append{padding-right:var(--spacing-2)}.input-number__prepend{padding-left:var(--spacing-2)}.input-toggle{display:inline-flex;align-items:center}.input-toggle--md{--height: 2rem;--width: 3.5rem;--knob-translate: 1.5rem}.input-toggle--sm{--height: 1.5rem;--width: 2.75rem;--knob-translate: 1.25rem}.input-toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:var(--width);height:var(--height);border-radius:999px;background:var(--color--background--secondary);border:1px solid var(--color--border--dark);position:relative;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.input-toggle input[type=checkbox]:focus-visible{outline:2px solid var(--color--interact);outline-offset:2px}.input-toggle input[type=checkbox]:after{content:"";position:absolute;top:.125rem;left:.125rem;width:calc(var(--height) - .5rem);height:auto;aspect-ratio:1;border-radius:50%;background:var(--color--background);transition:transform .2s ease;border:1px solid var(--color--border--dark)}.input-toggle input[type=checkbox]:checked{background:var(--color--interact);border-color:var(--color--interact)}.input-toggle input[type=checkbox]:checked:after{transform:translate(var(--knob-translate))}.labeled-input-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.labeled-input-toggle--sm .labeled-input-toggle__label{font-size:var(--font-size-sm)}:root{--color--ci--primary-red: #D9594F;--color--ci--primary-blue: #1F3F66;--color--ci--secondary-blue: #517C9B;--color--ci--secondary-yellow: #F7CC63;--color--background: #fff;--color--background--secondary: #f6f6f6;--color--background--dark: #000;--color--border: #F2F2F2;--color--border--dark: #CFCFCF;--color--text: #000;--color--text--secondary: #282828;--color--text--tertiary: #8E8E8E;--color--text-on-dark: #fff;--color--text-on-dark--secondary: #bebebe;--color--text-on-dark--tertiary: #8E8E8E;--color--interact: #1858D3;--color--interact--hover: #0F3DBD;--box-shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--box-shadow--md: 0 4px 8px 0 rgba(0, 0, 0, .25);--box-shadow--lg: 0 8px 16px 0 rgba(0, 0, 0, .25);--color--primary--red: var(--color--ci--primary-red);--color--primary--blue: var(--color--ci--primary-blue);--color--secondary--blue: var(--color--ci--secondary-blue);--color--secondary--yellow: var(--color--ci--secondary-yellow);--color--black: var(--color--text);--color--white: var(--color--background);--color--gray: #858282;--color--red: #c22121;--color--green: #33cb29;--color--blue: #2f2fd2;--color--yellow: #cbcb2e;--color--orange: #bd5510;--color--purple: #8a2ed5;--color--cyan: #3adecb;--color--pink: #e828e8;--color--lime: #85af14;--color--lavender: #614988;--color--brown: #9d6317;--color--default: var(--color--text)}[data-theme=dark]{--color--background: #121212;--color--background--secondary: #1e1e1e;--color--background--dark: #000;--color--border: #2c2c2c;--color--border--dark: #3f3f3f;--color--text: #ffffff;--color--text--secondary: #e0e0e0;--color--text--tertiary: #b0b0b0;--color--text-on-dark: #000;--color--ci--primary-blue: #3a68a0;--color--ci--secondary-blue: #7ca8c9;--color--interact: #548dff;--color--interact--hover: #2b64ff;--box-shadow--sm: 0 1px 2px 0 rgba(0, 0, 0, 1);--box-shadow--md: 0 4px 8px 0 rgba(0, 0, 0, 1);--box-shadow--lg: 0 8px 16px 0 rgba(0, 0, 0, 1)}.select{position:relative;border:1px solid var(--color--border--dark);border-radius:.25rem;display:flex;min-height:2.5rem;align-items:center;padding:.5rem .75rem;background:var(--color--background--secondary)}.select--open{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:var(--box-shadow--lg);z-index:1}.select--open .select-dropdown{opacity:1;transform:scaleY(1) translateY(0);pointer-events:auto}.select--color .select-dropdown-entry:before,.select--color .select-entry:before{content:"";width:1rem;height:auto;aspect-ratio:1;border-radius:100%;box-shadow:var(--box-shadow--sm)}.select--color .select-dropdown-entry--primary--red:before,.select--color .select-entry--primary--red:before{background:var(--color--primary--red)}.select--color .select-dropdown-entry--primary--blue:before,.select--color .select-entry--primary--blue:before{background:var(--color--primary--blue)}.select--color .select-dropdown-entry--secondary--blue:before,.select--color .select-entry--secondary--blue:before{background:var(--color--secondary--blue)}.select--color .select-dropdown-entry--secondary--yellow:before,.select--color .select-entry--secondary--yellow:before{background:var(--color--secondary--yellow)}.select--color .select-dropdown-entry--black:before,.select--color .select-entry--black:before{background:var(--color--black)}.select--color .select-dropdown-entry--white:before,.select--color .select-entry--white:before{background:var(--color--white)}.select--color .select-dropdown-entry--gray:before,.select--color .select-entry--gray:before{background:var(--color--gray)}.select--color .select-dropdown-entry--red:before,.select--color .select-entry--red:before{background:var(--color--red)}.select--color .select-dropdown-entry--green:before,.select--color .select-entry--green:before{background:var(--color--green)}.select--color .select-dropdown-entry--blue:before,.select--color .select-entry--blue:before{background:var(--color--blue)}.select--color .select-dropdown-entry--yellow:before,.select--color .select-entry--yellow:before{background:var(--color--yellow)}.select--color .select-dropdown-entry--orange:before,.select--color .select-entry--orange:before{background:var(--color--orange)}.select--color .select-dropdown-entry--purple:before,.select--color .select-entry--purple:before{background:var(--color--purple)}.select--color .select-dropdown-entry--cyan:before,.select--color .select-entry--cyan:before{background:var(--color--cyan)}.select--color .select-dropdown-entry--pink:before,.select--color .select-entry--pink:before{background:var(--color--pink)}.select--color .select-dropdown-entry--lime:before,.select--color .select-entry--lime:before{background:var(--color--lime)}.select--color .select-dropdown-entry--lavender:before,.select--color .select-entry--lavender:before{background:var(--color--lavender)}.select--color .select-dropdown-entry--brown:before,.select--color .select-entry--brown:before{background:var(--color--brown)}.select--color .select-dropdown-entry--default:before,.select--color .select-entry--default:before{background:var(--color--default)}.select--border .select-dropdown-entry:before,.select--border .select-entry:before{content:"";width:2rem;height:2px;aspect-ratio:1;border-bottom:1px solid var(--color--text)}.select--border .select-dropdown-entry--dashed:before,.select--border .select-entry--dashed:before{border-width:2px;border-bottom-style:dashed}.select--border .select-dropdown-entry--dotted:before,.select--border .select-entry--dotted:before{border-width:2px;border-bottom-style:dotted}.select-entry{width:100%;display:flex;align-items:center;gap:.5rem}.select-entry__text{flex:1;font-weight:600}.select-dropdown{position:absolute;top:100%;left:-1px;width:calc(100% + 2px);max-height:min(100vh - 4rem,21rem);overflow:auto;pointer-events:none;opacity:0;transform-origin:top center;transform:scaleY(.9);transition:all .125s ease-in-out;background:var(--color--background--secondary);border-radius:0 0 .25rem .25rem;border:1px solid var(--color--border--dark);box-shadow:inherit}.select-dropdown-entry{display:flex;align-items:center;font-weight:600;padding:.75rem;gap:.5rem}.select-dropdown-entry:hover{cursor:pointer;background:var(--color--background)}.select-dropdown-entry--active,.select-dropdown-entry--active:hover{color:var(--color--text-on-dark);background:var(--color--interact)}.icon{display:block}.layout-grid{display:grid;gap:calc(var(--gap) * .25rem);grid-template-columns:repeat(auto-fill,minmax(calc(var(--tile-size) * .25rem),1fr))}.segmented-control{flex:0 0 auto;position:relative;display:flex;background:var(--color--background);border:1px solid var(--color--border--dark);border-radius:var(--border-radius--md);overflow:hidden;padding:.25rem;z-index:1}.segmented-control:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;z-index:-1;background:var(--color--background--dark)}.segmented-control .segment{display:flex;justify-content:center;align-items:center;flex:1;text-align:center;font-weight:600;font-size:var(--font-size-sm);padding:.25rem;border-radius:var(--border-radius--sm);border:1px solid transparent;color:var(--color--text--secondary)}.segmented-control .segment--active{border-color:var(--color--border);background:var(--color--background);color:var(--color--text);box-shadow:var(--box-shadow--sm)}html{font-size:16px}body{color:var(--color--text);margin:0}*{box-sizing:border-box}:root{--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75rem;--spacing-20: 5rem;--spacing-21: 5.25rem;--spacing-22: 5.5rem;--spacing-23: 5.75rem;--spacing-24: 6rem;--spacing-25: 6.25rem;--spacing-26: 6.5rem;--spacing-27: 6.75rem;--spacing-28: 7rem;--spacing-29: 7.25rem;--spacing-30: 7.5rem;--spacing-31: 7.75rem;--spacing-32: 8rem;--spacing-33: 8.25rem;--spacing-34: 8.5rem;--spacing-35: 8.75rem;--spacing-36: 9rem;--spacing-37: 9.25rem;--spacing-38: 9.5rem;--spacing-39: 9.75rem;--spacing-40: 10rem;--spacing-41: 10.25rem;--spacing-42: 10.5rem;--spacing-43: 10.75rem;--spacing-44: 11rem;--spacing-45: 11.25rem;--spacing-46: 11.5rem;--spacing-47: 11.75rem;--spacing-48: 12rem;--spacing-49: 12.25rem;--spacing-50: 12.5rem;--spacing-51: 12.75rem;--spacing-52: 13rem;--spacing-53: 13.25rem;--spacing-54: 13.5rem;--spacing-55: 13.75rem;--spacing-56: 14rem;--spacing-57: 14.25rem;--spacing-58: 14.5rem;--spacing-59: 14.75rem;--spacing-60: 15rem;--spacing-61: 15.25rem;--spacing-62: 15.5rem;--spacing-63: 15.75rem;--spacing-64: 16rem;--spacing-65: 16.25rem;--spacing-66: 16.5rem;--spacing-67: 16.75rem;--spacing-68: 17rem;--spacing-69: 17.25rem;--spacing-70: 17.5rem;--spacing-71: 17.75rem;--spacing-72: 18rem;--spacing-73: 18.25rem;--spacing-74: 18.5rem;--spacing-75: 18.75rem;--spacing-76: 19rem;--spacing-77: 19.25rem;--spacing-78: 19.5rem;--spacing-79: 19.75rem;--spacing-80: 20rem;--spacing-81: 20.25rem;--spacing-82: 20.5rem;--spacing-83: 20.75rem;--spacing-84: 21rem;--spacing-85: 21.25rem;--spacing-86: 21.5rem;--spacing-87: 21.75rem;--spacing-88: 22rem;--spacing-89: 22.25rem;--spacing-90: 22.5rem;--spacing-91: 22.75rem;--spacing-92: 23rem;--spacing-93: 23.25rem;--spacing-94: 23.5rem;--spacing-95: 23.75rem;--spacing-96: 24rem;--border-radius--sm: .25rem;--border-radius--md: .5rem;--border-radius--lg: 1rem}button{appearance:none;cursor:pointer;border:none;background:none;padding:0;margin:0}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/assets/roboto-mono-v31-latin-regular-GekRknry.woff2) format("woff2")}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:600;src:url(/assets/roboto-mono-v31-latin-600-B8NnDpAt.woff2) format("woff2")}body{font-size:16px;font-family:Helvetica,Arial,Roboto,sans-serif}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem}.monospace{font-family:Roboto Mono,Courier New,Courier,monospace}.current-time{display:flex;flex-direction:column}.current-time__date{font-size:var(--font-size-xs);color:var(--color--text--tertiary);margin-bottom:var(--spacing-1);font-weight:600}.current-time__wrap{display:flex;align-items:center;margin-top:-.25rem;gap:var(--spacing-2)}.current-time__time{font-weight:600}.current-time__timezone{font-weight:600;color:var(--color--text--secondary);display:flex;align-items:center;gap:var(--spacing-1);padding:.125rem var(--spacing-2);border-radius:1000px;border:1px solid var(--color--border--dark);font-size:var(--font-size-xs);transition:all .25s ease-out}.current-time__timezone:hover{color:var(--color--text);border-color:var(--color--text)}.current-time__timezone:focus{color:inherit}.branding{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.25rem 1rem;border-radius:.25rem;font-size:var(--font-size-xs);gap:.25rem;line-height:1.2}@container (max-width: 360px){.branding{flex-direction:column;text-align:center;gap:1rem}}.branding__build{font-size:var(--font-size-xs);color:var(--color--text--secondary)}.branding__developed-by{font-weight:600}.branding__logo img{display:block;width:1.8rem}.branding__content{flex:1;color:var(--color--text--secondary)}.branding__link a{color:var(--color--ci--primary-blue)}.branding__link a:hover{text-decoration:underline}.user-nav{display:flex;flex:1;align-items:center;justify-content:space-between;gap:.5rem;width:100%;margin:0 auto;border:1px solid var(--color--border--dark);background:var(--color--background--secondary);padding:.5rem;pointer-events:auto;border-radius:.5rem}@container (max-width: 480px){.user-nav{align-items:flex-start;flex-direction:column}}.user-nav__actions{display:flex;gap:.5rem;align-items:center}.user-nav__btns{width:100%;display:flex;justify-content:space-between;align-items:center}.user-nav__theme-selector{display:flex;gap:.125rem;background:var(--color--background);padding:2px;border-radius:var(--border-radius--sm);border:1px solid var(--color--border--dark)}.user-nav__theme-btn{display:flex;align-items:center;justify-content:center;background:transparent;padding:4px;cursor:pointer;border-radius:calc(var(--border-radius--sm) - 2px);color:var(--color--text--tertiary);border:1px solid transparent;transition:all .2s ease}.user-nav__theme-btn:hover{color:var(--color--text);background:var(--color--background--secondary)}.user-nav__theme-btn--active{border-color:var(--color--border);color:var(--color--text);background:var(--color--background--secondary);box-shadow:var(--box-shadow--sm)}.user-nav__theme-btn svg{width:1.25rem;height:1.25rem}.user-nav__details{display:flex;gap:.25rem;align-items:center}.user-nav__name{display:flex;flex-direction:column;line-height:1}.user-nav__name__full{font-weight:600}.user-nav__name__username{font-size:var(--font-size-sm);color:var(--color--text--secondary)}.user-nav__avatar{width:2rem;height:2rem;flex-shrink:0;border-radius:100%;color:var(--color--text-on-dark);text-transform:uppercase;background:var(--color--ci--primary-blue);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center;font-weight:600}.btns{display:flex;flex-wrap:wrap;gap:.5rem}.btn{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;gap:1rem;border-radius:.5rem;color:var(--color--ci--primary-blue);background:var(--color--background--secondary);transition:all .25s ease-in-out}.btn--primary{color:var(--color--text-on-dark);background:var(--color--interact)}.btn--danger{color:var(--color--text-on-dark);background:var(--color--status--danger)}.btn--danger--low{border:1px solid var(--color--status--danger);color:var(--color--status--danger);background:var(--color--background)}.btn--sm{font-weight:400;display:block;border-radius:var(--border-radius--sm);border:1px solid var(--color--text--secondary);font-size:var(--font-size-sm);background:transparent;padding:.25rem .5rem;color:var(--color--text--secondary);transition:all .25s ease-out}.btn:hover{filter:brightness(.9)}.btn img{width:auto;height:auto;max-width:2rem;max-height:2rem}.progress-bar{display:flex;align-items:center;gap:.5rem}.progress-bar__bar{position:relative;flex:1;height:1rem;border-radius:1000px;overflow:hidden;background:var(--color--background--secondary);border:1px solid var(--color--border--dark)}.progress-bar__progress{width:100%;height:100%;transform:translate(calc(-100% + var(--progress) * 100%));background:var(--color--status--good);border-radius:100px}.progress-bar__label{min-width:2.5rem;text-align:right;font-size:var(--font-size--s);font-weight:600}.status-bar{display:flex;flex-direction:column;gap:.25rem;position:absolute;left:50%;font-size:var(--font-size-sm);transform:translate(-50%);background:var(--color--background);padding:.5rem;border-radius:1000px}@container (max-width: 480px){.status-bar{top:calc(100% + .5rem);min-width:12rem}}.status-bar__text{flex:1;line-height:1;text-align:center}.status-bar__content{position:relative;padding:0 1rem 0 2rem;display:flex}.status-bar__progress{padding:0 .5rem;display:flex;gap:.25rem}.status-bar__light:after,.status-bar__light:before{content:"";position:absolute;top:50%;left:.75rem;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:100%}.status-bar__light:before{opacity:.5;animation:status-light 1s ease-out infinite}.status-bar__light:after{box-shadow:var(--box-shadow--s)}.status-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:.25;border:1px solid var(--color--text);background:var(--color--background);z-index:-1}@keyframes status-light{to{opacity:0;transform:translateY(-50%) scale(3)}}.status-bar--live:before{border-color:var(--color--status--good)}.status-bar--live .status-bar__light:before,.status-bar--live .status-bar__light:after{background:var(--color--status--good)}.status-bar--pause:before{border-color:var(--color--status--warning)}.status-bar--pause .status-bar__light:before,.status-bar--pause .status-bar__light:after{background:var(--color--status--warning)}.status-bar--stop:before,.status-bar--disconnected:before{border-color:var(--color--status--danger)}.status-bar--stop .status-bar__light:after,.status-bar--disconnected .status-bar__light:after{background:var(--color--status--danger)}.status-bar--stop .status-bar__light:before,.status-bar--disconnected .status-bar__light:before{display:none}.progress-bubble{flex:1;height:.25rem;border:1px solid var(--color--border--dark);border-radius:100px}.progress-bubble--done{background:var(--color--status--good)}.progress-bubble--in-progress{border-color:var(--color--status--good)}.tile{position:relative;display:flex;flex-direction:column;border:1px var(--color--border--dark) solid;border-radius:var(--border-radius--md);container-type:inline-size}.tile-label{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:3rem;padding:var(--spacing-1)}.tile-label__label{display:flex;align-items:center;flex-direction:column;gap:.125rem}.tile-label__type{font-weight:600}.tile-label__source{display:flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);color:var(--color--text--tertiary)}.tile-label--multi-values{padding-right:3rem}.tile-label--divider{border-top:1px var(--color--border--dark) solid}.tile-label .button-icon{position:absolute;right:.25rem}.tile-content{flex:1;display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-1);min-height:9rem}.tile-content .unit{color:var(--color--text--tertiary);font-weight:400;font-size:var(--font-size-sm)}.tile--no-divider .tile-content{padding-top:1rem}.tile-tooltip{position:absolute;top:0;right:0;z-index:1}.tile-tooltip-btn{padding:var(--spacing-2);display:flex}.tile-tooltip-btn__inner{display:flex;border-radius:100px;border:1px solid var(--color--border--dark);box-shadow:var(--box-shadow--sm)}.tile-tooltip-modal{position:absolute;right:0;top:100%;width:100vw;max-width:14rem;background:var(--color--background);z-index:1;padding:var(--spacing-2);border-radius:var(--border-radius--sm);box-shadow:0 0 1rem #0000001a;border:1px solid var(--color--border--dark);opacity:0;pointer-events:none;transition:all .25s ease-in-out}.tile-tooltip-modal--open{top:calc(100% + var(--spacing--s));opacity:1;pointer-events:auto}.tile-max{position:absolute;top:var(--spacing-2);left:var(--spacing-2);display:flex;align-items:center;gap:.25rem;font-size:var(--font-size-xs);color:var(--color--text--tertiary)}.tile-max--is-stale{color:var(--color--interact)}.tile-compass{position:relative;width:7rem;height:7rem;margin:.25rem}.tile-compass:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1000px;border:1px solid var(--color--text--tertiary);z-index:-3}.tile-compass__north{position:absolute;top:-.5rem;left:50%;padding:0 .25rem;font-size:var(--font-size--xs);color:var(--color--text--tertiary);background:var(--color--background);transform:translate(-50%);z-index:-2}.tile-compass__north:before{content:"";position:absolute;bottom:100%;width:.5rem;height:.375rem;background:var(--color--text--tertiary);left:50%;transform:translate(-50%);clip-path:polygon(50% 0,100% 100%,0 100%)}.tile-compass__crosshairs{width:.25rem;height:.25rem;border-radius:1000px;background:var(--color--text--tertiary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-compass__crosshairs:before,.tile-compass__crosshairs:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.75rem;height:1px;background:inherit}.tile-compass__crosshairs:after{transform:translate(-50%,-50%) rotate(90deg)}.tile-compass__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(.75rem + (100% - .75rem) * var(--ring-index) / (var(--ring-total) + 1));aspect-ratio:1;border-radius:1000px;border:1px solid var(--color--text--tertiary);z-index:-1}.tile-compass__center{width:.75rem;height:.75rem;border-radius:1000px;background:var(--color--text--tertiary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tile-float-vals{font-size:var(--font-size-sm);position:absolute;top:.25rem;padding:.25rem;display:flex;flex-direction:column}.tile-float-vals--left{left:.25rem;right:auto}.tile-float-vals--right{align-items:flex-end;right:.25rem;left:auto}.tile--with-tooltip .tile-float-vals--right{right:2.25rem}.tile-float-val{display:flex;align-items:center;gap:.5rem;color:var(--color--text);background:var(--color--background);border-radius:.25rem;font-weight:600}.tile-float-val--label{font-weight:400;color:var(--color--text--secondary)}.info-modal{position:relative;margin-bottom:.25rem}.info-modal__modal{position:absolute;right:0;top:100%;width:100vw;max-width:14rem;background:var(--color--background);z-index:1;padding:.5rem;border-radius:var(--border-radius--md);box-shadow:0 0 1rem #0000001a;border:1px solid var(--color--border);opacity:0;pointer-events:none;transition:all .25s ease-in-out}.info-modal__modal--open{top:calc(100% + .5rem);opacity:1;pointer-events:auto}.dial-ring{position:absolute;top:55%;left:50%;opacity:.5;transform:translate(-50%,-50%) scale(1.15);transition:all .5s ease-in-out}.dial-ring--active{opacity:1;transform:translate(-50%,-50%) scale(1);z-index:1}.dial-ring__background-rings{opacity:.2}.dial-ring__section{fill:transparent;stroke-width:2;transition:opacity .5s ease-in-out,stroke .5s ease-in-out,stroke-width .5s ease-in-out}.dial-ring__section--stale{opacity:.1;stroke:var(--color--text)}.dial-ring__section--active{stroke-width:8;z-index:1}.dial-ring__value{position:relative;fill:transparent;stroke-width:2;transition:opacity var(--transition-duration) ease-in-out,stroke var(--transition-duration) ease-in-out,stroke-width var(--transition-duration) ease-in-out}.dial-ring__value--active{stroke-width:8}.dial-ring .tile__danger-bg{--padding: 1rem;display:none;position:absolute;width:7rem;height:7rem;top:47.5%;left:50%;transform:translate(-50%,-50%);border-radius:100%}.dial-ring .tile__danger-bg--warning{opacity:.5;background-color:var(--color--status--warning)}.dial-ring .tile__danger-bg--danger{opacity:.25;background-color:transparent;animation:bg-pulse-red .5s infinite alternate}.dial-ring--active .tile__danger-bg{display:block}.tile--traffic-light .traffic-light-wrap{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between;aspect-ratio:2/5;border:1px solid var(--color--border--dark);height:7rem;margin:.5rem;padding:.5rem;border-radius:var(--border-radius--md)}.tile--traffic-light .traffic-light{width:1.75rem;aspect-ratio:1;border:1px solid var(--color);border-radius:100%}.tile--traffic-light .traffic-light--red{--color: var(--color--ci--primary-red)}.tile--traffic-light .traffic-light--yellow{--color: var(--color--yellow)}.tile--traffic-light .traffic-light--green{--color: var(--color--green)}.tile--traffic-light .traffic-light--active{background:var(--color)}.tile--number .tile-content{font-size:min(16cqw,3rem);font-weight:600}.tile--number .tile-content .has-no-value{font-size:10cqw;color:var(--color--text--tertiary)}.tile--environment .tile-content{position:absolute;inset:-1px}.tile--environment .tile-compass{margin-bottom:1.75rem}.tile--environment:before{content:"";position:absolute;inset:-1px;border-radius:.5rem;border:1px solid var(--color--border--dark)}.tile--environment .compass-wrap{position:relative}.tile--environment .tile-compass{z-index:1}.tile--environment .tile-indicator{position:absolute;aspect-ratio:1;left:50%;top:50%;transform-origin:center}.tile--environment .tile-indicator--wind,.tile--environment .tile-indicator--current{border-radius:50%;border:1px solid var(--indicator-color);overflow:hidden;transition:transform 1s ease-in-out}.tile--environment .tile-indicator--wind:before,.tile--environment .tile-indicator--current:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:.75rem;height:.625rem;background:var(--indicator-color);clip-path:polygon(0 0,100% 0,50% 100%)}.tile--environment .tile-indicator--current{width:6rem;transform:translate(-50%,-50%) rotate(calc(var(--current-angle) * 1deg));--indicator-color: var(--color--ci--primary-blue)}.tile--environment .tile-indicator--wind{width:5rem;transform:translate(-50%,-50%) rotate(calc(var(--wind-angle) * 1deg));--indicator-color: var(--color--ci--primary-red)}.tile--environment .tile-indicator--vessel{width:4rem;z-index:1;display:grid;place-items:center;transform:translate(-50%,-50%);--indicator-color: var(--color--status--good)}@property --gradient-percent{.tile--environment .tile-indicator--vessel .vessel-bg {syntax: "<percentage>"; initial-value: 100%; inherits: false;}}.tile--environment .tile-indicator--vessel .vessel-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-mask:conic-gradient(white var(--gradient--percent),transparent var(--gradient--percent),transparent);mask:conic-gradient(white var(--gradient--percent),transparent var(--gradient--percent),transparent);border:2px solid var(--indicator-color)}.tile--environment .tile-indicator--vessel .vessel-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:.2;z-index:-1;background:var(--indicator-color)}.tile--environment .tile-indicator--vessel .vessel-bg--positive{--gradient--percent: calc(var(--vessel-angle) / 360 * 100%)}.tile--environment .tile-indicator--vessel .vessel-bg--negative{--gradient--percent: calc((var(--vessel-angle)) / 360 * -100%);scale:-1 1}.tile--environment .tile-indicator--vessel .vessel-bg--hidden{opacity:0}.tile--environment .tile-indicator--vessel__vessel{transform:rotate(calc(var(--vessel-angle) * 1deg))}.tile--environment .tile-indicator--vessel__vessel:before{content:"";position:absolute;top:calc(-50% - 2px);left:50%;width:2px;height:100%;z-index:-1;background:var(--indicator-color);transform:translate(-50%)}.tile--environment .tile-float-val{background:transparent}.tile--environment .tile-float-val-cell{flex:1}.tile--environment .tile-float-vals{border-style:solid;padding:.25rem .625rem}.tile--environment .tile-float-vals--right:before,.tile--environment .tile-float-vals--left:before,.tile--environment .tile-float-vals--bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;z-index:-1}.tile--environment .tile-float-vals--right,.tile--environment .tile-float-vals--left{width:50%;overflow:hidden}.tile--environment .tile-float-vals--right:before,.tile--environment .tile-float-vals--left:before{background:linear-gradient(to bottom,var(--gradient-color) 0%,transparent 100%)}.tile--environment .tile-float-vals--bottom:before{background:linear-gradient(to top,var(--gradient-color) 0%,transparent 100%)}.tile--environment .tile-float-vals--right{top:0;right:0;border-radius:0 .5rem 0 0;border-width:1px 1px 0 0;padding-left:0;border-color:var(--color--ci--primary-red);--gradient-color: var(--color--ci--primary-red)}.tile--environment .tile-float-vals--left{top:0;left:0;padding-right:0;border-radius:.5rem 0 0;border-width:1px 0 0 1px;border-color:var(--color--status--good);--gradient-color: var(--color--status--good)}.tile--environment .tile-float-vals--bottom{flex-direction:row;top:auto;bottom:0;left:0;width:100%;border-radius:0 0 .5rem .5rem;border-width:0 1px 1px 1px;border-color:var(--color--ci--primary-blue);--gradient-color: var(--color--ci--primary-blue)}.tile--environment .tile-float-vals--bottom svg{height:1.31rem}.tile--environment.tile--with-tooltip .tile-float-vals--right{padding-right:2.5rem}.tile--crane{--value-width: 1.5rem}.tile--crane .tile-content{gap:.25rem;padding:.25rem 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tile--crane.tile--is-stale .crane-tile__value--angle,.tile--crane.tile--is-stale .crane-tile__value--load{color:var(--color--interact)}.tile--crane.tile--is-stale .crane-tile__indicator:after{background:var(--color--interact)}.tile--crane .crane-tile__mark{position:absolute;bottom:var(--value-width);right:var(--value-width);width:calc(100% - var(--value-width));height:1px;transform-origin:bottom right;transform:translateY(-50%) rotate(calc((var(--mark-index) - 1) / (var(--mark-total) - 1) * 90deg))}.tile--crane .crane-tile__mark:after{content:"";position:absolute;top:0;right:100%;width:.25rem;height:1px;background:var(--color--text)}.tile--crane .crane-tile__mark--long:after{width:.5rem}.tile--crane .crane-tile__unit{margin-top:-.25rem;font-size:var(--font-size--xs);color:var(--color--text--tertiary)}.tile--crane .crane-tile__values{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.tile--crane .tile__danger-bg-wrap{position:absolute;top:.25rem;left:-.25rem;width:calc(100% + .5rem);height:calc(100% - .5rem);animation:scale-pulse .5s ease-in-out infinite alternate}.tile--crane .tile__danger-bg{width:100%;height:100%;border-radius:.25rem;z-index:-1;background:var(--color--status--danger)}.tile--crane .crane-tile__value{position:relative;font-weight:600}.tile--crane .crane-tile__value--angle{font-size:var(--font-size--s);color:var(--color--ci--primary-blue)}.tile--crane .crane-tile__value--load{margin-top:-.5rem;font-size:1.8rem}.tile--crane .crane-tile--max-exceeded .crane-tile__value--load{animation:color-pulse-red .25s infinite alternate}.tile--crane .crane-tile__content{position:relative;width:6.5rem;margin:2rem .75rem .75rem;display:flex;align-items:flex-end;justify-content:flex-end;aspect-ratio:1}.tile--crane .crane-tile__content:before{content:"";position:absolute;top:0;left:0;width:calc(200% - var(--value-width) * 2);aspect-ratio:1;border-radius:1000px;border:1px solid var(--color--text);clip-path:polygon(0 0,50% 0,50% 50%,0 50%)}.tile--crane .content-label{font-size:var(--font-size--xs);position:absolute}.tile--crane .content-label--0{bottom:0;left:0;transform:translate(-50%)}.tile--crane .content-label--45{top:0;left:0}.tile--crane .content-label--90{top:0;right:0;transform:translate(30%,-50%)}.tile--crane .crane-tile__indicator{position:absolute;bottom:var(--value-width);right:var(--value-width);height:100%;width:2px;transform-origin:50% 100%;transform:translate(-50%) rotate(calc(270deg + var(--angle) * 1deg));transition:all 1s linear}.tile--crane .crane-tile__indicator:after{content:"";position:absolute;top:2rem;left:50%;width:.75rem;height:.75rem;background:var(--color--ci--primary-blue);transform:translate(-50%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.tile--dial .tile-content{font-size:min(12cqw,2rem);font-weight:600;padding-bottom:1.125rem}.tile--dial .tile-content .has-no-value{font-size:10cqw;color:var(--color--text--tertiary)}.tile--dial .tile-content .value,.tile--dial .tile-content .unit{position:relative;z-index:1}.tile--dial .tile-content .unit{margin-top:-.5rem}.tile--inclination--is-stale .inclination-indicator:after{background:var(--color--interact)}.tile--inclination .tile-compass{margin-bottom:-.25rem}.tile--inclination .tile__danger-bg{z-index:-1;border-radius:100%}.tile--inclination .tile-content{position:relative}.tile--inclination .inclination-indicator{position:absolute;bottom:50%;left:50%;height:calc(50% * var(--intensity) / var(--max-intensity));transform-origin:50% 100%;transform:translate(-50%) rotate(calc(var(--angle) * 1deg));transition:all var(--transition-duration) ease}.tile--inclination .inclination-indicator:after{content:"";position:absolute;top:0;left:50%;width:.75rem;height:.75rem;background:var(--indicator-color);transform:translate(-50%,-50%);border-radius:1000px}.ruler-wrap{position:relative;width:var(--ruler-width);height:100%}.ruler{position:absolute;height:100%;padding-right:.25rem}.ruler__tick{position:absolute;left:0;top:calc(var(--val) / var(--length) * 100%);transform:translateY(-50%);display:none;align-items:center}.ruler__tick--tick,.ruler__tick--label{display:flex;flex:1 0 auto}.ruler__tick--tick:before,.ruler__tick--label:before{content:"";height:1px;width:.25rem;background:var(--color--text)}.ruler__tick--label:before{width:.5rem}.ruler__label{min-width:1.5rem;text-align:right;font-size:var(--font-size-xs)}.monopile--default{position:absolute;right:calc((100% - var(--ruler-width)) / 2 + .5rem);transform:translate(50%);bottom:calc(100% - var(--depth-percentage) * 100% - 2px);display:flex;width:64px;height:calc(100% * var(--length-percentage));background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3e%3cg%20transform='matrix(1,0,0,1,-1854,-137)'%3e%3cg%20id='Monopile'%20transform='matrix(0.16,0,0,0.16,1574,136.84)'%3e%3crect%20x='1750'%20y='1'%20width='100'%20height='100'%20style='fill:none;'/%3e%3cclipPath%20id='_clip1'%3e%3crect%20x='1750'%20y='1'%20width='100'%20height='100'/%3e%3c/clipPath%3e%3cg%20clip-path='url(%23_clip1)'%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9187.5,-855.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9162.5,-830.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9212.5,-880.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9137.24,-805.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9237.5,-905.508)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center,#fff;background-size:25%;transition:bottom var(--transition-duration) linear;overflow:hidden}.monopile--default:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:calc(100% * (1 - var(--tip-percentage)));background:linear-gradient(90deg,var(--color--monopile--background) 0%,var(--color--monopile--background--highlight) 50%,var(--color--monopile--background) 100%);z-index:-1;mix-blend-mode:multiply}.monopile--default .monopile-tip{position:absolute;left:0;top:0}.monopile--default .monopile-ticks{display:flex;flex-direction:column;margin-left:10%;border-left:1px solid var(--color--monopile--labels--muted);width:20%}.monopile--default .monopile-tick{width:100%;flex:1}.monopile--default .monopile-tick:before{content:"";display:block;width:50%;height:1px;background:var(--color--monopile--labels--muted);z-index:1}.monopile--default .monopile-tick:nth-child(5n):before{width:100%}.monopile--default .monopile-label{flex:1 0;position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:var(--font-size-xs)}.monopile--default .monopile-label img{width:30%}.monopile--default .monopile-text{flex:1;position:relative;writing-mode:vertical-rl;text-orientation:mixed;color:#ddd;overflow:hidden}.monopile--default .monopile-text:before{height:calc(100% - 4rem);content:"";display:block;position:absolute;left:50%;top:auto;bottom:0;width:1px;background:var(--color--monopile--labels--muted)}.monopile--default .monopile-text:first-child{flex:1;text-align:right}.monopile--default .monopile-text:first-child:before{top:0;bottom:auto}.monopile--rwe{--inset: 10%;position:absolute;right:calc((100% - var(--ruler-width)) / 2 + .5rem);transform:translate(50%);bottom:calc(100% - var(--depth-percentage) * 100% - 2px);display:flex;width:64px;height:calc(100% * var(--length-percentage));background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3e%3cg%20transform='matrix(1,0,0,1,-1854,-137)'%3e%3cg%20id='Monopile'%20transform='matrix(0.16,0,0,0.16,1574,136.84)'%3e%3crect%20x='1750'%20y='1'%20width='100'%20height='100'%20style='fill:none;'/%3e%3cclipPath%20id='_clip1'%3e%3crect%20x='1750'%20y='1'%20width='100'%20height='100'/%3e%3c/clipPath%3e%3cg%20clip-path='url(%23_clip1)'%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9187.5,-855.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9162.5,-830.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9212.5,-880.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9137.24,-805.25)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3cg%20transform='matrix(6.25,0,0,6.25,-9237.5,-905.508)'%3e%3cpath%20d='M1750,153L1766,137'%20style='fill:none;stroke:rgb(242,242,242);stroke-width:1px;'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e") center,linear-gradient(90deg,#c1c1c1,#fff,#c1c1c1);background-size:25%,100%;transition:bottom var(--transition-duration) linear;clip-path:polygon(var(--inset) 0,calc(100% - var(--inset)) 0,calc(100% - var(--inset)) 45%,100% 55%,100% 100%,0% 100%,0 55%,var(--inset) 45%)}.monopile--rwe .monopile-bg{position:absolute;top:0;left:0;width:100%;height:100%;filter:drop-shadow(0 1px 0 var(--color--border--dark)) drop-shadow(0 -1px 0 var(--color--border--dark)) drop-shadow(1px 0 0 var(--color--border--dark)) drop-shadow(-1px 0 0 var(--color--border--dark))}.monopile--rwe:before,.monopile--rwe:after{content:"";display:block;position:absolute;z-index:-1;width:100%}.monopile--rwe:before{top:0;height:30%;background:#ff0;background:linear-gradient(90deg,#dfbb40,#ffd95c,#dfbb40);mix-blend-mode:multiply}.monopile--rwe:after{bottom:0;left:0;height:30%;background:linear-gradient(90deg,var(--color--monopile--background) 0%,var(--color--monopile--background--highlight) 50%,var(--color--monopile--background) 100%);mix-blend-mode:multiply}.monopile--rwe .monopile-tip{position:absolute;left:0;top:0}.monopile--rwe .monopile-ticks{display:flex;flex-direction:column;margin-left:20%;border-left:1px solid var(--color--monopile--labels--muted);width:20%;opacity:.5}.monopile--rwe .monopile-tick{width:100%;flex:1}.monopile--rwe .monopile-tick:before{content:"";display:block;width:50%;height:1px;background:var(--color--monopile--labels--muted);z-index:1}.monopile--rwe .monopile-tick:nth-child(5n):before{width:100%}.monopile--rwe .monopile-label{flex:1 0;position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:var(--font-size-xs)}.monopile--rwe .monopile-label img{opacity:.75}.monopile--rwe .monopile-label img{width:30%}.monopile--rwe .monopile-text{flex:1;position:relative;writing-mode:vertical-rl;text-orientation:mixed;color:#777;overflow:hidden}.monopile--rwe .monopile-text:before{height:calc(100% - 4rem);content:"";display:block;position:absolute;left:50%;top:auto;bottom:0;width:1px;opacity:.5;background:var(--color--monopile--labels--muted)}.monopile--rwe .monopile-text:first-child{flex:1;text-align:right}.monopile--rwe .monopile-text:first-child:before{top:0;bottom:auto}.monopile-graph{position:relative;flex:1;display:flex;flex-direction:column;height:100%}.monopile-graph .graph-safe-zones{position:relative;flex:1}.monopile-graph__top-bar{display:flex;position:relative;justify-content:space-between;align-items:center;height:3rem;padding:0 .5rem;border-bottom:1px solid var(--color--border);background:var(--color--background);transition:all .25s ease-in-out;container-type:inline-size;z-index:10}.cockpit--right-collapsed .monopile-graph__top-bar{padding-right:3.5rem}.cockpit--left-collapsed .monopile-graph__top-bar{padding-left:3.5rem}.monopile-graph__top-bar__name{font-weight:600}.monopile-graph__top-bar__info{font-size:var(--font-size-xs);color:var(--color--text--secondary)}.monopile-graph__wrap{flex:1;overflow:auto;overscroll-behavior:none}.monopile-graph__wrap--autoscroll{scrollbar-width:none}.monopile-graph__wrap--autoscroll::-webkit-scrollbar{display:none}.monopile-graph__scale{display:flex;position:relative;padding-right:.5rem;height:var(--scroll-height);overflow:hidden;margin-bottom:var(--graph-label-height)}.monopile-graph__scale:after{content:"";position:absolute;left:0;top:calc(100% - 1px);width:100%;height:3rem}.monopile-graph__reset-btn{color:var(--color--text);position:absolute;left:var(--ruler-width);border:1px solid var(--color--border--dark);border-radius:var(--border-radius--md);background:var(--color--background);padding:.5rem 1rem;box-shadow:var(--box-shadow--md);bottom:calc(env(safe-area-inset-bottom,0px) + .25rem);z-index:24}.monopile-graph__zoom-btns{position:absolute;right:.5rem;bottom:calc(env(safe-area-inset-bottom,0px) + .25rem);display:flex;gap:.5rem;pointer-events:auto;z-index:24}.graph-zone{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:3px;position:absolute;left:0;width:100%;overflow:hidden}.graph-zone:before{content:"";position:absolute;top:0;left:0;width:100%;opacity:.2}.graph-zone--filled{top:calc(var(--top) * 100% + 1px);border-radius:var(--border-radius--md);height:calc(var(--relative-height) * 100% - 3px)}.graph-zone--filled.color{border:1px solid #666}.graph-zone--filled.color:before{height:100%;background:#666}.graph-zone--filled.color--black{border-color:var(--color--black)}.graph-zone--filled.color--black:before{background:var(--color--black)}.graph-zone--filled.color--white{border-color:var(--color--white)}.graph-zone--filled.color--white:before{background:var(--color--white)}.graph-zone--filled.color--gray{border-color:var(--color--gray)}.graph-zone--filled.color--gray:before{background:var(--color--gray)}.graph-zone--filled.color--red{border-color:var(--color--red)}.graph-zone--filled.color--red:before{background:var(--color--red)}.graph-zone--filled.color--green{border-color:var(--color--green)}.graph-zone--filled.color--green:before{background:var(--color--green)}.graph-zone--filled.color--blue{border-color:var(--color--blue)}.graph-zone--filled.color--blue:before{background:var(--color--blue)}.graph-zone--filled.color--yellow{border-color:var(--color--yellow)}.graph-zone--filled.color--yellow:before{background:var(--color--yellow)}.graph-zone--filled.color--orange{border-color:var(--color--orange)}.graph-zone--filled.color--orange:before{background:var(--color--orange)}.graph-zone--filled.color--purple{border-color:var(--color--purple)}.graph-zone--filled.color--purple:before{background:var(--color--purple)}.graph-zone--filled.color--cyan{border-color:var(--color--cyan)}.graph-zone--filled.color--cyan:before{background:var(--color--cyan)}.graph-zone--filled.color--pink{border-color:var(--color--pink)}.graph-zone--filled.color--pink:before{background:var(--color--pink)}.graph-zone--filled.color--lime{border-color:var(--color--lime)}.graph-zone--filled.color--lime:before{background:var(--color--lime)}.graph-zone--filled.color--lavender{border-color:var(--color--lavender)}.graph-zone--filled.color--lavender:before{background:var(--color--lavender)}.graph-zone--filled.color--brown{border-color:var(--color--brown)}.graph-zone--filled.color--brown:before{background:var(--color--brown)}.graph-zone--gradient{top:calc(var(--top) * 100%);height:calc(var(--relative-height) * 100%)}.graph-zone--gradient.color{border-top:1px solid #666}.graph-zone--gradient.color:before{height:3rem;background:#666}.graph-zone--gradient.color--black{border-color:var(--color--black)}.graph-zone--gradient.color--black:before{background:linear-gradient(to bottom,var(--color--black) 0%,transparent 100%)}.graph-zone--gradient.color--white{border-color:var(--color--white)}.graph-zone--gradient.color--white:before{background:linear-gradient(to bottom,var(--color--white) 0%,transparent 100%)}.graph-zone--gradient.color--gray{border-color:var(--color--gray)}.graph-zone--gradient.color--gray:before{background:linear-gradient(to bottom,var(--color--gray) 0%,transparent 100%)}.graph-zone--gradient.color--red{border-color:var(--color--red)}.graph-zone--gradient.color--red:before{background:linear-gradient(to bottom,var(--color--red) 0%,transparent 100%)}.graph-zone--gradient.color--green{border-color:var(--color--green)}.graph-zone--gradient.color--green:before{background:linear-gradient(to bottom,var(--color--green) 0%,transparent 100%)}.graph-zone--gradient.color--blue{border-color:var(--color--blue)}.graph-zone--gradient.color--blue:before{background:linear-gradient(to bottom,var(--color--blue) 0%,transparent 100%)}.graph-zone--gradient.color--yellow{border-color:var(--color--yellow)}.graph-zone--gradient.color--yellow:before{background:linear-gradient(to bottom,var(--color--yellow) 0%,transparent 100%)}.graph-zone--gradient.color--orange{border-color:var(--color--orange)}.graph-zone--gradient.color--orange:before{background:linear-gradient(to bottom,var(--color--orange) 0%,transparent 100%)}.graph-zone--gradient.color--purple{border-color:var(--color--purple)}.graph-zone--gradient.color--purple:before{background:linear-gradient(to bottom,var(--color--purple) 0%,transparent 100%)}.graph-zone--gradient.color--cyan{border-color:var(--color--cyan)}.graph-zone--gradient.color--cyan:before{background:linear-gradient(to bottom,var(--color--cyan) 0%,transparent 100%)}.graph-zone--gradient.color--pink{border-color:var(--color--pink)}.graph-zone--gradient.color--pink:before{background:linear-gradient(to bottom,var(--color--pink) 0%,transparent 100%)}.graph-zone--gradient.color--lime{border-color:var(--color--lime)}.graph-zone--gradient.color--lime:before{background:linear-gradient(to bottom,var(--color--lime) 0%,transparent 100%)}.graph-zone--gradient.color--lavender{border-color:var(--color--lavender)}.graph-zone--gradient.color--lavender:before{background:linear-gradient(to bottom,var(--color--lavender) 0%,transparent 100%)}.graph-zone--gradient.color--brown{border-color:var(--color--brown)}.graph-zone--gradient.color--brown:before{background:linear-gradient(to bottom,var(--color--brown) 0%,transparent 100%)}.graph-zone:first-child,.graph-zone:last-child{height:calc(var(--relative-height) * 100% - 3px)}.graph-zone:last-child{margin-bottom:0}.graph-zone__label{padding:.5rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;color:var(--color--text)}.graph-zone__label--max{display:flex;align-items:center;gap:.25rem}.graph-line{position:absolute;top:calc(var(--position) * 100%);left:0;right:0;height:1px;pointer-events:none;border-bottom:var(--border-width) var(--border-style) #000;transition:all var(--monopile-transition-duration) linear;cursor:pointer;transform:translateY(1px)}.graph-line--top .graph-line__label{border-radius:var(--border-radius--md) 0 0;bottom:calc(var(--border-width) * -1);top:auto}.graph-line--center .graph-line__label{transform:translateY(-50%);border-radius:var(--border-radius--md) 0 0 var(--border-radius--md)}.graph-line--bottom .graph-line__label{border-radius:0 0 0 var(--border-radius--md)}.graph-line__label{position:absolute;right:0;padding:.5rem 1rem;font-size:var(--font-size-xs);color:#fff;background:var(--color--background--dark);display:flex;flex-direction:column;gap:.5rem;pointer-events:auto;border-radius:0 0 0 var(--border-radius--md)}.color--default .graph-line__label,.color--black .graph-line__label{color:var(--color--text-on-dark)}.graph-line__label--inline{flex-direction:row;align-items:center}.graph-line:hover,.graph-line:focus{z-index:2}.graph-line.color--black{border-color:var(--color--black)}.graph-line.color--black .graph-line__label{background:var(--color--black)}.graph-line.color--black .graph-line__label--outline{color:var(--color--black);border:1px solid var(--color--black);border-right:0;background:var(--color--background)}.graph-line.color--white{border-color:var(--color--white)}.graph-line.color--white .graph-line__label{background:var(--color--white)}.graph-line.color--white .graph-line__label--outline{color:var(--color--white);border:1px solid var(--color--white);border-right:0;background:var(--color--background)}.graph-line.color--gray{border-color:var(--color--gray)}.graph-line.color--gray .graph-line__label{background:var(--color--gray)}.graph-line.color--gray .graph-line__label--outline{color:var(--color--gray);border:1px solid var(--color--gray);border-right:0;background:var(--color--background)}.graph-line.color--red{border-color:var(--color--red)}.graph-line.color--red .graph-line__label{background:var(--color--red)}.graph-line.color--red .graph-line__label--outline{color:var(--color--red);border:1px solid var(--color--red);border-right:0;background:var(--color--background)}.graph-line.color--green{border-color:var(--color--green)}.graph-line.color--green .graph-line__label{background:var(--color--green)}.graph-line.color--green .graph-line__label--outline{color:var(--color--green);border:1px solid var(--color--green);border-right:0;background:var(--color--background)}.graph-line.color--blue{border-color:var(--color--blue)}.graph-line.color--blue .graph-line__label{background:var(--color--blue)}.graph-line.color--blue .graph-line__label--outline{color:var(--color--blue);border:1px solid var(--color--blue);border-right:0;background:var(--color--background)}.graph-line.color--yellow{border-color:var(--color--yellow)}.graph-line.color--yellow .graph-line__label{background:var(--color--yellow)}.graph-line.color--yellow .graph-line__label--outline{color:var(--color--yellow);border:1px solid var(--color--yellow);border-right:0;background:var(--color--background)}.graph-line.color--orange{border-color:var(--color--orange)}.graph-line.color--orange .graph-line__label{background:var(--color--orange)}.graph-line.color--orange .graph-line__label--outline{color:var(--color--orange);border:1px solid var(--color--orange);border-right:0;background:var(--color--background)}.graph-line.color--purple{border-color:var(--color--purple)}.graph-line.color--purple .graph-line__label{background:var(--color--purple)}.graph-line.color--purple .graph-line__label--outline{color:var(--color--purple);border:1px solid var(--color--purple);border-right:0;background:var(--color--background)}.graph-line.color--cyan{border-color:var(--color--cyan)}.graph-line.color--cyan .graph-line__label{background:var(--color--cyan)}.graph-line.color--cyan .graph-line__label--outline{color:var(--color--cyan);border:1px solid var(--color--cyan);border-right:0;background:var(--color--background)}.graph-line.color--pink{border-color:var(--color--pink)}.graph-line.color--pink .graph-line__label{background:var(--color--pink)}.graph-line.color--pink .graph-line__label--outline{color:var(--color--pink);border:1px solid var(--color--pink);border-right:0;background:var(--color--background)}.graph-line.color--lime{border-color:var(--color--lime)}.graph-line.color--lime .graph-line__label{background:var(--color--lime)}.graph-line.color--lime .graph-line__label--outline{color:var(--color--lime);border:1px solid var(--color--lime);border-right:0;background:var(--color--background)}.graph-line.color--lavender{border-color:var(--color--lavender)}.graph-line.color--lavender .graph-line__label{background:var(--color--lavender)}.graph-line.color--lavender .graph-line__label--outline{color:var(--color--lavender);border:1px solid var(--color--lavender);border-right:0;background:var(--color--background)}.graph-line.color--brown{border-color:var(--color--brown)}.graph-line.color--brown .graph-line__label{background:var(--color--brown)}.graph-line.color--brown .graph-line__label--outline{color:var(--color--brown);border:1px solid var(--color--brown);border-right:0;background:var(--color--background)}.uncollapse{padding:.5rem}.graph-zones{position:relative;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.base-column{--floating-btn-size: 2.5rem;--sidebar-header-hor-padding: var(--spacing-4);--sidebar-header-btn-padding: calc( var(--sidebar-header-hor-padding) * 2 + var(--floating-btn-size) );position:relative;display:flex;flex-direction:column;height:100%;background:var(--color--background);transition:all .15s ease-out}.base-column--center{flex:1}.base-column--left,.base-column--right{width:var(--width);z-index:100}.base-column--left.base-column--active,.base-column--right.base-column--active{margin:0;transform:translate(0)}@media(max-width:1200px){.base-column--left,.base-column--right{position:absolute;width:100vw}}.base-column--right{border-left:1px solid var(--color--border);margin-right:calc(var(--width) * -1)}.base-column--right .base-column__header{padding-right:var(--sidebar-header-btn-padding)}@media(max-width:1200px){.base-column--right{margin-right:0;transform:translate(100%)}}.base-column--left{border-right:1px solid var(--color--border);margin-left:calc(var(--width) * -1)}.base-column--left .base-column__header{justify-content:flex-end;padding-left:var(--sidebar-header-btn-padding)}@media(max-width:1200px){.base-column--left{margin-left:0;transform:translate(-100%)}}.base-column__header{border-bottom:1px solid var(--color--border);display:flex;align-items:center;padding:var(--spacing-1) var(--sidebar-header-hor-padding);height:var(--column-header-height)}.base-column__content{flex:1;overflow-y:auto}.base-column--dragging{cursor:col-resize}.base-column__resize{--resize-handle-size: 2rem;position:absolute;top:0;bottom:0;width:var(--resize-handle-size);z-index:1}.base-column__resize:hover{cursor:col-resize}.base-column--right .base-column__resize{left:calc(var(--resize-handle-size) * -1 / 2)}.base-column--left .base-column__resize{right:calc(var(--resize-handle-size) * -1 / 2)}@media(max-width:1200px){.base-column__resize{display:none}}.column-collapse-btn{--push-out-spacing: 4rem;position:fixed;top:var(--spacing-1);transition:transform .15s ease-in-out;z-index:100}.column-collapse-btn--right{right:var(--spacing-3)}@media(max-width:1200px){.cockpit--left-open .column-collapse-btn--right{transform:translate(var(--push-out-spacing))}}.column-collapse-btn--left{left:var(--spacing-3)}@media(max-width:1200px){.cockpit--right-open .column-collapse-btn--left{transform:translate(calc(var(--push-out-spacing) * -1))}}.tile-scroll-container{height:100%;overflow-y:auto;container-type:inline-size}.tile-scroll-container .branding{margin-bottom:calc(7.5rem + env(safe-area-inset-bottom,0px))}@container (min-width: 768px){.tile-scroll-container .branding{display:none}}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:1fr;gap:1rem;padding:1rem}.progress-bar-container{padding:1rem 1rem 0}.user-wrap{display:flex;align-items:center;position:absolute;min-height:8rem;gap:1rem;bottom:0;left:0;width:100%;z-index:10;pointer-events:none;padding:4rem 1rem calc(1rem + env(safe-area-inset-bottom))}.user-wrap .branding{display:none;margin-bottom:0;flex:1}@container (min-width: 768px){.user-wrap .branding{display:flex}}.user-wrap:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0,#fff);z-index:-1;pointer-events:none;transition:opacity .25s ease-out}[data-theme=dark] .user-wrap:before{background:linear-gradient(180deg,#0000,#000)}.user-wrap--no-bg:before{opacity:0}.base-column--left .base-column__content{overflow:hidden}.graphs-column{--label-top-spacing: 4.25rem;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.graphs-column:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:env(safe-area-inset-bottom,0px);background:var(--color--background);z-index:30}.graphs-column .control-wrap{width:100%;position:absolute;padding:1rem;background:var(--color--background);z-index:20}.graphs-column__tab{flex:1;padding:var(--spacing-1) var(--spacing-2);border:1px solid transparent;border-radius:var(--border-radius--sm);background:transparent;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color--text-secondary);transition:background-color var(--transition-duration) ease,border-color var(--transition-duration) ease,color var(--transition-duration) ease}.graphs-column__tab--active{border-color:var(--color--border);background:var(--color--background);color:var(--color--text);box-shadow:var(--box-shadow--sm)}.graphs-column__tab:hover:not(.graphs-column__tab--active){color:var(--color--text)}.graphs-column__scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;position:relative}.graphs-column__scroll--no-scrollbar{scrollbar-width:none}.graphs-column__scroll--no-scrollbar::-webkit-scrollbar{display:none}.graphs-column-wrap{position:relative;display:flex;height:var(--scroll-height);padding-top:calc(var(--scroll-height) * var(--water-percentage));gap:0;padding-right:1rem}.graphs-column-graphs{display:flex;width:100%;height:100%;gap:1rem}.graphs-column__report{flex:1;overflow-y:auto;padding:var(--spacing-4);padding-top:4.5rem}.graphs-column__zoom-btns{position:absolute;right:var(--spacing-4);bottom:var(--spacing-2);display:flex;gap:var(--spacing-2);z-index:20}.graph-wrap{position:relative;flex:1 0;min-width:0;height:var(--height);display:flex;flex-direction:column;justify-content:flex-end;-webkit-user-select:none;user-select:none}.graph-inner{position:relative;height:100%;border-right:1px solid var(--color--border--dark);border-left:1px solid var(--color--border--dark);border-bottom:1px solid var(--color--border--dark);overflow:hidden}.graph-inner--has-bottom{border-bottom:none}.graph-inner:hover{cursor:crosshair}.graph-inner svg{position:absolute;top:0;left:0}.graph-ruler__wrap{position:relative;width:var(--ruler-width, 3rem);flex-shrink:0;height:100%}.graph-ruler{position:absolute;height:100%;padding-right:var(--spacing-1)}.graph-ruler__tick{position:absolute;left:0;top:calc(var(--val) / var(--length) * 100%);transform:translateY(-50%);display:none;align-items:center}.graph-ruler__tick--tick,.graph-ruler__tick--label{display:flex;flex:1 0 auto}.graph-ruler__tick--tick:before,.graph-ruler__tick--label:before{content:"";height:1px;width:.25rem;background:var(--color--text)}.graph-ruler__tick--label:before{width:.5rem}.graph-ruler__label{min-width:1.5rem;text-align:right;font-size:var(--font-size-xs)}.graph-hover-mark{pointer-events:none;position:absolute;z-index:10;top:calc(var(--depth-percentage) * 100%);font-size:var(--font-size-xs);line-height:1.125;width:100%}.graph-hover-mark:after{content:"";position:absolute;bottom:-1px;z-index:1;width:100%;height:1px;border-top:1px solid var(--color--text);opacity:.5}.graph-hover-mark--align-top .graph-hover-mark-content{border-right:0;bottom:100%}.graph-hover-mark--align-left .graph-hover-mark-content{border-left:0}.graph-hover-mark--align-right .graph-hover-mark-content{border-right:0;right:0}.graph-hover-mark--align-bottom.graph-hover-mark--align-left .graph-hover-mark-content{border-radius:0 0 .5rem}.graph-hover-mark--align-bottom.graph-hover-mark--align-right .graph-hover-mark-content{border-radius:0 0 0 .5rem}.graph-hover-mark--align-top.graph-hover-mark--align-left .graph-hover-mark-content{border-radius:0 .5rem 0 0}.graph-hover-mark--align-top.graph-hover-mark--align-right .graph-hover-mark-content{border-radius:.5rem 0 0}.graph-hover-mark-content{color:var(--color);position:absolute;width:50%;padding:.25rem;border:1px solid var(--color--border--dark);background-color:var(--color--background);opacity:.85}.graph-hover-mark-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid var(--color--border)}.graph-hover-mark-item:last-child{border-bottom:none}.graph-hover-mark-item .label{font-weight:600}.graph-hover-mark-item .value{text-align:right}.graph-hover-indicator{pointer-events:none;position:absolute;width:.5rem;height:.5rem;border-radius:100%;transform:translate(-50%,-50%);top:calc(var(--depth-percentage) * 100%);border:2px solid var(--color);outline:2px solid var(--color--background);z-index:20;box-shadow:var(--box-shadow--sm)}.graph-hover-indicator--right{right:calc(var(--value-percentage) * 100%)}.graph-hover-indicator--left{left:calc(var(--value-percentage) * 100%)}.graph-label{height:0;overflow:visible;position:sticky;z-index:10;--graphs-inner-width: calc( (var(--graphs-width) - 1px) - var(--spacing--m) - var(--mini-table-width) - var(--ruler-width) )}.graph-label__label{display:flex;align-items:center;gap:.25rem;justify-content:center}.graph-label--colored .graph-label__label:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--point-color)}.graph-label--top{top:calc(var(--label-top-spacing, 0px) + var(--graph-label-height))}.graph-label--top .graph-label-inner{margin-top:calc(var(--graph-label-height) * -1);border-bottom:1px solid var(--color--border--dark)}.graph-label--bottom{top:auto;width:calc((var(--graphs-inner-width) - var(--spacing--m)) / 2);left:calc(var(--spacing--m) + var(--ruler-width));bottom:calc(env(safe-area-inset-bottom,0px) + var(--graph-label-height))}.graph-label--bottom .graph-label-inner{margin-bottom:calc(var(--graph-label-height) * -1);border-top:1px solid var(--color--border--dark)}.graph-label-inner{display:flex;flex-direction:column;height:var(--graph-label-height);background:var(--color--background)}.graph-label-values{display:flex;width:calc(100% + 100% / var(--number-of-values));padding:0 calc(var(--remainder-percentage) * 100% * var(--padding-factor--right)) 0 calc(var(--remainder-percentage) * 100% * var(--padding-factor--left));margin:0 calc(-100% / var(--number-of-values) / 2)}.graph-label-values__item{text-align:center;flex:1;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-xs)}.graphs-header{display:flex;align-items:center}.report,.report__entries{display:flex;flex-direction:column;gap:1rem}.report__empty{color:var(--color--text--secondary);font-size:var(--font-size-sm);text-align:center;padding:2rem 1rem}.report-entry{--status-size: 2.5rem;position:relative;display:flex;align-items:flex-start;gap:1rem}.report-entry:before{content:"";position:absolute;top:calc(var(--status-size) + .5rem);left:calc(var(--status-size) / 2);width:1px;height:100%;background:var(--color--border--dark)}.report-entry:last-child:before{display:none}.report-entry--done:before{background:var(--color--status--good)}.report-entry__status{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--status-size);height:var(--status-size);border-radius:100%;margin-top:.5rem}.report-entry__status--done{background:var(--color--status--good);color:#fff}.report-entry__status--in-progress{background:var(--color--background);border:2px solid var(--color--status--good);animation:report-entry-spin 3s linear infinite}.report-entry__status--scheduled{background:var(--color--background);border:2px solid var(--color--border--dark)}@keyframes report-entry-spin{to{transform:rotate(360deg)}}.report-entry__checkmark{width:.75rem;height:.75rem}.report-entry__content{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--color--border--dark);border-radius:var(--border-radius--lg);padding:.5rem 1rem 0}.report-entry__main{display:flex;align-items:center;gap:1rem;min-height:3.5rem}.report-entry__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.report-entry__title{font-weight:700;font-size:var(--font-size-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-entry__time{display:flex;align-items:center;gap:.5rem}.report-entry__time-value{font-size:var(--font-size-xs);padding:.125rem .5rem;border:1px solid var(--color--border--dark);border-radius:1000px;color:var(--color--text--secondary);white-space:nowrap}.report-entry__date-value{font-size:var(--font-size-xs);color:var(--color--text--secondary);white-space:nowrap}.report-entry__logs{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.report-entry__logs--expanded{grid-template-rows:1fr}.report-entry__logs--expanded .report-entry__logs-wrap{overflow:visible;padding-bottom:.5rem;border-top-color:var(--color--border--dark)}.report-entry__logs-wrap{overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid transparent;transition:border-color .3s ease,padding .3s ease;padding-top:.5rem}.report-log-entry{display:flex;flex-direction:column;gap:.125rem}.report-log-entry__time{font-size:var(--font-size-xs);color:var(--color--text--secondary)}.report-log-entry__message{font-size:var(--font-size-sm)}.cockpit{position:fixed}.cockpit__columns{display:flex;width:100vw;height:100svh}.splash-screen{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:var(--color--background);display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}.splash-screen__logo{width:70%;height:auto;max-width:50dvh}.splash-screen__title{font-size:var(--font-size-lg);font-weight:600}.splash-screen__buttons{margin-top:1rem}.splash-screen__content{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;border-radius:var(--border-radius--lg);background:var(--color--background--secondary)}.splash-screen__info{display:flex;align-items:center;gap:.5rem}.splash-screen__info:before{content:"";width:.5rem;height:.5rem;border-radius:100%;background:var(--color--status--good)}.splash-screen__info--loading:before{background:var(--color--status--warning);animation:flicker 1s infinite}@keyframes flicker{to{opacity:.5}}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{text-decoration:none}:root{--color--zone--black: #000;--color--black: #000;--color--zone--white: #fff;--color--white: #fff;--color--zone--gray: #858282;--color--gray: #858282;--color--zone--red: #c22121;--color--red: #c22121;--color--zone--green: #33cb29;--color--green: #33cb29;--color--zone--blue: #2f2fd2;--color--blue: #2f2fd2;--color--zone--yellow: #cbcb2e;--color--yellow: #cbcb2e;--color--zone--orange: #bd5510;--color--orange: #bd5510;--color--zone--purple: #8a2ed5;--color--purple: #8a2ed5;--color--zone--cyan: #3adecb;--color--cyan: #3adecb;--color--zone--pink: #e828e8;--color--pink: #e828e8;--color--zone--lime: #85af14;--color--lime: #85af14;--color--zone--lavender: #614988;--color--lavender: #614988;--color--zone--brown: #9d6317;--color--brown: #9d6317;--color--status--good: var(--color--green);--color--status--danger: var(--color--red);--color--status--warning: var(--color--yellow);--transition-duration: .2s;--monopile-transition-duration: 1s;--ruler-width: 3rem;--color--monopile--background: #77310c;--color--monopile--background--highlight: #9d3e0a;--color--monopile--labels--muted: #a49883;--graph-label-height: 2.5rem;--column-header-height: 3rem}@keyframes bg-pulse-red{to{background:var(--color--status--danger)}}@keyframes color-pulse-red{to{color:var(--color--status--danger)}}@media(prefers-reduced-motion:reduce){:root{--transition-duration: 0s;--monopile-transition-duration: 0s}}.timeseriesplot[data-v-a833d185]{height:100%;display:flex;align-items:end}.timeseriesplot__line[data-v-a833d185]{stroke-width:2}.timeseriesplot__danger[data-v-a833d185]{animation:pulse-a833d185 .5s ease-in-out infinite alternate}@keyframes pulse-a833d185{to{stroke-width:5}}.timeseries-tile[data-v-e2e49e10]{gap:.25rem;padding:var(--spacing--m) 0 0}.timeseries-tile__content[data-v-e2e49e10]{width:100%}.timeseries-tile__max[data-v-e2e49e10]{position:absolute;display:flex;align-items:center;gap:.25rem;color:var(--color--text--tertiary);top:var(--spacing--s);left:var(--spacing--s);font-size:var(--font-size--xs)}.timeseries-tile__number[data-v-e2e49e10]{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:8rem;position:relative;overflow:hidden}.timeseries-tile__number__plot[data-v-e2e49e10]{position:absolute;width:auto;height:100%;z-index:-1;transform:translateY(calc(var(--chosen-value) * 200% / var(--number-of-values) * -1));transition:transform .25s ease-in-out}.timeseries-tile__danger-arrow[data-v-e2e49e10]{width:0;height:0;position:absolute;top:50%;right:100%;transform:translateY(-50%);border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;border-left:.5rem solid var(--color--text);animation:danger-arrow-e2e49e10 .5s ease-in-out infinite alternate}@keyframes danger-arrow-e2e49e10{to{transform:translateY(-50%) translate(-.25rem)}}.timeseries-tile__value[data-v-e2e49e10]{display:flex;align-items:center;gap:.125rem;font-size:1.8rem;font-weight:600;padding:0 5px;border-radius:5px;background-color:var(--faded--background)}.timeseries-tile__change[data-v-e2e49e10]{position:relative;color:var(--color);min-width:1rem;font-weight:600;font-size:var(--font-size--s)}.timeseries-tile__change[data-v-e2e49e10]:before,.timeseries-tile__change[data-v-e2e49e10]:after{position:absolute;left:50%;transform:translate(-50%);display:none;content:"";width:.5rem;height:.33rem;background:var(--color)}.timeseries-tile__change--pos[data-v-e2e49e10]{padding-top:.25rem;--color: var(--color--status--good)}.timeseries-tile__change--pos[data-v-e2e49e10]:before{display:block;top:0;clip-path:polygon(0% 100%,100% 100%,50% 0%)}.timeseries-tile__change--neg[data-v-e2e49e10]{padding-bottom:.25rem;--color: var(--color--status--danger)}.timeseries-tile__change--neg[data-v-e2e49e10]:after{bottom:0;display:block;clip-path:polygon(0% 0%,100% 0%,50% 100%)}.timeseries-tile__units[data-v-e2e49e10]{color:var(--color--text--secondary);font-size:var(--font-size--xs);margin-top:-.5rem;padding:0 5px;border-radius:5px;background-color:var(--faded--background)}.timeseries-tile__value-wrap[data-v-e2e49e10]{--single-unit-height: 3rem;height:var(--single-unit-height);overflow:hidden}.timeseries-tile__values[data-v-e2e49e10]{display:flex;flex-direction:column;align-items:center;transform:translateY(calc(var(--chosen-value) * 100% / var(--number-of-values) * -1));transition:transform .25s ease-in-out}.timeseries-tile__value[data-v-e2e49e10]{height:var(--single-unit-height)}.timeseries-tile.timeseries-tile--max-exceeded .timeseries-tile__max[data-v-e2e49e10]{color:var(--color--text)}.timeseries-tile.timeseries-tile--has-max .timeseries-tile__info[data-v-e2e49e10]{border:0}