.center,.vcenter,.hcenter{position:absolute;display:flex}.center,.hcenter{justify-content:center}body * .center,body * .hcenter{left:0;right:0}@media (width >= 1212px){.center{left:0;right:0}}.center,.vcenter{align-items:center}body * .center,body * .vcenter{top:0;bottom:0}@media (height >= 648px){.center{top:0;bottom:0}}.hjustify{justify-content:space-between}.vjustify{align-content:space-between}.horizontal{display:flex;flex-direction:row}.vertical{display:flex;flex-direction:column}.vcenter-items{align-items:center}[data-tooltip]:after{transition:opacity linear .2s;opacity:0;position:fixed;display:block;white-space:pre-wrap;top:var(--pixel-size);left:var(--pixel-size);border:2px solid var(--color-tooltip-edge);background-color:var(--color-tooltip-bg);color:var(--color-tooltip-text);padding:0 5px;content:attr(data-tooltip);pointer-events:none;z-index:3000}[data-tooltip]:hover:after{transition:none;opacity:1;z-index:3001}.dialog{z-index:5000;top:0;bottom:0;left:0;right:0}.dialog[hidden]{display:none}.text-center{text-align:center}.flex-grow{flex-grow:1}body{--cell-size: calc(var(--piece-size) + 2 * var(--edge-size));--selection-size: calc(3 * var(--pixel-size));--grid-width: 9;--grid-height: 9}.grid{width:min-content;height:min-content;display:grid;grid-template:repeat(var(--grid-height),var(--cell-size)) / repeat(var(--grid-width),var(--cell-size));grid-auto-flow:column}.cell{position:relative;width:var(--piece-size);height:var(--piece-size);border:var(--edge-size) solid;background-color:var(--color-cell-bg);border-top-color:var(--color-cell-edge-dark);border-left-color:var(--color-cell-edge-dark);border-bottom-color:var(--color-cell-edge-bright);border-right-color:var(--color-cell-edge-bright)}.selection{position:absolute;width:var(--selection-size);height:var(--selection-size);z-index:2000;border:var(--edge-size) solid var(--color-selection)}.selection.top{top:var(--edge-size);border-bottom:none}.selection.bottom{bottom:var(--edge-size);border-top:none}.selection.left{left:var(--edge-size);border-right:none}.selection.right{right:var(--edge-size);border-left:none}.selected .selection{--color-selection: var(--color-selected)}.cell:hover .selection{--color-selection: var(--color-hover)}.cell.selected:hover .selection.right{--color-selection: var(--color-selected)}.line{position:absolute;top:0;left:0;width:100%;height:100%;background-position:var(--line-pos);background-size:calc(2 * var(--line-scale)) calc(2 * var(--line-scale) * var(--line-vars));background-image:var(--icon);--line-scale: 100%;--line-vars: 1}.line[data-color]{background-color:var(--color-param);background-blend-mode:multiply;-webkit-mask-position:var(--line-pos);mask-position:var(--line-pos);-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:alpha;-webkit-mask-size:calc(2 * var(--line-scale)) calc(2 * var(--line-scale) * var(--line-vars));mask-size:calc(2 * var(--line-scale)) calc(2 * var(--line-scale) * var(--line-vars))}.line:not([data-side]),.line[data-side=off],.line[data-trigger=in]:not(.used){visibility:hidden}.line[data-side=top]{--line-pos: 0 100%}.line[data-side=bottom]{--line-pos: var(--line-scale) 100%}.line[data-side=left]{--line-pos: var(--line-scale) 0}.line[data-side=right]{--line-pos: 0 0}.line[data-half]{--line-vars: 2}.line[data-side=top][data-half="2"]{--line-pos: 0 300%}.line[data-side=bottom][data-half="2"]{--line-pos: var(--line-scale) 300%}.line[data-side=left][data-half="2"]{--line-pos: var(--line-scale) 200%}.line[data-side=right][data-half="2"]{--line-pos: 0 200%}body{--piece-size: calc(16 * var(--pixel-size));--param-size: calc(6 * var(--pixel-size));--param-inner-size: calc(3 * var(--pixel-size))}.piece{position:relative;width:var(--piece-size);height:var(--piece-size);color:var(--color-fg);text-shadow:var(--pixel-size) var(--pixel-size) var(--color-fg-shadow);background-image:var(--piece-icon)}.piece-config{width:calc(65 * var(--pixel-size));min-height:calc(32 * var(--pixel-size) + 4 * (3 * var(--param-size) + var(--pixel-size)));max-height:calc(var(--cell-size) * var(--grid-height));overflow-x:hidden;overflow-y:auto}.piece-config [data-piece-name]:before{color:#2ad0d2;content:var(--piece-name)}.piece-config [data-piece-desc]:before{content:var(--piece-desc)}.value-control{position:relative;width:100%;height:2em;margin:var(--pixel-size) 0;color:var(--color-param)}.value-control [data-name]:before{content:var(--param-name)}.value-control input{width:5ch;padding:0 .5ch}.text-control{position:relative;width:100%;min-height:2em;margin:var(--pixel-size) 0;color:var(--color-param)}.text-control [data-name]:before{content:var(--param-name)}.text-control textarea{box-sizing:border-box;width:calc(100% - 4px);min-height:1.2em;padding:0 .5ch;resize:vertical}.related-control{position:relative;width:100%;min-height:calc(var(--piece-size));margin:var(--pixel-size) 0;color:var(--color-param)}.related-control [data-pieces]{display:grid;grid-template-columns:repeat(2,var(--cell-size));grid-auto-rows:var(--cell-size)}.related-control>[data-name]{max-width:calc(100% - 2 * var(--cell-size))}.related-control>[data-name]:before{content:var(--param-name)}.param-control{position:relative;width:100%;height:calc(3 * var(--param-size));margin:var(--pixel-size) 0;color:var(--color-param)}.param-control [data-name]:before{content:var(--param-name)}.param-control.editing [data-name]:before{text-decoration:underline}.param-control[data-optional] .param[data-side=off]{visibility:visible}.param-control .param[data-side=top]{top:0;right:var(--param-size)}.param-control .param[data-side=bottom]{bottom:0;right:var(--param-size)}.param-control .param[data-side=left]{right:calc(2 * var(--param-size));top:var(--param-size)}.param-control .param[data-side=right]{right:0;top:var(--param-size)}.param-control .param[data-side=off]{top:var(--param-size);right:var(--param-size)}.param-control[data-side=top] .param:not([data-side=top]),.param-control[data-side=bottom] .param:not([data-side=bottom]),.param-control[data-side=left] .param:not([data-side=left]),.param-control[data-side=right] .param:not([data-side=right]),.param-control:not([data-side]) .param:not([data-side=off]),.param-control[data-side=off] .param:not([data-side=off]){--color-param: var(--color-param-other)}.piece .param[data-arrow=none]{display:contents}.piece .param[data-side=top]{top:calc(-2.5 * var(--pixel-size));left:calc(50% - var(--param-inner-size))}.piece .param[data-side=bottom]{bottom:calc(-2.5 * var(--pixel-size));left:calc(50% - var(--param-inner-size))}.piece .param[data-side=left]{left:calc(-2.5 * var(--pixel-size));top:calc(50% - var(--param-inner-size))}.piece .param[data-side=right]{right:calc(-2.5 * var(--pixel-size));top:calc(50% - var(--param-inner-size))}.param[data-side]{position:absolute;border:var(--param-inner-size) solid transparent;z-index:1000}.param[data-side=top]{border-top-color:var(--color-param)}.param[data-side=bottom]{border-bottom-color:var(--color-param)}.param[data-side=left]{border-left-color:var(--color-param)}.param[data-side=right]{border-right-color:var(--color-param)}.param[data-side=off]{background-color:var(--color-param);border-radius:50%;visibility:hidden}.piece.unknown{--piece-icon: url(/PsiEdit/assets/unknown-83c4c005.png)}.piece.unknown [data-value]{--scale-value: .5;width:calc(var(--piece-size) - 2 * var(--pixel-size));height:calc(var(--piece-size) - 2 * var(--pixel-size));margin:var(--pixel-size);align-items:safe center;word-wrap:break-word;word-break:break-all;color:var(--color-unknown)}body{--catalog-width: 4;--catalog-height: 5}.catalog-container{background-color:var(--color-catalog-bg)}.catalog{position:relative;min-width:calc(var(--catalog-width) * var(--cell-size) + 4 * var(--pixel-size));height:calc(var(--catalog-height) * var(--cell-size));display:grid;grid-template-columns:repeat(4,var(--cell-size));grid-auto-rows:var(--cell-size);overflow-y:scroll}.catalog-item{padding:var(--edge-size);background-color:var(--color-selection)}.catalog-item:hover{--color-selection: var(--color-catalog-hover)}.catalog-search{background:none;border:none}.piece-sources{position:absolute;z-index:1000;padding:var(--pixel-size);background-color:var(--color-tooltip-bg);border:2px solid var(--color-tooltip-edge)}#source-url{flex-grow:1}.piece-sources button{width:calc(10 * var(--pixel-size));height:calc(10 * var(--pixel-size))}.source-item{padding-left:var(--pixel-size);height:calc(14 * var(--pixel-size))}.source-link{-webkit-user-select:all;user-select:all;margin-left:calc(2 * var(--pixel-size))}.source-count{margin-left:calc(2 * var(--pixel-size))}.source-count:before{content:"("}.source-count:after{content:")"}#close-sources{width:calc(6 * var(--pixel-size));height:calc(6 * var(--pixel-size));position:absolute;top:calc(-5 * var(--pixel-size));right:calc(-5 * var(--pixel-size))}.error-popup{position:absolute;z-index:1000;padding:var(--pixel-size);background-color:var(--color-error-bg);border:2px solid var(--color-error-edge);color:var(--color-error-text);min-width:20%}.error-popup .title{color:var(--color-error-title)}.error-popup button{width:calc(10 * var(--pixel-size));height:calc(10 * var(--pixel-size))}#close-error{width:calc(6 * var(--pixel-size));height:calc(6 * var(--pixel-size));position:absolute;top:calc(-5 * var(--pixel-size));right:calc(-5 * var(--pixel-size))}body{--color-bg: rgb(40, 40, 40);--color-cell-bg: rgb(28, 28, 28);--color-cell-edge-bright: rgb(51, 51, 51);--color-cell-edge-dark: rgb(11, 11, 11);--color-piece-bg: rgb(21, 21, 21);--color-piece-edge-bright: rgb(42, 42, 42);--color-piece-edge-dark: rgb(11, 11, 11);--color-fg: rgb(255, 255, 255);--color-fg-shadow: rgb(0, 0, 0);--color-fg-dark: rgb(91, 91, 91);--color-selected: rgb(0, 255, 0);--color-hover: rgb(255, 0, 0);--color-catalog-bg: rgba(0, 0, 0, calc(136 / 255));--color-catalog-hover: rgba(153, 153, 255, calc(85 / 255));--color-text: rgb(255, 255, 255);--color-text-shadow: rgb(25, 25, 25);--color-param-other: rgb(200, 200, 200);--color-tooltip-bg: rgba(0, 0, 0, calc(200 / 255));--color-tooltip-edge: rgba(153, 153, 255, calc(85 / 255));--color-error-bg: rgba(153, 0, 0, calc(85 / 255));--color-error-edge: rgba(255, 0, 0, calc(200 / 255));--color-error-text: rgb(255, 153, 153);--color-error-title: rgb(255, 64, 64);--color-unknown: rgb(255, 128, 0)}*{--color-tooltip-text: var(--color-text)}button.success{--color-cell-bg: rgb(28, 56, 28);--color-cell-edge-bright: rgb(51, 102, 51);--color-cell-edge-dark: rgb(11, 22, 11);--color-text: rgb(200, 255, 200);--color-tooltip-text: rgb(128, 255, 128)}body,button{font:calc(8 * var(--pixel-size)) mc}input,textarea{font:calc(5 * var(--pixel-size)) mc;background:var(--color-fg-shadow);color:var(--color-fg);border:2px solid var(--color-fg)}textarea::-webkit-resizer{background:var(--color-fg)}.piece-sources *:not(i){font:calc(6 * var(--pixel-size)) mc}.source-item:hover{background:var(--color-catalog-hover)}.source-item.builtin .source-name{color:#ffff80}.source-item.external .source-name{color:#ffc880}.source-link{color:#c8c8ff}.source-count{color:#c8ffc8}.source-count:before,.source-count:after{color:#80c880}.dialog{background-color:rgba(0,0,0,calc(64 / 255))}[data-value]{font:calc(8 * var(--pixel-size) * var(--scale-value)) mc}textarea[data-value]{font:calc(6 * var(--pixel-size) * var(--scale-value)) mc}[data-color=red]{--color-param: #D22A2A}[data-color=green]{--color-param: #3ED22A}[data-color=blue]{--color-param: #2A55D2}[data-color=purple]{--color-param: #752AD2}[data-color=cyan]{--color-param: #2AD0D2}[data-color=yellow]{--color-param: #D2CC2A}[data-color=gray]{--color-param: #767676}[data-color=brown]{--color-param: #664000}[data-color=cross1]{--color-param: #A0A0A0}[data-color=cross2]{--color-param: #A040FF}@font-face{font-family:mc;src:url(/PsiEdit/assets/mc-c5bcd562.otf) format("opentype")}body{--scale: 4;--pixel-size: calc(1px * var(--scale));--edge-size: var(--pixel-size);--color-selection: transparent;--scale-value: 1;background-color:var(--color-bg);-webkit-user-select:none;user-select:none;overscroll-behavior:none}*{background-size:100% 100%;image-rendering:crisp-edges;image-rendering:pixelated}body,button{color:var(--color-text);text-shadow:var(--pixel-size) var(--pixel-size) var(--color-text-shadow)}button{box-sizing:content-box;width:calc(14 * var(--pixel-size));height:calc(14 * var(--pixel-size));padding:0;display:flex;justify-content:center;align-items:center;margin:var(--edge-size);border:var(--edge-size) solid;background-color:var(--color-cell-bg);border-top-color:var(--color-cell-edge-bright);border-left-color:var(--color-cell-edge-bright);border-bottom-color:var(--color-cell-edge-dark);border-right-color:var(--color-cell-edge-dark)}button:hover{filter:brightness(1.5)}button:active:not(.disabled){filter:none;background-color:var(--color-cell-bg);border-top-color:var(--color-cell-edge-dark);border-left-color:var(--color-cell-edge-dark);border-bottom-color:var(--color-cell-edge-bright);border-right-color:var(--color-cell-edge-bright)}button.disabled{filter:brightness(.75)}input[type=search]::-webkit-search-decoration{display:none}