.fixed-header #theme-switcher[data-astro-cid-l4aeqea3]{margin-left:0;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.logo-fill-color-0[data-astro-cid-qmw2hau2]{fill-opacity:.9;stroke-opacity:.8}.logo-fill-color-1[data-astro-cid-qmw2hau2]{fill-opacity:0;stroke-opacity:.6}.logo-fill-color-2[data-astro-cid-qmw2hau2]{fill-opacity:.5;stroke-opacity:.8}.logo-fill-color-3[data-astro-cid-qmw2hau2]{fill-opacity:.9;stroke-opacity:.8}.fixed-header[data-astro-cid-hpnw4vwy]{position:fixed;bottom:auto;top:0;border-color:var(--color-border);background-color:var(--color-background);color:var(--color-text)}.modal[data-astro-cid-hpnw4vwy].is-open{display:block}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}a,.btn{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}a:hover,.btn:hover{color:var(--color-secondary)}a:focus,.btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--color-secondary);--tw-ring-offset-width: 2px;--tw-ring-offset-color: transparent}.gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #d946ef var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.logo-fill-color-0,.logo-fill-color-1,.logo-fill-color-2,.logo-fill-color-3{fill:var(--color-text);stroke:var(--color-text)}header:not(.fixed-header) .logo-fill-color-0,header:not(.fixed-header) .logo-fill-color-1,header:not(.fixed-header) .logo-fill-color-2,header:not(.fixed-header) .logo-fill-color-3{fill:var(--color-background);stroke:var(--color-background)}.hero .logo-fill-color-0,.hero .logo-fill-color-1,.hero .logo-fill-color-2,.hero .logo-fill-color-3{fill:var(--color-secondary);stroke:var(--color-secondary)}.ge-positive-text-color{color:var(--ge-positive-text-color)}.ge-negative-text-color{color:var(--ge-negative-text-color)}.ge-positive-bg{background-color:var(--ge-positive-bg)!important}.ge-negative-bg{background-color:var(--ge-negative-bg)!important}.demo-content-div a{text-decoration:underline}.demo-content-div p{margin:20px 0}html{--gradient-1: #1e0061;--gradient-2: #1d46f3;--gradient-3: #c364ff;--gradient-4: #ff4173}.ge-linear-gradient-bg{background-image:linear-gradient(90deg,var(--gradient-1),var(--gradient-2) 27%,var(--gradient-3) 77%,var(--gradient-4))}.text-switcher{font-weight:700;--text-height: 1em;--line-height: calc(var(--text-height) * 1.15);position:relative;display:inline-flex;align-items:flex-start;height:var(--line-height);line-height:var(--line-height);text-align:left;overflow-y:hidden;overflow-x:clip;.text-switcher-word{align-items:flex-start;position:relative;width:-moz-max-content;width:max-content;height:var(--line-height);line-height:var(--line-height);display:inline-flex;flex-direction:column;animation:switchWords 14s cubic-bezier(.165,.84,.44,1) infinite;animation-direction:normal;>div{height:var(--line-height);line-height:var(--line-height)}}}@keyframes switchWords{0%{transform:translateY(calc(var(--line-height) * 0))}17%{transform:translateY(calc(var(--line-height) * -1))}32%{transform:translateY(calc(var(--line-height) * -2))}50%{transform:translateY(calc(var(--line-height) * -3))}66%{transform:translateY(calc(var(--line-height) * -4))}84%{transform:translateY(calc(var(--line-height) * -5))}99.999%{transform:translateY(calc(var(--line-height) * -6))}to{transform:translateY(calc(var(--line-height) * 0))}}[data-theme=light]{--color-primary: #ec4899;--color-secondary: #6366f1;--color-text: #111827;--color-text-offset: #4b5563;--color-background: #f9fafb;--color-background-offset: #f3f4f6;--color-border: rgb(17 24 39 / 10%)}[data-theme=dark]{--color-primary: #f472b6;--color-secondary: #818cf8;--color-text: #f9fafb;--color-text-offset: #9ca3af;--color-background: #111827;--color-background-offset: #1f2937;--color-border: rgb(249 250 251 / 10%)}html[data-theme=light]{--ge-table-bg: #fff;--ge-table-header-west-bg: var(--ge-table-header-center-bg);--ge-table-header-center-bg: rgba(233, 233, 233, .5);--ge-table-header-east-bg: var(--ge-table-header-center-bg);--ge-table-header-west-text: var(--ge-table-header-center-text);--ge-table-header-center-text: #000;--ge-table-header-east-text: var(--ge-table-header-center-text);--ge-table-header-west-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-west-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-header-center-horizontal-border: #ddd;--ge-table-header-center-vertical-border: #ccc;--ge-table-header-east-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-header-east-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-body-west-bg: var(--ge-table-header-center-bg);--ge-table-body-center-bg: rgba(255,255,255, .5);--ge-table-body-east-bg: var(--ge-table-header-center-bg);--ge-table-body-west-text: var(--ge-table-header-center-text);--ge-table-body-center-text: var(--ge-table-header-center-text);--ge-table-body-east-text: var(--ge-table-header-center-text);--ge-table-body-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-body-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-body-center-horizontal-border: #bbb;--ge-table-body-center-vertical-border: #ddd;--ge-table-body-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-body-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-footer-west-bg: var(--ge-table-header-center-bg);--ge-table-footer-center-bg: var(--ge-table-header-center-bg);--ge-table-footer-east-bg: var(--ge-table-header-center-bg);--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: var(--ge-table-header-west-horizontal-border);--ge-table-footer-west-vertical-border: var(--ge-table-header-west-vertical-border);--ge-table-footer-center-horizontal-border: var(--ge-table-header-center-horizontal-border);--ge-table-footer-center-vertical-border: var(--ge-table-header-center-vertical-border);--ge-table-footer-east-horizontal-border: var(--ge-table-header-east-horizontal-border);--ge-table-footer-east-vertical-border: var(--ge-table-header-east-vertical-border);--ge-table-body-west-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-center-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-east-selected-range-bg: rgba(0, 152, 219, .4);--ge-table-body-west-selected-range-text: #000;--ge-table-body-center-selected-range-text: #000;--ge-table-body-east-selected-range-text: #000;--ge-table-border: #ccc;--ge-table-row-odd-bg: transparent;--ge-table-row-even-bg: transparent;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 255, 255);--ge-table-color-error-text: #e00034;--ge-table-tree-arrow-collapsed-color: #e00034;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: lightcyan;--ge-table-drop-zone-bg: rgba(244, 255, 242, .6);--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-positive-text-color: #16c784;--ge-negative-text-color: #ea3943;--ge-positive-bg: rgba(22, 199, 132, .05);--ge-negative-bg: rgba(234, 57, 67, .05)}html[data-theme=dark]{--ge-table-bg: #111827;--ge-table-header-west-bg: #111827;--ge-table-header-center-bg: #111827;--ge-table-header-east-bg: #111827;--ge-table-header-west-text: oklch(100% 0 0);--ge-table-header-center-text: oklch(100% 0 0);--ge-table-header-east-text: oklch(100% 0 0);--ge-table-header-west-horizontal-border: #313641;--ge-table-header-west-vertical-border: oklch(32% 0 0);--ge-table-header-center-horizontal-border: #313641;--ge-table-header-center-vertical-border: oklch(32% 0 0);--ge-table-header-east-horizontal-border: #313641;--ge-table-header-east-vertical-border: oklch(32% 0 0);--ge-table-body-west-bg: #23272e;--ge-table-body-center-bg: #23272e55;--ge-table-body-east-bg: #23272e;--ge-table-body-west-text: oklch(100% 0 0);--ge-table-body-center-text: oklch(100% 0 0);--ge-table-body-east-text: oklch(100% 0 0);--ge-table-body-west-horizontal-border: #313641;--ge-table-body-west-vertical-border: oklch(32% 0 0);--ge-table-body-center-horizontal-border: #313641;--ge-table-body-center-vertical-border: oklch(32% 0 0);--ge-table-body-east-horizontal-border: #313641;--ge-table-body-east-vertical-border: oklch(32% 0 0);--ge-table-footer-west-bg: #111827;--ge-table-footer-center-bg: #111827;--ge-table-footer-east-bg: #111827;--ge-table-footer-west-text: var(--ge-table-header-center-text);--ge-table-footer-center-text: var(--ge-table-header-center-text);--ge-table-footer-east-text: var(--ge-table-header-center-text);--ge-table-footer-west-horizontal-border: oklch(30% 0 0);--ge-table-footer-west-vertical-border: oklch(32% 0 0);--ge-table-footer-center-horizontal-border: oklch(30% 0 0);--ge-table-footer-center-vertical-border: oklch(32% 0 0);--ge-table-footer-east-horizontal-border: oklch(30% 0 0);--ge-table-footer-east-vertical-border: oklch(32% 0 0);--ge-table-border: oklch(32% 0 0);--ge-table-row-odd-bg: #11151F55;--ge-table-row-even-bg: #1A202F55;--ge-table-column-odd-bg: transparent;--ge-table-column-even-bg: transparent;--ge-table-hover-column-bg: rgba(0, 224, 255, .27);--ge-table-hover-row-bg: rgba(0, 224, 255, .27);--ge-table-focus-border: rgb(0, 255, 255);--ge-table-color-error-text: #ffa8b5;--ge-table-tree-arrow-collapsed-color: #ffa8b5;--ge-table-column-resize-handle-border: rgb(0, 255, 255);--ge-table-dragged-col-div-bg: oklch(0% 0 0);--ge-table-drop-zone-bg: oklch(0% 0 0);--ge-table-body-west-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-center-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-east-selected-range-bg: oklch(19% .2 205.2);--ge-table-body-west-selected-range-text: #0098db;--ge-table-body-center-selected-range-text: #0098db;--ge-table-body-east-selected-range-text: #0098db;--ge-table-color-col-resize-handle-hover-bg: cyan;--ge-table-color-dragged-col-div-bg: #fafafa;--ge-table-color-drop-zone-bg: #fafafa;--ge-table-color-drop-zone: #fafafa;--ge-table-color-tree-arrow-collapsed-color: var(--ge-table-body-west-text);--ge-positive-text-color: #16c784;--ge-negative-text-color: #ea3943;--ge-positive-bg: rgba(22, 199, 132, .05);--ge-negative-bg: rgba(234, 57, 67, .05)}.ge-table{display:block;margin:0;width:100%;height:100%}.ge-table-col-div{text-align:center;line-height:2.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ge-table-label-div{padding:0;display:block;text-overflow:ellipsis;overflow:hidden}.ge-table-label-div .ge-table-label{padding-left:10px;padding-right:10px}.ge-table-text-align-left{text-align:left}.ge-table-text-align-right{text-align:right}.ge-table-text-align-center{text-align:center}.ge-table-row-checkbox-div{padding-left:14px}.ge-table-body-east{z-index:999}.ge-table{background-color:var(--ge-table-bg)}.ge-table-header-west{background-color:var(--ge-table-header-west-bg)}.ge-table-header-center{background-color:var(--ge-table-header-center-bg)}.ge-table-header-east{background-color:var(--ge-table-header-east-bg)}.ge-table-header-west{color:var(--ge-table-header-west-text)}.ge-table-header-center{color:var(--ge-table-header-center-text)}.ge-table-header-east{color:var(--ge-table-header-east-text)}.ge-table-header-west-horizontal-border{background-color:var(--ge-table-header-west-horizontal-border)}.ge-table-header-west-vertical-border{background-color:var(--ge-table-header-west-vertical-border)}.ge-table-header-center-horizontal-border{background-color:var(--ge-table-header-center-horizontal-border)}.ge-table-header-center-vertical-border{background-color:var(--ge-table-header-center-vertical-border)}.ge-table-header-east-horizontal-border{background-color:var(--ge-table-header-east-horizontal-border)}.ge-table-header-east-vertical-border{background-color:var(--ge-table-header-east-vertical-border)}.ge-table-body-west{background-color:var(--ge-table-body-west-bg)}.ge-table-body-center{background-color:var(--ge-table-body-center-bg)}.ge-table-body-east{background-color:var(--ge-table-body-east-bg)}.ge-table-body-west{color:var(--ge-table-body-west-text)}.ge-table-body-center{color:var(--ge-table-body-center-text)}.ge-table-body-east{color:var(--ge-table-body-east-text)}.ge-table-body-west-horizontal-border{background-color:var(--ge-table-body-west-horizontal-border)}.ge-table-body-west-vertical-border{background-color:var(--ge-table-body-west-vertical-border)}.ge-table-body-center-horizontal-border{background-color:var(--ge-table-body-center-horizontal-border)}.ge-table-body-center-vertical-border{background-color:var(--ge-table-body-center-vertical-border)}.ge-table-body-east-horizontal-border{background-color:var(--ge-table-body-east-horizontal-border)}.ge-table-body-east-vertical-border{background-color:var(--ge-table-body-east-vertical-border)}.ge-table-body-west-selected-range{background-color:var(--ge-table-body-west-selected-range-bg)}.ge-table-body-center-selected-range{background-color:var(--ge-table-body-center-selected-range-bg)}.ge-table-body-east-selected-range{background-color:var(--ge-table-body-east-selected-range-bg)}.ge-table-body-west-selected-range{color:var(--ge-table-body-west-selected-range-text)}.ge-table-body-center-selected-range{color:var(--ge-table-body-center-selected-range-text)}.ge-table-body-east-selected-range{color:var(--ge-table-body-east-selected-range-text)}.ge-table-footer-west{background-color:var(--ge-table-footer-west-bg)}.ge-table-footer-center{background-color:var(--ge-table-footer-center-bg)}.ge-table-footer-east{background-color:var(--ge-table-footer-east-bg)}.ge-table-footer-west{color:var(--ge-table-footer-west-text)}.ge-table-footer-center{color:var(--ge-table-footer-center-text)}.ge-table-footer-east{color:var(--ge-table-footer-east-text)}.ge-table-footer-west-horizontal-border{background-color:var(--ge-table-footer-west-horizontal-border)}.ge-table-footer-west-vertical-border{background-color:var(--ge-table-footer-west-vertical-border)}.ge-table-footer-center-horizontal-border{background-color:var(--ge-table-footer-center-horizontal-border)}.ge-table-footer-center-vertical-border{background-color:var(--ge-table-footer-center-vertical-border)}.ge-table-footer-east-horizontal-border{background-color:var(--ge-table-footer-east-horizontal-border)}.ge-table-footer-east-vertical-border{background-color:var(--ge-table-footer-east-vertical-border)}.ge-table-border{background-color:var(--ge-table-border)}.ge-table-row-odd{background-color:var(--ge-table-row-odd-bg)}.ge-table-row-even{background-color:var(--ge-table-row-even-bg)}.ge-table-column-odd{background-color:var(--ge-table-column-odd-bg)}.ge-table-column-even{background-color:var(--ge-table-column-even-bg)}.ge-table-hover-column{background-color:var(--ge-table-hover-column-bg)}.ge-table-hover-row{background-color:var(--ge-table-hover-row-bg)}.ge-table-focus-border{background-color:var(--ge-table-focus-border)}.ge-table-color-col-resize-handle-hover{background-color:var(--ge-table-color-col-resize-handle-hover-bg)}.ge-table-color-dragged-col-div{background-color:var(--ge-table-color-dragged-col-div-bg)}.ge-table-color-drop-zone{background-color:var(--ge-table-color-drop-zone-bg);background-color:var(--ge-table-color-drop-zone)}.ge-table-color-tree-arrow-collapsed-color{background-color:var(--ge-table-color-tree-arrow-collapsed-color)}.ge-table-color-error{color:var(--ge-table-color-error-text)}.ge-table-tree-arrow-collapsed{color:var(--ge-table-tree-arrow-collapsed-color)}.ge-table-column-resize-handle:hover{background-color:var(--ge-table-column-resize-handle-border)}.ge-table-drop-zone{background-color:var(--ge-table-drop-zone-bg)}.ge-table-dragged-col-div{background-color:var(--ge-table-dragged-col-div-bg)}.ge-table-cell-editor-input,.ge-table-cell-editor-input:focus-within{border:none}.ge-table-col-div.ge-table-col-div-0.ge-table-tree-cell{text-align:left}.ge-table-tree-cell .ge-table-label-div{padding-left:0;padding-right:10px;display:inline}.ge-table-col-tree{text-align:left}.ge-padding-property-checkbox{padding-left:0}.ge-table-col-tree.ge-table-tree-deep-0{padding-left:16px}.ge-table-col-tree.ge-table-tree-deep-1{padding-left:36px}.ge-table-col-tree.ge-table-tree-deep-2{padding-left:56px}.ge-table-col-tree.ge-table-tree-deep-3{padding-left:76px}.ge-table-col-tree.ge-table-tree-deep-4{padding-left:96px}.ge-table-col-tree.ge-table-tree-deep-5{padding-left:136px}.ge-table-col-div.ge-table-col-tree.ge-table-tree-cell{display:grid;grid-template-columns:16px 1fr}.blackout-demo{--main-bg: #15151a;--main-text: #f1f1f1;--no-value-text: #38383c;--no-value-text-green: #40b042;--border-blue: #4c53ff;--border-freezed: #2c96e3;--border-purple: #8a3cc8;--border-red: #ff6c4c;--border-green: #3fc83c;--border-inactive-blue: #07699b;--border-inactive-purple: #55257c;--border-inactive-red: #9b422f;--border-inactive-green: #348b35;--border-inactive-green-end: #b8ecba;--inactive-green-start-bg: rgba(41, 112, 42, .4);--inactive-green-end-bg: #fff2;--border-selected: #fde047;--border-selected-inner-dots: #fde04755;--border-radius: 9px;--border-radius-plus-1: 10px;--svg-snow: var(--border-freezed);--svg-tree: #22c55d;--e1-bg: #ebb305;--e1-color: #0b0b0d;--f-bg: #ef4444;--f-color: #000;--exclamation-bg: #f97315;--exclamation-color: #22150f}html .blackout-demo,html[data-theme=light] .blackout-demo,html[data-theme=dark] .blackout-demo{--ge-table-bg: var(--main-bg);--ge-table-border: var(--main-bg);--ge-table-hover-column-bg: transparent;--ge-table-hover-row-bg: transparent;--ge-table-focus-border: transparent;--ge-table-row-odd-bg: var(--main-bg);--ge-table-row-even-bg: var(--main-bg);--ge-table-column-odd-bg: var(--main-bg);--ge-table-column-even-bg: var(--main-bg);--ge-table-body-west-vertical-border: var(--main-bg);--ge-table-body-center-horizontal-border: var(--main-bg);--ge-table-body-center-vertical-border: var(--main-bg);--ge-table-body-center-text: var(--main-text)}.blackout-demo{background-color:var(--main-bg);height:calc(100vh - 128px);display:grid;place-content:center}.blackout-demo .pointer{cursor:pointer}.blackout-demo .selection-div{margin:1px;width:80px;height:95px;border-width:1px;border-style:solid;border-radius:12px;border-color:transparent;padding:1px;font-size:12px;line-height:12px}.blackout-demo .selection-div.selected{border-color:var(--border-selected);outline:1px var(--border-selected-inner-dots) dotted;outline-offset:-6px}.blackout-demo .box{width:100%;height:100%;border-width:0;border-style:solid;border-radius:var(--border-radius-plus-1);border-color:transparent;padding:1px}.blackout-demo .box.blue{background:var(--border-blue)}.blackout-demo .box.purple{background:var(--border-purple)}.blackout-demo .box.red{background:var(--border-red)}.blackout-demo .box.green{background:var(--border-green)}.blackout-demo .box.freezed{background:linear-gradient(to bottom right,var(--border-freezed),#fff)!important}.blackout-demo .box.freezed .inner{background:linear-gradient(135deg,#2c96e355,#8884)!important}.blackout-demo .box.inactive.blue{background-color:var(--border-inactive-blue)}.blackout-demo .box.inactive.green{background:linear-gradient(135deg,var(--border-inactive-green),var(--border-inactive-green-end))}.blackout-demo .box.inactive.green .inner{background:linear-gradient(135deg,var(--inactive-green-start-bg),var(--inactive-green-end-bg))}.blackout-demo .box .inner-bg{width:100%;height:100%;background-color:var(--main-bg);border-radius:var(--border-radius)}.blackout-demo .box .inner{width:100%;height:100%;background-color:transparent;border-radius:var(--border-radius);display:grid;grid-template-rows:1fr 16px 1fr}.blackout-demo .box .inner>div{display:grid;place-items:center}.blackout-demo .box .inner>*{-webkit-user-select:none;-moz-user-select:none;user-select:none}.blackout-demo .box .inner>:nth-child(1),.blackout-demo .box .inner>:nth-child(3){font-size:17px;font-family:monospace}.blackout-demo .box .inner>:nth-child(2){font-size:12px;font-family:sans-serif;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.blackout-demo .box.blue .inner>:nth-child(2){background-color:var(--border-blue)}.blackout-demo .box.purple .inner>:nth-child(2){background-color:var(--border-purple)}.blackout-demo .box.red .inner>:nth-child(2){background-color:var(--border-red);color:#000}.blackout-demo .box.green .inner>:nth-child(2){background-color:var(--border-green);color:#000}.blackout-demo .box.inactive .inner>:nth-child(2){background-color:transparent!important;color:var(--no-value-text)}.blackout-demo .box.inactive.green .inner>:nth-child(2){color:var(--no-value-text-green)}.blackout-demo .box .relative{width:0;height:0;overflow:visible;position:relative;z-index:1000}.blackout-demo .svg-snow{position:absolute;fill:var(--svg-snow);top:-88px;left:2px}.blackout-demo .svg-tree{position:absolute;fill:var(--svg-tree);top:-88px;left:2px}.blackout-demo .exclamation,.e1,.f{font-size:10px;font-weight:700;min-width:12px;width:auto;display:inline-flex;justify-content:center;border-radius:3px;position:absolute}.blackout-demo .exclamation{color:var(--exclamation-color);background-color:var(--exclamation-bg);top:-14px;left:6px}.blackout-demo .f{color:var(--f-color);background-color:var(--f-bg);top:-88px;left:56px}.blackout-demo .e1{color:var(--e1-color);background-color:var(--e1-bg);font-size:12px;min-width:18px;min-height:14px;top:-16px;left:52px}