:root{--jj-border-radius-small: 4px;--jj-border-radius-medium: 6px;--jj-border-radius-large: 12px;--jj-bg-tooltip: #374151;--jj-bg-navigator-path-fill: #8DA9D3;--jj-bg-primary: #FFFFFF;--jj-bg-secondary: #4B5563;--jj-bg-tertiary: #D1D5DB;--jj-bg-quaternary: #EDF1F8;--jj-border-navigator: #4D6490;--jj-border-selector: #137BDD;--jj-border-primary: #9CA3AF;--jj-border-secondary: #D1D5DB;--jj-border-tertiary: #E0E6EA;--jj-border-quaternary: #374151;--jj-text-context-toolbar: #1F2937;--jj-text-primary: #4B5563;--jj-text-secondary: #6B7280;--jj-text-tertiary: #9CA3AF;--jj-text-disabled: #D1D5DB;--jj-accent-primary: #E2E9F4;--jj-accent-secondary: #D9E2F2;--jj-accent-tertiary: #D2DDE5;--jj-accent-hover: #EDF1F8}@font-face{font-family:"Open Sans";font-stretch:75% 125%;font-style:normal;font-weight:125 950;src:url(../assets/fonts/OpenSans.ttf)}@keyframes fadeIn{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.joint-select-box.joint-color-palette.joint-theme-light .select-box-selection{padding:4px;box-sizing:border-box;border-radius:var(--jj-border-radius-small);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.joint-select-box.joint-color-palette.joint-theme-light .select-box-selection::after{content:none}.joint-select-box.joint-color-palette.joint-theme-light .select-box-selection .select-box-option-content{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--jj-border-secondary)}.joint-select-box.joint-color-palette.joint-theme-light .select-box-selection .select-box-option-content img{margin:0;width:100%;height:100%;border-radius:50%}.joint-select-box-options.joint-select-box.joint-color-palette.joint-theme-light.rendered{background-color:var(--jj-bg-primary);border-radius:var(--jj-border-radius-small);width:144px;box-shadow:0px 4px 4px 0px rgba(0,0,0,.2509803922)}.joint-select-box-options.joint-select-box.joint-color-palette.joint-theme-light.rendered .select-box-option-content.select-box-option{border-radius:50%;border:solid 1px var(--jj-border-secondary)}.joint-select-box-options.joint-select-box.joint-color-palette.joint-theme-light.rendered .select-box-option-content.select-box-option img.select-box-option-icon{width:100%;height:100%;margin:0;vertical-align:unset !important}.joint-context-toolbar.joint-theme-light.joint-vertical{min-width:116px;box-shadow:0px 4px 14px 0px rgba(0,0,0,.06);border-radius:var(--jj-border-radius-medium);padding:2px;border:1px solid var(--jj-accent-primary);background:var(--jj-bg-primary);animation:fadeIn .2s ease-in-out}.joint-context-toolbar.joint-theme-light.joint-vertical .tools{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-radius:inherit;background:var(--jj-bg-primary);cursor:default;flex-grow:1}.joint-context-toolbar.joint-theme-light.joint-vertical .tools .tool{display:flex;height:28px;width:100%;padding:0px 12px;align-items:center;color:var(--jj-text-context-menu);text-align:center;font-family:"Open Sans",sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;border:none;background:var(--jj-bg-primary)}.joint-context-toolbar.joint-theme-light.joint-vertical .tools .tool:first-of-type{border-top-left-radius:var(--jj-border-radius-small);border-top-right-radius:var(--jj-border-radius-small)}.joint-context-toolbar.joint-theme-light.joint-vertical .tools .tool:last-of-type{border-bottom-left-radius:var(--jj-border-radius-small);border-bottom-right-radius:var(--jj-border-radius-small)}.joint-context-toolbar.joint-theme-light.joint-vertical .tools .tool:not(:disabled):hover{background:var(--jj-accent-primary)}.joint-context-toolbar.joint-theme-light.joint-vertical .tools .tool[disabled]{color:var(--jj-text-disabled);cursor:inherit}.joint-free-transform.joint-theme-light{border:1px solid var(--jj-border-selector)}.joint-free-transform.joint-theme-light .resize{border-radius:1px !important;width:6px;height:6px}.joint-free-transform.joint-theme-light .resize.nw,.joint-free-transform.joint-theme-light .resize.ne,.joint-free-transform.joint-theme-light .resize.se,.joint-free-transform.joint-theme-light .resize.sw{background:var(--jj-border-selector)}.joint-halo.joint-theme-light .handle.nw,.joint-halo.joint-theme-light .handle.sw,.joint-halo.joint-theme-light .handle.w{transform:translate(-5px, 0)}.joint-halo.joint-theme-light .handle.ne,.joint-halo.joint-theme-light .handle.se,.joint-halo.joint-theme-light .handle.e{transform:translate(5px, 0)}.joint-halo.joint-theme-light .handle.remove{background-image:url(../assets/halo/icon-remove.svg)}.joint-halo.joint-theme-light .handle.unlink{background-image:url(../assets/halo/icon-unlink.svg)}.joint-halo.joint-theme-light .handle.rotate{background-image:url(../assets/halo/icon-rotate.svg)}.joint-halo.joint-theme-light .handle.fork{background-image:url(../assets/halo/icon-fork.svg)}.joint-halo.joint-theme-light .handle.link{background-image:url(../assets/halo/icon-link.svg)}.joint-halo.joint-theme-light .handle.clone{background-image:url(../assets/halo/icon-clone.svg)}.joint-inspector.joint-theme-light .group{padding:0;max-height:1000px;transition:max-height .3s ease-in}.joint-inspector.joint-theme-light .group .group-label::before{top:0 !important;position:static !important;margin-right:8px !important;margin-left:4px !important;width:auto !important;height:auto !important}.joint-inspector.joint-theme-light .group.closed{max-height:32px;transition:max-height .3s ease-out}.joint-inspector.joint-theme-light .group.closed .field:not(.color-palette-field){display:block}.joint-inspector.joint-theme-light .group.closed .group-label::before{transform:rotate(-90deg);filter:invert(0.5)}.joint-inspector.joint-theme-light .group .group-label{border-radius:var(--jj-border-radius-small);background-color:var(--jj-accent-primary);color:var(--jj-text-primary);font-family:"Open Sans",sans-serif;font-size:12px;font-style:normal;font-weight:600;padding:6px 5px 6px 5px;height:32px;box-sizing:border-box;display:flex;align-items:center;transition:background-color .2s ease-in-out}.joint-inspector.joint-theme-light .group .group-label::before{width:10px !important;height:16px !important;transition:transform .3s ease;content:url(../assets/inspector/icon-opened.svg) !important}.joint-inspector.joint-theme-light .group .group-label:hover{background-color:var(--jj-accent-hover)}.joint-inspector.joint-theme-light .group .field{box-sizing:border-box;padding:10px 4px 0 4px;background-color:var(--jj-bg-primary)}.joint-inspector.joint-theme-light .group .field label{font-family:"Open Sans",sans-serif;font-size:12px;font-weight:600;line-height:16px;text-align:left}.joint-inspector.joint-theme-light .group .field label.with-output{margin-right:8px}.joint-inspector.joint-theme-light .group .field.range-field input{color:var(--jj-bg-secondary);--thumb-height: 0.875em;--track-height: 0.125em;--track-color: var(--jj-bg-tertiary);--brightness-hover: 130%;--brightness-down: 80%;--clip-edges: 0.125em}.joint-inspector.joint-theme-light .group .field.range-field input{position:relative;background:none;overflow:hidden;padding:6px 0}.joint-inspector.joint-theme-light .group .field.range-field input:active{cursor:grabbing}.joint-inspector.joint-theme-light .group .field.range-field input:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.joint-inspector.joint-theme-light .group .field.range-field input,.joint-inspector.joint-theme-light .group .field.range-field input::-webkit-slider-runnable-track,.joint-inspector.joint-theme-light .group .field.range-field input::-webkit-slider-thumb{-webkit-appearance:none;transition:all ease 100ms;height:var(--thumb-height)}.joint-inspector.joint-theme-light .group .field.range-field input::-webkit-slider-runnable-track,.joint-inspector.joint-theme-light .group .field.range-field input::-webkit-slider-thumb{position:relative}.joint-inspector.joint-theme-light .group .field.range-field input::-webkit-slider-thumb{--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom: calc(var(--thumb-height) - var(--clip-top));--clip-further: calc(100% + 1px);--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width, var(--thumb-height));background:linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);background-color:currentColor;box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.joint-inspector.joint-theme-light .group .field.range-field input:hover::-webkit-slider-thumb{filter:brightness(var(--brightness-hover));cursor:grab}.joint-inspector.joint-theme-light .group .field.range-field input:active::-webkit-slider-thumb{filter:brightness(var(--brightness-down));cursor:grabbing}.joint-inspector.joint-theme-light .group .field.range-field input::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px)}.joint-inspector.joint-theme-light .group .field.range-field input:disabled::-webkit-slider-thumb{cursor:not-allowed}.joint-inspector.joint-theme-light .group .field.range-field input,.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-track,.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-thumb{appearance:none;transition:all ease 100ms;height:var(--thumb-height)}.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-track,.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-thumb,.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-progress{background:rgba(255,255,255,0)}.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-thumb{background:currentColor;border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.joint-inspector.joint-theme-light .group .field.range-field input:active::-moz-range-thumb{cursor:grabbing}.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-track{width:100%;background:var(--track-color)}.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-progress{appearance:none;background:currentColor;transition-delay:30ms}.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-track,.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-progress{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-thumb,.joint-inspector.joint-theme-light .group .field.range-field input::-moz-range-progress{filter:brightness(100%)}.joint-inspector.joint-theme-light .group .field.range-field input:hover::-moz-range-thumb,.joint-inspector.joint-theme-light .group .field.range-field input:hover::-moz-range-progress{filter:brightness(var(--brightness-hover))}.joint-inspector.joint-theme-light .group .field.range-field input:active::-moz-range-thumb,.joint-inspector.joint-theme-light .group .field.range-field input:active::-moz-range-progress{filter:brightness(var(--brightness-down))}.joint-inspector.joint-theme-light .group .field.range-field input:disabled::-moz-range-thumb{cursor:not-allowed}.joint-inspector.joint-theme-light .group .field.range-field output,.joint-inspector.joint-theme-light .group .field.range-field span.units{color:var(--jj-text-secondary);font-family:"Open Sans",sans-serif;font-size:12px;font-weight:600;line-height:16px;text-align:left}.joint-inspector.joint-theme-light .group .field.content-editable-field .content-editable{color:var(--jj-text-secondary);font-family:"Open Sans",sans-serif;font-size:14px;font-weight:400;line-height:16px;text-align:left;outline:none;border:1px solid var(--jj-border-secondary);border-radius:var(--jj-border-radius-small);box-sizing:border-box;width:100%;padding:8px}.joint-inspector.joint-theme-light .group .field:last-of-type{margin-bottom:12px}.joint-inspector.joint-theme-light .group button.btn-list-add,.joint-inspector.joint-theme-light .group button.btn-list-del{border:1px solid var(--jj-border-primary);border-radius:50%;background:var(--jj-bg-primary);color:var(--jj-text-primary);width:28px;height:28px;box-sizing:border-box}.joint-inspector.joint-theme-light .group button.btn-list-add:hover,.joint-inspector.joint-theme-light .group button.btn-list-del:hover{background:var(--jj-accent-primary);border-color:var(--jj-accent-primary)}.joint-lightbox.joint-theme-light .bg{background-color:rgba(0,0,0,.7)}.joint-lightbox.joint-theme-light .fg{background-color:#f6f6f6 !important}.joint-lightbox.joint-theme-light .controls button{line-height:17.7px;height:auto;box-sizing:content-box;border-radius:var(--jj-border-radius-small);padding:8px;font-family:"Open Sans",sans-serif;font-size:14px;font-weight:600;color:var(--jj-text-primary);background-color:var(--jj-bg-primary);border:none}.joint-navigator.joint-theme-light{border:none;padding:0 !important}.current-view:not(.joint-navigator.joint-theme-light.hidden){border:2px solid var(--jj-border-navigator);border-radius:var(--jj-border-radius-small)}.joint-popup.joint-theme-light{box-shadow:0px 4px 12px 0px rgba(0,0,0,.0784313725);border-radius:var(--jj-border-radius-small);background-color:var(--jj-bg-primary);border:1px solid var(--jj-border-secondary);animation:fadeIn .2s ease-in-out}.joint-select-box.joint-theme-light{box-sizing:border-box;border-radius:var(--jj-border-radius-small);border:1px solid var(--jj-border-secondary);color:var(--jj-text-primary);font-family:"Open Sans",sans-serif;font-size:13px;font-weight:600;line-height:18px;text-align:left;transition:border-color .2s ease-in-out}.joint-select-box.joint-theme-light[data-type=select-box]:hover{border-color:var(--jj-border-primary)}.joint-select-box.joint-theme-light .select-box-option:hover{background-color:var(--jj-accent-hover)}.joint-select-box.joint-theme-light .select-box-selection::after{width:10px;height:6px;background-image:url("../assets/inspector/icon-arrow-down.svg");background-size:10px 6px}.joint-select-box-options.joint-select-box.joint-theme-light:not(.joint-color-palette){box-sizing:border-box;background-color:var(--jj-bg-primary);color:var(--jj-text-primary);font-family:"Open Sans",sans-serif;font-size:13px;font-weight:600;line-height:18px;border-radius:var(--jj-border-radius-small);border:1px solid var(--jj-border-secondary);transform:translate(-1px, -1px);box-shadow:0px 4px 12px 0px rgba(0,0,0,.0784313725)}.joint-select-box-options.joint-select-box.joint-theme-light:not(.joint-color-palette) .select-box-option.selected::after{width:10px;height:7px;background-image:url("../assets/select-box/icon-selected-option.svg");background-size:10px 7px}.joint-select-box-options.joint-select-box.joint-theme-light:not(.joint-color-palette)>div.select-box-option-content:first-of-type{border-radius:var(--jj-border-radius-small) var(--jj-border-radius-small) 0 0}.joint-select-box-options.joint-select-box.joint-theme-light:not(.joint-color-palette)>div.select-box-option-content:nth-last-child(2){border-radius:0 0 var(--jj-border-radius-small) var(--jj-border-radius-small)}.joint-select-button-group.joint-theme-light .select-button-group-button{border-radius:var(--jj-border-radius-small);border:1px solid var(--jj-border-secondary);box-sizing:border-box;margin:0 4px}.joint-select-button-group.joint-theme-light .select-button-group-button.selected{background:var(--jj-accent-primary);border-color:var(--jj-accent-primary)}.joint-selection.joint-theme-light{background-color:var(--jj-accent-primary);border:1px solid var(--jj-border-selector)}.joint-selection.joint-theme-light .selection-wrapper{border:1px solid var(--jj-border-selector)}.joint-selection.joint-theme-light .handle.rotate{background-image:url(../assets/selection/icon-rotate.svg)}.joint-selection.joint-theme-light .handle.resize{background-image:url(../assets/selection/icon-resize.svg)}.joint-selection.joint-theme-light .handle.resize.se{cursor:se-resize}.joint-selection.joint-theme-light .joint-selection-frame{border:1px dashed var(--jj-border-selector) !important}.snapline.horizontal{border-bottom:1px dashed var(--jj-border-selector)}.snapline.vertical{border-right:1px dashed var(--jj-border-selector)}.joint-stencil.joint-theme-light{position:relative;box-sizing:border-box;height:100%;padding:10px 0 8px 8px;display:flex;flex-direction:column;flex-shrink:1;gap:8px}.joint-stencil.joint-theme-light.stencil-filtered.not-found::after{top:100px !important;left:0;color:var(--jj-text-secondary)}.joint-stencil.joint-theme-light .groups-toggle{display:flex;width:100%;height:24px;align-items:center;gap:4px}.joint-stencil.joint-theme-light .groups-toggle .group-label{font-family:"Open Sans",sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-left:10px;padding:0;order:3;color:var(--jj-text-secondary);cursor:initial}.joint-stencil.joint-theme-light .groups-toggle button.btn{position:relative;background:rgba(0,0,0,0);color:rgba(0,0,0,0);height:20px;width:20px;box-sizing:content-box;border:1px solid var(--jj-border-secondary);border-radius:var(--jj-border-radius-small);cursor:pointer;padding:0;transition:background .2s ease-in-out}.joint-stencil.joint-theme-light .groups-toggle button.btn::before{display:block;content:"";background-size:8px 12px;background-repeat:no-repeat;background-position-x:center;background-position-y:center;height:100%;width:100%}.joint-stencil.joint-theme-light .groups-toggle button.btn:hover{background:var(--jj-accent-hover)}.joint-stencil.joint-theme-light .groups-toggle button.btn.btn-expand{order:1}.joint-stencil.joint-theme-light .groups-toggle button.btn.btn-expand::before{background-image:url(../assets/stencil/icon-expand.svg)}.joint-stencil.joint-theme-light .groups-toggle button.btn.btn-collapse{order:2}.joint-stencil.joint-theme-light .groups-toggle button.btn.btn-collapse::before{background-image:url(../assets/stencil/icon-collapse.svg)}.joint-stencil.joint-theme-light .search-wrap{height:30px;padding-right:8px}.joint-stencil.joint-theme-light .search-wrap input{color:var(--jj-text-tertiary);font-family:"Open Sans",sans-serif;font-size:13.333px;font-style:normal;font-weight:400;line-height:normal;height:100%;padding:7.5px 7px 7px 31.5px;border-radius:var(--jj-border-radius-small);border:1px solid var(--jj-border-secondary);transition:border-color .2s ease-in-out}.joint-stencil.joint-theme-light .search-wrap input:hover{border-color:var(--jj-border-primary)}.joint-stencil.joint-theme-light .search-wrap input::placeholder{color:var(--jj-text-tertiary);font-family:"Open Sans",sans-serif;font-size:13.333px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.joint-stencil.joint-theme-light .search-wrap input::-webkit-search-cancel-button{background:green}.joint-stencil.joint-theme-light .search-wrap::after{content:url(../assets/stencil/icon-search.svg);width:15.5px;height:15.5px;display:block;top:-24px;left:8px;position:relative;flex-shrink:0;z-index:1}.joint-stencil.joint-theme-light .content{top:80px !important;overflow-y:auto;display:flex;flex-direction:column;gap:8px;height:calc(100% - 80px)}.joint-stencil.joint-theme-light .content .group{padding:0 8px;flex-shrink:0;max-height:1000px;transition:max-height .3s ease-in}.joint-stencil.joint-theme-light .content .group .joint-paper{width:100% !important}.joint-stencil.joint-theme-light .content .group-label::before{flex-shrink:0;display:block;margin-right:8px;margin-left:4px}.joint-stencil.joint-theme-light .content .group.closed{max-height:32px;transition:max-height .3s ease-out}.joint-stencil.joint-theme-light .content .group.closed .group-label::before{transform:rotate(-90deg);filter:invert(0.5)}.joint-stencil.joint-theme-light .content .group-label{border-radius:var(--jj-border-radius-small);background-color:var(--jj-accent-primary);color:var(--jj-text-primary);font-family:"Open Sans",sans-serif;font-size:12px;font-style:normal;font-weight:600;padding:6px 5px 6px 5px;height:32px;box-sizing:border-box;display:flex;align-items:center;transition:background-color .2s ease-in-out}.joint-stencil.joint-theme-light .content .group-label::before{width:10px !important;height:16px !important;transition:transform .3s ease;content:url(../assets/stencil/icon-opened.svg)}.joint-stencil.joint-theme-light .content .group-label:hover{background-color:var(--jj-accent-hover)}.joint-stencil.joint-theme-light .joint-viewport>g{pointer-events:bounding-box}.joint-toolbar.joint-theme-light{background-color:var(--jj-bg-primary);box-shadow:0px 3.8580212593px 7.7160425186px 0px rgba(0,0,0,.1019607843);box-sizing:border-box;width:100%;height:55px;padding:0 8px}.joint-tooltip.joint-theme-light{background:var(--jj-bg-tooltip);border:none;border-radius:var(--jj-border-radius-medium);box-shadow:0px 4px 14px 0px rgba(0,0,0,.0588235294);color:var(--jj-accent-tertiary);font-family:"Open Sans",sans-serif;font-weight:600;font-size:11px;line-height:15px;--arrow-mask-size: 4px;--arrow-mask-margin: calc(var(--arrow-mask-size) * -1);--arrow-size: 6px;--arrow-margin: calc(var(--arrow-size) * -1)}.joint-tooltip.joint-theme-light .tooltip-arrow-mask{border-width:var(--arrow-mask-size)}.joint-tooltip.joint-theme-light.top .tooltip-arrow-mask,.joint-tooltip.joint-theme-light.bottom .tooltip-arrow-mask{margin-left:var(--arrow-mask-margin)}.joint-tooltip.joint-theme-light.left .tooltip-arrow-mask,.joint-tooltip.joint-theme-light.right .tooltip-arrow-mask{margin-top:var(--arrow-mask-margin)}.joint-tooltip.joint-theme-light.top .tooltip-arrow-mask{border-bottom-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light.right .tooltip-arrow-mask{border-left-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light.bottom .tooltip-arrow-mask{border-top-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light.left .tooltip-arrow-mask{border-right-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light .tooltip-arrow{border-width:var(--arrow-size)}.joint-tooltip.joint-theme-light.top .tooltip-arrow,.joint-tooltip.joint-theme-light.bottom .tooltip-arrow{margin-left:var(--arrow-margin)}.joint-tooltip.joint-theme-light.left .tooltip-arrow,.joint-tooltip.joint-theme-light.right .tooltip-arrow{margin-top:var(--arrow-margin)}.joint-tooltip.joint-theme-light.top .tooltip-arrow{border-bottom-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light.right .tooltip-arrow{border-left-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light.bottom .tooltip-arrow{border-top-color:var(--jj-bg-tooltip)}.joint-tooltip.joint-theme-light.left .tooltip-arrow{border-right-color:var(--jj-bg-tooltip)}.joint-widget.joint-theme-light{border-radius:var(--jj-border-radius-small);transition:background-color .2s ease-in-out}.joint-widget.joint-theme-light:hover:not([data-type=separator]):not(:disabled){background-color:var(--jj-accent-hover)}.joint-widget.joint-theme-light[data-type=separator]{width:0px;border-color:var(--jj-border-tertiary)}.joint-widget.joint-theme-light[data-name=undo],.joint-widget.joint-theme-light[data-name=redo]{width:40px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.joint-widget.joint-theme-light[data-name=undo]::before{content:url("../assets/widgets/icon-undo.svg")}.joint-widget.joint-theme-light[data-name=redo]::before{content:url("../assets/widgets/icon-redo.svg")}.joint-widget.joint-theme-light input[type=range]{margin-right:8px;color:var(--jj-bg-secondary);--thumb-height: 0.875em;--track-height: 0.125em;--track-color: var(--jj-bg-tertiary);--brightness-hover: 130%;--brightness-down: 80%;--clip-edges: 0.125em}.joint-widget.joint-theme-light input[type=range]{position:relative;background:none;overflow:hidden;padding:6px 0}.joint-widget.joint-theme-light input[type=range]:active{cursor:grabbing}.joint-widget.joint-theme-light input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.joint-widget.joint-theme-light input[type=range],.joint-widget.joint-theme-light input[type=range]::-webkit-slider-runnable-track,.joint-widget.joint-theme-light input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;transition:all ease 100ms;height:var(--thumb-height)}.joint-widget.joint-theme-light input[type=range]::-webkit-slider-runnable-track,.joint-widget.joint-theme-light input[type=range]::-webkit-slider-thumb{position:relative}.joint-widget.joint-theme-light input[type=range]::-webkit-slider-thumb{--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom: calc(var(--thumb-height) - var(--clip-top));--clip-further: calc(100% + 1px);--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width, var(--thumb-height));background:linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);background-color:currentColor;box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.joint-widget.joint-theme-light input[type=range]:hover::-webkit-slider-thumb{filter:brightness(var(--brightness-hover));cursor:grab}.joint-widget.joint-theme-light input[type=range]:active::-webkit-slider-thumb{filter:brightness(var(--brightness-down));cursor:grabbing}.joint-widget.joint-theme-light input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px)}.joint-widget.joint-theme-light input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.joint-widget.joint-theme-light input[type=range],.joint-widget.joint-theme-light input[type=range]::-moz-range-track,.joint-widget.joint-theme-light input[type=range]::-moz-range-thumb{appearance:none;transition:all ease 100ms;height:var(--thumb-height)}.joint-widget.joint-theme-light input[type=range]::-moz-range-track,.joint-widget.joint-theme-light input[type=range]::-moz-range-thumb,.joint-widget.joint-theme-light input[type=range]::-moz-range-progress{background:rgba(255,255,255,0)}.joint-widget.joint-theme-light input[type=range]::-moz-range-thumb{background:currentColor;border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.joint-widget.joint-theme-light input[type=range]:active::-moz-range-thumb{cursor:grabbing}.joint-widget.joint-theme-light input[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.joint-widget.joint-theme-light input[type=range]::-moz-range-progress{appearance:none;background:currentColor;transition-delay:30ms}.joint-widget.joint-theme-light input[type=range]::-moz-range-track,.joint-widget.joint-theme-light input[type=range]::-moz-range-progress{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}.joint-widget.joint-theme-light input[type=range]::-moz-range-thumb,.joint-widget.joint-theme-light input[type=range]::-moz-range-progress{filter:brightness(100%)}.joint-widget.joint-theme-light input[type=range]:hover::-moz-range-thumb,.joint-widget.joint-theme-light input[type=range]:hover::-moz-range-progress{filter:brightness(var(--brightness-hover))}.joint-widget.joint-theme-light input[type=range]:active::-moz-range-thumb,.joint-widget.joint-theme-light input[type=range]:active::-moz-range-progress{filter:brightness(var(--brightness-down))}.joint-widget.joint-theme-light input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.joint-widget.joint-theme-light[data-type=checkbox]{width:20px;height:20px;position:relative;border-radius:var(--jj-border-radius-small);margin:0}.joint-widget.joint-theme-light[data-type=checkbox] input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.joint-widget.joint-theme-light[data-type=checkbox] input[type=checkbox]:after{cursor:pointer;line-height:1.5em;content:" ";display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;background:var(--jj-bg-quaternary);border:1px solid var(--jj-border-secondary);border-radius:var(--jj-border-radius-small)}.joint-widget.joint-theme-light[data-type=checkbox] input[type=checkbox]:checked:after{content:url("../assets/widgets/icon-checkbox-tick.svg");text-align:center}.joint-widget.joint-theme-light[data-type=colorPicker]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;width:16px;height:16px;cursor:pointer;padding:0;border:1px solid var(--jj-border-quaternary);border-radius:var(--jj-border-radius-small);overflow:hidden;width:24px;height:24px}.joint-widget.joint-theme-light:disabled{filter:opacity(0.5);cursor:initial}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0;border-radius:0}::-moz-color-swatch,::-moz-focus-inner{border:0}::-moz-focus-inner{padding:0}@font-face{font-family:"DM Sans";font-stretch:75% 125%;font-style:normal;font-weight:125 950;src:url(../assets/fonts/DMSans.ttf)}@font-face{font-family:"Roboto Flex";font-stretch:75% 125%;font-style:normal;font-weight:125 950;src:url(../assets/fonts/RobotoFlex.ttf)}.inspector-container{position:absolute;right:0;flex-shrink:0;width:240px;height:100%;box-sizing:border-box;overflow-y:auto;padding:10px 8px 8px 8px;display:flex;flex-direction:column;gap:8px;box-shadow:0px 4px 12px 0px rgba(0,0,0,.0784313725);overflow-x:hidden;background-color:var(--jj-bg-primary)}.inspector-container .inspector-header{height:24px;display:flex;align-items:center;gap:4px}.inspector-container .inspector-header.hidden{display:none}.inspector-container .inspector-header button{position:relative;background:rgba(0,0,0,0);color:rgba(0,0,0,0);height:20px;width:20px;box-sizing:content-box;border:1px solid var(--jj-border-secondary);border-radius:var(--jj-border-radius-small);cursor:pointer;padding:0;transition:background-color .2s ease-in-out}.inspector-container .inspector-header button:hover{background:var(--jj-accent-hover)}.inspector-container .inspector-header button::before{display:block;content:"";background-size:8px 12px;background-repeat:no-repeat;background-position-x:center;background-position-y:center;height:100%;width:100%}.inspector-container .inspector-header button.open-groups-btn::before{background-image:url(../assets/inspector/icon-expand.svg)}.inspector-container .inspector-header button.close-groups-btn::before{background-image:url(../assets/inspector/icon-collapse.svg)}.inspector-container .inspector-header span.inspector-header-text{font-family:"Open Sans",sans-serif;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-left:10px;padding:0;color:var(--jj-text-secondary)}.inspector-container .inspector-content>div{position:static;display:flex;flex-direction:column;gap:8px}.inspector-container .inspector-content .field .object-property[data-property$="/fill"],.inspector-container .inspector-content .field .object-property[data-property$="/stroke"],.inspector-container .inspector-content .field[data-field$="/fill"],.inspector-container .inspector-content .field[data-field$="/stroke"]{display:inline-block !important;vertical-align:top;width:50%}.inspector-container .inspector-content .field .object-property[data-property$="/fill"]>div,.inspector-container .inspector-content .field .object-property[data-property$="/stroke"]>div,.inspector-container .inspector-content .field[data-field$="/fill"]>div,.inspector-container .inspector-content .field[data-field$="/stroke"]>div{width:100%}.inspector-container .inspector-content .field input[type=file]{height:200%}.inspector-container .inspector-content .field input[type=file]::file-selector-button{line-height:17.7px;height:auto;box-sizing:content-box;border-radius:var(--jj-border-radius-small);padding:8px;font-family:"Open Sans",sans-serif;font-size:14px;color:var(--jj-text-primary);background-color:var(--jj-bg-primary);border:1px solid var(--jj-border-secondary);transition:background-color .2s ease-in-out;cursor:pointer}.inspector-container .inspector-content .field input[type=file]::file-selector-button:hover{background-color:var(--jj-accent-hover)}.inspector-container .joint-select-box-options.joint-select-box:not(.joint-color-palette){width:calc(100% - 24px)}.inspector-container .joint-select-box-options.joint-select-box:not(.joint-color-palette).list-select-box{width:calc(100% - 60px)}.navigator-container{position:absolute;right:256px;bottom:16px;border-radius:var(--jj-border-radius-small);background-color:var(--jj-bg-primary);color:var(--jj-text-secondary);font-size:12px;line-height:16px;display:flex;flex-direction:column;align-items:center;font-family:"Open Sans",sans-serif;box-shadow:0px 4px 11px 0px rgba(0,0,0,.0784313725)}.navigator-container .joint-toolbar{border-radius:var(--jj-border-radius-small)}.navigator-container .joint-toolbar .joint-toolbar-group{gap:4px}.navigator-container .joint-toolbar .joint-widget[data-type=iconButton]{background:rgba(0,0,0,0);border:none;padding:10px;cursor:pointer}.navigator-container .joint-toolbar .joint-widget[data-type=iconButton].active{background:var(--jj-accent-primary)}.navigator-container .joint-toolbar .joint-widget[data-type=zoomSlider]{padding:6px 4px}.navigator-container .joint-toolbar .joint-widget[data-type=zoomSlider] output{min-width:28px}.joint-navigator{max-height:130px;transform:scale(1);transform-origin:center bottom;transition:.3s ease-in-out;transition-property:max-height,transform}.current-view:not(.joint-navigator.hidden){opacity:1;transition-delay:.3s;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-in-out}.joint-navigator .joint-paper{box-shadow:none}.joint-navigator .joint-paper path{opacity:.5;fill:var(--jj-bg-navigator-path-fill)}.joint-navigator.hidden{max-height:0;transform:scale(0)}.joint-navigator.hidden .current-view{opacity:0;transition:none}.joint-popup .joint-settings-inspector{border-radius:inherit;margin:8px 8px;width:232px}.joint-popup .joint-settings-inspector .field{padding:12px;position:relative;display:flex;align-items:center}.joint-popup .joint-settings-inspector .field:first-of-type{justify-content:space-between}.joint-popup .joint-settings-inspector .field:first-of-type::after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1.5px;background-color:var(--jj-bg-quaternary)}.joint-popup .joint-settings-inspector .field label{font-family:"Open Sans",sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:0em;color:var(--jj-text-primary)}.joint-popup .joint-settings-inspector .field.toggle-field{gap:8px}.joint-popup .joint-settings-inspector .field.toggle-field label{order:2}.joint-popup .joint-settings-inspector .field.color-field input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;width:16px;height:16px;cursor:pointer;padding:0;border:1px solid var(--jj-border-quaternary);border-radius:var(--jj-border-radius-small);overflow:hidden}.joint-popup .joint-settings-inspector .field.range-field output{order:4;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:600;line-height:16px;letter-spacing:0em;justify-self:flex-end}.joint-popup .joint-settings-inspector .field.range-field input[type=range]{color:var(--jj-bg-secondary);--thumb-height: 0.875em;--track-height: 0.125em;--track-color: var(--jj-bg-tertiary);--brightness-hover: 130%;--brightness-down: 80%;--clip-edges: 0.125em;margin:0 6px}.joint-popup .joint-settings-inspector .field.range-field input[type=range]{position:relative;background:none;overflow:hidden;padding:6px 0}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:active{cursor:grabbing}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.joint-popup .joint-settings-inspector .field.range-field input[type=range],.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-webkit-slider-runnable-track,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;transition:all ease 100ms;height:var(--thumb-height)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-webkit-slider-runnable-track,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-webkit-slider-thumb{position:relative}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-webkit-slider-thumb{--thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);--clip-bottom: calc(var(--thumb-height) - var(--clip-top));--clip-further: calc(100% + 1px);--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width, var(--thumb-height));background:linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);background-color:currentColor;box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further))}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:hover::-webkit-slider-thumb{filter:brightness(var(--brightness-hover));cursor:grab}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:active::-webkit-slider-thumb{filter:brightness(var(--brightness-down));cursor:grabbing}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.joint-popup .joint-settings-inspector .field.range-field input[type=range],.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-track,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-thumb{appearance:none;transition:all ease 100ms;height:var(--thumb-height)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-track,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-thumb,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-progress{background:rgba(255,255,255,0)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-thumb{background:currentColor;border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:active::-moz-range-thumb{cursor:grabbing}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-track{width:100%;background:var(--track-color)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-progress{appearance:none;background:currentColor;transition-delay:30ms}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-track,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-progress{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-thumb,.joint-popup .joint-settings-inspector .field.range-field input[type=range]::-moz-range-progress{filter:brightness(100%)}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:hover::-moz-range-thumb,.joint-popup .joint-settings-inspector .field.range-field input[type=range]:hover::-moz-range-progress{filter:brightness(var(--brightness-hover))}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:active::-moz-range-thumb,.joint-popup .joint-settings-inspector .field.range-field input[type=range]:active::-moz-range-progress{filter:brightness(var(--brightness-down))}.joint-popup .joint-settings-inspector .field.range-field input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}.joint-popup .joint-settings-inspector .field.toggle-field .toggle{width:20px;height:20px;position:relative;border-radius:var(--jj-border-radius-small);margin:0}.joint-popup .joint-settings-inspector .field.toggle-field .toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none}.joint-popup .joint-settings-inspector .field.toggle-field .toggle input[type=checkbox]:after{cursor:pointer;line-height:1.5em;content:" ";display:block;position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;background:var(--jj-bg-quaternary);border:1px solid var(--jj-border-secondary);border-radius:var(--jj-border-radius-small)}.joint-popup .joint-settings-inspector .field.toggle-field .toggle input[type=checkbox]:checked:after{content:url("../assets/widgets/icon-checkbox-tick.svg");text-align:center}html,body,.joint-app{display:flex;flex-direction:column;position:relative;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none;font-family:"Open Sans",sans-serif;overflow:hidden}.app-header{display:flex;width:100%;height:55px;align-items:flex-start;padding:16px 16px 12px 16px;gap:20px;box-sizing:border-box;background:#374151}.app-header-text{font-size:15px;font-weight:600;color:#e0e6ea}.app-body{display:flex;position:relative;flex:1 auto}.app-body .paper-container{position:absolute;overflow:hidden;box-sizing:border-box;height:100%;top:0;left:240px;right:240px}.paper-container.bordered .joint-paper-background{border:1px solid #b3b3b3;box-shadow:0px 4px 11px 0px rgba(0,0,0,.0784313725)}.joint-toolbar{display:block;height:55px;z-index:100;position:relative}.joint-toolbar .joint-widget[data-name=select-file]::before{content:url("../assets/toolbar/icon-file.svg")}.joint-toolbar .joint-widget[data-name^=select]{color:var(--jj-text-primary);font-size:12.5px;line-height:17px;box-sizing:border-box;padding:0 8px;min-width:40px;height:40px;border:none;background:rgba(0,0,0,0);cursor:pointer;font-weight:600}.joint-toolbar .joint-widget[data-name^=select]::after{content:url("../assets/toolbar/icon-dropdown.svg");margin-left:8px}.joint-toolbar .joint-widget[data-name=select-share]{margin-left:4px}.joint-toolbar .joint-widget[data-name=select-share]::before{content:url("../assets/toolbar/icon-share.svg")}.toolbar-container button:not(:empty){padding:0 4px}.joint-paper-scroller[data-cursor=crosshair] .joint-cell{cursor:crosshair}.stencil-container{width:240px;height:100%;flex-shrink:0;z-index:1;background-color:var(--jj-bg-primary);box-shadow:0px 4px 12px 0px rgba(0,0,0,.1215686275)}.stencil-container .joint-tooltip{position:absolute;box-shadow:0px 4px 11px 0px rgba(0,0,0,.0784313725);background:var(--jj-bg-primary);border-radius:var(--jj-border-radius-small);text-align:center}.stencil-container .joint-tooltip .tooltip-content .joint-paper{margin:10px auto}.stencil-container .joint-tooltip .tooltip-content span{color:var(--jj-text-primary);font-family:"Open Sans",sans-serif;font-size:11px;font-weight:600;line-height:15px;display:block;padding-top:8px;border-top:1px solid var(--jj-border-tertiary)}.stencil-container .joint-tooltip.left .tooltip-arrow-mask{border-right-color:var(--jj-bg-primary)}.stencil-container .joint-tooltip.left .tooltip-arrow{border-right-color:var(--jj-bg-primary)}.joint-tooltip{z-index:1}