@charset "UTF-8";.x4csizer{position:absolute;touch-action:none}.x4csizer.vsize-next,.x4csizer.vsize-prev,.x4csizer.hsize-next,.x4csizer.hsize-prev{position:relative;align-self:stretch;min-width:4px;min-height:4px}.x4csizer.vsize-next:hover,.x4csizer.vsize-prev:hover,.x4csizer.hsize-next:hover,.x4csizer.hsize-prev:hover{background-color:var(--border)}.x4csizer.hsize-next,.x4csizer.hsize-prev{cursor:ew-resize}.x4csizer.vsize-next,.x4csizer.vsize-prev{cursor:ns-resize}.x4csizer.top{left:0;right:0;height:8px;z-index:10;cursor:ns-resize;top:0}.x4csizer.bottom{left:0;right:0;height:8px;z-index:10;cursor:ns-resize;bottom:0}.x4csizer.left{top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;left:0}.x4csizer.right{top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;right:0}.x4csizer.top-left{width:8px;height:8px;z-index:11;left:0;top:0;cursor:nw-resize}.x4csizer.top-right{width:8px;height:8px;z-index:11;right:0;top:0;cursor:ne-resize}.x4csizer.bottom-left{width:8px;height:8px;z-index:11;left:0;bottom:0;cursor:ne-resize}.x4csizer.bottom-right{width:8px;height:8px;z-index:11;right:0;bottom:0;cursor:nw-resize}.x4hbox>.x4csizer{cursor:ew-resize}.x4vbox,.x4hbox{position:relative}.x4hbox{display:flex;flex-direction:row;align-items:center}.x4vbox{display:flex;flex-direction:column}.x4stackbox>*{position:absolute;inset:0}:root{--box-disabled-opacity: .5}.x4box{margin:0;padding:0;border:none;min-width:0;min-height:0;flex-shrink:0;align-self:stretch}.x4box[disabled]{opacity:var(--box-disabled-opacity)}.x4box[disabled] .x4box[disabled]{opacity:1}.x4hbox.align-start{align-items:start}.x4stackbox{display:flex}.x4stackbox>*{position:absolute!important}.x4stackbox>*:not(.selected){display:none!important}.x4gridbox{display:grid}.x4masonrybox{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:10px;overflow:hidden}.x4scrollview{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4scrollview{position:absolute;height:100%;width:100%;left:0;top:0;overflow:auto}.x4viewport{width:100%}.x4icon{position:relative}.x4icon{display:flex;flex-direction:row;align-items:center}.x4icon{flex-shrink:0;min-width:10px;height:10px;overflow:hidden;aspect-ratio:1/1}.x4icon svg{width:100%;height:100%}.x4label.vertical,.x4label{position:relative}.x4label{display:flex;flex-direction:row;align-items:center}.x4label.vertical{display:flex;flex-direction:column}:root{--label-background: transparent;--label-color: var( --text-ternary );--label-icon-color: var( --icon-color );--label-color-disa: var( --disabled-color-dark )}.x4label{color:var(--label-color);background-color:var(--label-background);gap:.2em}.x4label.al-right,.x4label.right{text-align:right;justify-content:end}.x4label.al-center,.x4label.center{text-align:center;justify-content:center}.x4label.al-right{padding-left:8px}.x4label.al-right #icon{order:2}.x4label #text:empty{display:none}.x4label #text code{padding:.2em .4em;margin:0;font-size:95%;white-space:break-spaces;background-color:var(--background-ternary);border-radius:6px;border:1px solid var(--border)}.x4label #icon{height:1em;margin:0 .1em;color:var(--label-icon-color)}.x4label #icon.empty{display:none}.x4label.rotate #icon{animation:rotating 2s linear infinite}.x4simpletext{color:var(--label-color);text-align:left}.x4simpletext.al-center{text-align:center}.x4simpletext.al-right{text-align:right}.x4simpletext code{padding:.2em .4em;margin:0;font-size:95%;white-space:break-spaces;background-color:var(--background-ternary);border-radius:6px;border:1px solid var(--border)}[disabled] .x4label,[disabled] .x4simpletext{color:var(--label-color-disa)}.x4listbox{position:relative}.x4listbox{display:flex;flex-direction:column}.x4listbox .x4item{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--listbox-item-color: var( --text-primary );--listbox-icon-color: var( --text-ternary );--listbox-item-color-disabled: var( --disabled-color-dark );--listbox-item-color-sel: var( --accent-color );--listbox-item-background-sel: var( --accent-background );--listbox-item-color-sel-disabled: var( --disabled-background );--listbox-item-color-hover: var( --text-primary );--listbox-item-background-hover: var( --background-secondary );--listbox-background: var( --background-primary );--listbox-border: var( --border );--listbox-border-focus: var( --accent-background-focus );--listbox-title-background: var( --background-primary );--listbox-title-color: var( --text-primary );--listbox-check-border: var( --border );--listbox-check-border-hover: var( --border-hover );--listbox-check-border-sel: var( --accent-color );--listbox-check-background: var( --accent-background );--listbox-check-background-disabled: var( --disabled-background );--listbox-check-color: var( --accent-color )}.x4listbox{margin:5px;border:1px solid var(--listbox-border);background-color:var(--listbox-background);outline:none}.x4listbox>.x4header{border-bottom:1px solid var(--border);padding:0 4px}.x4listbox.checkable>.x4header{padding-left:calc(10px + 1rem)}.x4listbox>.title{background:var(--listbox-title-background);padding:4px;font-weight:700;color:var(--listbox-title-color);border-bottom:1px solid var(--border)}.x4listbox>.body{width:100%;flex-basis:0;overflow-y:auto;overflow-x:auto;outline:none;position:relative}.x4listbox>.body>.x4viewport{overflow:hidden;display:table}.x4listbox>.body>.x4viewport .empty{position:relative;left:50%;top:30px;transform:translate(-50%);width:fit-content}.x4listbox>.body>.x4viewport .empty #icon{height:64px;fill:var(--accent-background);opacity:50%}.x4listbox .x4item{padding:4px;background-color:transparent;color:var(--text-primary)}.x4listbox .x4item:has(>.x4hbox){padding:4px 0}.x4listbox .x4item{--label-color: var( --listbox-item-color )}.x4listbox .x4item .x4label,.x4listbox .x4item .x4simpletext{padding:2px 6px}.x4listbox .x4item .x4label #icon,.x4listbox .x4item .x4simpletext #icon{color:var(--listbox-icon-color);fill:var(--listbox-icon-color)}.x4listbox .x4item:hover{background-color:var(--listbox-item-background-hover);--label-color: var( --listbox-item-color-hover )}.x4listbox .x4item.selected{background-color:var(--listbox-item-background-sel);color:var(--listbox-item-color-sel);--label-color: var( --listbox-item-color-sel )}.x4listbox .x4item.selected>.x4label #icon{color:var(--listbox-item-color-sel);fill:var(--listbox-item-color-sel)}.x4listbox .x4item>.x4check{flex:none;display:inline-flex;align-items:center;justify-content:center;align-self:center;vertical-align:middle;box-sizing:border-box;width:1rem;height:1rem;margin-left:6px;border:1px solid var(--listbox-check-border);color:var(--listbox-check-color);cursor:pointer}.x4listbox .x4item>.x4check svg{width:70%;height:70%;visibility:hidden}.x4listbox .x4item>.x4check:hover{border-color:var(--listbox-check-border-hover)}.x4listbox .x4item.checked>.x4check{background-color:var(--listbox-check-background);border-color:var(--listbox-check-background)}.x4listbox .x4item.checked>.x4check svg{visibility:visible}.x4listbox .x4item.selected>.x4check{border-color:var(--listbox-check-border-sel)}.x4listbox .x4item .column{background-color:transparent;overflow:hidden}.x4listbox .x4item .ref-c1{width:var(--ref-c1-width)}.x4listbox .x4item .ref-c2{width:var(--ref-c2-width)}.x4listbox .x4item .ref-c3{width:var(--ref-c3-width)}.x4listbox .x4item .ref-c4{width:var(--ref-c4-width)}.x4listbox .x4item .ref-c5{width:var(--ref-c5-width)}.x4listbox .x4item .ref-c6{width:var(--ref-c6-width)}.x4listbox .x4item .ref-c7{width:var(--ref-c7-width)}.x4listbox .x4item .ref-c8{width:var(--ref-c8-width)}.x4listbox .x4item .ref-c9{width:var(--ref-c9-width)}.x4listbox .x4item .ref-c10{width:var(--ref-c10-width)}.x4listbox.empty .body .x4viewport{height:100%}.x4listbox>#footer{border-top:1px solid var(--border);margin:0}.x4listbox>#footer.--x4btngroup{gap:0px}.x4listbox>#footer.--x4btngroup .x4button{background-color:var(--ol-button-background);margin:0;color:var(--ol-button-color)}.x4listbox>#footer.--x4btngroup .x4button:disabled{color:var(--ol-button-color-disabled)}.x4listbox>#footer.--x4btngroup .x4button .x4icon{height:1.5em;width:1.5em}.x4listbox>#footer.--x4btngroup .x4button .x4icon .fa-primary,.x4listbox>#footer.--x4btngroup .x4button .x4icon .fa-secondary{fill:var(--accent-background)}.x4listbox>#footer.--x4btngroup .x4button.icon-danger .x4icon .fa-secondary{fill:var(--disabled-color-dark);opacity:.7}.x4listbox>#footer.--x4btngroup .x4button.icon-danger .x4icon .fa-primary{fill:var(--alert-background)}.x4listbox>#footer.--x4btngroup .x4button.icon-success .x4icon .fa-primary{fill:var(--success-background)}.x4listbox>#footer.--x4btngroup .x4button:hover{background-color:var(--ol-button-background-hover);color:var(--ol-button-color-hover)}.x4listbox>#footer.--x4btngroup .x4button:active{background-color:var(--ol-button-background-active);color:var(--ol-button-color-active)}.x4listbox>#footer.--x4btngroup .x4button:active #icon{color:var(--button-icon-color)}.x4listbox>#footer.--x4btngroup .x4button:focus{background-color:var(--ol-button-background-hover)}.x4listbox>#footer.--x4btngroup .x4button:disabled{color:var(--disabled-color-dark)}.x4listbox[disabled]{cursor:not-allowed;border-color:var(--border);color:var(--listbox-item-color-disabled)}.x4listbox[disabled]>.body .x4viewport{pointer-events:none}.x4listbox[disabled]>.body .x4viewport .x4item.selected{background-color:var(--listbox-item-color-sel-disabled)}.x4listbox[disabled]>.body .x4viewport .x4item.checked>.x4check{background-color:var(--listbox-check-background-disabled);border-color:var(--listbox-check-background-disabled)}.x4listbox:focus-within{border-color:var(--listbox-border-focus)}:root{--modal-mask-background: rgb(0 0 0 / 60% );--popup-background: transparent}.x4popup{position:absolute!important;background-color:var(--popup-background);overflow:hidden;z-index:1000}.x4popup.popup-caption,.x4popup .popup-caption{cursor:move}.x4popup.center{left:50%;top:50%;transform:translate(-50%,-50%)}::backdrop,.x4modal-mask{background-color:var(--modal-mask-background);backdrop-filter:blur(8px);position:absolute;inset:0;z-index:1000}:root{--input-background: var( --background-input );--input-color: var( --text-primary );--input-sel-background: var( --accent-background );--input-sel-color: var( --accent-color );--input-placeholder: var( --disabled-color-dark );--input-error: var( --alert-background );--input-color-disabled: var( --disabled-color-dark );--input-checkbox-color: var( --accent-background )}input.x4input{font:inherit;outline:none;border:none;background-color:var(--input-background);color:var(--input-color)}input.x4input::selection{background-color:var(--input-sel-background);color:var(--input-sel-color)}input.x4input[type=text],input.x4input[type=password],input.x4input[type=date],input.x4input[type=number],input.x4input[type=email]{padding:4px}input.x4input[type=checkbox]:checked,input.x4input[type=radio]:checked{accent-color:var(--input-checkbox-color);padding:2px}input.x4input[type=range]{accent-color:var(--input-checkbox-color)}input.x4input::placeholder{color:var(--input-placeholder);font-style:italic;font-weight:90%}input.x4input[type=password]{font-weight:700}input.x4input:disabled,input.x4input[disabled]{background-color:transparent;color:var(--input-color-disabled)}input.x4input:invalid{color:var(--input-error)}.x4menu .x4cmenuitem{position:relative}.x4menu .x4cmenuitem{display:flex;flex-direction:row;align-items:center}.x4menu .x4cmenuitem #text{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4menu{box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}:root{--menu-background: var( --background-primary );--menu-border: var( --border-hover );--menuitem-color: var( --text-ternary );--menuitem-background-active: var( --accent-background-active );--menuitem-color-active: var( --accent-color-active );--menuitem-background-hover: var( --accent-background-hover );--menuitem-color-hover: var( --accent-color-hover )}.x4menu{position:absolute;overflow-y:auto;padding:8px 0;min-width:150px;background-color:var(--menu-background);border:1px solid var(--menu-border);border-left:4px solid var(--accent-background);max-height:calc(100vh - 32px)}.x4menu .x4cmenuitem{transition:background-color .3s,color .3s;align-items:center;color:var(--menuitem-color);padding:6px;gap:10px;cursor:pointer}.x4menu .x4cmenuitem #icon{width:16px;height:16px}.x4menu .x4cmenuitem #icon .fa-primary{fill:var(--color-primary-a50)}.x4menu .x4cmenuitem #icon .fa-secondary{fill:var(--color-primary-a30);opacity:1}.x4menu .x4cmenuitem.danger #icon .fa-primary{fill:var(--color-danger-a50)}.x4menu .x4cmenuitem.danger #icon .fa-secondary{fill:var(--color-danger-a30);opacity:1}.x4menu .x4cmenuitem.title{color:var(--text-primary);cursor:auto;margin-left:-16px;margin-top:-6px;font-weight:600}.x4menu .x4cmenuitem.popup:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" fill="var(--color-gray-8)"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/></svg>');width:6px}.x4menu .x4cmenuitem:hover:not(.title),.x4menu .x4cmenuitem.opened{background-color:var(--menuitem-background-hover);color:var(--menuitem-color-hover)}.x4menu .x4cmenuitem:active:not(.title){background-color:var(--menuitem-background-active);color:var(--menuitem-color-active)}.x4menu .x4cmenuitem[disabled]:hover{background-color:var(--disabled-background)!important}.x4menu .x4cmenuitem[disabled]{color:var(--disabled-color-dark)!important}.x4menu .x4cmenuitem{transition:background-color .1s}.x4menu .x4cmenusep{padding-top:4px;border-bottom:1px solid var(--border);margin-bottom:4px}.x4button{position:relative}.x4button{display:flex;flex-direction:row;align-items:center}:root{--button-background: var( --accent-background );--button-color: var( --accent-color );--button-background-hover: var( --accent-background-hover );--button-color-hover: var( --accent-color-hover );--button-background-active: var( --accent-background-active );--button-color-active: var( --accent-color-active );--button-background-focus: var( --accent-background-focus );--button-color-focus: var( --accent-color-focus );--button-background-disabled: var( --disabled-background );--button-color-disabled: var( --disabled-color );--button-icon-color: var( --icon-color-active );--ol-button-background: var( --background-primary );--ol-button-background-active: var( --background-active );--ol-button-color-active: var( --text-primary );--ol-button-background-hover: var( --background-hover );--ol-button-color-hover: var( --text-primary );--ol-button-color-disabled: var( --disabled-color-light );--ol-button-color: var( --text-primary );--ol-button-border: var( --border );--ol-button-icon-color: var( --text-primary );--ol-button-border-focus: var( --accent-background-focus );--ol-button-color-focus: var( --accent-background )}.x4button{gap:4px;font-size:inherit;font-family:inherit;padding:8px;margin:2px;transition:background-color .3s,color .3s;border:none;outline:none;cursor:pointer;background-color:var(--button-background);color:var(--button-color);gap:.4em}.x4button>#icon{transition:color .3s,fill .3s;fill:var(--button-color);width:1em;height:1em}.x4button>#icon.empty{display:none}.x4button:disabled>#icon{fill:var(--button-color-disabled)}.x4button>#label{flex-grow:1;padding:0;color:inherit}.x4button>#label.empty{display:none}.x4button.with-menu>#label:after{content:"▾";margin-left:2px}.x4button:focus{background-color:var(--button-background-focus);color:var(--button-color-focus)}.x4button:focus #icon{color:var(--button-color-focus)}.x4button:focus #label{text-decoration:underline}.x4button:hover{background-color:var(--button-background-hover);color:var(--button-color-hover)}.x4button:active{background-color:var(--button-background-active);color:var(--button-color-active)}.x4button[disabled]{cursor:not-allowed;background-color:var(--button-background-disabled);color:var(--button-color-disabled)}.x4button.outline{background-color:var(--ol-button-background);border:1px solid var(--ol-button-border);color:var(--ol-button-color)}.x4button.outline #icon{color:var(--ol-button-icon-color);fill:var(--ol-button-icon-color)}.x4button.outline:focus{border-color:var(--ol-button-border-focus);color:var(--ol-button-color-focus);fill:var(--ol-button-color-focus)}.x4button.outline:focus #icon{color:var(--ol-button-color-focus);fill:var(--ol-button-color-focus)}.x4button.outline:hover{background-color:var(--ol-button-background-hover);color:var(--ol-button-color-hover);fill:var(--ol-button-color-hover)}.x4button.outline:active{background-color:var(--ol-button-background-active);color:var(--ol-button-color-active);fill:var(--ol-button-color-active)}.x4button.outline:active #icon{color:var(--ol-button-color-active);fill:var(--ol-button-color-active)}.x4button.danger:not([disabled]){background-color:var(--alert-background);color:var(--alert-color)}.x4button.danger:not([disabled]):active{background-color:var(--alert-background-active)}.x4dropdownlist,.x4combobox{position:relative}.x4dropdownlist,.x4combobox{display:flex;flex-direction:row;align-items:center}.x4dropdownlist .x4listbox,.x4combobox>#edit,.x4combobox>#edit .x4input{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4dropdownlist{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--dropdown-border: var( --border-hover );--dropdown-background: var( --background-primary );--combobox-border: var( --border );--combobox-border-focus: var( --border-focus );--combobox-btn-background: inherit;--combobox-btn-color: var( --text-secondary );--combobox-btn-color-hover: var( --text-primary );--combo-tree-indent: 1em}.x4dropdownlist{max-height:250px;max-width:50vw;position:absolute;background-color:var(--dropdown-background);border:1px solid var(--dropdown-border)}.x4dropdownlist .x4listbox{border:none;margin:0;width:100%;height:200px}.x4dropdownlist .x4listbox .x4item{white-space:nowrap}.x4dropdownlist .x4listbox .x4item.level-1{padding-left:calc(var(--combo-tree-indent) * 1)}.x4dropdownlist .x4listbox .x4item.level-2{padding-left:calc(var(--combo-tree-indent) * 2)}.x4dropdownlist .x4listbox .x4item.level-3{padding-left:calc(var(--combo-tree-indent) * 3)}.x4dropdownlist .x4listbox .x4item.level-4{padding-left:calc(var(--combo-tree-indent) * 4)}.x4dropdownlist .x4listbox .x4item.level-5{padding-left:calc(var(--combo-tree-indent) * 5)}.x4dropdownlist .x4listbox .x4item.level-6{padding-left:calc(var(--combo-tree-indent) * 6)}.x4dropdownlist .x4listbox .x4item.level-7{padding-left:calc(var(--combo-tree-indent) * 7)}.x4dropdownlist .x4listbox .x4item.level-8{padding-left:calc(var(--combo-tree-indent) * 8)}.x4combobox{margin:5px;gap:6px}.x4combobox>#label>.x4label{justify-content:end;padding:0;border-bottom:1px solid transparent;height:100%;font-weight:500;gap:0px}.x4combobox>#label>.x4label #text:not(.empty):after{content:":"}.x4combobox>#edit{border-bottom:1px solid var(--combobox-border)}.x4combobox>#edit:focus-within{border-bottom-color:var(--combobox-border-focus)}.x4combobox>#edit .x4input{cursor:pointer}.x4combobox>#edit .x4button{margin:0;padding:0;outline:none;background-color:var(--combobox-btn-background);color:var(--combobox-btn-color)}.x4combobox>#edit .x4button #icon{color:var(--combobox-btn-color)}.x4combobox>#edit .x4button:hover,.x4combobox>#edit .x4button:hover #icon{color:var(--combobox-btn-color-hover)}.x4combobox[disabled],.x4combobox.readonly{--label-color: var( --disabled-color-dark );--input-color: var( --disabled-color-dark )}.x4combobox[disabled],.x4combobox[disabled] *,.x4combobox.readonly,.x4combobox.readonly *{cursor:not-allowed}.x4combobox[disabled] #label .x4label,.x4combobox.readonly #label .x4label{pointer-events:none}.x4combobox[required]>#label>.x4label:before{content:"*";font-weight:700;color:var(--textedit-required);margin-right:2px}.x4textedit,.x4textedit>#label>.x4label,.x4textedit>#edit{position:relative}.x4textedit,.x4textedit>#label>.x4label,.x4textedit>#edit{display:flex;flex-direction:row;align-items:center}.x4textedit>#edit,.x4textedit>#edit .x4input{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--textedit-border: var( --border );--textedit-border-focus: var( --border-focus );--textedit-required: var( --alert-background );--textedit-btn-background: inherit;--textedit-btn-color: var( --text-secondary );--textedit-btn-color-hover: var( --text-primary );--textedit-color-disabled: var( --disabled-color-dark )}.x4textedit{margin:5px;gap:6px}.x4textedit>#label{border-bottom:1px solid transparent;justify-content:end}.x4textedit>#label>.x4label{height:100%;padding:0;font-weight:500;gap:0}.x4textedit>#label:after{content:":"}.x4textedit>#edit{border-bottom:1px solid var(--textedit-border)}.x4textedit>#edit .x4input{outline:none;margin:0}.x4textedit>#edit .x4button{margin:0;padding:0;background-color:var(--textedit-btn-background);color:var(--textedit-btn-color)}.x4textedit>#edit .x4button #icon{color:var(--textedit-btn-color)}.x4textedit>#edit .x4button:hover,.x4textedit>#edit .x4button:hover #icon{color:var(--textedit-btn-color-hover)}.x4textedit>#edit .x4button:focus{border-bottom-color:var(--textedit-border-focus)}.x4textedit:focus-within #edit{border-bottom-color:var(--textedit-border-focus)}.x4textedit[required]>#label>.x4label:before{content:"*";font-weight:700;color:var(--textedit-required);margin-right:2px}.x4textedit[disabled],.x4textedit[disabled] *{cursor:not-allowed}.x4textedit[disabled] #label>.x4label #text,.x4textedit[disabled] #label:after{--label-color: var( --textedit-color-disabled );color:var(--textedit-color-disabled)}.x4textedit[disabled] #edit input{color:var(--textedit-color-disabled);background-color:unset}.x4dropdownlist.autocomplete .x4item{gap:8px}.x4dropdownlist.autocomplete .x4item .id{font-weight:500;min-width:4em}:root{--breadcrumbs-background: var( --background-primary );--breadcrumbs-icon-color: var( --text-ternary );--breadcrumbs-link-color: var( --text-ternary );--breadcrumbs-active-color: var( --accent-background )}.x4breadcrumbs{background-color:var(--breadcrumbs-background);border-bottom:1px solid var(--border);padding:8px 0;margin-bottom:2em}.x4breadcrumbs>.x4button{border:none;background-color:transparent;color:var(--breadcrumbs-link-color);padding:6px 0 6px 8px;min-width:60px}.x4breadcrumbs>.x4button #icon{fill:var(--breadcrumbs-icon-color)}.x4breadcrumbs>.x4button:not(:last-child):after{content:">"}.x4breadcrumbs>.x4button:hover:not(:last-child){background-color:transparent;color:var(--accent-background);fill:var(--accent-background);border-bottom-color:var(--breadcrumbs-link-color)}.x4breadcrumbs>.x4button:hover:not(:last-child) #text{text-decoration:underline}.x4breadcrumbs>.x4button:last-child{font-weight:700;color:var(--breadcrumbs-active-color)}.x4breadcrumbs>.x4button:last-child #icon{fill:var(--breadcrumbs-active-color)}.x4breadcrumbs>.x4button:last-child{cursor:auto}.x4breadcrumbs>.x4button:last-child:hover{background-color:transparent;color:var(--breadcrumbs-link-color)}:root{--btngroup-background: var( --background-primary )}.x4btngroup{align-content:start;margin:5px;gap:4px;overflow:hidden;background:var(--btngroup-background)}.x4btngroup.align-right{justify-content:end}.x4btngroup.align-center{justify-content:center}.x4btngroup .x4button:disabled .fa-primary{fill:var(--border)}.x4btngroup.packed{gap:0px}.x4btngroup.packed .x4button{background-color:var(--ol-button-background);margin:0;color:var(--ol-button-color)}.x4btngroup.packed .x4button .x4icon,.x4btngroup.packed .x4button #icon{height:1.5em;width:1.5em}.x4btngroup.packed .x4button:not(:disabled) #icon .fa-secondary{fill:var(--accent-background-hover);opacity:.7}.x4btngroup.packed .x4button:not(:disabled) #icon .fa-primary{fill:var(--accent-background)}.x4btngroup.packed .x4button:not(:disabled).icon-danger:not(:disabled) #icon .fa-primary{fill:var(--alert-background)}.x4btngroup.packed .x4button:not(:disabled).icon-success #icon .fa-primary{fill:var(--success-background)}.x4btngroup.packed .x4button:not(:disabled):hover{background-color:var(--ol-button-background-hover);color:var(--ol-button-color-hover)}.x4btngroup.packed .x4button:not(:disabled):active{background-color:var(--ol-button-background-active);color:var(--ol-button-color-active)}.x4btngroup.packed .x4button:not(:disabled):active #icon{color:var(--button-icon-color)}.x4btngroup.packed .x4button:not(:disabled):focus{background-color:var(--ol-button-background-hover)}.x4btngroup.packed .x4button:disabled{color:var(--disabled-color-dark)}.x4btngroup.packed .x4button:disabled #icon .fa-primary{fill:var(--disabled-color-dark)!important}.x4btngroup.packed .x4button:disabled #icon .fa-secondary{fill:var(--disabled-background)!important}.x4calendar .week .cell .text{position:relative}.x4calendar .week .cell .text{display:flex;flex-direction:row;align-items:center}.x4calendar .week,.x4calendar .week .cell{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--calendar-btn-background: inherit;--calendar-btn-color: var( --text-secondary );--calendar-btn-color-hover: var( --text-primary );--calendar-week-color: var( --accent-background );--calendar-week-color-hover: var( --accent-background-hover );--calendard-day-background-hover: var( --accent-background-hover );--calendard-day-color-hover: var( --accent-color-hover );--calendar-sel-background: var( --accent-background );--calendar-sel-color: var( --accent-color );--calendar-today-background: var( --alert-background );--calendar-today-color: var( --alert-color );--calendar-today-border: var( --accent-background );--calendar-header-color: var( --text-primary );--calendar-out-color: var( --disabled-color-dark );--calendar-day-color: var( --text-primary )}.x4calendar{border:1px solid var(--border);padding:4px;overflow:hidden}.x4calendar .month-sel{height:2em;align-items:center;padding-left:2em}.x4calendar .month-sel .month{padding-right:4px}.x4calendar .month-sel .year,.x4calendar .month-sel .month{cursor:pointer}.x4calendar .month-sel .month:hover,.x4calendar .month-sel .year:hover{text-decoration:underline}.x4calendar .month-sel .x4label{font-weight:700}.x4calendar .month-sel .x4button{height:auto;background-color:var(--calendar-btn-background);color:var(--calendar-btn-color)}.x4calendar .month-sel .x4button:hover{color:var(--calendar-btn-color-hover)}.x4calendar .month-sel{margin-bottom:8px}.x4calendar .week{align-items:center;padding:2px}.x4calendar .week .cell{min-width:28px;min-height:28px;color:var(--calendar-day-color);text-align:center}.x4calendar .week .cell .text{transition:background-color .3s,color .3s;justify-content:center;border:1px solid transparent;margin:auto;border-radius:14px;width:28px;height:28px}.x4calendar .week .today .text{font-weight:700;background-color:var(--calendar-today-background);color:var(--calendar-today-color)}.x4calendar .week .selection .text{background-color:var(--calendar-sel-background);color:var(--calendar-sel-color)}.x4calendar .week .weeknum{width:2em;color:var(--calendar-week-color);font-size:70%}.x4calendar .week:hover .weeknum{font-weight:700}.x4calendar .week .day{cursor:pointer}.x4calendar .week .out{color:var(--calendar-out-color);font-size:80%}.x4calendar .week .day:hover .text{background-color:var(--calendard-day-background-hover);color:var(--calendard-day-color-hover)}.x4calendar .week .disabled{color:var(--calendar-out-color);text-decoration:line-through;cursor:default}.x4calendar .week .disabled:hover .text{background-color:transparent;color:var(--calendar-out-color)}.x4calendar .header .cell{color:var(--calendar-header-color);height:1.5em;justify-content:center}.x4calendar .header:hover{background-color:inherit}.x4canvas{overflow:hidden}.x4canvas>canvas{position:absolute;left:0;top:0}:root{--chart-background: var( --background-primary );--chart-text: var( --text-ternary );--chart-grid: var( --border );--chart-axis: var( --border-hover );--chart-color-1: #2a78d6;--chart-color-2: #eb6834;--chart-color-3: #1baf7a;--chart-color-4: #eda100;--chart-color-5: #e87ba4;--chart-color-6: #008300;--chart-color-7: #4a3aa7;--chart-color-8: #e34948}.x4chart{display:block;background-color:var(--chart-background)}.x4chart text{font-size:10px;fill:var(--chart-text);user-select:none}.x4chart text.name{font-weight:500}.x4chart .grid,.x4chart .base{fill:none;stroke-width:1px;shape-rendering:crispEdges}.x4chart .grid{stroke:var(--chart-grid)}.x4chart .base{stroke:var(--chart-axis)}.x4chart .c1{--chart-c: var( --chart-color-1 )}.x4chart .c2{--chart-c: var( --chart-color-2 )}.x4chart .c3{--chart-c: var( --chart-color-3 )}.x4chart .c4{--chart-c: var( --chart-color-4 )}.x4chart .c5{--chart-c: var( --chart-color-5 )}.x4chart .c6{--chart-c: var( --chart-color-6 )}.x4chart .c7{--chart-c: var( --chart-color-7 )}.x4chart .c8{--chart-c: var( --chart-color-8 )}.x4chart .mark,.x4chart .bar,.x4chart .slice{fill:var(--chart-c)}.x4chart .slice{stroke:var(--chart-background);stroke-width:2px;stroke-linejoin:round}.x4chart .ring{fill:none;stroke:var(--chart-c)}.x4chart .line{fill:none;stroke:var(--chart-c);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.x4chart .area{fill:var(--chart-c);fill-opacity:.15;stroke:none}.x4chart .dot{fill:var(--chart-c);stroke:var(--chart-background);stroke-width:2px}.x4chart .bar,.x4chart .slice,.x4chart .ring,.x4chart .dot{transition:opacity .15s ease}.x4chart .bar:hover,.x4chart .slice:hover,.x4chart .ring:hover,.x4chart .dot:hover{opacity:.75}.x4chart .dot.ghost{opacity:0}.x4chart .dot.ghost:hover{opacity:1}.x4checkbox{position:relative}.x4checkbox{display:flex;flex-direction:row;align-items:center}:root{--checkbox-background-check: var( --accent-background );--checkbox-background-check-hover: var( --accent-background-hover );--checkbox-background-disabled: var( --disabled-color );--checkbox-background-disabled-check: var( --disabled-background );--checkbox-color-disabled: var( --disabled-background );--checkbox-check-border: var( --border );--checkbox-check-border-hover: var( --border-hover );--checkbox-check-color: var( --accent-color );--checkbox-focus: var( --accent-background );--checkbox-button-border: var( --border );--checkbox-button-color: var( --text-ternary );--checkbox-button-color-checked: var( --accent-background-active );--checkbox-button-background-checked: var( --background-secondary );--checkbox-button-border-checked: var( --accent-background );--checkbox-danger-color: var( --alert-background );--checkbox-danger-background: var( --alert-background-light )}.x4checkbox{display:flex;flex-direction:row;align-items:center;margin:5px;padding:4px;gap:4px;cursor:pointer}.x4checkbox .inner{height:1rem;width:1rem;color:var(--checkbox-check-color);position:relative;order:1}.x4checkbox .inner input{appearance:none;outline:none;cursor:pointer;display:block;margin:0;padding:0;left:0;top:0;width:100%;height:100%;transition:opacity .1s ease}.x4checkbox .inner input:checked{background-color:var(--checkbox-background-check)}.x4checkbox .inner input:checked:hover{background-color:var(--checkbox-background-check-hover)}.x4checkbox .inner input:not(:checked){border:1px solid var(--checkbox-check-border)}.x4checkbox .inner input:not(:checked):hover{border:1px solid var(--checkbox-check-border-hover)}.x4checkbox .inner svg{margin:auto;pointer-events:none;position:absolute;opacity:0;inset:0;width:100%;height:50%}.x4checkbox .inner:has(input:checked) input{opacity:1}.x4checkbox .inner:has(input:checked) svg{opacity:1}.x4checkbox:focus-within label #text{text-decoration:underline}.x4checkbox[disabled],.x4checkbox[disabled] *{cursor:not-allowed}.x4checkbox[disabled] label{pointer-events:none;color:var(--checkbox-color-disabled)}.x4checkbox[disabled] .inner{pointer-events:none}.x4checkbox[disabled] .inner input{background-color:var(--checkbox-background-disabled)}.x4checkbox[disabled] .inner input:checked{background-color:var(--checkbox-background-disabled-check)}.x4checkbox label{text-align:right;cursor:inherit;order:2}.x4checkbox.left label{order:0;text-align:left}.x4checkbox.button{--checkbox-ink: var( --checkbox-button-color );gap:0;margin:0;padding:8px;border:1px solid var(--checkbox-button-border)}.x4checkbox.button.outline{border-radius:22px}.x4checkbox.button .inner{width:0;height:0;overflow:hidden;opacity:0}.x4checkbox.button:has(input:focus-visible){outline:1px dotted var(--checkbox-focus);outline-offset:2px}.x4checkbox.button label{--label-color: var( --checkbox-ink )}.x4checkbox.button label #icon{color:var(--checkbox-ink);fill:var(--checkbox-ink);width:24px;height:24px}.x4checkbox.button:has(input:checked){--checkbox-ink: var( --checkbox-button-color-checked );background-color:var(--checkbox-button-background-checked);border-color:var(--checkbox-button-border-checked)}.x4checkbox.danger{--checkbox-background-check: var( --checkbox-danger-color );--checkbox-background-check-hover: var( --checkbox-danger-color );--checkbox-button-color-checked: var( --checkbox-danger-color );--checkbox-button-background-checked: var( --checkbox-danger-background );--checkbox-button-border-checked: var( --checkbox-danger-color )}:root{--colorpicker-none: var( --alert-background )}.x4colorpicker{width:240px;gap:4px;touch-action:none;outline:none;margin:8px}.x4colorpicker .overlay{position:absolute;inset:0}.x4colorpicker .x4saturation{width:100%;height:140px;position:relative}.x4colorpicker .x4saturation .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,50%)}.x4colorpicker .body{gap:4px}.x4colorpicker .body>.x4vbox{gap:4px}.x4colorpicker .body .x4hueslider{position:relative;height:16px;overflow:hidden;background-image:linear-gradient(to right,red,#ff0,#0f0,#00ffd4,#00f,#f0f,red)}.x4colorpicker .body .x4hueslider .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,-50%);top:50%}.x4colorpicker .body .x4alphaslider{position:relative;height:16px;overflow:hidden}.x4colorpicker .body .x4alphaslider .checkers{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 20px,20px -20px,-20px 0}.x4colorpicker .body .x4alphaslider .color{background-image:linear-gradient(90deg,transparent,rgb(0,178,255))}.x4colorpicker .body .x4alphaslider .thumb{width:12px;height:12px;border:2px solid white;border-radius:8px;box-shadow:0 0 5px #00000080;position:absolute;transform:translate(-50%,-50%);top:50%}.x4colorpicker .body .swatch{width:36px;height:36px}.x4colorpicker .body .swatch .checkers{border-radius:8px;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 20px,20px -20px,-20px 0}.x4colorpicker .body .swatch .color{border-radius:8px;background-image:linear-gradient(90deg,transparent,rgb(0,178,255))}.x4colorpicker .swatches{flex-wrap:wrap;gap:4px}.x4colorpicker .swatches .item{width:18px;height:18px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background:linear-gradient(var(--swatch-color),var(--swatch-color)),repeating-conic-gradient(#c8c8c8 0% 25%,#fff 0% 50%) 0 0/6px 6px}.x4colorpicker .swatches .item:hover{border-color:var(--border-focus)}.x4colorpicker .swatches .item.none{background:linear-gradient(to bottom right,transparent calc(50% - 1.5px),var(--colorpicker-none) calc(50% - .5px),var(--colorpicker-none) calc(50% + .5px),transparent calc(50% + 1.5px)),#fff}:root{--colorinput-btn-background: inherit;--colorinput-btn-color: var( --text-secondary );--colorinput-btn-color-hover: var( --text-primary );--colorinput-popup-background: var( --background-primary );--colorinput-none: var( --alert-background )}.x4colorinput{margin:5px;border-bottom:1px solid var(--border);outline:none}.x4colorinput:focus-within{border-bottom-color:var(--border-focus)}.x4colorinput .swatch{margin:4px;width:1rem;height:1rem;background:linear-gradient(var(--swatch-color),var(--swatch-color)),repeating-conic-gradient(#c8c8c8 0% 25%,#fff 0% 50%) 0 0/6px 6px}.x4colorinput .swatch.picker{flex-shrink:0;width:2.4rem;height:1.4rem;border:1px solid var(--border);border-radius:3px;cursor:pointer}.x4colorinput .swatch.picker:hover{border-color:var(--border-focus)}.x4colorinput .swatch.none{border:1px solid var(--border);background:linear-gradient(to bottom right,transparent calc(50% - 1.5px),var(--colorinput-none) calc(50% - .5px),var(--colorinput-none) calc(50% + .5px),transparent calc(50% + 1.5px)),#fff}.x4colorinput input{outline:none;margin:0;height:100%;flex-grow:1;min-width:0}.x4colorinput .x4button{flex-shrink:0;align-self:stretch;margin:0;padding:0 6px;outline:none;background-color:var(--combobox-btn-background);color:var(--colorinput-btn-color)}.x4colorinput .x4button #icon{width:1.3em;height:1.3em;color:var(--colorinput-btn-color)}.x4colorinput .x4button:hover,.x4colorinput .x4button:hover #icon{color:var(--colorinput-btn-color-hover)}.x4colorinput-popup{background-color:var(--colorinput-popup-background);border:1px solid var(--border);box-shadow:0 4px 12px #0000004d}.x4form{position:relative}.x4form{display:flex;flex-direction:column}.x4form{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}:root{--form-background: transparent}.x4form{padding:16px;background-color:var(--form-background)}.x4form.horizontal{flex-direction:row}.x4form.no-flex{flex:none}.x4dialog{position:relative}.x4dialog{display:flex;flex-direction:column}.x4dialog>.caption>#title{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4dialog{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--color-dialog-caption: var( --accent-background-active );--color-dialog-caption-text: var( --accent-color );--color-dialog-background: var( --background-primary )}.x4dialog{position:absolute!important;background-color:var(--color-dialog-background);max-width:99vw;outline:none}.x4dialog>.caption{padding:8px;background-color:var(--color-dialog-caption)}.x4dialog>.caption>#title{color:var(--color-dialog-caption-text);font-weight:700;font-size:120%;pointer-events:none}.x4dialog>.caption>#title #icon{color:var(--color-dialog-caption-text);fill:var(--color-dialog-caption-text)}.x4dialog>.caption>#closebox{margin:0;padding:4px}.x4dialog>.x4form{min-height:128px;min-width:450px;flex:1}.x4dialog>#btnbar{border-top:1px solid var(--border);padding:6px 20px;margin:0;justify-content:end;gap:8px}.x4dialog>#btnbar>.x4button{min-width:80px}.x4dialog>#btnbar>.x4button #label{white-space:nowrap}.x4dialog>#btnbar>.x4button .x-simple-label{text-align:center}.x4dialog.danger>.caption{background-color:var(--alert-background);color:var(--alert-color)}.x4dialog.danger>.caption #closebox{background-color:transparent;color:var(--alert-color)}.x4dialog.danger>#btnbar>.x4button:not(.outline):not(:disabled){background-color:var(--alert-background);color:var(--alert-color)}.x4dialogex{padding:0;margin:0}.x4dockingview{--dock-line: var( --border );--dock-title-background: var( --background-secondary );--dock-title-background-hover: var( --accent-background-light );--dock-title-color: var( --text-ternary );--dock-title-color-active: var( --text-primary );--dock-accent: var( --accent-background );--dock-preview-background: var( --accent-background-light );--dock-float-background: var( --background-primary );--dock-float-shadow: 0 6px 24px rgba( 0, 0, 0, .35 );position:relative;display:flex;min-width:0;min-height:0;overflow:hidden;align-self:stretch}.x4dockingview>.dock-frame{position:relative;display:flex;flex:1 1 0;min-width:0;min-height:0}.x4dockingview .dock-middle{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.x4dockingview .dock-band{display:flex;flex:0 1 auto;min-width:48px;min-height:0;overflow:hidden}.x4dockingview .dock-band>.dock-split,.x4dockingview .dock-band>.dock-stack{flex:1 1 0}.x4dockingview .dock-band.top,.x4dockingview .dock-band.bottom{min-width:0;min-height:48px}.x4dockingview .dock-area{display:flex;flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.x4dockingview .dock-area>.dock-split,.x4dockingview .dock-area>.dock-stack{flex:1 1 0}.x4dockingview .dock-split{display:flex;min-width:0;min-height:0;overflow:hidden}.x4dockingview .dock-split.column{flex-direction:column}.x4dockingview .dock-split.row>.dock-split,.x4dockingview .dock-split.row>.dock-stack{min-width:48px}.x4dockingview .dock-split.column>.dock-split,.x4dockingview .dock-split.column>.dock-stack{min-height:48px}.x4dockingview .dock-sizer{position:relative;z-index:1;flex:none;align-self:stretch;min-width:1px;min-height:1px;background:var(--dock-line);touch-action:none}.x4dockingview .dock-sizer:after{content:"";position:absolute}.x4dockingview .dock-sizer:hover,.x4dockingview .dock-sizer:active{background:var(--dock-accent)}.x4dockingview .dock-sizer.row{cursor:ew-resize}.x4dockingview .dock-sizer.row:after{inset:0 -3px}.x4dockingview .dock-sizer.column{cursor:ns-resize}.x4dockingview .dock-sizer.column:after{inset:-3px 0}.x4dockingview .dock-stack{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;isolation:isolate}.x4dockingview .dock-titles{display:flex;flex:none;overflow:hidden;background:var(--dock-title-background);border-bottom:1px solid var(--dock-line);cursor:grab;user-select:none;touch-action:none}.x4dockingview .dock-title{display:flex;flex:none;align-items:center;gap:6px;padding:6px 8px;font-weight:600;white-space:nowrap;color:var(--dock-title-color)}.x4dockingview .dock-title:hover{color:var(--dock-title-color-active);background:var(--dock-title-background-hover)}.x4dockingview .dock-title:only-child{flex:1 1 0;min-width:0}.x4dockingview .dock-title:only-child>span{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}.x4dockingview .dock-title.active:not(:only-child){color:var(--dock-title-color-active);box-shadow:inset 0 -2px 0 var(--dock-accent)}.x4dockingview .dock-close{width:16px;height:16px;line-height:16px;text-align:center;font-weight:400;cursor:pointer;opacity:.6}.x4dockingview .dock-close:hover{opacity:1;background:var(--dock-line)}.x4dockingview .dock-body{display:flex;flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.x4dockingview .dock-page{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.x4dockingview .dock-page>*{flex:1 1 0;min-width:0;min-height:0}.x4dockingview .dock-float{position:absolute;z-index:20;display:flex;flex-direction:column;min-width:120px;min-height:80px;overflow:hidden;isolation:isolate;background:var(--dock-float-background);border:1px solid var(--dock-line);box-shadow:var(--dock-float-shadow)}.x4dockingview .dock-preview{position:absolute;z-index:30;box-sizing:border-box;pointer-events:none;background:var(--dock-preview-background);border:1px solid var(--dock-accent)}.x4dockingview .dock-grip{position:absolute;left:0;top:0;width:0;height:0;cursor:grabbing}:root{--filedrop-border: var( --border );--filedrop-icon-color: var( --accent-background );--filedrop-border-drop-hover: var( --accent-background );--filedrop-icon-color-hover: var( --alert-background )}.x4filedrop{border:1px solid var(--filedrop-border);border-radius:4px;cursor:pointer;width:fit-content;padding:8px;margin:5px;align-items:center}.x4filedrop .x4icon{width:2em;height:2em;color:var(--filedrop-icon-color);fill:var(--filedrop-icon-color)}.x4filedrop.hit{border-color:var(--filedrop-border-drop-hover)}.x4filedrop.hit .x4icon{color:var(--filedrop-icon-color-hover);fill:var(--filedrop-icon-color-hover)}.x4filedrop:focus{border-color:var(--ol-button-border-focus);color:var(--ol-button-color-focus)}.x4filedrop:focus #icon{color:var(--ol-button-color-focus)}.x4filedrop:hover{background-color:var(--ol-button-background-hover);color:var(--ol-button-color-hover)}.x4filedrop:active{background-color:var(--ol-button-background-active);color:var(--ol-button-color-active)}.x4filedrop:active #icon{color:var(--button-icon-color)}:root{--gauge-base-color: var( --color-primary-a70 );--gauge-needle-back: var( --text-primary );--gauge-needle-dot: var( --text-ternary )}.x4gauge{min-width:200px;min-height:100px;width:200px;height:100px;overflow:hidden;border:1px solid var(--border)}.x4gauge .needle{fill:var(--gauge-needle-back)}.x4gauge .needle-dot{fill:var(--gauge-needle-dot);filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5))}:root{--image-border-drop-hover: var( --accent-background )}.x4image{position:relative;background:none}.x4image.hit{border-color:var(--image-border-drop-hover)!important}:root{--gridview-background: var( --background-primary );--gridview-border: var( --border );--gridview-header-cell-background: var( --background-primary );--gridview-header-cell-color: var( --text-primary );--gridview-header-sort-color: var( --gridview-header-cell-color );--gridview-header-cell-vline: var( --border );--gridview-header-cell-border: var( --border );--grid-check-background: var( --accent-background );--grid-check-color: var( --accent-color );--grid-check-background-hover: var( --background-primary );--grid-check-color-hover: var( --accent-background );--grid-perc-background: var( --accent-background );--grid-perc-color: var( --accent-color );--grid-perc-background-hover: var( --background-primary );--grid-perc-color-hover: var( --accent-background );--gridview-cell-color: var( --text-primary );--gridview-cell-color-sel: var( --accent-color );--gridview-cell-vline: var( --border );--gridview-row-background: var( --background-primary );--gridview-row-odd-background: var( --background-primary );--gridview-row-border: var( --border );--gridview-row-background-hover: var( --background-secondary );--gridview-row-background-hover-sel: var(--color-primary-a50);--gridview-row-background-sel: var( --accent-background );--gridview-row-color-sel: var( --accent-color );--gridview-fix-border: var( --accent-background )}.x4gridview{--left: 0px;--top: 0px;--fixed-width: 0;--fixed-height: 30px;--footer-height: 24px;--row-height: 30px;position:relative;overflow:hidden;margin:5px;outline:none;background-color:var(--gridview-background);border:1px solid var(--gridview-border)}.x4gridview[disabled]{opacity:var(--box-disabled-opacity)}.x4gridview{color:var(--gridview-cell-color)}.x4gridview .cell{padding:4px;display:flex;align-items:center;transition:border-bottom-color .3s ease,background-color .3s ease;min-width:16px}.x4gridview .cell .cell-check{width:16px;height:16px;background-color:var(--grid-check-background);color:var(--grid-check-color);padding:4px;border-radius:8px;margin:0 auto}.x4gridview .x4viewport{position:absolute;overflow:auto;right:0;bottom:var(--footer-height);left:var(--fixed-width);top:var(--fixed-height);width:unset}.x4gridview .body{position:absolute;overflow:hidden;right:var(--scrollbar-size);bottom:var(--scrollbar-size);left:0;top:0}.x4gridview .body:has(.empty){width:100%!important}.x4gridview .body .empty{position:absolute;left:50%;top:30px;transform:translate(-50%);width:fit-content}.x4gridview .body .empty #icon{height:64px;fill:var(--accent-background);opacity:50%}.x4gridview .row{position:absolute;left:0;top:0;display:flex;overflow:hidden;height:var(--row-height);border-bottom:1px solid var(--gridview-row-border)}.x4gridview .row .cell{height:100%;overflow:hidden;white-space:nowrap;border-right:1px solid var(--gridview-cell-vline)}.x4gridview .row .cell>.x4icon:not(.cell-check){height:100%}.x4gridview .row .cell>.x4image{width:100%;height:100%}.x4gridview .row .cell .percent{align-self:center;width:100%;border:1px solid var(--border);height:8px;background-color:var(--gridview-background);overflow:hidden}.x4gridview .row .cell .percent div{background-color:var(--grid-perc-background);height:100%}.x4gridview .row.selected{background-color:var(--gridview-row-background-sel);color:var(--gridview-cell-color-sel)}.x4gridview .row.selected .cell .cell-check{background-color:var(--grid-check-background-hover);color:var(--grid-check-color-hover)}.x4gridview .row:hover:not(.selected),.x4gridview .row.hover:not(.selected){background-color:var(--gridview-row-background-hover)}.x4gridview .row:hover:not(.selected) .cell .cell-check,.x4gridview .row.hover:not(.selected) .cell .cell-check{background-color:var(--grid-check-background-hover);color:var(--grid-check-color-hover)}.x4gridview .row:hover.selected,.x4gridview .row.hover.selected{background-color:var(--gridview-row-background-hover-sel)}.x4gridview .col-header,.x4gridview .col-footer{position:absolute;background-color:var(--gridview-header-cell-background);touch-action:none;left:calc(var(--fixed-width) + var(--left))}.x4gridview .col-header.fixed,.x4gridview .col-footer.fixed{left:0;z-index:2}.x4gridview .col-header,.x4gridview .col-footer{z-index:1;display:inline-flex;align-items:center;color:var(--gridview-header-cell-color);font-weight:500;justify-content:center}.x4gridview .col-header .cell,.x4gridview .col-footer .cell{position:relative;height:100%;display:flex;justify-content:center;border-right:1px solid var(--gridview-header-cell-vline)}.x4gridview .col-header .cell>.x4simpletext,.x4gridview .col-footer .cell>.x4simpletext{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.x4gridview .col-header .cell .sorter,.x4gridview .col-footer .cell .sorter{display:none;flex-shrink:0;width:1em}.x4gridview .col-header .cell.sorted .sorter,.x4gridview .col-footer .cell.sorted .sorter{display:block;width:20px;height:.7em;background-color:var(--gridview-header-sort-color);-webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="rgba(0,0,0,0.7)"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M180.7 475.3c6.2 6.2 16.4 6.2 22.6 0l176-176c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L208 425.4 208 48c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 377.4L27.3 276.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l176 176z"/></svg>') no-repeat 50% 50%/contain;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="rgba(0,0,0,0.7)"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M180.7 475.3c6.2 6.2 16.4 6.2 22.6 0l176-176c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L208 425.4 208 48c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 377.4L27.3 276.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l176 176z"/></svg>') no-repeat 50% 50%/contain}.x4gridview .col-header .cell.sorted.desc .sorter,.x4gridview .col-footer .cell.sorted.desc .sorter{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="rgba(0,0,0,0.7)"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M203.3 36.7c-6.2-6.2-16.4-6.2-22.6 0l-176 176c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L176 86.6V464c0 8.8 7.2 16 16 16s16-7.2 16-16V86.6L356.7 235.3c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-176-176z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="rgba(0,0,0,0.7)"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M203.3 36.7c-6.2-6.2-16.4-6.2-22.6 0l-176 176c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L176 86.6V464c0 8.8 7.2 16 16 16s16-7.2 16-16V86.6L356.7 235.3c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-176-176z"/></svg>')}.x4gridview .col-header .cell .x-c-sizer:hover,.x4gridview .col-footer .cell .x-c-sizer:hover{width:8px}.x4gridview .col-header.fixed .cell:last-child,.x4gridview .col-footer.fixed .cell:last-child{border-right-color:var(--gridview-fix-border)}.x4gridview .col-header:hover .cell,.x4gridview .col-footer:hover .cell{border-right-color:var(--border-hover)}.x4gridview .col-header{top:0;height:var(--fixed-height);border-bottom:1px solid var(--gridview-header-cell-border)}.x4gridview .col-header .cell{overflow:hidden;border-bottom:1px solid transparent}.x4gridview .col-header .cell:hover{border-bottom-color:var(--gridview-row-background-hover)}.x4gridview .col-footer{border-top:1px solid var(--gridview-header-cell-border);height:var(--footer-height);bottom:0}.x4gridview .col-footer .cell{border-top:1px solid transparent}.x4gridview .col-footer .cell:hover{background-color:var(--gridview-row-background-hover)}.x4gridview .gadget-footer{position:absolute;bottom:0;left:0;right:0;margin:0;border-top:1px solid var(--border)}.x4gridview .row-header{position:absolute;left:0;top:calc(var(--fixed-height) + var(--top));width:var(--fixed-width);bottom:0;background-color:var(--gridview-background);z-index:1}.x4gridview .row-header .row{position:absolute;display:inline-flex}.x4gridview .row-header .cell{border-right:1px solid var(--gridview-cell-vline);border-bottom:1px solid var(--gridview-row-border);height:var(--row-height)}.x4gridview .row-header .cell>.x4simpletext{margin:0 auto}.x4gridview .row-header .cell:last-child{border-right:1px solid var(--gridview-fix-border)}.x4gridview .row-header .cell-out{position:absolute;width:100%;height:var(--row-height)}:root{--header-background-hover: rgba(100,100,100,.1);--header-sizer-hover: var( --border-hover );--header-color: var( --text-primary )}.x4header{width:100%;display:block;overflow:hidden;min-height:1em;border-bottom:1px solid var(--border)}.x4header .cell{border-bottom:1px solid transparent;overflow:hidden;transition:border-color .5s ease;padding:4px}.x4header .cell span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--header-color)}.x4header .cell:hover{background-color:var(--header-background-hover)}.x4header .cell .x4csizer:hover{border-right:1px solid var(--header-sizer-hover)}:root{--keyboard-key-background: #33302d;--keyboard-hilite-color: #5ba921;--keyboard-key-color: #ffffff;--keyboard-accents-color: #7cc7ff;--keyboard-symbols-color: #f2c94c;--keyboard-zoom: 100%}.x4keyboard{z-index:2000;position:absolute!important;width:100%;bottom:0;justify-content:center;background-color:#000000e6;box-sizing:border-box;padding:8px}.x4keyboard #kb{width:100%;max-width:800px;zoom:var(--keyboard-zoom)}.x4keyboard .line{flex-grow:10;position:relative}.x4keyboard .mi{font-family:Material Icons;font-size:22px;text-align:center}.x4keyboard .tch{cursor:pointer;flex-grow:10;flex-basis:44px;display:flex;align-items:center}.x4keyboard .tch div{width:100%}.x4keyboard .tch{color:var(--kb-page-color, var(--keyboard-key-color));text-align:center;background-color:var(--keyboard-key-background);border:1px solid var(--keyboard-key-background);border-radius:4px;margin:2px 4px;box-sizing:border-box}.x4keyboard .tch:hover{border:1px solid var(--keyboard-hilite-color)}.x4keyboard .tch:active{background-color:var(--keyboard-hilite-color);color:var(--keyboard-key-background)}.x4keyboard .accents{--kb-page-color: var( --keyboard-accents-color )}.x4keyboard .symbols{--kb-page-color: var( --keyboard-symbols-color )}.x4keyboard .cnum,.x4keyboard .calpha,.x4keyboard .cspace{color:var(--keyboard-key-color)}.x4keyboard .caccents{color:var(--keyboard-accents-color)}.x4keyboard .csymbols{color:var(--keyboard-symbols-color)}.x4keyboard .cplace{visibility:hidden}.x4keyboard .kbicon div{width:0}.x4keyboard .cret{color:var(--keyboard-hilite-color);font-weight:700}.x4keyboard .cdel .x4icon,.x4keyboard .cshift .x4icon,.x4keyboard .chide .x4icon{margin:auto;color:var(--keyboard-hilite-color)}.x4keyboard .alpha .cspace,.x4keyboard .accents .cspace,.x4keyboard .symbols .cspace{flex-basis:689px}.x4keyboard .alpha .cret,.x4keyboard .accents .cret,.x4keyboard .symbols .cret{flex-basis:84px}.x4keyboard .alpha .cshift,.x4keyboard .accents .cshift,.x4keyboard .symbols .cshift{flex-basis:60px}.x4keyboard .alpha .chide,.x4keyboard .accents .chide,.x4keyboard .symbols .chide,.x4keyboard .alpha .cnum,.x4keyboard .alpha .caccents,.x4keyboard .alpha .csymbols,.x4keyboard .alpha .calpha,.x4keyboard .accents .cnum,.x4keyboard .accents .caccents,.x4keyboard .accents .csymbols,.x4keyboard .accents .calpha,.x4keyboard .symbols .cnum,.x4keyboard .symbols .caccents,.x4keyboard .symbols .csymbols,.x4keyboard .symbols .calpha{flex-basis:88px}.x4link{cursor:pointer}.x4link #text{text-decoration:underline}.x4link[disabled]{cursor:not-allowed;border-color:var(--border);color:var(--listbox-item-color-disabled)}.x4link[disabled]>.body .x4viewport{pointer-events:none}.x4link[disabled]>.body .x4viewport .x4item.selected{background-color:var(--listbox-item-color-sel-disabled)}.x4link:focus-within{border-color:var(--listbox-border-focus)}:root{--msgbox-caption-background: var( --alert-background );--msgbox-caption-color: var( --alert-color );--msgbox-icon-color: var( --alert-background );--msgbox-question-icon-color: var( --accent-background );--msgbox-log-background: var( --background-ternary );--msgbox-log-border: var( --border );--msgbox-log-border-focus: var( --border-focus );--msgbox-log-error-color: var( --alert-background );--msgbox-log-error-background: var( --alert-background-light );--msgbox-log-warning-color: var( --warning-background );--msgbox-log-warning-background: var( --warning-background-light );--msgbox-log-scrollbar: var( --border-hover )}.x4messagebox{max-width:60vw}.x4messagebox.error>.caption{background-color:var(--msgbox-caption-background)}.x4messagebox.error>.caption>#title{color:var(--msgbox-caption-color)}.x4messagebox .x4form{min-width:400px}.x4messagebox .x4form>.x4hbox>.x4icon{color:var(--msgbox-icon-color);height:96px}.x4messagebox .x4form .x4label{padding:16px;line-height:1.8em}.x4messagebox.question .x4form>.x4hbox>.x4icon{color:var(--msgbox-question-icon-color)}.x4inputbox,.x4promptbox{max-width:60vw}.x4inputbox .x4form,.x4promptbox .x4form{min-width:400px}.x4inputbox .x4form>.x4hbox>.x4icon,.x4promptbox .x4form>.x4hbox>.x4icon{color:var(--msgbox-question-icon-color);height:64px}.x4inputbox .x4form .x4vbox,.x4promptbox .x4form .x4vbox{padding:16px;gap:16px}.x4inputbox .x4form .x4vbox .x4label,.x4promptbox .x4form .x4vbox .x4label{line-height:1.8em}.x4inputbox .x4form .x4vbox,.x4promptbox .x4form .x4vbox{justify-content:center}.x4inputbox input,.x4promptbox input{padding:8px;border:1px solid var(--border)}.x4inputbox input:invalid,.x4promptbox input:invalid{border-color:var(--input-error)}.x4progressionbox{min-height:200px;min-width:500px}.x4progressionbox.error>.caption{background-color:var(--msgbox-caption-background)}.x4progressionbox.error>.caption>#title{color:var(--msgbox-caption-color)}.x4progressionbox #alerts.error{--label-icon-color: var( --msgbox-log-error-color )}.x4progressionbox #alerts.warning{--label-icon-color: var( --msgbox-log-warning-color )}.x4progressionbox>.x4form{min-height:unset}.x4progressionbox .x4form{min-width:400px;gap:8px}.x4progressionbox .x4form>.x4hbox{flex-grow:1;align-items:stretch}.x4progressionbox .x4form>.x4hbox .right{flex-grow:1;gap:8px;display:grid;grid-template-rows:auto auto 1fr}.x4progressionbox .x4form>.x4hbox>.x4icon{height:64px;animation:rotating 3s linear infinite;fill:var(--accent-background);align-self:center}.x4progressionbox .x4form #title{padding:0 16px;line-height:1.8em;font-weight:700}.x4progressionbox .x4form .x4progress{margin:0 6px 0 16px}.x4progressionbox .x4form #sub-text{flex-grow:1;min-height:calc(10lh + 10px);max-height:400px;overflow:auto;white-space:pre;contain:size;display:grid;grid-template-columns:minmax(max-content,1fr);align-content:start;font:inherit;font-family:monospace,monospace;line-height:1.3em;scrollbar-color:var(--msgbox-log-scrollbar) transparent;outline:none;border:1px solid var(--msgbox-log-border);background-color:var(--msgbox-log-background);padding:4px 0;margin:0 6px 0 16px}.x4progressionbox .x4form #sub-text .line{min-height:1lh;padding:0 8px;border-left:3px solid transparent}.x4progressionbox .x4form #sub-text .line.error{background-color:var(--msgbox-log-error-background);border-left-color:var(--msgbox-log-error-color)}.x4progressionbox .x4form #sub-text .line.warning{background-color:var(--msgbox-log-warning-background);border-left-color:var(--msgbox-log-warning-color)}.x4progressionbox .x4form #sub-text,.x4progressionbox .x4form #sub-text *{user-select:text}.x4progressionbox .x4form #sub-text:focus{border-color:var(--msgbox-log-border-focus)}.x4progressionbox .x4form #sub-text svg{width:1em;height:1em;vertical-align:-.125em;margin-right:4px}.x4progressionbox .x4form #sub-text .error{color:var(--msgbox-log-error-color)}.x4progressionbox .x4form #sub-text .warning{color:var(--msgbox-log-warning-color)}.x4progressionbox .x4form #sub-text details{padding-left:1em}.x4progressionbox .x4form #sub-text summary{margin-left:-1em;padding-left:11px;cursor:pointer;font-weight:700}.x4notification{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--notification-border: var( --border );--notification-background: var( --background-primary );--notification-title-color: var( --text-primary );--notification-text-color: var( --text-ternary );--notification-button-color: var( --text-ternary );--notification-icon-default: var( --accent-background );--notification-icon-success: var( --success-background );--notification-icon-danger: var( --alert-background )}.x4notification{padding:4px 8px;border:1px solid var(--notification-border);border-left:3px solid var(--accent-background);background-color:var(--notification-background);min-width:250px;max-width:30vw;position:absolute}.x4notification.smooth{transition:top .4s ease}.x4notification>.x4hbox{gap:8px}.x4notification .x4icon{width:2em;height:2em;color:var(--notification-icon-default)}.x4notification .body .title{font-weight:700;padding:6px 6px 3px;color:var(--notification-title-color)}.x4notification .body .text{padding:3px 6px 6px;color:var(--notification-text-color)}.x4notification.success{border-left-color:var(--notification-icon-success)}.x4notification.success .x4icon{color:var(--notification-icon-success)}.x4notification.danger{border-left-color:var(--notification-icon-danger)}.x4notification.danger .x4icon{color:var(--notification-icon-danger)}.x4notification .x4button{height:24px;color:var(--notification-button-color);border:none}:root{--panel-border: var( --border );--panel-title-color: var( --text-primary );--panel-title-background: var( --background-primary )}.x4panel{border:1px solid var(--panel-border);border-radius:4px;margin:5px;padding:8px;position:relative}.x4panel>legend{padding:0 5px;position:absolute;left:4px;top:-.7em;background-color:var(--panel-title-background);font-weight:700;color:var(--panel-title-color)}.x4panel>.body{flex-grow:1;position:relative;inset:0;overflow:hidden;justify-content:start;padding:8px}.x4panel.inline{border:none;border-top:1px solid var(--border);margin-top:1.5em;border-radius:0;padding:0}.x4panel.inline legend{background:none;top:-1.4em;left:0}.x4panel.inline>.body{padding:0}:root{--progress-background: var( --border );--progress-color: var( --accent-background )}.x4progress{background-color:var(--progress-background);position:relative;height:6px;margin:0 5px;border-radius:3px}.x4progress .bar{position:absolute;left:0;top:0;bottom:0;width:0;background-color:var(--progress-color);border-radius:3px;transition:width ease .2s}.x4progress.indeterm .bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:20px 20px;animation:slide 1s linear infinite}@keyframes slide{0%{background-position:0 0}to{background-position:2.5rem 0}}:root{--select-border: var( --border );--select-border-focus: var( --accent-background );--select-background: var( --background-primary );--select-color: var( --text-primary );--select-arrow-color: var( --text-ternary )}.x4select,::picker(select){appearance:base-select;padding:5px;outline:none;border-radius:0;border:1px solid var(--select-border);background-color:var(--select-background);color:var(--select-color)}.x4select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--select-arrow-color) 50%),linear-gradient(135deg,var(--select-arrow-color) 50%,transparent 50%);background-repeat:no-repeat;background-position:right 13px center,right 8px center;background-size:5px 5px,5px 5px;padding-right:23px}.x4select:focus-visible{border-color:var(--select-border-focus)}.x4select .select-option{padding:5px}.x4select .select-option:checked{background-color:var(--accent-background);color:var(--accent-color)}.x4select .select-option:hover{background-color:var(--accent-background-focus);color:var(--accent-color)}.x4select .select-option::checkmark{display:none}:root{--propertygrid-background: var( --background-primary );--propertygrid-gadget-background: var( --background-primary );--propertygrid-gadget-color: var( --text-primary );--propertygrid-odd-background: var( --background-odd );--propertygrid-even-background: transparent;--propertygrid-disabled-background: rgb(170 170 170 / 14%);--propertygrid-hover-background: var(--color-primary-a10);--propertygrid-focus-background: var(--color-primary-a20);--propertygrid-input-background: var( --background-input );--propertygrid-group-background: var( --color-primary-a5 );--propertygrid-group-color: var( --color-primary-a50 )}.x4propertygrid{background:var(--propertygrid-background);border:1px solid var(--border);flex-basis:0;align-self:stretch}.x4propertygrid>.body{width:100%;flex-basis:0;overflow-y:auto;overflow-x:auto;outline:none;position:relative}.x4propertygrid>#footer{border-top:1px solid var(--border);margin:0}.x4propertygrid .root{display:grid;grid-template-columns:fit-content(50%) 1fr;grid-template-rows:auto}.x4propertygrid .group{grid-column:1/-1;min-height:2em;background-color:var(--propertygrid-group-background);color:var(--propertygrid-group-color);display:flex;align-items:center;padding:8px;gap:8px}.x4propertygrid .group.sticky{position:sticky;top:0;z-index:1}.x4propertygrid .group .hdr>.gadgets{gap:8px}.x4propertygrid .group .hdr>.gadgets>.x4{margin:0;padding:0}.x4propertygrid .group .hdr .title{font-weight:700}.x4propertygrid .group .hdr>.x4button{--button-color-focus: var( --propertygrid-group-color );background-color:transparent;color:var(--propertygrid-group-color);margin:0;padding:0}.x4propertygrid .group .hdr>.x4label .x4icon .fa-secondary,.x4propertygrid .group .hdr>.x4label .x4icon .fa-primary{fill:var(--propertygrid-group-color)}.x4propertygrid .group .hdr>.x4label .x4icon{width:1em;height:1em}.x4propertygrid .group .desc{font-style:italic;font-weight:400;font-size:80%;padding-top:4px;padding-left:1em;color:var(--text-ternary)}.x4propertygrid .group:not(:first-child){margin-top:8px}.x4propertygrid .group:not(:last-child){border-bottom:1px solid var(--propertygrid-group-color)}.x4propertygrid .row{display:contents}.x4propertygrid .row>.cell{min-width:0;padding:4px;border-bottom:1px solid var(--border-light)}.x4propertygrid .row>.cell input{background:var(--propertygrid-input-background)}.x4propertygrid .row.even:not(:disabled)>.cell{background-color:var(--propertygrid-even-background)}.x4propertygrid .row.odd:not(:disabled)>.cell{background-color:var(--propertygrid-odd-background)}.x4propertygrid .row.odd:disabled>.cell{background-color:var(--propertygrid-disabled-background)}.x4propertygrid .row:has(:focus)>.cell{background-color:var(--propertygrid-focus-background)}.x4propertygrid .row:hover>.cell{background-color:var(--propertygrid-hover-background)}.x4propertygrid .row>.cell:first-child{border-right:1px solid var(--border)}.x4propertygrid .row>.cell:only-child{grid-column:1/-1}.x4propertygrid .row>.hdr{display:flex;align-items:center;padding:8px 8px 8px 34px}.x4propertygrid .row .cell:has(.button){padding:4px 40px}.x4propertygrid .row .gadget.x4button{--button-background: var( --propertygrid-gadget-background );--button-color: var( --propertygrid-gadget-color );padding:5px}:root{--radio-background: var( --background-primary );--radio-check-background: var( --accent-background );--radio-check-color: var( --accent-color );--radio-focus: var( --accent-background );--radio-button-border: var( --border );--radio-button-color: var( --text-ternary );--radio-button-color-checked: var( --accent-background-active );--radio-button-background-checked: var( --background-secondary );--radio-button-border-checked: var( --accent-background );--radio-danger-color: var( --alert-background );--radio-danger-background: var( --alert-background-light )}.x4radio.button,.x4radio.square{gap:0}.x4radio.button .inner,.x4radio.square .inner{width:0;height:0;overflow:hidden;opacity:0}.x4radio.button:has(input:focus-visible),.x4radio.square:has(input:focus-visible){outline:1px dotted var(--radio-focus);outline-offset:2px}.x4radio{display:flex;flex-direction:row;align-items:center;margin-left:5px;gap:4px;cursor:pointer}.x4radio .inner{position:relative;height:1rem;width:1rem;border-radius:50%;order:1}.x4radio .inner input{appearance:none;background-color:var(--radio-background);cursor:pointer;display:block;margin:0;padding:0;width:100%;height:100%;transition:opacity .1s ease;border-radius:50%;border:1px solid var(--border)}.x4radio .inner svg{margin:auto;pointer-events:none;position:absolute;inset:0;width:100%;height:100%}.x4radio .inner svg .fa-primary{fill:var(--radio-check-background)}.x4radio .inner svg .fa-secondary{fill:var(--radio-check-color)}.x4radio .inner:has(input:not(:checked)) input{opacity:1}.x4radio .inner:has(input:not(:checked)) svg{opacity:0}.x4radio label{order:2;cursor:pointer}.x4radio.left label{order:0}.x4radio.button,.x4radio.square{--size: 24px}.x4radio.button.outline,.x4radio.square.outline{border-radius:22px}.x4radio.button,.x4radio.square{border:1px solid var(--radio-button-border);padding:8px;margin:0}.x4radio.button label,.x4radio.square label{display:flex;flex-grow:1}.x4radio.button label #text,.x4radio.square label #text{flex-grow:1;text-align:center;color:var(--radio-button-color)}.x4radio.button label #icon,.x4radio.square label #icon{fill:var(--radio-button-color);color:var(--radio-button-color);width:var(--size);height:var(--size)}.x4radio.button:has(input:checked),.x4radio.square:has(input:checked){background-color:var(--radio-button-background-checked);border-color:var(--radio-button-border-checked)}.x4radio.button:has(input:checked) .x4label #text,.x4radio.square:has(input:checked) .x4label #text{color:var(--radio-button-color-checked)}.x4radio.button:has(input:checked) .x4label #icon,.x4radio.square:has(input:checked) .x4label #icon{fill:var(--radio-button-color-checked);color:var(--radio-button-color-checked)}.x4radio.button:has(input:checked) .x4label .fa-primary,.x4radio.square:has(input:checked) .x4label .fa-primary{fill:var(--radio-button-color-checked)}.x4radio.danger{--radio-check-background: var( --radio-danger-color );--radio-button-color-checked: var( --radio-danger-color );--radio-button-background-checked: var( --radio-danger-background );--radio-button-border-checked: var( --radio-danger-color )}:root{--rating: var( --border );--rating-hover: var( --border-hover );--rating-checked: var( --accent-background )}.x4rating{gap:2px}.x4rating .item{width:16px;height:16px;color:var(--rating)}.x4rating .item:hover{color:var(--rating-hover)}.x4rating .item.checked{color:var(--rating-checked)}:root{--settingsview-toc-width: 210px;--settingsview-section-background: var( --background-primary );--settingsview-section-title-background: transparent;--settingsview-section-title-color: var( --accent-background );--settingsview-hover-background: var( --color-primary-a20 );--settingsview-marker: var( --accent-background )}.x4settingsview{min-height:0}.x4settingsview>.search{flex-shrink:0;padding:12px 32px 12px calc(var(--settingsview-toc-width) + 32px);border-bottom:1px solid var(--border)}.x4settingsview>.search>.x4input{flex:1;max-width:900px;margin:0;padding:6px 10px;border:1px solid var(--border)}.x4settingsview>.search>.x4input:focus{border-color:var(--settingsview-marker)}.x4settingsview>.body{min-height:0;align-items:stretch}.x4settingsview .toc{flex-shrink:0;width:var(--settingsview-toc-width);margin:0;padding:12px 0;border:none;border-right:1px solid var(--border);border-radius:0;background:transparent}.x4settingsview .toc .x4item{padding:4px 4px 4px 16px;border-left:2px solid transparent;border-radius:0;--label-color: var( --text-secondary )}.x4settingsview .toc .x4item:hover{background:transparent;--label-color: var( --text-primary )}.x4settingsview .toc .x4item.selected{background:transparent;border-left-color:var(--settingsview-marker);--label-color: var( --text-primary );font-weight:600}.x4settingsview .sections{align-items:flex-start;gap:24px;min-height:0;overflow-y:auto;padding:20px 32px 32px}.x4settingsview .sections>.nomatch{padding:8px;--label-color: var( --text-secondary )}.x4settingsview .section{flex-shrink:0;width:100%;max-width:900px;padding:0 8px 10px;border:none;background:var(--settingsview-section-background);overflow:hidden;scroll-margin-top:20px}.x4settingsview .section.last{min-height:100%}.x4settingsview .section>.title{margin:0 -8px 6px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--settingsview-section-title-background);font-size:1.1rem;font-weight:600;--label-color: var( --settingsview-section-title-color )}.x4settingsview .section>.description{padding:10px 8px 4px;white-space:normal;--label-color: var( --text-secondary )}.x4settingsview .section>*{flex:none}.x4settingsview .section>.x4form{padding:0}.x4settingsview .x4settingitem{flex-shrink:0;gap:4px;padding:10px 8px 12px;border-left:2px solid transparent}.x4settingsview .x4settingitem:hover{background:var(--settingsview-hover-background)}.x4settingsview .x4settingitem:focus-within{border-left-color:var(--settingsview-marker)}.x4settingsview .x4settingitem>.name{font-weight:600;--label-color: var( --text-primary )}.x4settingsview .x4settingitem>.description{white-space:normal;--label-color: var( --text-secondary )}.x4settingsview .x4settingitem>.controls{align-items:center;gap:10px;padding-top:4px;flex-wrap:wrap}.x4settingsview .x4settingitem>.controls>*{margin:0}:root{--slider-track: var( --border );--slider-thumb-background: var( --accent-background );--slider-thumb-border: var( --accent-background );--slider-thumb-border-focus: var( --border-focus )}.x4slider{outline:none;touch-action:none;overflow:hidden}.x4slider:not(.vertical){padding:10px 12px;margin:5px 0;height:28px}.x4slider:not(.vertical) .track{background-color:var(--slider-track);width:100%;position:relative;top:50%;height:3px}.x4slider:not(.vertical) .bar{position:absolute;width:61%;height:3px}.x4slider:not(.vertical) .thumb{position:absolute;left:61%;outline:none;background-color:var(--slider-thumb-background);border:3px solid var(--slider-thumb-border);border-radius:8px;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);cursor:pointer}.x4slider.vertical{padding:12px 10px;margin:0 5px;width:28px}.x4slider.vertical .track{background-color:var(--slider-track);height:100%;position:relative;left:50%;width:3px}.x4slider.vertical .bar{position:absolute;width:3px;height:61%}.x4slider.vertical .thumb{position:absolute;left:50%;outline:none;background-color:var(--slider-thumb-background);border:3px solid var(--slider-thumb-border);border-radius:8px;top:61%;width:16px;height:16px;transform:translate(-50%,-50%);cursor:pointer}.x4slider:focus .thumb{outline-offset:3px;outline-color:var(--slider-thumb-border-focus);outline-style:solid;outline-width:1px}:root{--spreadsheet-background: var( --background-primary );--spreadsheet-border: var( --border );--spreadsheet-header-cell-background: var( --background-primary );--spreadsheet-header-cell-color: var( --text-primary );--spreadsheet-header-cell-vline: var( --border );--spreadsheet-header-cell-border: var( --border );--spreadsheet-check-background: var( --accent-background );--spreadsheet-check-color: var( --accent-color );--spreadsheet-check-background-hover: var( --background-primary );--spreadsheet-check-color-hover: var( --accent-background );--spreadsheet-perc-background: var( --accent-background );--spreadsheet-perc-color: var( --accent-color );--spreadsheet-perc-background-hover: var( --background-primary );--spreadsheet-perc-color-hover: var( --accent-background );--spreadsheet-cell-color: var( --text-primary );--spreadsheet-cell-color-sel: var( --accent-color );--spreadsheet-cell-vline: var( --border );--spreadsheet-row-background: var( --background-primary );--spreadsheet-row-odd-background: var( --background-primary );--spreadsheet-row-border: var( --border );--spreadsheet-row-background-hover: var( --background-secondary );--spreadsheet-row-background-hover-sel: var(--color-primary-a50);--spreadsheet-row-background-sel: var( --accent-background );--spreadsheet-row-color-sel: var( --accent-color );--spreadsheet-fix-border: var( --accent-background )}.x4spreadsheet{--left: 0px;--top: 0px;--fixed-width: 0;--fixed-height: 30px;--footer-height: 24px;--row-height: 30px;position:relative;overflow:hidden;margin:5px;outline:none;background-color:var(--spreadsheet-background);border:1px solid var(--spreadsheet-border);color:var(--spreadsheet-cell-color)}.x4spreadsheet[disabled]{opacity:var(--box-disabled-opacity)}.x4spreadsheet .cell{padding:4px;display:flex;align-items:center;transition:border-bottom-color .3s ease,background-color .3s ease;min-width:16px}.x4spreadsheet .cell .cell-check{width:16px;height:16px;background-color:var(--spreadsheet-check-background);color:var(--spreadsheet-check-color);padding:4px;border-radius:8px;margin:0 auto}.x4spreadsheet .cell{justify-content:start}.x4spreadsheet .cell.align-center{justify-content:center}.x4spreadsheet .cell.align-right{justify-content:end}.x4spreadsheet .cell.editing{position:relative}.x4spreadsheet .cell .cell-editor{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0 4px;font:inherit;outline:none;border:2px solid var(--spreadsheet-row-background-sel);border-radius:0;color:var(--spreadsheet-cell-color);background-color:var(--spreadsheet-background)}.x4spreadsheet .cell.align-center .cell-editor{text-align:center}.x4spreadsheet .cell.align-right .cell-editor{text-align:right}.x4spreadsheet .x4viewport{position:absolute;overflow:auto;right:0;bottom:var(--footer-height);left:var(--fixed-width);top:var(--fixed-height);width:unset}.x4spreadsheet .body{position:absolute;overflow:hidden;right:var(--scrollbar-size);bottom:var(--scrollbar-size);left:0;top:0}.x4spreadsheet .row{position:absolute;left:0;top:0;display:flex;overflow:hidden;height:var(--row-height);border-bottom:1px solid var(--spreadsheet-row-border)}.x4spreadsheet .row .cell{height:100%;overflow:hidden;white-space:nowrap;border-right:1px solid var(--spreadsheet-cell-vline)}.x4spreadsheet .row .cell>.x4icon:not(.cell-check){height:100%}.x4spreadsheet .row .cell>.x4image{width:100%;height:100%}.x4spreadsheet .row .cell .percent{align-self:center;width:100%;border:1px solid var(--border);height:8px;background-color:var(--spreadsheet-background);overflow:hidden}.x4spreadsheet .row .cell .percent div{background-color:var(--spreadsheet-perc-background);height:100%}.x4spreadsheet .cell.selected{background-color:var(--spreadsheet-row-background-sel);color:var(--spreadsheet-cell-color-sel)}.x4spreadsheet .cell.selected .cell-check{background-color:var(--spreadsheet-check-background-hover);color:var(--spreadsheet-check-color-hover)}.x4spreadsheet .cell:hover:not(.selected){background-color:var(--spreadsheet-row-background-hover)}.x4spreadsheet .cell:hover:not(.selected) .cell-check{background-color:var(--spreadsheet-check-background-hover);color:var(--spreadsheet-check-color-hover)}.x4spreadsheet .cell:hover.selected{background-color:var(--spreadsheet-row-background-hover-sel)}.x4spreadsheet .col-header,.x4spreadsheet .col-footer{position:absolute;background-color:var(--spreadsheet-header-cell-background);touch-action:none;left:calc(var(--fixed-width) + var(--left))}.x4spreadsheet .col-header.fixed,.x4spreadsheet .col-footer.fixed{left:0;z-index:2}.x4spreadsheet .col-header,.x4spreadsheet .col-footer{z-index:1;display:inline-flex;align-items:center;color:var(--spreadsheet-header-cell-color);font-weight:500;justify-content:center}.x4spreadsheet .col-header .cell,.x4spreadsheet .col-footer .cell{position:relative;height:100%;display:flex;justify-content:center;border-right:1px solid var(--spreadsheet-header-cell-vline)}.x4spreadsheet .col-header .cell>.x4simpletext,.x4spreadsheet .col-footer .cell>.x4simpletext{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.x4spreadsheet .col-header .cell .x-c-sizer:hover,.x4spreadsheet .col-footer .cell .x-c-sizer:hover{width:8px}.x4spreadsheet .col-header.fixed .cell:last-child,.x4spreadsheet .col-footer.fixed .cell:last-child{border-right-color:var(--spreadsheet-fix-border)}.x4spreadsheet .col-header:hover .cell,.x4spreadsheet .col-footer:hover .cell{border-right-color:var(--border-hover)}.x4spreadsheet .col-header{top:0;height:var(--fixed-height);border-bottom:1px solid var(--spreadsheet-header-cell-border)}.x4spreadsheet .col-header .cell{overflow:hidden;border-bottom:1px solid transparent}.x4spreadsheet .col-header .cell:hover{border-bottom-color:var(--spreadsheet-row-background-hover)}.x4spreadsheet .col-footer{border-top:1px solid var(--spreadsheet-header-cell-border);height:var(--footer-height);bottom:0}.x4spreadsheet .col-footer .cell{border-top:1px solid transparent}.x4spreadsheet .col-footer .cell:hover{background-color:var(--spreadsheet-row-background-hover)}.x4spreadsheet .row-header{position:absolute;left:0;top:calc(var(--fixed-height) + var(--top));width:var(--fixed-width);bottom:0;background-color:var(--spreadsheet-background);z-index:1}.x4spreadsheet .row-header .row{position:absolute;display:inline-flex}.x4spreadsheet .row-header .cell{border-right:1px solid var(--spreadsheet-cell-vline);border-bottom:1px solid var(--spreadsheet-row-border);height:var(--row-height)}.x4spreadsheet .row-header .cell>.x4simpletext{margin:0 auto}.x4spreadsheet .row-header .cell:last-child{border-right:1px solid var(--spreadsheet-fix-border)}.x4spreadsheet .row-header .cell-out{position:absolute;width:100%;height:var(--row-height)}:root{--switch-border: var( --border );--switch-background: var( --background-hover );--switch-background-disabled: var( --disabled-background );--switch-checked: var( --accent-background );--switch-thumb: var( --background-primary )}.x4switch{display:flex;flex-direction:row;align-items:center;position:relative;gap:4px;margin-left:5px;padding:4px;cursor:pointer}.x4switch label{cursor:pointer}.x4switch:focus-within .x4label span{text-decoration:underline}.x4switch .switch{width:2.2rem;height:18px;position:relative}.x4switch .switch input{position:absolute;width:100%;height:100%;appearance:none;padding:0;margin:0;left:0;top:0;cursor:pointer}.x4switch .switch .track{position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;border:1px solid var(--switch-border);background-color:var(--switch-background);border-radius:9px;transition:background-color ease .2s}.x4switch .switch .thumb{position:absolute;pointer-events:none;left:.05rem;top:1px;width:1rem;height:1rem;border-radius:8px;background-color:var(--switch-thumb);box-shadow:0 0 2px #00000080;transition:left ease .2s}.x4switch:has(input:checked) .switch .thumb{left:1.15rem}.x4switch:has(input:checked) .switch .track{background-color:var(--switch-checked)}.x4switch[disabled],.x4switch[disabled] *{cursor:not-allowed}.x4switch[disabled] input{pointer-events:none}.x4switch[disabled] label{pointer-events:none;color:var(--checkbox-color-disabled)}.x4switch[disabled] .switch .track,.x4switch[disabled].x4switch:has(input:checked) .switch .track{background-color:var(--switch-background-disabled)}:root{--tab-border-selected: var( --accent-background );--tab-border-hover: var( --accent-background-hover );--tab-color-hover: var( --text-primary );--tab-color: var( --text-primary );--tab-color-selected: var( --text-primary );--tab-icon-color: var( --icon-color )}.x4tabs{display:grid;grid-template-rows:auto 1fr}.x4tabs .x4ctablist{display:flex;flex-direction:row;gap:4px;padding:5px 5px 0}.x4tabs .x4ctablist .x4button{border:none;border-bottom:2px solid transparent;color:var(--tab-color);--ol-button-icon-color: var( --tab-icon-color );margin:0;outline:none;transition:border-color .2s ease}.x4tabs .x4ctablist .x4button.selected{border-bottom-color:var(--tab-border-selected);font-weight:700;color:var(--tab-color-selected)}.x4tabs .x4ctablist .x4button:hover{background-color:unset;color:var(--tab-color-hover);border-bottom-color:var(--tab-border-hover)}.x4tabs.vertical{display:grid;grid-template-rows:unset;grid-template-columns:auto 1fr}.x4tabs.vertical .x4ctablist{align-items:start;flex-direction:column;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-left:1px solid var(--border)}.x4tabs>.body{padding:8px;border:1px solid var(--border);min-height:0}.x4tabs.inline>.body{border:none;border-top:1px solid var(--border)}:root{--tag-border: var( --border );--tag-border-focus: var( --border-focus );--tag-background: var( --accent-background );--tag-color: var( --text-primary );--tag-icon-color: var( --tag-color )}.x4tag{border-radius:16px;border:1px solid var(--tag-border);background-color:var(--tag-background);padding:2px 8px;gap:4px;font-weight:400;--label-color: var( --tag-color )}.x4tag .x4icon:empty{display:none}.x4tag .x4icon{height:1em;color:var(--tag-icon-color)}.x4tag>.x4simpletext{padding:0;white-space:nowrap;text-overflow:ellipsis}.x4tag.alert{--tag-color: var( --alert-color );background-color:var(--alert-background)}:root{--textarea-border: var( --border );--textarea-border-focus: var( --border-focus );--textarea-selection: var( --accent-background );--textarea-selection-color: var( --accent-color );--textarea-background: var( --background-input );--textarea-color: var( --text-primary );--textarea-required: var( --alert-background )}.x4simpletextarea{flex-shrink:0;resize:none;padding:4px;min-height:calc(1lh + 10px);min-width:calc(1ch + 10px);outline:none;font:inherit;background-color:var(--textarea-background);color:var(--textarea-color);border:1px solid var(--textarea-border)}.x4simpletextarea:focus{border:1px solid var(--textarea-border-focus)}.x4simpletextarea::selection{background-color:var(--textarea-selection);color:var(--textarea-selection-color)}.x4simpletextarea::placeholder{color:var(--input-placeholder);font-style:italic}.x4textarea{margin:5px}.x4textarea .x4label{gap:0;padding:4px 0}.x4textarea .x4label:after{content:":"}.x4textarea .x4label#text:has(.empty){display:none}.x4textarea:has(>.x4simpletextarea[required])>.x4label:before{content:"*";font-weight:700;color:var(--textarea-required);margin-right:2px}.x4textarea .x4simpletextarea{flex:1 0 auto}:root{--tickline-axis-color: var( --border );--tickline-color: var( --accent-color );--tickline-width: 1px;--tickline-background: var( --background-primary )}.x4tickline{position:relative;background-color:var(--tickline-background)}:root{--timeline-done-color: var( --accent-background );--timeline-done-icon-color: var( --accent-color );--timeline-todo-color: var( --border );--timeline-todo-icon-color: var( --text-ternary );--timeline-title-color: var( --text-primary );--timeline-text-color: var( --text-ternary );--timeline-time-color: var( --text-primary )}.x4timeline{display:flex;flex-direction:row}.x4timeline .item{display:flex;flex-direction:column;flex:1 1 0;min-width:0}.x4timeline .rail{display:flex;flex-direction:row;align-items:center}.x4timeline .mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:var(--timeline-todo-color)}.x4timeline .mark .x4icon{height:12px;color:var(--timeline-todo-icon-color);fill:var(--timeline-todo-icon-color)}.x4timeline .mark .x4icon.empty{display:none}.x4timeline .line{flex:1;border:0 dashed var(--timeline-todo-color);border-top-width:2px}.x4timeline .item.done>.rail .mark{background-color:var(--timeline-done-color)}.x4timeline .item.done>.rail .mark .x4icon{color:var(--timeline-done-icon-color);fill:var(--timeline-done-icon-color)}.x4timeline .item.done>.rail .line{border-style:solid}.x4timeline .item.next-done>.rail>.line{border-color:var(--timeline-done-color)}.x4timeline .item:last-child>.rail>.line{display:none}.x4timeline .content{padding:8px 12px 0 0}.x4timeline .title{font-weight:700;color:var(--timeline-title-color)}.x4timeline .text{color:var(--timeline-text-color)}.x4timeline .time{margin-top:4px;font-size:.85em;font-weight:500;color:var(--timeline-time-color)}.x4timeline.vertical{flex-direction:column}.x4timeline.vertical .item{flex-direction:row;flex:0 0 auto}.x4timeline.vertical .rail{flex-direction:column}.x4timeline.vertical .line{border-top-width:0;border-left-width:2px}.x4timeline.vertical .content{flex:1;min-width:0;padding:0 0 1.5em 12px}.x4timeline.vertical .title{line-height:24px}.x4tooltip{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}:root{--tooltip-caption-background: var( --color-primary-a70 );--tooltip-caption-color: var( --accent-color );--tooltip-icon-background: var( --accent-color );--tooltip-icon-color: var( --color-primary-a70 );--tooltip-background: var( --color-primary-a10 );--tooltip-color: var( --color-primary-a90 );--tooltip-border: var( --color-primary-a20 );--tooltip-image-background: var( --background-primary )}.x4tooltip{display:flex;flex-direction:row;border:none;font-size:90%;position:absolute;border:1px solid var(--tooltip-border);background-color:var(--tooltip-background);width:max-content}.x4tooltip .x4icon{padding:2px 4px}.x4tooltip .x4icon svg{max-height:100%}.x4tooltip .x4icon .fa-primary,.x4tooltip .x4icon .fa-secondary{fill:var(--tooltip-icon-color)}.x4tooltip .x4icon{color:var(--tooltip-icon-color);width:2em;height:2em}.x4tooltip #text{background-color:var(--tooltip-background);color:var(--tooltip-color);padding:4px}.x4tooltip img{max-width:100px;max-height:50px;background-color:var(--tooltip-image-background);margin:4px}.x4treeview{position:relative}.x4treeview{display:flex;flex-direction:column}:root{--treeview-background: var( --background-primary );--treeitem-color: var( --text-primary );--treeitem-icon-color: var( --icon-color );--treeitem-backgound-hover: var( --background-secondary );--treeitem-color-hover: var( --text-primary );--treeitem-background-sel: var( --accent-background );--treeitem-color-sel: var( --accent-color );--treeview-item-color-sel-disabled: var( --disabled-background );--treeview-item-color-disabled: var( --disabled-color-dark );--treeitem-backgound-active: var( --accent-background-active);--treeitem-color-active: var( --accent-color-active )}.x4treeview{overflow-y:auto;align-self:stretch;margin:5px;outline:none;border:1px solid var(--border);background:var(--treeview-background)}.x4treeview:focus{border:1px solid var(--border-focus)}.x4treeview>.body{width:100%;flex-basis:0;overflow-y:auto;overflow-x:auto;outline:none;position:relative}.x4treeview>.body>.x4viewport .empty{position:relative;left:50%;top:30px;transform:translate(-50%);width:fit-content}.x4treeview>.body>.x4viewport .empty #icon{height:64px;fill:var(--accent-background);opacity:50%}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label{--label-color: var( --treeitem-color );--label-icon-color: var( --treeitem-icon-color );gap:4px}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label .x4icon{color:inherit}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label>.x4icon.empty{display:none}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label .x4icon{width:16px}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label{padding:4px}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label:hover{background-color:var(--treeitem-backgound-hover);--label-color: var( --treeitem-color-hover );--label-icon-color: var( --treeitem-color-hover )}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label.selected{background-color:var(--treeitem-background-sel);color:var(--treeitem-color-sel);--label-color: var( --treeitem-color-sel );--label-icon-color: var( --treeitem-color-sel )}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.label:active{background-color:var(--accent-background-active);color:var(--accent-color-active);--label-color: var( --accent-color-active );--label-icon-color: var( --accent-color-active )}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.body:not(:first-child){padding-left:24px}.x4treeview>.body>.x4viewport .x4ctreeviewitem>.body{transition:opacity .5s ease}.x4treeview>.body>.x4viewport .x4ctreeviewitem.folder>.label{display:flex;flex-direction:row;align-items:center}.x4treeview>.body>.x4viewport .x4ctreeviewitem.folder>.label>.x-icon{transform:rotate(0);transition:transform .2s ease;width:16px;height:16px;cursor:pointer}.x4treeview>.body>.x4viewport .x4ctreeviewitem.folder>.body{overflow:hidden}.x4treeview>.body>.x4viewport .x4ctreeviewitem.folder:not(.open)>.body{height:0;opacity:0}.x4treeview>.body>.x4viewport .x4ctreeviewitem.folder:not(.open)>.label>.x4icon{transform:rotate(-90deg)}.x4treeview>#footer{border-top:1px solid var(--border);margin:0}.x4treeview>#footer.x4btngroup{gap:0px}.x4treeview>#footer.x4btngroup .x4button{background-color:var(--ol-button-background);color:var(--ol-button-color);margin:0}.x4treeview>#footer.x4btngroup .x4button .x4icon{height:1.5em;width:1.5em}.x4treeview>#footer.x4btngroup .x4button:hover{background-color:var(--ol-button-background-hover);color:var(--ol-button-color-hover)}.x4treeview>#footer.x4btngroup .x4button:active{background-color:var(--ol-button-background-active);color:var(--ol-button-color-active)}.x4treeview>#footer.x4btngroup .x4button:active #icon{color:var(--button-icon-color)}.x4treeview>#footer.x4btngroup .x4button:focus{background-color:var(--ol-button-background-hover)}.x4treeview>#footer.x4btngroup .x4button:disabled{color:var(--disabled-color-dark)}.x4treeview[disabled]{cursor:not-allowed;border-color:var(--border);color:var(--treeview-item-color-disabled);--treeitem-color: var( --treeview-item-color-disabled );--treeitem-icon-color: var( --treeview-item-color-disabled )}.x4treeview[disabled]>.body .x4viewport{pointer-events:none}.x4treeview[disabled]>.body .x4viewport .x4item.selected{background-color:var(--treeview-item-color-sel-disabled)}.x4video{background-color:#000;position:relative}.x4video .vplayer{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--font-name: "montserrat";--font-size: 14px}*{user-select:none;box-sizing:border-box}body{font-family:var(--font-name);font-size:var(--font-size)}dialog{margin:0;padding:0}.x4hidden{display:none!important}:root{--color-red-50: oklch(.971 .013 17.38);--color-red-100: oklch(.936 .032 17.717);--color-red-200: oklch(.885 .062 18.334);--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-red-600: oklch(.577 .245 27.325);--color-red-700: oklch(.505 .213 27.518);--color-red-800: oklch(.444 .177 26.899);--color-red-900: oklch(.396 .141 25.723);--color-red-950: oklch(.258 .092 26.042);--color-orange-50: oklch(.98 .016 73.684);--color-orange-100: oklch(.954 .038 75.164);--color-orange-200: oklch(.901 .076 70.697);--color-orange-300: oklch(.837 .128 66.29);--color-orange-400: oklch(.75 .183 55.934);--color-orange-500: oklch(.705 .213 47.604);--color-orange-600: oklch(.646 .222 41.116);--color-orange-700: oklch(.553 .195 38.402);--color-orange-800: oklch(.47 .157 37.304);--color-orange-900: oklch(.408 .123 38.172);--color-orange-950: oklch(.266 .079 36.259);--color-amber-50: oklch(.987 .022 95.277);--color-amber-100: oklch(.962 .059 95.617);--color-amber-200: oklch(.924 .12 95.746);--color-amber-300: oklch(.879 .169 91.605);--color-amber-400: oklch(.828 .189 84.429);--color-amber-500: oklch(.769 .188 70.08);--color-amber-600: oklch(.666 .179 58.318);--color-amber-700: oklch(.555 .163 48.998);--color-amber-800: oklch(.473 .137 46.201);--color-amber-900: oklch(.414 .112 45.904);--color-amber-950: oklch(.279 .077 45.635);--color-yellow-50: oklch(.987 .026 102.212);--color-yellow-100: oklch(.973 .071 103.193);--color-yellow-200: oklch(.945 .129 101.54);--color-yellow-300: oklch(.905 .182 98.111);--color-yellow-400: oklch(.852 .199 91.936);--color-yellow-500: oklch(.795 .184 86.047);--color-yellow-600: oklch(.681 .162 75.834);--color-yellow-700: oklch(.554 .135 66.442);--color-yellow-800: oklch(.476 .114 61.907);--color-yellow-900: oklch(.421 .095 57.708);--color-yellow-950: oklch(.286 .066 53.813);--color-lime-50: oklch(.986 .031 120.757);--color-lime-100: oklch(.967 .067 122.328);--color-lime-200: oklch(.938 .127 124.321);--color-lime-300: oklch(.897 .196 126.665);--color-lime-400: oklch(.841 .238 128.85);--color-lime-500: oklch(.768 .233 130.85);--color-lime-600: oklch(.648 .2 131.684);--color-lime-700: oklch(.532 .157 131.589);--color-lime-800: oklch(.453 .124 130.933);--color-lime-900: oklch(.405 .101 131.063);--color-lime-950: oklch(.274 .072 132.109);--color-green-50: oklch(.982 .018 155.826);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-800: oklch(.448 .119 151.328);--color-green-900: oklch(.393 .095 152.535);--color-green-950: oklch(.266 .065 152.934);--color-emerald-50: oklch(.979 .021 166.113);--color-emerald-100: oklch(.95 .052 163.051);--color-emerald-200: oklch(.905 .093 164.15);--color-emerald-300: oklch(.845 .143 164.978);--color-emerald-400: oklch(.765 .177 163.223);--color-emerald-500: oklch(.696 .17 162.48);--color-emerald-600: oklch(.596 .145 163.225);--color-emerald-700: oklch(.508 .118 165.612);--color-emerald-800: oklch(.432 .095 166.913);--color-emerald-900: oklch(.378 .077 168.94);--color-emerald-950: oklch(.262 .051 172.552);--color-teal-50: oklch(.984 .014 180.72);--color-teal-100: oklch(.953 .051 180.801);--color-teal-200: oklch(.91 .096 180.426);--color-teal-300: oklch(.855 .138 181.071);--color-teal-400: oklch(.777 .152 181.912);--color-teal-500: oklch(.704 .14 182.503);--color-teal-600: oklch(.6 .118 184.704);--color-teal-700: oklch(.511 .096 186.391);--color-teal-800: oklch(.437 .078 188.216);--color-teal-900: oklch(.386 .063 188.416);--color-teal-950: oklch(.277 .046 192.524);--color-cyan-50: oklch(.984 .019 200.873);--color-cyan-100: oklch(.956 .045 203.388);--color-cyan-200: oklch(.917 .08 205.041);--color-cyan-300: oklch(.865 .127 207.078);--color-cyan-400: oklch(.789 .154 211.53);--color-cyan-500: oklch(.715 .143 215.221);--color-cyan-600: oklch(.609 .126 221.723);--color-cyan-700: oklch(.52 .105 223.128);--color-cyan-800: oklch(.45 .085 224.283);--color-cyan-900: oklch(.398 .07 227.392);--color-cyan-950: oklch(.302 .056 229.695);--color-sky-50: oklch(.977 .013 236.62);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(.901 .058 230.902);--color-sky-300: oklch(.828 .111 230.318);--color-sky-400: oklch(.746 .16 232.661);--color-sky-500: oklch(.685 .169 237.323);--color-sky-600: oklch(.588 .158 241.966);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-blue-50: oklch(.97 .014 254.604);--color-blue-100: oklch(.932 .032 255.585);--color-blue-200: oklch(.882 .059 254.128);--color-blue-300: oklch(.809 .105 251.813);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: oklch(.488 .243 264.376);--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: oklch(.379 .146 265.522);--color-blue-950: oklch(.282 .091 267.935);--color-indigo-50: oklch(.962 .018 272.314);--color-indigo-100: oklch(.93 .034 272.788);--color-indigo-200: oklch(.87 .065 274.039);--color-indigo-300: oklch(.785 .115 274.713);--color-indigo-400: oklch(.673 .182 276.935);--color-indigo-500: oklch(.585 .233 277.117);--color-indigo-600: oklch(.511 .262 276.966);--color-indigo-700: oklch(.457 .24 277.023);--color-indigo-800: oklch(.398 .195 277.366);--color-indigo-900: oklch(.359 .144 278.697);--color-indigo-950: oklch(.257 .09 281.288);--color-violet-50: oklch(.969 .016 293.756);--color-violet-100: oklch(.943 .029 294.588);--color-violet-200: oklch(.894 .057 293.283);--color-violet-300: oklch(.811 .111 293.571);--color-violet-400: oklch(.702 .183 293.541);--color-violet-500: oklch(.606 .25 292.717);--color-violet-600: oklch(.541 .281 293.009);--color-violet-700: oklch(.491 .27 292.581);--color-violet-800: oklch(.432 .232 292.759);--color-violet-900: oklch(.38 .189 293.745);--color-violet-950: oklch(.283 .141 291.089);--color-purple-50: oklch(.977 .014 308.299);--color-purple-100: oklch(.946 .033 307.174);--color-purple-200: oklch(.902 .063 306.703);--color-purple-300: oklch(.827 .119 306.383);--color-purple-400: oklch(.714 .203 305.504);--color-purple-500: oklch(.627 .265 303.9);--color-purple-600: oklch(.558 .288 302.321);--color-purple-700: oklch(.496 .265 301.924);--color-purple-800: oklch(.438 .218 303.724);--color-purple-900: oklch(.381 .176 304.987);--color-purple-950: oklch(.291 .149 302.717);--color-fuchsia-50: oklch(.977 .017 320.058);--color-fuchsia-100: oklch(.952 .037 318.852);--color-fuchsia-200: oklch(.903 .076 319.62);--color-fuchsia-300: oklch(.833 .145 321.434);--color-fuchsia-400: oklch(.74 .238 322.16);--color-fuchsia-500: oklch(.667 .295 322.15);--color-fuchsia-600: oklch(.591 .293 322.896);--color-fuchsia-700: oklch(.518 .253 323.949);--color-fuchsia-800: oklch(.452 .211 324.591);--color-fuchsia-900: oklch(.401 .17 325.612);--color-fuchsia-950: oklch(.293 .136 325.661);--color-pink-50: oklch(.971 .014 343.198);--color-pink-100: oklch(.948 .028 342.258);--color-pink-200: oklch(.899 .061 343.231);--color-pink-300: oklch(.823 .12 346.018);--color-pink-400: oklch(.718 .202 349.761);--color-pink-500: oklch(.656 .241 354.308);--color-pink-600: oklch(.592 .249 .584);--color-pink-700: oklch(.525 .223 3.958);--color-pink-800: oklch(.459 .187 3.815);--color-pink-900: oklch(.408 .153 2.432);--color-pink-950: oklch(.284 .109 3.907);--color-rose-50: oklch(.969 .015 12.422);--color-rose-100: oklch(.941 .03 12.58);--color-rose-200: oklch(.892 .058 10.001);--color-rose-300: oklch(.81 .117 11.638);--color-rose-400: oklch(.712 .194 13.428);--color-rose-500: oklch(.645 .246 16.439);--color-rose-600: oklch(.586 .253 17.585);--color-rose-700: oklch(.514 .222 16.935);--color-rose-800: oklch(.455 .188 13.697);--color-rose-900: oklch(.41 .159 10.272);--color-rose-950: oklch(.271 .105 12.094);--color-slate-50: oklch(.984 .003 247.858);--color-slate-100: oklch(.968 .007 247.896);--color-slate-200: oklch(.929 .013 255.508);--color-slate-300: oklch(.869 .022 252.894);--color-slate-400: oklch(.704 .04 256.788);--color-slate-500: oklch(.554 .046 257.417);--color-slate-600: oklch(.446 .043 257.281);--color-slate-700: oklch(.372 .044 257.287);--color-slate-800: oklch(.279 .041 260.031);--color-slate-900: oklch(.208 .042 265.755);--color-slate-950: oklch(.129 .042 264.695);--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-gray-900: oklch(.21 .034 264.665);--color-gray-950: oklch(.13 .028 261.692);--color-zinc-50: oklch(.985 0 0);--color-zinc-100: oklch(.967 .001 286.375);--color-zinc-200: oklch(.92 .004 286.32);--color-zinc-300: oklch(.871 .006 286.286);--color-zinc-400: oklch(.705 .015 286.067);--color-zinc-500: oklch(.552 .016 285.938);--color-zinc-600: oklch(.442 .017 285.786);--color-zinc-700: oklch(.37 .013 285.805);--color-zinc-800: oklch(.274 .006 286.033);--color-zinc-900: oklch(.21 .006 285.885);--color-zinc-950: oklch(.141 .005 285.823);--color-neutral-50: oklch(.985 0 0);--color-neutral-100: oklch(.97 0 0);--color-neutral-200: oklch(.922 0 0);--color-neutral-300: oklch(.87 0 0);--color-neutral-400: oklch(.708 0 0);--color-neutral-500: oklch(.556 0 0);--color-neutral-600: oklch(.439 0 0);--color-neutral-700: oklch(.371 0 0);--color-neutral-800: oklch(.269 0 0);--color-neutral-900: oklch(.205 0 0);--color-neutral-950: oklch(.145 0 0);--color-stone-50: oklch(.985 .001 106.423);--color-stone-100: oklch(.97 .001 106.424);--color-stone-200: oklch(.923 .003 48.717);--color-stone-300: oklch(.869 .005 56.366);--color-stone-400: oklch(.709 .01 56.259);--color-stone-500: oklch(.553 .013 58.071);--color-stone-600: oklch(.444 .011 73.639);--color-stone-700: oklch(.374 .01 67.558);--color-stone-800: oklch(.268 .007 34.298);--color-stone-900: oklch(.216 .006 56.043);--color-stone-950: oklch(.147 .004 49.25);--color-black: #000;--color-white: #fff}:root{--color-primary-a0: #ffffff;--color-primary-a5: rgb(90.0588235294%, 94.1764705882%, 97.5882352941%);--color-primary-a10: rgb(87.8054901961%, 92.8564705882%, 97.0415686275%);--color-primary-a20: rgb(74.2854901961%, 84.9364705882%, 93.7615686275%);--color-primary-a30: rgb(60.7654901961%, 77.0164705882%, 90.4815686275%);--color-primary-a40: rgb(47.2454901961%, 69.0964705882%, 87.2015686275%);--color-primary-a50: #569cd6;--color-primary-a55: rgb(25.6778711485%, 56.4621848739%, 81.9691876751%);--color-primary-a60: rgb(20.2054901961%, 53.2564705882%, 80.6415686275%);--color-primary-a70: rgb(16.4091876751%, 44.4248739496%, 67.6378711485%);--color-primary-a80: rgb(13.1291876751%, 35.5448739496%, 54.1178711485%);--color-primary-a90: rgb(9.8491876751%, 26.6648739496%, 40.5978711485%);--color-primary-a100: #000000;--color-danger-a30: rgb(95.5052790347%, 46.0633484163%, 46.0633484163%);--color-danger-a50: #c01010;--color-danger-a60: rgb(56.8325791855%, 4.7360482655%, 4.7360482655%);--color-warning-a50: #b67b0d;--color-success-a50: #10c01f;--color-success-a60: rgb(4.7360482655%, 56.8325791855%, 9.1760935143%)}:root{--background-primary: var(--color-primary-a0);--background-secondary: var(--color-primary-a10);--background-ternary: color-mix(in srgb, var(--color-primary-a100) 4.3%, var(--color-primary-a0));--background-odd: color-mix(in srgb, var(--color-primary-a100) 2.4%, var(--color-primary-a0));--background-hover: color-mix(in srgb, var(--color-primary-a100) 6.7%, var(--color-primary-a0));--background-active: color-mix(in srgb, var(--color-primary-a100) 20%, var(--color-primary-a0));--background-input: color-mix(in srgb, var(--color-primary-a0) 60%, transparent);--text-primary: var(--color-primary-a100);--text-secondary: color-mix(in srgb, var(--color-primary-a100) 40%, var(--color-primary-a0));--text-ternary: color-mix(in srgb, var(--color-primary-a100) 60%, var(--color-primary-a0));--disabled-background: color-mix(in srgb, var(--color-primary-a100) 20%, var(--color-primary-a0));--disabled-color: var(--color-primary-a0);--disabled-color-dark: color-mix(in srgb, var(--color-primary-a100) 33.3%, var(--color-primary-a0));--disabled-color-light: color-mix(in srgb, var(--color-primary-a100) 20%, var(--color-primary-a0));--icon-color: color-mix(in srgb, var(--color-primary-a100) 44%, transparent);--icon-color-active: color-mix(in srgb, var(--accent-color) 64%, transparent);--accent-background: var(--color-primary-a60);--accent-background-hover: var(--color-primary-a55);--accent-background-focus: var(--color-primary-a70);--accent-background-active: var(--color-primary-a80);--accent-background-light: color-mix(in srgb, var(--accent-background) 25%, transparent);--accent-color: var(--color-primary-a0);--accent-color-hover: var(--color-primary-a0);--accent-color-focus: var(--color-primary-a0);--accent-color-active: var(--color-primary-a0);--border: color-mix(in srgb, var(--color-primary-a100) 11.8%, var(--color-primary-a0));--border-light: color-mix(in srgb, var(--color-primary-a100) 8.2%, var(--color-primary-a0));--border-hover: color-mix(in srgb, var(--color-primary-a100) 23.9%, var(--color-primary-a0));--border-focus: var(--accent-background);--alert-background: var(--color-danger-a50);--alert-background-active: var(--color-danger-a60);--alert-background-light: color-mix(in srgb, var(--alert-background) 15%, transparent);--alert-color: #ffffff;--warning-background: var(--color-warning-a50);--warning-background-light: color-mix(in srgb, var(--warning-background) 15%, transparent);--warning-color: #ffffff;--success-background: var(--color-success-a50);--success-background-active: var(--color-success-a60);--success-color: #ffffff}html.x4theme-dark{--color-primary-a0: #1f1f1f;--color-primary-a5: #252526;--color-primary-a10: #2a2d2e;--color-primary-a20: #37373d;--color-primary-a30: #3c3c3c;--color-primary-a40: #04395e;--color-primary-a50: #0078d4;--color-primary-a55: #026ec1;--color-primary-a60: #0078d4;--color-primary-a70: #026ec1;--color-primary-a80: #04395e;--color-primary-a90: #cccccc;--color-primary-a100: #cccccc;--background-ternary: #181818;--background-hover: #2b2b2b;--background-active: #37373d;--background-input: #313131;--text-secondary: #9d9d9d;--text-ternary: #bbbbbb;--border: #3c3c3c;--border-light: #2b2b2b;--border-hover: #616161;--disabled-background: #313131;--disabled-color: #6e6e6e;--disabled-color-dark: #6e6e6e;--disabled-color-light: #4f4f4f;--accent-color: #ffffff;--accent-color-hover: #ffffff;--accent-color-focus: #ffffff;--accent-color-active: #ffffff;--color-dialog-caption: #181818;--color-dialog-caption-text: #cccccc;--color-dialog-background: #202020;color-scheme:dark}.x4box{position:relative}.fit{position:absolute;inset:0}.x4flex{flex-grow:1;flex-shrink:0;flex-basis:0;min-width:0}.x4stretch{align-self:stretch}.x4fit-h{width:stretch}.x4fit-v{height:stretch}.x4fit{height:stretch;width:stretch}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shaking{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%{transform:rotate(0)}}.x4rotate{animation:rotating 2s linear infinite}.x4shake{animation-name:shaking;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:reverse}option:checked{background-color:var(--accent-background);color:var(--accent-color)}.x4assistbox.steps{border:1px solid var(--border)}.x4assistbox.steps .step{justify-content:center;gap:8px;padding:16px}.x4assistbox.steps .step .x4input{padding:4px 6px;border:1px solid var(--border)}.x4assistbox.slides{background:var(--background-secondary)}.x4assistbox.slides .slide{justify-content:center;gap:10px;font-size:1.4rem;--label-color: var( --text-primary )}.x4assistbox.slides .slide #icon{width:2rem;height:2rem;fill:var(--accent-background)}:where([id^=btngroup-]>.demo,.usage>.preview) .x4btngroup{border:1px solid var(--border-light)}.x4btngroup.packed{align-self:flex-start;border:1px solid var(--border)}.x4btngroup.packed .x4button #icon{fill:var(--ol-button-color)}.x4button.round{width:36px;height:36px;border-radius:50%;justify-content:center}.x4button.green{--button-background: var( --color-green-700 );--button-background-hover: var( --color-green-600 );--button-background-focus: var( --color-green-800 );--button-background-active: var( --color-green-900 )}.x4canvas{border:1px solid var(--border)}.checkbox-icons{gap:10px}.checkbox-icons>.x4hbox{gap:12px}.paste-zone{width:420px;padding:8px;gap:8px;border:1px dashed var(--border);outline:none}.paste-zone:focus{border-color:var(--accent-background)}.x4dropdownlist .size{padding:2px 8px;color:var(--text-secondary)}.x4dropdownlist .x4item.selected .size{color:var(--accent-color)}.x4dockingview.dock{border:1px solid var(--border)}.x4dockingview.dock .x4simpletext{padding:8px;white-space:pre-line;color:var(--text-primary)}.dd-board{gap:12px;align-items:start}.dd-column{width:200px;min-height:140px;padding:8px;gap:6px;border:1px solid var(--border);background-color:var(--background-ternary)}.dd-column>.title{font-weight:600}.dd-column.drop-over{border-color:var(--accent-background)}.dd-card{padding:6px 8px;border:1px solid var(--border);background-color:var(--background-primary);cursor:grab}.dd-card.dragging{opacity:.4}.dd-marker{flex-shrink:0;height:3px;background-color:var(--accent-background)}.dd-files{width:420px;min-height:80px;justify-content:center;border-style:dashed}.x4image.dropped{border:1px dashed var(--border-hover)}.x4form.horizontal>*{align-self:center}.x4label.result{font-family:monospace;white-space:normal}.x4gridbox.cells{gap:6px}.x4gridbox.cells>.x4simpletext{display:flex;align-items:center;justify-content:center;padding:8px;background:var(--background-secondary);color:var(--text-primary)}.x4gridview .x4button.delete{margin:0;padding:4px;--button-background: transparent;--button-color: var( --text-ternary );--button-background-hover: var( --alert-background );--button-color-hover: var( --alert-color )}.componentpage:has(#hbox-formLine) .usage>.preview>.x4hbox{outline:1px dashed var(--border-hover)}.x4hbox.boxline{gap:8px;padding:8px;border:1px dashed var(--border-hover)}.x4hbox.boxline.high{height:90px}.own-table{width:420px;border:1px solid var(--border)}.own-table>.x4header{border-bottom:1px solid var(--border)}.own-table>.row{display:flex}.own-table>.row>*{padding:4px;overflow:hidden}.own-table>.row>.city{width:var(--city-width)}.own-table>.row>.country{width:var(--country-width)}.panes{border:1px solid var(--border);overflow:hidden}.panes>.x4vbox,.panes .x4vsplitbox>.x4vbox{padding:8px;background:var(--background-ternary);overflow:hidden}.panes .x4csizer{background:var(--border)}.resizable{padding:8px;border:1px solid var(--border);background:var(--background-ternary)}.resizable>.x4csizer:hover{background:var(--accent-background)}.icon-row{gap:12px}.icon-row>.x4icon{width:32px;height:32px;color:var(--text-primary)}.icon-row>.x4icon.red{color:var(--color-red-600)}.fits{gap:16px;align-items:flex-start}.fits .x4image{border:1px solid var(--border)}.x4image.drop{border:2px dashed var(--border);cursor:pointer}.componentpage:has(#input-types) input.x4input{border-bottom:1px solid var(--border-hover)}.input-types{gap:6px}.input-types>.x4hbox>.x4label{width:90px}.democard:not(:focus-within) .x4keyboard,.usage>.preview:not(:focus-within) .x4keyboard{display:none}.kb-box{position:relative;gap:8px}.x4label.al-right{justify-content:end;text-align:right}.x4label.warning{--label-color: var( --warning-background );--label-icon-color: var( --warning-background )}.aligned>.x4label{padding:4px 8px;border:1px dashed var(--border)}.tiles>.x4label.vertical{width:96px;padding:12px;background:var(--background-secondary)}.tiles>.x4label.vertical #icon{height:32px}.x4link.card-link{display:flex;align-items:center;gap:12px;width:360px;padding:12px;border:1px solid var(--border);color:var(--text-primary);text-decoration:none}.x4link.card-link:hover{border-color:var(--accent-background)}.x4link.card-link .x4icon{width:20px;height:20px;fill:currentColor}.x4link.card-link .title{font-weight:600;--label-color: var( --text-primary )}.x4listbox.prices .price{padding:2px 8px;font-variant-numeric:tabular-nums;color:var(--text-ternary)}.x4listbox.prices .x4item.selected .price{color:var(--accent-color)}.x4masonrybox .card{padding:10px 12px;border:1px solid var(--border);background:var(--background-secondary);color:var(--text-primary)}.menu-zone{display:flex;align-items:center;justify-content:center;height:120px;border:2px dashed var(--border)}.x4notification .x4icon.rotate{animation:rotating 2s linear infinite}.x4popup.popup-panel{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border:1px solid var(--border);background-color:var(--background-primary);color:var(--text-primary);box-shadow:0 8px 24px #0003}.x4popup.popup-panel>.caption-element{cursor:move;font-weight:600;--label-color: var( --text-primary )}.popup-zone{display:flex;align-items:center;justify-content:center;height:120px;border:2px dashed var(--border);color:var(--text-secondary)}.bars{gap:16px}.x4progress.success{--progress-color: var( --success-background )}.x4progress.thick{height:14px;--progress-color: var( --color-violet-600 )}.x4progressionbox #sub-text .error{color:var(--alert-background)}.democard .x4propertygrid,.usage>.preview>.x4propertygrid{flex:none}.x4label.json{font-family:monospace}.radio-icons{gap:10px}.radio-icons>.x4hbox{gap:20px}.radio-icons .x4radio:not(.button){gap:6px}.usage>.preview>.x4rating{align-self:center;outline:none}.x4rating.hearts{--rating-checked: var( --color-red-600 )}.x4rating.hearts .item{width:22px;height:22px}.x4form.ratings{flex:none;padding:0}.scroll-frame{border:1px solid var(--border)}.scroll-frame .x4viewport{padding:8px}.scroll-frame .big{justify-content:space-between;background:linear-gradient(135deg,var(--background-ternary),var(--color-primary-a20))}.scroll-frame .big>.far{align-self:flex-end}.x4label.values{font-family:monospace}.aligned-text>.x4simpletext{padding:4px 8px;border:1px dashed var(--border)}.x4spreadsheet.stock .row.out .cell{color:var(--alert-background);font-style:italic}.x4stackbox.pages{border:1px solid var(--border)}.x4stackbox.pages .page{justify-content:center;gap:10px;font-size:1.4rem;background:var(--background-secondary);--label-color: var( --text-primary )}.x4stackbox.pages .page #icon{width:1.4rem;height:1.4rem;fill:var(--accent-background)}svg.svgcomponent{border:1px solid var(--border)}.bar{cursor:pointer}.bar:hover{fill:#e8590c}svg.dots{border:1px dashed var(--border);cursor:crosshair}svg.dots .dot{cursor:pointer}.x4tabs>.body>*{padding:8px}.usage>.preview>.x4tag{align-self:center}.x4tag .x4icon{fill:var(--tag-icon-color)}.tags{gap:6px;align-items:flex-start}.tags.wrap{flex-wrap:wrap}.x4tag.green{--tag-background: var( --color-green-100 );--tag-border: var( --color-green-600 );--tag-color: var( --color-green-800 )}.x4tag.outline{--tag-background: transparent;--tag-border: var( --accent-background );--tag-color: var( --accent-background )}.x4textedit .gadget{--button-color: var( --textedit-btn-color );--button-color-hover: var( --textedit-btn-color-hover );--button-color-focus: var( --textedit-btn-color-hover );--button-color-active: var( --textedit-btn-color-hover )}.theme-sample{gap:12px;padding:12px;border:1px solid var(--border);background-color:var(--background-primary)}html.x4theme-sand{--color-primary-a0: #fbf6ec;--color-primary-a10: #f1e4cc;--color-primary-a100: #3b2f1e;--accent-background: #b5651d;--accent-background-hover: #c87a2f;--accent-background-focus: #9a5418;--accent-background-active: #7d4413}.x4tickline{border:1px solid var(--border)}.x4timeline .step{align-items:flex-start;gap:4px;padding-top:2px}.x4timeline.green{--timeline-done-color: var( --color-green-600 );--timeline-todo-color: var( --color-green-100 );--timeline-todo-icon-color: var( --color-green-800 )}.demo-tip{max-width:260px;white-space:normal;line-height:1.4}.demo-tip p,.demo-tip ul{margin:4px 0}.demo-tip ul{padding-left:18px}.demo-tip .key{display:inline-block;padding:0 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background-color:var(--background-primary);font-size:85%}.demo-tip .badge{padding:0 6px;border-radius:8px;background-color:var(--success-background);color:var(--success-color);font-size:80%}.demo-tip .muted{color:var(--text-secondary);font-size:85%}.clock{padding:8px;border-bottom:1px dashed var(--text-secondary);cursor:help}.componentpage:has(#vbox-form) .usage>.preview>.x4vbox{outline:1px dashed var(--border-hover)}.x4vbox.boxcolumn{gap:6px;padding:8px;border:1px dashed var(--border-hover)}.x4vbox.boxcolumn .x4input{padding:4px 6px;border:1px solid var(--border)}.x4vbox.boxcolumn .head{font-weight:600}.x4vbox.boxcolumn .body{display:flex;align-items:center;justify-content:center;background:var(--background-secondary);color:var(--text-ternary)}.x4vbox.boxcolumn .toolbar{gap:4px;border-bottom:1px solid var(--border)}.x4vbox.boxcolumn .x4hbox{gap:6px}.x4canvas{position:relative}:root{--font-name: montserrat, system-ui, "Segoe UI", sans-serif;--code-background: var( --background-ternary );--settingsview-section-background: var( --background-primary )}.gallery .x4settingsview .section{border:none}.gallery .x4settingsview .section>.title{background:transparent;--label-color: var( --accent-background )}.x4icon{fill:currentColor}body{margin:0;background-color:var(--background-primary);color:var(--text-primary)}.gallery{height:100vh}.header{flex-shrink:0;height:56px;padding:0 16px;gap:12px;border-bottom:1px solid var(--border)}.header>.brand{width:248px;font-size:1.25rem;font-weight:700;--label-color: var( --text-primary )}.header>.brand #icon{width:1.6em;height:1.6em;margin-right:.3em}.header>.brand .version{margin-left:.6em;font-size:.55em;font-weight:400;color:var(--text-secondary)}.header>.search{align-self:center;width:260px;padding:3px 4px 3px 6px;border:1px solid var(--border);background-color:var(--input-background)}.header>.search>#edit{border-bottom:none}.header>.search:focus-within{border-color:var(--accent-background)}.main{min-height:0;align-items:stretch}.nav{flex-shrink:0;width:280px;padding:8px 0 48px;overflow-y:auto;border-right:1px solid var(--border)}.nav>.category>.title{padding:14px 16px 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--label-color: var( --accent-background )}.nav a{padding:6px 16px 6px 22px;border-left:2px solid transparent;color:var(--text-primary);text-decoration:none;cursor:pointer}.nav a:hover{background:var(--background-secondary)}.nav a.active{border-left-color:var(--accent-background);background:var(--background-secondary);font-weight:600}.content{display:flex;flex-direction:column;min-width:0;min-height:0}.componentpage{min-height:0;padding:28px 40px 80px;overflow-y:auto;gap:8px}.componentpage>*{flex-shrink:0;width:100%;max-width:1000px;margin-inline:auto}.componentpage>.name{position:sticky;top:-28px;z-index:10;padding:2px 12px;font-size:2rem;font-weight:700;background-color:var(--accent-background-focus);--label-color: var( --accent-color )}.componentpage>.description{font-size:1.05rem;line-height:1.5;color:var(--text-ternary)}.componentpage>.section{margin-top:28px;font-size:1.35rem;font-weight:600;--label-color: var( --text-primary )}pre{margin:0;padding:12px 16px;overflow-x:auto;background:var(--code-background);color:var(--text-primary);font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.5;tab-size:4}pre,pre *{user-select:text}pre .keyword{color:#a626a4}pre .string{color:#50a14f}pre .number{color:#c18401}pre .comment{color:#8a8d93;font-style:italic}pre .class{color:#4078f2}html.x4theme-dark pre .keyword{color:#c678dd}html.x4theme-dark pre .string{color:#98c379}html.x4theme-dark pre .number{color:#d19a66}html.x4theme-dark pre .comment{color:#7f848e}html.x4theme-dark pre .class{color:#61afef}.usage{align-items:stretch;border:1px solid var(--border)}.usage>.preview{display:flex;min-height:280px;padding:24px;justify-content:center;align-items:center;overflow:auto}.usage>.preview>.x4settingsview{flex:1}.usage>.preview>.x4box{align-self:center}.usage>.props{flex:none;width:340px;border:none;border-left:1px solid var(--border);--propertygrid-odd-background: var( --background-primary );--propertygrid-group-background: var( --background-primary )}.usage>.props .group{box-shadow:none}.codeview>.bar{gap:4px;padding:4px 8px}.codeview>.bar .x4button{margin:0;padding:4px 10px;--button-background: transparent;--button-color: var( --text-ternary );--button-background-hover: var( --background-secondary );--button-color-hover: var( --text-primary );--button-background-focus: transparent;--button-color-focus: var( --text-primary );--button-background-active: var( --background-secondary );--button-color-active: var( --text-primary )}.codeview>.bar .x4button.active{color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--accent-background)}.codeview>.bar .x4button:focus #label{text-decoration:none}.usage-code{border:1px solid var(--border);border-top:none;background:var(--code-background)}.democard{gap:6px;margin-top:12px;padding:16px 20px;border:1px solid var(--border);scroll-margin-top:56px}.democard>.title{align-self:flex-start;color:var(--text-primary);font-size:1.1rem;font-weight:600;text-decoration:none}.democard>.title:hover{text-decoration:underline}.democard>.text{color:var(--text-ternary);line-height:1.5}.democard>.demo{padding:12px 0}.democard>.demo>.x4hbox,.democard>.demo>.x4vbox>.x4hbox{gap:8px}.democard>.toggle{align-self:flex-start;margin:0}.democard>.codeview{margin-top:6px;border:1px solid var(--border);background:var(--code-background)}